/* ===== The Sovereign Series™ — sovereign.css · single stylesheet for the estate (Bible v1.0) ===== */
/* The Sovereign Series™ — design tokens. Dark is the default theme; scope light with data-theme="light" on <body> or any subtree. */
:root, [data-theme="dark"] {
  /* brand constants (theme-invariant) */
  --brand-crimson: #B41F24;
  --brand-crimson-hover: #C8242B;
  /* backgrounds */
  --page-bg: radial-gradient(1200px 700px at 50% -6%, rgba(180,31,36,.12), transparent 60%), #050506;
  --art-bg: radial-gradient(1100px 520px at 6% -12%, rgba(180,31,36,.22), rgba(180,31,36,0) 55%), linear-gradient(180deg, #0C0C11, #08080B);
  /* ink ladder: headline -> hint */
  --ink: #F5F5F7;
  --ink-strong: #E6E6EA;
  --ink-soft: #B9B9C2;
  --ink-label: #C7C7CF;
  --ink-mute: #9A9AA3;
  --ink-dim: #8A8A92;
  --ink-dim2: #7C7C85;
  --ink-faint: #63636C;
  /* surfaces */
  --card1: #17171D;
  --card2: #101015;
  --surface: rgba(255,255,255,.02);
  --surface2: rgba(255,255,255,.03);
  --surface3: rgba(255,255,255,.05);
  /* lines: hairline -> border -> divider */
  --line: rgba(255,255,255,.07);
  --line2: rgba(255,255,255,.08);
  --border: rgba(255,255,255,.10);
  --border-strong: rgba(255,255,255,.12);
  --divider: rgba(255,255,255,.22);
  --dash: rgba(255,255,255,.24);
  --dotline: rgba(255,255,255,.3);
  /* semantic accents — the brand has TWO states only: risk (red) and fix/permitted (rose). No green, no amber. */
  --rose: #E8ADB0;
  --r-key: #E5484D;     /* headline keyword, focus, live dot */
  --r-text: #F0888C;    /* alert text */
  --r-strong: #F4C9CB;  /* strong alert text on tinted fill */
  /* effects */
  --card-shadow: 0 26px 60px rgba(0,0,0,.6), 0 0 42px rgba(180,31,36,.16); /* dark cards may glow */
  --focus-ring: 0 0 0 3px rgba(229,72,77,.18);
}
[data-theme="light"] {
  --page-bg: radial-gradient(1200px 640px at 50% -6%, rgba(180,31,36,.08), transparent 60%), #F1EBE7;
  --art-bg: radial-gradient(1100px 520px at 6% -12%, rgba(180,31,36,.10), rgba(180,31,36,0) 55%), linear-gradient(180deg, #FBF8F6, #EFE8E4);
  --ink: #1A1720;
  --ink-strong: #26222C;
  --ink-soft: #514D57;
  --ink-label: #3A3640;
  --ink-mute: #6E6A74;
  --ink-dim: #827E87;
  --ink-dim2: #8A868F;
  --ink-faint: #9C97A0;
  --card1: #FFFFFF;
  --card2: #F4EEEA;
  --surface: rgba(24,12,14,.03);
  --surface2: rgba(24,12,14,.05);
  --surface3: rgba(24,12,14,.07);
  --line: rgba(24,12,14,.10);
  --line2: rgba(24,12,14,.11);
  --border: rgba(24,12,14,.14);
  --border-strong: rgba(24,12,14,.17);
  --divider: rgba(24,12,14,.20);
  --dash: rgba(24,12,14,.22);
  --dotline: rgba(24,12,14,.30);
  --rose: #A23A3F;
  --r-key: #C01722;
  --r-text: #B41F24;
  --r-strong: #7C1216;
  --card-shadow: 0 16px 36px rgba(26,23,32,.14); /* light cards never glow */
  --focus-ring: 0 0 0 3px rgba(192,23,34,.12);
}
/* radius ladder */
:root { --radius-card: 13px; --radius-panel: 11px; --radius-tile: 9px; --radius-control: 7px; --radius-badge: 5px; }

/* Buttons, forms, badges, cards, log rows. All colors via tokens — works in both themes automatically. */

/* BUTTONS — radius 7px; ONE primary per view; crimson is theme-invariant */
.btn { display:inline-flex; align-items:center; gap:8px; padding:11px 17px; border-radius:var(--radius-control); font:600 14px 'IBM Plex Sans',sans-serif; cursor:pointer; border:none; transition:background .15s ease, transform .1s ease, box-shadow .15s ease; }
.btn:active { transform:translateY(1px); }
.btn-primary { background:var(--brand-crimson); color:#fff; box-shadow:0 10px 26px rgba(180,31,36,.4); }
.btn-primary:hover { background:var(--brand-crimson-hover); }
.btn-primary:active { box-shadow:0 5px 13px rgba(180,31,36,.4); }
.btn-secondary { background:transparent; color:var(--ink); border:1px solid var(--divider); }
.btn-secondary:hover { border-color:var(--dotline); }
.btn-link { background:none; border:none; padding:0; font-family:'IBM Plex Mono',monospace; font-size:12px; letter-spacing:.08em; color:var(--rose); cursor:pointer; }
.btn-link:hover { color:var(--ink); }
.btn[disabled], .btn-disabled { background:var(--surface3); color:var(--ink-faint); box-shadow:none; cursor:not-allowed; }

/* FORMS — labels ABOVE fields, mono uppercase; never floating placeholders */
.field { display:flex; flex-direction:column; gap:5px; }
.field-label { font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-mute); }
.input, .select, .textarea {
  padding:10px 12px; background:var(--surface2); border:1px solid var(--border);
  border-radius:var(--radius-control); font:400 13px 'IBM Plex Sans',sans-serif; color:var(--ink);
  outline:none; width:100%; transition:border-color .15s ease, box-shadow .15s ease;
}
.input::placeholder { color:var(--ink-faint); }
.input:focus, .select:focus, .textarea:focus { border-color:var(--r-key); box-shadow:var(--focus-ring); }
.field-error .input { border-color:var(--r-key); background:color-mix(in srgb, var(--r-key) 7%, transparent); }
.field-error-msg { font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.06em; color:var(--r-text); }
.field-error-msg::before { content:'\2715  '; }
.select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; }

/* checks / radios / toggles fill crimson when active, both themes; 44px targets on touch */
.check, .radio { appearance:none; width:16px; height:16px; border:1px solid var(--dash); background:var(--surface2); cursor:pointer; display:inline-grid; place-content:center; margin:0; }
.check { border-radius:4px; }
.radio { border-radius:50%; }
.check:checked { background:var(--brand-crimson); border-color:var(--brand-crimson); }
.check:checked::before { content:'\2713'; color:#fff; font-size:11px; line-height:1; }
.radio:checked { border-color:var(--r-key); }
.radio:checked::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--r-key); }
.check:focus-visible, .radio:focus-visible, .toggle:focus-visible { box-shadow:var(--focus-ring); outline:none; }
.toggle { appearance:none; width:32px; height:18px; border-radius:999px; background:var(--surface3); border:1px solid var(--border); position:relative; cursor:pointer; transition:background .15s ease; margin:0; }
.toggle::before { content:''; position:absolute; top:2px; left:2px; width:12px; height:12px; border-radius:50%; background:var(--ink-mute); transition:all .15s ease; }
.toggle:checked { background:var(--brand-crimson); border-color:var(--brand-crimson); }
.toggle:checked::before { left:16px; background:#fff; }
.control-row { display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink); }

