/* Batch A: user settings, scoped away from server settings and call motion. */
.settings-badge-row .pp-badge-chip { flex:none; width:auto; }
.batch-a-card-editor .card-color-preview { width:280px; max-width:100%; margin:12px 0 20px; }
.batch-a-card-editor .ccp-avatar .avatar { width:44px; height:44px; }
.batch-a-card-editor .banner-edit-actions { flex-wrap:wrap; }
.batch-a-card-editor h4 { margin:20px 0 10px; }
.batch-a-security-summary { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; }
.batch-a-security-summary h4 { margin:0 0 5px; }
.batch-a-security-summary > div { min-width:0; overflow-wrap:anywhere; }
.batch-a-security-form { padding:8px 0 16px; }
.batch-a-security-form[hidden] { display:none; }
.batch-a-security-form .settings-profile-field { margin:10px 0; }
.settings-panel[data-settings-tab=security] .settings-section,
.settings-panel[data-settings-tab=sessions] .settings-section { border-bottom:0; }
.settings-panel .session-card:last-child, .settings-panel .history-row:last-child { border-bottom:0; }
.settings-panel .batch-a-account .acct-row { padding:8px 0; }
.settings-panel .history-row { flex-wrap:wrap; }
.batch-a-device-access { display:flex; align-items:center; gap:12px; margin:12px 0; }
.settings-panel .is-listening { outline:2px solid var(--accent); outline-offset:2px; }
.sfx-name:has(input) { display:flex; align-items:center; gap:8px; }
.sfx-name input[type=checkbox] { width:16px; height:16px; flex:none; }
.cz-sample-side > strong { display:block; margin-bottom:18px; font-size:11px; }
.cz-sample-side > div { margin:12px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
body[data-cz-density=compact] .batch-a-preview .dp-msg { padding-block:2px; }
body[data-cz-density=bubbles] .batch-a-preview .dp-body { background:var(--bg-2); padding:8px; border-radius:var(--radius); }
/* A visible stationary gradient, including the chooser's real-theme miniatures. */
:is(body,.cz-mini).theme-ember { --theme-gradient:linear-gradient(125deg,#56301e 0%,#321d2c 52%,#171b29 100%); }
:is(body,.cz-mini).theme-deepsea { --theme-gradient:linear-gradient(125deg,#12505a 0%,#1a3045 52%,#141c32 100%); }
:is(body,.cz-mini).theme-moss { --theme-gradient:linear-gradient(125deg,#414d23 0%,#243e2e 52%,#182824 100%); }
:is(body,.cz-mini).theme-wine { --theme-gradient:linear-gradient(125deg,#562438 0%,#382538 52%,#22203c 100%); }
:is(body,.cz-mini).theme-dune { --theme-gradient:linear-gradient(125deg,#f7dfbe 0%,#e5e5d3 52%,#eccfcd 100%); }
:is(body,.cz-mini).theme-tide { --theme-gradient:linear-gradient(125deg,#174e48 0%,#223e38 52%,#39462b 100%); }
body.gradient-theme :is(.main,.sidebar,.server-rail,.settings-content,.settings-sidebar) { background:color-mix(in srgb,var(--bg) 28%,transparent); }
.cz-mini-chat { background:color-mix(in srgb,var(--bg) 15%,transparent); }
.cz-sample-chat { background:color-mix(in srgb,var(--bg) 30%,transparent); }
@media(max-width:800px) {
 .mobile-settings-screen .settings-savebar { bottom:0; margin-bottom:-30px; padding-bottom:14px; background:var(--bg); }
 .batch-a-device-access { flex-wrap:wrap; }
 .batch-a-security-summary > button { min-height:44px; }
 .cz-sample-side { font-size:10px; }
 .cz-sample-side::after { display:none; }
 .cz-sample-side > strong { font-size:10px; }
}
.batch-a-preview { flex:none; height:auto; min-height:0; }
.settings-panel[data-settings-tab=security] .sec-card { border-bottom:0; }
@media(max-width:800px) {
 .mobile-settings-screen > .settings-panel:has(.settings-savebar) { padding-bottom:0; }
 .mobile-settings-screen .settings-savebar { margin-bottom:0; }
 body .cz-preview { grid-template-columns:16px minmax(0,1fr); }
 .cz-preview .cz-sample-side { display:none; }
}
/* Native hidden must win over existing flex display rules. */
.settings-panel [hidden] { display:none !important; }
.settings-panel[data-settings-tab=updates] a.button.ghost { color:var(--text); background:transparent; border:1px solid var(--border-strong); border-radius:var(--radius); padding:8px 12px; align-self:flex-start; }
.batch-a-card-editor { scroll-margin-top:76px; }
.batch-a-card-editor .ccp-handle { width:auto; height:auto; background:none; margin-top:5px; font-size:12px; color:var(--muted); }
.batch-a-card-editor input[type=color] { width:38px; height:38px; padding:3px; border-radius:var(--radius); }
@media(max-width:800px) {
 /* Mobile chat overlays the navigation; its gradient must fully cover that layer. */
 body.gradient-theme .main { background:var(--theme-gradient); }
}