/* Shared theme tokens; no changes to integration permissions or visibility. */
#panel-settings .panel-body{padding:24px 28px 40px;overflow-y:auto;overscroll-behavior:contain;}
#panel-settings .settings-sections{display:flex;gap:4px;padding:4px;background:var(--surface2);border:1px solid var(--border);border-radius:14px;width:fit-content;max-width:100%;margin-bottom:12px;}
#panel-settings .settings-sections button{border:0;border-radius:10px;background:transparent;color:var(--text2);padding:10px 18px;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;cursor:pointer;min-height:42px;}
#panel-settings .settings-sections button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 2px 6px #0001;}
#panel-settings .settings-section-description{font-size:13px;color:var(--text2);margin:0 0 24px;line-height:1.5;}
#panel-settings[data-settings-section=general] .settings-card:not([data-settings-group=general]),
#panel-settings[data-settings-section=connections] .settings-card:not([data-settings-group=connections]),
#panel-settings[data-settings-section=health] .settings-card:not([data-settings-group=health]){display:none!important;}
#panel-settings .settings-card{box-sizing:border-box;width:100%;max-width:960px;margin:0 0 16px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:none;}
#panel-settings .settings-card[hidden]{display:none!important;}
#panel-settings .settings-card>h3{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 18px;color:var(--text);}
#panel-settings .settings-card>summary{font-size:16px;font-weight:600;cursor:pointer;line-height:1.5;color:var(--text);}
#panel-settings .settings-card .input-group{margin-bottom:16px;}
#panel-settings .settings-card label{color:var(--text2);line-height:1.5;}
#panel-settings .settings-card input:not([type=checkbox]),#panel-settings .settings-card textarea{box-sizing:border-box;max-width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:12px;min-height:44px;}
#panel-settings .settings-card .auth-btn{width:auto;max-width:100%;min-height:42px;padding:10px 16px;border-radius:12px;font-size:13px;line-height:1.4;}
#panel-settings button:active{transform:translateY(1px);}
#panel-settings button:focus-visible{outline:2px solid var(--blue,#4d9eff);outline-offset:3px;}
#panel-settings .avito-store-card{background:var(--surface2);border-radius:14px;}
#panel-settings .system-health-content{margin-top:16px;}
.keybuy-message-author.keybuy-author-with-order{display:flex!important;align-items:center;gap:12px;flex-wrap:wrap;}
.keybuy-author-with-order .keybuy-author-name{flex-shrink:0;}
.keybuy-author-with-order .keybuy-card-order{display:flex!important;align-items:center;gap:8px;flex:0 1 auto;min-width:0;max-width:50%;padding:0!important;margin:0!important;border:0!important;order:0!important;}
.keybuy-author-with-order .keybuy-order-label{display:none;}
.keybuy-author-with-order .keybuy-card-order button{font-size:12px;min-height:32px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.keybuy-author-with-order .keybuy-product-state{margin-left:auto;}
@media(max-width:600px){
 #panel-settings .panel-body{padding:16px 14px 28px;}
 #panel-settings .settings-card{padding:18px 16px;border-radius:16px;}
 #panel-settings .settings-sections{width:100%;box-sizing:border-box;}
 #panel-settings .settings-sections button{flex:1;padding:10px 6px;font-size:12px;}
 #panel-settings .settings-card input:not([type=checkbox]),#panel-settings .settings-card textarea{font-size:16px;}
 .keybuy-message-author.keybuy-author-with-order{gap:8px;}
 .keybuy-author-with-order .keybuy-card-order{max-width:65%;}
 .keybuy-author-with-order .keybuy-product-state{margin-left:0;}
}

#panel-settings .settings-preferences{background:var(--surface2)!important;}
@media(prefers-reduced-motion:reduce){#panel-settings button:active{transform:none;}}

/* Header navigation remains visible while settings scroll. */
#panel-settings .panel-header{flex-wrap:wrap;gap:12px 24px;padding-bottom:16px;}
#panel-settings .settings-sections{margin:0;order:2;flex-shrink:0;}
#panel-settings #btn-debug-open{margin-left:auto;order:3;}
#panel-settings .panel-body{padding-top:18px;}
dialog.keybuy-order-dialog .keybuy-order-head{align-items:center;min-height:36px;}
dialog.keybuy-order-dialog .keybuy-order-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0!important;margin:0!important;font:400 0/1 system-ui;border:1px solid var(--border);border-radius:10px;background:transparent;position:relative;}
dialog.keybuy-order-dialog .keybuy-order-close::before,dialog.keybuy-order-dialog .keybuy-order-close::after{content:'';position:absolute;width:14px;height:1.5px;top:50%;left:50%;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);}
dialog.keybuy-order-dialog .keybuy-order-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
dialog.keybuy-order-dialog input[type=search]:focus{outline:2px solid var(--blue,#4d9eff);outline-offset:1px;box-shadow:none;}
#attention-card .attention-group{padding:16px 0;border-top:1px solid var(--border);}
#attention-card .attention-group h4{font-size:14px;margin:0 0 12px;color:var(--text2);}
#attention-card .system-health-item{gap:16px;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;}
#attention-card .system-health-item-name{font-size:14px;line-height:1.5;}
#attention-card .system-health-item-detail{font-size:12px;line-height:1.5;margin-top:5px;color:var(--text2);}
#attention-card .attention-open{min-height:36px;flex-shrink:0;font-size:12px;border-radius:10px;}
@media(max-width:700px){#panel-settings .settings-sections{order:4;flex-basis:100%;}#panel-settings #btn-debug-open{order:3;}#attention-card .system-health-item{align-items:flex-start;flex-wrap:wrap;}}
/* Keep the content aligned to the page title, not an independently centred column. */
.layout-transfer #panel-settings > .panel-body{width:100%;max-width:none;margin:0;align-self:stretch;padding:20px 24px 40px;}
.layout-transfer #panel-settings .settings-card{width:100%;max-width:880px;margin:0 0 16px;}
.layout-transfer #panel-settings .settings-section-description{max-width:880px;margin:0 0 16px;}
.layout-transfer #panel-settings .settings-sections{gap:2px;padding:3px;border-radius:12px;}
.layout-transfer #panel-settings .settings-sections button{min-height:36px;padding:8px 14px;font-size:13px;}
.layout-transfer #panel-settings .settings-sections button:focus:not(:focus-visible){outline:none;box-shadow:none;}
.layout-transfer #panel-settings .settings-sections button:focus-visible{outline:2px solid var(--blue,#4d9eff);outline-offset:-2px;}
.layout-transfer #panel-settings .toggle-row{min-height:48px;padding:10px 0;}
.layout-transfer #panel-settings .settings-card-help{max-width:640px;font-size:12px;margin-bottom:12px;}
@media(max-width:700px){.layout-transfer #panel-settings > .panel-body{padding:16px 14px calc(92px + env(safe-area-inset-bottom));}.layout-transfer #panel-settings .settings-sections button{padding:8px 6px;font-size:12px;}}

/* Quiet financial hierarchy and a separate settings navigation row. */
.layout-transfer #panel-settings .panel-header{display:flex;flex-wrap:wrap;align-items:center;gap:16px;}
.layout-transfer #panel-settings .settings-sections{order:5;flex-basis:100%;width:100%;max-width:880px;justify-content:flex-start;background:transparent;border:0;padding:0;gap:8px;}
.layout-transfer #panel-settings .settings-sections button{min-height:38px;padding:9px 18px;border-radius:10px;}
.layout-transfer #panel-settings .settings-sections button[aria-selected=true]{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border);}
#panel-analytics .an-cost-bars{display:grid;gap:18px;max-width:760px;margin:22px 0;}
#panel-analytics .an-cost-row>div:first-child{display:flex;justify-content:space-between;gap:20px;align-items:baseline;font-size:14px;}
#panel-analytics .an-cost-row b{white-space:nowrap;font-variant-numeric:tabular-nums;}
#panel-analytics .an-cost-track{height:6px;border-radius:6px;background:var(--surface2);margin-top:8px;overflow:hidden;}
#panel-analytics .an-cost-track span{display:block;height:100%;background:var(--blue,#55a8ff);border-radius:6px;}
#panel-analytics .an-zero-expenses{font-size:13px;color:var(--text2);margin:20px 0;}
#panel-analytics .an-daily-details{border:1px solid var(--border);border-radius:16px;padding:18px;margin-top:20px;}
#panel-analytics .an-daily-details>summary{cursor:pointer;font-weight:600;}
#panel-analytics .an-daily-details .an-table-wrap{max-height:none;overflow-y:visible;margin:16px 0;}
#panel-analytics .an-daily-details td:not(:first-child),#panel-analytics .an-daily-details th:not(:first-child){text-align:right;}
#panel-analytics .an-advice-visible{font-size:13px;line-height:1.6;margin:14px 0 0;color:var(--text2);}
#panel-analytics button:not(.an-metric-card):not(.an-hit){min-height:36px;border-radius:10px;font-family:inherit;}
#panel-analytics .an-expense-form button,#panel-settings .settings-card .auth-btn{min-height:40px;}
@media(max-width:600px){#panel-analytics .an-cost-row>div:first-child{font-size:12px;gap:12px;}.layout-transfer #panel-settings .settings-sections button{padding:9px 6px;flex:1;font-size:12px;}}
.layout-transfer #panel-settings>.panel-header{height:auto!important;min-height:0;flex-shrink:0;padding-top:20px;padding-bottom:16px;overflow:visible;}
.layout-transfer #panel-settings>.panel-header{display:grid!important;grid-template-columns:1fr auto!important;}
.layout-transfer #panel-settings>.panel-header>.settings-sections{grid-column:1 / -1!important;grid-row:2!important;justify-self:start;width:100%;}
.layout-transfer #panel-settings #btn-debug-open{grid-column:2;grid-row:1;margin-left:0;}

#panel-settings[data-settings-section=staff] .settings-card:not([data-settings-group=staff]){display:none!important}
#panel-settings .settings-sections button[hidden],[data-access-hidden=true]{display:none!important}
.staff-access-grid{display:grid;gap:16px}.staff-access-person{padding:18px;border:1px solid var(--border);border-radius:14px;display:grid;gap:12px}.staff-access-person h4{margin:0;font-size:16px}.staff-access-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.staff-access-row select{width:160px;min-height:40px;border:1px solid var(--border);background:var(--surface2);color:var(--text);border-radius:10px;padding:8px}.staff-access-row input[type=checkbox]{width:20px;height:20px}.staff-access-muted{font-size:12px;color:var(--text2);line-height:1.5}.staff-access-person button{justify-self:start}.staff-access-status{font-size:13px}.staff-access-history{border-top:1px solid var(--border);padding:12px 0}.staff-access-banner{padding:8px 16px;font-size:12px;color:var(--text2);background:var(--surface2)}
@media(max-width:600px){#panel-settings .settings-sections{overflow-x:auto;justify-content:flex-start}#panel-settings .settings-sections button{flex:0 0 auto;white-space:nowrap;padding:9px 12px}.staff-access-person{padding:12px}.staff-access-row{gap:8px}.staff-access-row select{width:140px}}