/* BADGES — mono, uppercase, tinted fill + border. Risk = red; fix/permitted = rose. */
.badge { display:inline-flex; align-items:center; gap:6px; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; padding:4px 9px; border-radius:var(--radius-badge); }
.badge-risk { color:var(--r-text); background:color-mix(in srgb, var(--r-key) 10%, transparent); border:1px solid color-mix(in srgb, var(--r-key) 40%, transparent); }
.badge-fix { color:var(--rose); background:color-mix(in srgb, var(--rose) 8%, transparent); border:1px solid color-mix(in srgb, var(--rose) 38%, transparent); }
.badge .dot { width:6px; height:6px; border-radius:50%; background:currentColor; }

/* CARDS — header / body / footer separated by hairlines; footer carries a mono aphorism */
.card { border-radius:var(--radius-card); overflow:hidden; background:linear-gradient(180deg, var(--card1), var(--card2)); border:1px solid var(--border); box-shadow:var(--card-shadow); }
.card-header { display:flex; align-items:center; justify-content:space-between; padding:11px 14px; border-bottom:1px solid var(--line2); background:var(--surface); font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-label); }
.card-body { padding:14px; }
.card-footer { padding:9px 14px; border-top:1px solid var(--line); font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.13em; text-transform:uppercase; color:var(--ink-dim); }

/* LOG ROWS — the audit-trail motif */
.log-row { display:grid; grid-template-columns:58px 1fr 62px 16px; gap:6px; align-items:center; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--ink-soft); padding:6px 8px; border-radius:6px; background:var(--surface); }
.log-row-blocked { color:var(--r-text); background:color-mix(in srgb, var(--r-key) 10%, transparent); border:1px solid color-mix(in srgb, var(--r-key) 22%, transparent); }


/* ===== Sovereign Estate shell · built on the Bible kit (tokens.css + components.css). Load order: sovereign.css → nothing else declares --* ===== */
:root{
  --font-display:'Saira',system-ui,sans-serif;--font-body:'IBM Plex Sans',system-ui,sans-serif;--font-mono:'IBM Plex Mono','SF Mono',Consolas,monospace;
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;
  --transition-fast:120ms cubic-bezier(.4,0,.2,1);--transition-base:240ms cubic-bezier(.4,0,.2,1);
  --grid-ink:var(--surface2);
  /* photo treatment (banners) */
  --photo-blend:linear-gradient(90deg,#08080B 1%,rgba(8,8,11,.72) 20%,rgba(8,8,11,.1) 52%,rgba(8,8,11,.5) 100%);
  --photo-vignette:linear-gradient(180deg,rgba(8,8,11,.45),transparent 22%,transparent 74%,rgba(8,8,11,.62));
  /* statutory MISS palette — classification banners only, never brand */
  --miss-restricted:#007A4D;--miss-confidential:#002395;--miss-secret:#DE3831;--miss-top-secret-ink:#FFB612;
  /* estate aliases kept for template compatibility; all resolve to Bible tokens */
  --text:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--text-inverse:#fff;
  --surface-bg:var(--surface2);--surface-elevated:var(--card1);
  --success:var(--rose);--info:var(--rose);--warning:var(--r-text);--danger:var(--r-key);
  --accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-hover);--dv8-red:var(--brand-crimson);--dv8-red-hover:var(--brand-crimson-hover);--dv8-red-light:var(--r-key);
  --quantum-cyan:var(--rose);--quantum-cyan-hover:var(--rose);--quantum-navy-950:var(--card2);--quantum-navy-900:var(--card1);--quantum-navy-800:var(--card1);--quantum-slate:var(--ink-mute);
  --sandf-gold:var(--rose);--sandf-gold-deep:var(--rose);--sa-flag-green:var(--miss-restricted);--sa-flag-red:var(--miss-secret);--sa-flag-blue:var(--miss-confidential);--sa-flag-gold:var(--miss-top-secret-ink);
  --glass-blur:0px;--ground-image:none;--ground-tint:var(--page-bg);--page:#050506;--scanner:#0C0C11;
  --glass:linear-gradient(180deg,var(--card1),var(--card2));--glass-bg:linear-gradient(180deg,var(--card1),var(--card2));--glass-strong:var(--card1);--glass-bg-strong:var(--card1);--glass-panel:var(--card2);--glass-chrome:var(--card2);
  --glass-input:var(--surface2);--glass-hover:var(--surface3);--glass-b:var(--border);--glass-border:var(--border);--glass-b2:var(--divider);--glass-border-strong:var(--divider);--glass-highlight:transparent;
  --glass-shadow:var(--card-shadow);--glass-shadow-elevated:var(--card-shadow);--rail-bg:var(--card2);--shadow-card:var(--card-shadow);--shadow-elevated:var(--card-shadow);--shadow-xl:var(--card-shadow);
  --focus:var(--focus-ring);
  /* mobile aliases */
  --text-2:var(--ink-soft);--text-3:var(--ink-mute);--ink-2:var(--ink-soft);
}
[data-theme="light"]{--page:#F1EBE7;--scanner:#0C0C11;--glass:linear-gradient(180deg,var(--card1),var(--card2));--glass-bg:linear-gradient(180deg,var(--card1),var(--card2));--glass-strong:var(--card1);--glass-bg-strong:var(--card1);--glass-panel:var(--card2);--glass-chrome:var(--card2);--glass-input:var(--surface2);--glass-hover:var(--surface3);--glass-b:var(--border);--glass-border:var(--border);--glass-b2:var(--divider);--glass-border-strong:var(--divider);--glass-shadow:var(--card-shadow);--glass-shadow-elevated:var(--card-shadow);--rail-bg:var(--card2);--shadow-card:var(--card-shadow);--shadow-elevated:var(--card-shadow);--shadow-xl:var(--card-shadow);--ground:var(--page-bg);--ground-tint:var(--page-bg);--surface-bg:var(--surface2);--surface-elevated:var(--card1);--text:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--text-2:var(--ink-soft);--text-3:var(--ink-mute);--success:var(--rose);--info:var(--rose);--warning:var(--r-text);--danger:var(--r-key);--quantum-cyan:var(--rose);--quantum-navy-950:var(--card2);--quantum-navy-900:var(--card1);--quantum-navy-800:var(--card1);--quantum-slate:var(--ink-mute);--dv8-red:var(--brand-crimson);--dv8-red-hover:var(--brand-crimson-hover);--dv8-red-light:var(--r-key);--accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-hover);--focus:var(--focus-ring);--grid-ink:var(--surface2);--grid-ink:var(--surface2);--photo-blend:linear-gradient(90deg,#FBF8F6 1%,rgba(251,248,246,.72) 20%,rgba(251,248,246,.1) 52%,rgba(251,248,246,.5) 100%);--photo-vignette:linear-gradient(180deg,rgba(251,248,246,.45),transparent 22%,transparent 74%,rgba(251,248,246,.62));}
[data-theme="dark"]{--glass:linear-gradient(180deg,var(--card1),var(--card2));--glass-bg:linear-gradient(180deg,var(--card1),var(--card2));--glass-strong:var(--card1);--glass-bg-strong:var(--card1);--glass-panel:var(--card2);--glass-chrome:var(--card2);--glass-input:var(--surface2);--glass-hover:var(--surface3);--glass-b:var(--border);--glass-border:var(--border);--glass-b2:var(--divider);--glass-border-strong:var(--divider);--glass-shadow:var(--card-shadow);--glass-shadow-elevated:var(--card-shadow);--rail-bg:var(--card2);--shadow-card:var(--card-shadow);--shadow-elevated:var(--card-shadow);--shadow-xl:var(--card-shadow);--ground:var(--page-bg);--ground-tint:var(--page-bg);--surface-bg:var(--surface2);--surface-elevated:var(--card1);--text:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--text-2:var(--ink-soft);--text-3:var(--ink-mute);--success:var(--rose);--info:var(--rose);--warning:var(--r-text);--danger:var(--r-key);--quantum-cyan:var(--rose);--quantum-navy-950:var(--card2);--quantum-navy-900:var(--card1);--quantum-navy-800:var(--card1);--quantum-slate:var(--ink-mute);--dv8-red:var(--brand-crimson);--dv8-red-hover:var(--brand-crimson-hover);--dv8-red-light:var(--r-key);--accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-hover);--focus:var(--focus-ring);--grid-ink:var(--surface2);--page:#050506;}
/* SANDF tenant · Bible dark ladder, legislated defence-green accent (Sovereign OE V4 tenant rule) */
[data-theme="sandf"]{--brand-crimson:#2E8B62;--brand-crimson-hover:#3FA377;--glass:linear-gradient(180deg,var(--card1),var(--card2));--glass-bg:linear-gradient(180deg,var(--card1),var(--card2));--glass-strong:var(--card1);--glass-bg-strong:var(--card1);--glass-panel:var(--card2);--glass-chrome:var(--card2);--glass-input:var(--surface2);--glass-hover:var(--surface3);--glass-b:var(--border);--glass-border:var(--border);--glass-b2:var(--divider);--glass-border-strong:var(--divider);--glass-shadow:var(--card-shadow);--glass-shadow-elevated:var(--card-shadow);--rail-bg:var(--card2);--shadow-card:var(--card-shadow);--shadow-elevated:var(--card-shadow);--shadow-xl:var(--card-shadow);--ground:var(--page-bg);--ground-tint:var(--page-bg);--surface-bg:var(--surface2);--surface-elevated:var(--card1);--text:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--text-2:var(--ink-soft);--text-3:var(--ink-mute);--success:var(--rose);--info:var(--rose);--warning:var(--r-text);--danger:var(--r-key);--quantum-cyan:var(--rose);--quantum-navy-950:var(--card2);--quantum-navy-900:var(--card1);--quantum-navy-800:var(--card1);--quantum-slate:var(--ink-mute);--dv8-red:var(--brand-crimson);--dv8-red-hover:var(--brand-crimson-hover);--dv8-red-light:var(--r-key);--accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-hover);--focus:var(--focus-ring);--grid-ink:var(--surface2);--page:#050706;--page-bg:radial-gradient(1200px 700px at 50% -6%,rgba(46,139,98,.14),transparent 60%),#050706;--card1:#15191A;--card2:#0F1213;--card-shadow:0 26px 60px rgba(0,0,0,.6),0 0 42px rgba(46,139,98,.14);}
*{box-sizing:border-box;} body{margin:0;background:var(--page-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;} body:has([data-theme="light"]:first-child),[data-theme="light"] body{background:#F1EBE7;}
a{color:var(--rose);text-decoration:none;} a:hover{color:var(--ink);}
input,textarea,select,button{font-family:inherit;}
h1,h2,h3{text-wrap:balance;} p{text-wrap:pretty;}
/* motifs */
.ss-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;}
.ss-frame{position:absolute;inset:18px;border:1px solid var(--border);pointer-events:none;}
.ss-frame::before,.ss-frame::after{content:'';position:absolute;background:var(--brand-crimson);}
.ss-tick-tl{position:absolute;top:-1px;left:-1px;width:34px;height:3px;background:var(--brand-crimson);} .ss-tick-tl2{position:absolute;top:-1px;left:-1px;width:3px;height:34px;background:var(--brand-crimson);}
.ss-tick-br{position:absolute;bottom:-1px;right:-1px;width:34px;height:3px;background:var(--brand-crimson);} .ss-tick-br2{position:absolute;bottom:-1px;right:-1px;width:3px;height:34px;background:var(--brand-crimson);}
@keyframes ssPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.3;transform:scale(.7);}}
@keyframes ss-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.3;transform:scale(.7);}}
@keyframes ss-fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@keyframes ss-spin{to{transform:rotate(360deg);}}
@keyframes ss-scan{0%{top:12%;}50%{top:82%;}100%{top:12%;}}
@keyframes ss-ring{from{stroke-dashoffset:163.4;}}
@keyframes ss-blink{0%,49%{opacity:1;}50%,100%{opacity:0;}}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--r-key);animation:ssPulse 2.4s ease-in-out infinite;}
.duotone{position:relative;overflow:hidden;} .duotone>img,.duotone>.photo{filter:grayscale(1) contrast(1.08) brightness(.62);width:100%;height:100%;object-fit:cover;}
.duotone::before{content:'';position:absolute;inset:0;background:var(--brand-crimson);mix-blend-mode:multiply;opacity:.58;z-index:1;}
.duotone::after{content:'';position:absolute;inset:0;background:linear-gradient(150deg,rgba(232,173,176,.45),transparent 55%);mix-blend-mode:screen;opacity:.16;z-index:2;}
@media (max-width:1100px){[data-ss-attest]{display:none!important;}}
@media (max-width:880px){[data-ss-landing-body]{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;}}
@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;}*{animation:none!important;}}

/* Estate application shell primitives, mapped to the v4 token layer above. */
/* Sovereign Series — Sovereign Shell v3 (Glass Sentinel)
   Class equivalents of the inline styles in Sovereign Estate v3.dc.html, for hosts that prefer a stylesheet.
   Load order: tokens.css → glass.css → motion.css → shell.css → one <app>.css */

/* ground */
.ss-ground{display:none!important;}
.ss-ground-tint{position:fixed;inset:0;z-index:-1;background:var(--ground-tint);}

.ss-root{position:relative;isolation:isolate;min-height:100vh;display:flex;flex-direction:column;background:var(--quantum-navy-950);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;}

/* glass primitives */
.ss-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;}
.ss-glass--elevated{box-shadow:var(--glass-shadow-elevated);}
.ss-glass--chrome{background:var(--glass-chrome);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);}
.ss-glass--panel{background:var(--glass-panel);}
.ss-glass--strong{background:var(--glass-bg-strong);}

/* MISS banners */
.ss-miss{position:sticky;z-index:70;height:26px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.22em;text-transform:uppercase;}
.ss-miss--top{top:0;} .ss-miss--bottom{bottom:0;}
.ss-miss--restricted{background:var(--sa-flag-green);color:#fff;}
.ss-miss--confidential{background:var(--sa-flag-blue);color:#fff;}
.ss-miss--secret{background:var(--sa-flag-red);color:#fff;}
.ss-miss--top-secret{background:#000;color:var(--sa-flag-gold);}
.ss-miss__stamp{position:absolute;right:14px;font-weight:500;letter-spacing:.1em;opacity:.8;font-size:9.5px;}

/* shell grid */
.ss-shell{display:grid;grid-template-columns:64px minmax(0,1fr);min-height:calc(100vh - 52px);}

/* icon rail */
.ss-rail{position:sticky;top:26px;align-self:start;height:calc(100vh - 52px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0;background:var(--rail-bg);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-right:1px solid var(--glass-border);color:var(--text);}
.ss-rail__app{width:40px;height:40px;border-radius:12px;background:var(--dv8-red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 26px color-mix(in srgb,var(--dv8-red) 45%,transparent);margin-bottom:12px;}
.ss-rail__nav{display:flex;flex-direction:column;gap:4px;}
.ss-rail__link{position:relative;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);}
.ss-rail__link:hover{background:var(--glass-hover);}
.ss-rail__link--active{color:var(--dv8-red);background:color-mix(in srgb,var(--dv8-red) 14%,transparent);}
.ss-rail__link--locked{color:var(--text-tertiary);opacity:.55;cursor:not-allowed;}
.ss-rail__link--unsealed{color:var(--sandf-gold);background:color-mix(in srgb,var(--sandf-gold) 12%,transparent);border:1px dashed color-mix(in srgb,var(--sandf-gold) 60%,transparent);}
.ss-rail__marker{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:22px;border-radius:9999px;background:transparent;}
.ss-rail__link--active .ss-rail__marker,.ss-rail__link--unsealed .ss-rail__marker{background:var(--dv8-red);}
.ss-rail__lockdot{position:absolute;right:5px;bottom:5px;width:9px;height:9px;border-radius:9999px;background:var(--text-tertiary);border:2px solid var(--rail-bg);}
.ss-rail__foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:8px;}
.ss-rail__avatar{width:36px;height:36px;border-radius:9999px;background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text);}
.ss-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;}

/* top bar */
.ss-topbar{position:sticky;top:26px;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:12px 32px;border-bottom:1px solid var(--glass-border);}
.ss-topbar__title{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);white-space:nowrap;}
.ss-chip{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:9999px;padding:3px 10px;white-space:nowrap;}
.ss-chip--class{font-size:10px;letter-spacing:.14em;border-radius:4px;font-weight:700;}
.ss-theme{display:inline-flex;padding:3px;gap:2px;background:var(--glass-input);border:1px solid var(--glass-border);border-radius:9999px;}
.ss-theme__btn{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;border:0;background:transparent;padding:6px 12px;min-height:32px;border-radius:9999px;cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast);}
.ss-theme__btn[aria-pressed="true"]{background:var(--dv8-red);color:#fff;}

/* session panel */
.ss-session{border-bottom:1px solid var(--glass-border);}
.ss-session__bar{width:100%;display:flex;align-items:center;gap:14px;padding:8px 32px;background:transparent;border:0;cursor:pointer;color:var(--text);text-align:left;font-family:var(--font-body);}
.ss-session__bar:hover{background:var(--glass-hover);}
.ss-session__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:0 32px 16px;animation:ss-fade var(--transition-base);}
.ss-session__kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-tertiary);}

/* buttons */
.ss-btn{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);border-radius:10px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:filter var(--transition-fast),background var(--transition-fast);}
.ss-btn--primary{background:var(--dv8-red);color:#fff;border:0;box-shadow:0 10px 24px color-mix(in srgb,var(--dv8-red) 38%,transparent);}
.ss-btn--primary:hover{background:var(--dv8-red-hover);}
.ss-btn--ghost{background:transparent;color:var(--text);border:1px solid var(--glass-border-strong);}
.ss-btn--danger{background:var(--danger);color:#fff;border:0;}

/* forms */
.ss-label{font-size:var(--text-sm);font-weight:600;}
.ss-input{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text);background:var(--glass-input);border:1px solid var(--glass-border-strong);border-radius:10px;padding:10px 12px;min-height:44px;width:100%;}
.ss-input:focus{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--dv8-red);}
.ss-input--mono{font-family:var(--font-mono);}
.ss-input[readonly]{color:var(--text-secondary);}
.ss-hint{font-size:var(--text-xs);color:var(--text-tertiary);}
.ss-choice{font-size:var(--text-sm);font-weight:600;padding:8px 13px;border-radius:10px;cursor:pointer;border:1px solid var(--glass-border-strong);background:var(--glass-input);color:var(--text);}
.ss-choice[aria-pressed="true"]{border-color:var(--dv8-red);background:color-mix(in srgb,var(--dv8-red) 12%,transparent);color:var(--dv8-red);}

/* metrics · cards · stepper */
.ss-metric{padding:18px 20px;transition:transform var(--transition-fast),border-color var(--transition-fast);}
.ss-metric:hover{transform:translateY(-2px);border-color:var(--dv8-red);}
.ss-metric__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);}
.ss-metric__value{font-family:var(--font-display);font-weight:700;font-size:var(--text-3xl);letter-spacing:-.02em;line-height:1;margin-top:10px;font-variant-numeric:tabular-nums;}
.ss-metric__delta{font-family:var(--font-mono);font-size:var(--text-xs);margin-top:10px;}
.ss-delta--up{color:var(--success);} .ss-delta--down{color:var(--danger);} .ss-delta--flat{color:var(--text-tertiary);}
.ss-stepper{display:flex;padding:22px 18px 18px;}
.ss-stepper__step{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:0 6px;}
.ss-stepper__bar{position:absolute;top:13px;right:50%;width:100%;height:2px;background:var(--glass-border);}
.ss-stepper__step--done .ss-stepper__bar{background:var(--success);}
.ss-stepper__num{position:relative;z-index:1;width:28px;height:28px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;background:var(--glass-input);border:1px solid var(--glass-border-strong);color:var(--text-tertiary);}
.ss-stepper__step--done .ss-stepper__num{background:var(--success);border-color:transparent;color:#fff;}
.ss-stepper__step--active .ss-stepper__num{background:var(--dv8-red);border-color:transparent;color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--dv8-red) 18%,transparent);}
.ss-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:3px 9px;border-radius:9999px;border:1px solid;white-space:nowrap;}
.ss-tag--ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:color-mix(in srgb,var(--success) 12%,transparent);}
.ss-tag--warn{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,transparent);background:color-mix(in srgb,var(--warning) 12%,transparent);}
.ss-tag--danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);}

/* need-to-know */
.ss-ntk{filter:blur(6px);transition:filter var(--transition-base);user-select:none;}
.ss-ntk--revealed{filter:none;}

/* verdict pill */
.ss-verdict{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;padding:8px 16px;border-radius:9999px;border:1px solid;}
.ss-verdict--allow{color:var(--success);border-color:color-mix(in srgb,var(--success) 45%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent);}
.ss-verdict--escalate{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 45%,transparent);background:color-mix(in srgb,var(--warning) 14%,transparent);}
.ss-verdict--deny{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent);}
.ss-verdict--lock{color:var(--text);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);}

@media (max-width:1100px){.ss-attest{display:none!important;}}

/* v4 estate typography contract */
:root{--font-display:"Saira",system-ui,sans-serif;--font-body:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;}
body{font-family:var(--font-body);}

/* MISS banner offsets for authenticated application chrome. */
[data-miss-banner="top"] { flex: 0 0 26px; }
.app-shell-side-nav, .side-nav { top: 26px !important; height: calc(100vh - 52px) !important; }
.app-shell-top-bar, .ss-topbar { top: 26px !important; }
[data-miss-banner="bottom"] { flex: 0 0 26px; }

.step-authority{display:block;margin-top:2px;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);}

/* SECINTEL V4 live icon rail. */
.app-shell-frame{grid-template-columns:64px minmax(0,1fr)!important;min-height:calc(100vh - 52px);}
.app-shell-side-nav{position:sticky;top:26px;align-self:start;width:64px;min-width:64px;height:calc(100vh - 52px);overflow-y:auto;overflow-x:visible;padding:10px 10px 12px;background:var(--card2);border-right:1px solid var(--border);}
.app-shell-side-nav__brand{width:44px;height:44px;margin:0 auto 10px;display:grid;place-items:center;border-radius:10px;background:var(--card1);}
.app-shell-side-nav__brand .ss-logo-wordmark,.app-shell-side-nav__brand .ss-logo-wordmark__img,.app-shell-side-nav__brand-sandf{display:none!important;}
.app-shell-side-nav__sections{display:flex;flex-direction:column;gap:4px;}
.app-shell-side-nav__section{padding:0;border:0;background:transparent;}
.app-shell-side-nav__section-title{height:0;margin:0;overflow:hidden;}
.app-shell-side-nav__section-toggle{display:none!important;}
.app-shell-side-nav__list,[data-shell-submenu-panel][hidden]{display:flex!important;flex-direction:column;gap:4px;margin:0;padding:0;}
.app-shell-side-nav__list>li{list-style:none;}
.app-shell-side-nav__link{position:relative;width:44px;height:44px;min-height:44px;margin:0 auto;padding:0;display:grid;place-items:center;border-radius:10px;background:transparent;border:1px solid transparent;}
.app-shell-side-nav__link-copy{width:44px;height:44px;display:grid;place-items:center;}
.app-shell-side-nav__link-copy>span,.app-shell-side-nav__link-meta{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.app-shell-side-nav__link-copy .ss-icon{width:20px;height:20px;}
.app-shell-side-nav__link[aria-current="page"]{color:var(--brand-crimson);background:color-mix(in srgb,var(--brand-crimson) 14%,transparent);border-right:3px solid var(--brand-crimson);}
.app-shell-side-nav__link--locked{opacity:.55;cursor:not-allowed;border:1px dashed var(--border);}
.app-shell-operator{width:44px;margin:auto auto 0;padding:4px;overflow:hidden;text-align:center;}
.app-shell-operator>span:not(:first-child){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.app-shell-workspace{min-width:0;}
.app-shell-body .app-shell-top-bar{position:sticky;top:26px;z-index:60;min-height:64px;background:var(--card2);border-bottom:1px solid var(--border);}
.app-shell-side-nav__link:focus-visible,.app-shell-side-nav__brand:focus-visible{outline:3px solid var(--r-key);outline-offset:2px;}
@media(max-width:760px){.app-shell-frame{grid-template-columns:1fr!important}.app-shell-side-nav{position:fixed;z-index:80;top:auto;bottom:26px;left:0;width:100%;height:64px;min-width:0;overflow-x:auto;overflow-y:hidden;flex-direction:row;border-right:0;border-top:1px solid var(--border)}.app-shell-side-nav__sections{flex-direction:row}.app-shell-side-nav__list{flex-direction:row}.app-shell-operator{display:none}.app-shell-workspace{padding-bottom:64px}}

/* Brand Master V4.3.0 theme palette; production component rules retained. */
:root, [data-theme="dark"] {
  /* brand constants (theme-invariant) */
  --brand-crimson: #B41F24;
  --brand-crimson-hover: #C8242B;
  /* backgrounds */
  --page-bg: radial-gradient(1200px 700px at 50% -6%, rgba(180,31,36,.12), transparent 60%), #050506;
  --art-bg: radial-gradient(1100px 520px at 6% -12%, rgba(180,31,36,.22), rgba(180,31,36,0) 55%), linear-gradient(180deg, #0C0C11, #08080B);
  /* ink ladder: headline -> hint */
  --ink: #F5F5F7;
  --ink-strong: #E6E6EA;
  --ink-soft: #B9B9C2;
  --ink-label: #C7C7CF;
  --ink-mute: #9A9AA3;
  --ink-dim: #8A8A92;
  --ink-dim2: #7C7C85;
  --ink-faint: #63636C;
  /* surfaces */
  --card1: #17171D;
  --card2: #101015;
  --surface: rgba(255,255,255,.02);
  --surface2: rgba(255,255,255,.03);
  --surface3: rgba(255,255,255,.05);
  /* lines: hairline -> border -> divider */
  --line: rgba(255,255,255,.07);
  --line2: rgba(255,255,255,.08);
  --border: rgba(255,255,255,.10);
  --border-strong: rgba(255,255,255,.12);
  --divider: rgba(255,255,255,.22);
  --dash: rgba(255,255,255,.24);
  --dotline: rgba(255,255,255,.3);
  /* semantic accents — the brand has TWO states only: risk (red) and fix/permitted (rose). No green, no amber. */
  --rose: #E8ADB0;
  --r-key: #E5484D;     /* headline keyword, focus, live dot */
  --r-text: #F0888C;    /* alert text */
  --r-strong: #F4C9CB;  /* strong alert text on tinted fill */
  /* effects */
  --card-shadow: 0 26px 60px rgba(0,0,0,.6), 0 0 42px rgba(180,31,36,.16); /* dark cards may glow */
  --focus-ring: 0 0 0 3px rgba(229,72,77,.18);
}
[data-theme="light"] {
  --page-bg: radial-gradient(1200px 640px at 50% -6%, rgba(180,31,36,.08), transparent 60%), #F1EBE7;
  --art-bg: radial-gradient(1100px 520px at 6% -12%, rgba(180,31,36,.10), rgba(180,31,36,0) 55%), linear-gradient(180deg, #FBF8F6, #EFE8E4);
  --ink: #1A1720;
  --ink-strong: #26222C;
  --ink-soft: #514D57;
  --ink-label: #3A3640;
  --ink-mute: #6E6A74;
  --ink-dim: #827E87;
  --ink-dim2: #8A868F;
  --ink-faint: #9C97A0;
  --card1: #FFFFFF;
  --card2: #F4EEEA;
  --surface: rgba(24,12,14,.03);
  --surface2: rgba(24,12,14,.05);
  --surface3: rgba(24,12,14,.07);
  --line: rgba(24,12,14,.10);
  --line2: rgba(24,12,14,.11);
  --border: rgba(24,12,14,.14);
  --border-strong: rgba(24,12,14,.17);
  --divider: rgba(24,12,14,.20);
  --dash: rgba(24,12,14,.22);
  --dotline: rgba(24,12,14,.30);
  --rose: #A23A3F;
  --r-key: #C01722;
  --r-text: #B41F24;
  --r-strong: #7C1216;
  --card-shadow: 0 16px 36px rgba(26,23,32,.14); /* light cards never glow */
  --focus-ring: 0 0 0 3px rgba(192,23,34,.12);
}
[data-theme="sandf-light"]{
  --text:var(--ink);--text-secondary:var(--ink-soft);--text-tertiary:var(--ink-mute);--text-2:var(--ink-soft);--text-3:var(--ink-mute);--text-inverse:#fff;
  --surface-bg:var(--surface2);--surface-elevated:var(--card1);
  --success:var(--rose);--info:var(--rose);--warning:var(--r-text);--danger:var(--r-key);
  --accent:var(--brand-crimson);--accent-hover:var(--brand-crimson-hover);--dv8-red:var(--brand-crimson);--dv8-red-hover:var(--brand-crimson-hover);--dv8-red-light:var(--r-key);
  --quantum-cyan:var(--rose);--quantum-cyan-hover:var(--rose);--quantum-navy-950:var(--card2);--quantum-navy-900:var(--card1);--quantum-navy-800:var(--card1);--quantum-slate:var(--ink-mute);
  --sandf-gold:var(--rose);--sandf-gold-deep:var(--rose);--sa-flag-green:var(--miss-restricted);--sa-flag-red:var(--miss-secret);--sa-flag-blue:var(--miss-confidential);--sa-flag-gold:var(--miss-top-secret-ink);
  --glass:linear-gradient(180deg,var(--card1),var(--card2));--glass-bg:linear-gradient(180deg,var(--card1),var(--card2));--glass-strong:var(--card1);--glass-bg-strong:var(--card1);--glass-panel:var(--card2);--glass-chrome:var(--card2);--rail-bg:var(--card2);
  --glass-input:var(--surface2);--glass-hover:var(--surface3);--glass-b:var(--border);--glass-border:var(--border);--glass-b2:var(--divider);--glass-border-strong:var(--divider);--glass-highlight:transparent;--glass-blur:0px;
  --glass-shadow:var(--card-shadow);--glass-shadow-elevated:var(--card-shadow);--shadow-card:var(--card-shadow);--shadow-elevated:var(--card-shadow);--shadow-xl:var(--card-shadow);
  --ground-image:none;--ground-tint:var(--page-bg);--focus:var(--focus-ring);
}
[data-theme="light"]{--grid-ink:rgba(24,12,14,.04);--page:#F1EBE7;
  --photo-blend:linear-gradient(90deg,#FBF8F6 1%,rgba(251,248,246,.72) 20%,rgba(251,248,246,.1) 52%,rgba(251,248,246,.5) 100%);
  --photo-vignette:linear-gradient(180deg,rgba(251,248,246,.45),transparent 22%,transparent 74%,rgba(251,248,246,.62));}
[data-theme="sandf"]{--brand-crimson:#2E8B62;--brand-crimson-hover:#3FA377;
  --page:#050706;--page-bg:radial-gradient(1200px 700px at 50% -6%,rgba(46,139,98,.16),transparent 60%),#050706;
  --art-bg:radial-gradient(1100px 520px at 6% -12%,rgba(46,139,98,.24),rgba(46,139,98,0) 55%),linear-gradient(180deg,#0B1210,#070B09);
  --ink:#EEF5F0;--ink-strong:#DFE9E2;--ink-soft:#B4C4B9;--ink-label:#C2D0C6;--ink-mute:#93A399;--ink-dim:#83938A;--ink-dim2:#75857C;--ink-faint:#5C6B63;
  --card1:#141C18;--card2:#0D1310;--surface:rgba(180,220,196,.03);--surface2:rgba(180,220,196,.05);--surface3:rgba(180,220,196,.08);
  --line:rgba(180,220,196,.08);--line2:rgba(180,220,196,.1);--border:rgba(180,220,196,.12);--border-strong:rgba(180,220,196,.16);--divider:rgba(180,220,196,.24);--dash:rgba(180,220,196,.26);--dotline:rgba(180,220,196,.32);
  --rose:#7FD1A6;--r-key:#E5484D;--r-text:#F0888C;--r-strong:#F4C9CB;
  --card-shadow:0 26px 60px rgba(0,0,0,.6),0 0 42px rgba(46,139,98,.18);--focus-ring:0 0 0 3px rgba(46,139,98,.28);--grid-ink:rgba(180,220,196,.045);}
[data-theme="sandf-light"]{--brand-crimson:#1F6E4A;--brand-crimson-hover:#2A8A5E;
  --page:#EDF3EE;--page-bg:radial-gradient(1200px 640px at 50% -6%,rgba(31,110,74,.12),transparent 60%),#EDF3EE;
  --art-bg:radial-gradient(1100px 520px at 6% -12%,rgba(31,110,74,.12),rgba(31,110,74,0) 55%),linear-gradient(180deg,#F6FAF7,#E5EEE8);
  --ink:#13201A;--ink-strong:#1F2E27;--ink-soft:#485A50;--ink-label:#36463E;--ink-mute:#65776D;--ink-dim:#7A8B81;--ink-dim2:#84948B;--ink-faint:#97A69D;
  --card1:#FFFFFF;--card2:#EAF3ED;--surface:rgba(12,40,24,.03);--surface2:rgba(12,40,24,.05);--surface3:rgba(12,40,24,.08);
  --line:rgba(12,40,24,.10);--line2:rgba(12,40,24,.11);--border:rgba(12,40,24,.14);--border-strong:rgba(12,40,24,.18);--divider:rgba(12,40,24,.22);--dash:rgba(12,40,24,.24);--dotline:rgba(12,40,24,.32);
  --rose:#1F6E4A;--r-key:#C01722;--r-text:#B41F24;--r-strong:#7C1216;
  --card-shadow:0 16px 36px rgba(19,32,26,.12);--focus-ring:0 0 0 3px rgba(31,110,74,.18);--grid-ink:rgba(12,40,24,.045);
  --photo-blend:linear-gradient(90deg,#F6FAF7 1%,rgba(246,250,247,.72) 20%,rgba(246,250,247,.1) 52%,rgba(246,250,247,.5) 100%);
  --photo-vignette:linear-gradient(180deg,rgba(246,250,247,.45),transparent 22%,transparent 74%,rgba(246,250,247,.62));}
[data-theme="sandf-light"]{--grid-ink:var(--surface2);}

/* Product marks remain unchanged across all tenant palettes. */
.estate-product-lockup { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; min-width: 0; }
.estate-product-lockup img { width: 44px; height: 44px; flex: 0 0 44px; object-fit: contain; }
.estate-product-lockup strong { display: block; font: 800 22px "Saira", sans-serif; letter-spacing: -.015em; }
.estate-product-lockup small { display: block; font: 500 10px "IBM Plex Mono", monospace; }
/* Four controls replace the legacy shell's fixed three-column width. */
html[data-theme] .cicx-theme-segmented,
html[data-ci-cx-version][data-theme] [data-ci-cx-surface="auth"] .dv8-auth-shell .cicx-theme-segmented {
  display: flex !important; flex-wrap: wrap; width: max-content !important; inline-size: max-content !important;
  max-width: 100% !important; max-inline-size: 100% !important; border-radius: 9px; gap: 2px;
}
html[data-theme] .cicx-theme-segmented button,
html[data-ci-cx-version][data-theme] [data-ci-cx-surface="auth"] .dv8-auth-shell .cicx-theme-segmented button {
  min-height: 44px !important; height: auto !important; width: auto !important; inline-size: auto !important;
  min-width: 48px !important; min-inline-size: 48px !important; padding-inline: 12px !important;
  white-space: nowrap !important; flex: 0 0 auto;
}
@media(max-width: 480px) {
  html[data-theme] .cicx-auth-toolbar { display: flex !important; flex-direction: column; align-items: stretch; gap: 12px; }
}