/* ASL presentation layer; monitoring permissions and record behavior stay in monitoring.js. */
:root:root {
  --ink:#040914; --ink-2:#0b1830; --ink-3:#14243d;
  --paper:#040914; --paper-2:#0b1830; --sand:#081426;
  --bg:#040914; --surface:#0b1830; --surface-2:#14243d;
  --text:#eaf2ff; --muted:#a9b8d4; --muted-dark:#a9b8d4;
  --line:rgba(76,154,255,.24); --line-dark:rgba(76,154,255,.24); --border:rgba(76,154,255,.24);
  --accent:#dce7f9; --accent-strong:#b8d5ff; --cyan:#9cc8ff; --cyan-2:#4c9aff; --mint:#9cc8ff;
  --warning:#ffcb80; --danger:#ff8c9b; --success:#8fe0bf;
}
.sentinel-site { min-width:320px; color:var(--text); background:radial-gradient(ellipse at 85% 10%,rgba(34,78,149,.18),transparent 48%),#040914; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.sentinel-site .site-frame { overflow:clip; }
.sentinel-site .shell { width:min(1200px,calc(100% - 2.4rem)); margin-inline:auto; }
.sentinel-site h1,.sentinel-site h2,.sentinel-site h3 { color:var(--text); font-family:inherit; letter-spacing:-.035em; }
.sentinel-site a:focus-visible,.sentinel-site button:focus-visible,.sentinel-site input:focus-visible,.sentinel-site select:focus-visible { outline:2px solid #9cc8ff; outline-offset:3px; }
.sentinel-site :is(input,select) { color:var(--text); background:#071326; border-color:#536d96; }
.sentinel-site :is(input,select):focus { border-color:#9cc8ff; box-shadow:0 0 0 3px rgba(76,154,255,.14); }
.sentinel-site input::placeholder { color:#9aacc8; opacity:1; }
.sentinel-site .suite-header .lang-btn[aria-pressed="true"] { background:#dbe9ff; color:#061229; }
.sentinel-site .suite-header a.lang-btn { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; }
.sentinel-site .section-nav { color:var(--text); }
.sentinel-site .section-nav a { color:#b6c9e9; }
.sentinel-site .primary-button,.sentinel-site .button-primary { background:linear-gradient(135deg,#f2f6ff,#becfe9); color:#061229; border-color:#c0d6f6; box-shadow:0 8px 24px rgba(0,0,0,.2); }
.sentinel-site .primary-button:hover,.sentinel-site .button-primary:hover { color:#061229; background:#eaf2ff; }
.sentinel-site .secondary-button,.sentinel-site .button-ghost { color:var(--text); background:var(--surface-2); border-color:#3c547c; }
.sentinel-site .eyebrow,.sentinel-site .eyebrow-dark { color:#a8ceff; }
.console-page main { width:min(1200px,calc(100% - 2.4rem)); padding:0 0 3rem; margin-inline:auto; }
.console-tools { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; padding-block:1rem; border-bottom:1px solid var(--line); }
.console-tools strong { margin-right:auto; font-size:.85rem; }
.console-tools a { color:#b6c9e9; font-size:.85rem; text-underline-offset:3px; }
.console-tools .connection-state { margin-left:.3rem; }
.console-tools button { font-size:.82rem; }
.console-page .unlock-panel { background:linear-gradient(145deg,#0c1b35,#071326); border-color:var(--line); margin-block:clamp(2rem,6vh,5rem); }
.console-page .unlock-panel h1 { font-size:clamp(2rem,4.8vw,3.6rem); line-height:1.06; }
.console-page :is(.panel,.summary-card,dialog) { background:var(--surface); }
.console-page :is(.unlock-form label,dialog label,.device-vendor strong,.device-evidence p,.device-evidence-sessions) { color:var(--text); }
.console-page .device-card:hover { background:rgba(76,154,255,.06); }
.console-page .text-button { color:#9cc8ff; }
.console-page :is(.console-heading,.panel-heading,.key-row) > * { min-width:0; }
.sentinel-home .hero { background:transparent; padding-top:4rem; }
.sentinel-home .hero h1 { font-size:clamp(2.6rem,5.6vw,5.4rem); line-height:1.01; }
.sentinel-home .hero h1 span { color:#c5d9f8; }
.sentinel-home :is(.section-light,.section-sand,.section-dark,.section-ink,.cta-section) { background:transparent; color:var(--text); }
.sentinel-home .signal-strip { background:#0b1830; border-color:var(--line); }
.sentinel-home :is(.feature-card,.inventory-window,.inventory-summary,.device-table-head,.device-row,.architecture-card,.console-window,.console-sidebar,.console-main,.console-topbar,.preflight-grid,.safety-controls article,.cta-panel) { background:var(--surface); border-color:var(--line); color:var(--text); }
.sentinel-home :is(.feature-card:hover,.device-row:hover) { background:var(--surface-2); }
.sentinel-home :is(.feature-card p,.inventory-summary span,.device-name small,.inventory-note,.architecture-card small,.preflight-grid span,.safety-controls article p,.section-heading>p,.appliance-copy>p,.safety-copy>p,.signal-grid span,.footer-brand>p,.footer-bottom,.device-table-head) { color:var(--muted); }
.sentinel-home :is(.inventory-header strong,.inventory-summary strong,.device-name strong,.architecture-card strong,.preflight-grid strong,.safety-controls article strong,.signal-grid strong,.footer-links strong) { color:var(--text); }
.sentinel-home :is(.signal-grid svg,.feature-icon,.text-link,.mini-label,.appliance-list>div>svg) { color:#9cc8ff; }
.sentinel-home :is(.feature-icon,.device-avatar) { background:#172c4b; color:#b7d7ff; }
.sentinel-home .site-footer { background:#040914; border-color:var(--line); color:var(--text); }
.sentinel-home .hero-grid { gap:3rem; }
.sentinel-home .section { padding-block:5rem; }
.sentinel-home .brand-mark { background:#172c4b; color:#b7d7ff; }
.sentinel-home .status-trusted { background:#11382e; color:#a8efcc; }
.sentinel-home .status-watch,.sentinel-home .status-guest,.sentinel-home .status-unknown { background:#3d2e16; color:#ffdc9d; }
.sentinel-home .inventory-note { background:#0b1830; color:var(--muted); }
.sentinel-home .inventory-actions button { background:#14243d; color:var(--text); }
.sentinel-home .inventory-actions>span { color:#8fe0bf; }
.sentinel-home .inventory-summary .summary-alert strong { color:#ffcb80; }
.sentinel-home .device-avatar.unknown { background:#3d2e16; color:#ffdc9d; }
.sentinel-home :is(.flow-step small,.scenario-number,.scenario-card p,.scenario-evidence,.footer-links a) { color:var(--muted); }
.sentinel-help main { width:min(1200px,calc(100% - 2.4rem)); max-width:none; padding:1.5rem 0 4rem; margin-inline:auto; }
.sentinel-help main>:is(p,h1,h2,label,input,.article,footer,[data-category]) { max-width:850px; }
.sentinel-help .article { overflow-wrap:anywhere; }
.sentinel-help .topic { max-width:850px; background:var(--surface); color:var(--text); border-color:var(--line); }
.sentinel-help .topic:hover { background:#14243d; border-color:#739ad0; }
.sentinel-help :is(.lede,.meta,.topic span) { color:var(--muted); }
.sentinel-help a { color:#b6d6ff; }
.sentinel-help footer { border-color:var(--line); }
.sentinel-help .skip { z-index:100; color:#061229; background:#eaf2ff; }
.sentinel-help .suite-header { line-height:normal; }
@media(max-width:960px) { .sentinel-home .hero-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:700px) {
  .console-page main,.sentinel-help main { width:calc(100% - 1.5rem); }
  .sentinel-site .shell { width:calc(100% - 1.5rem); }
  .console-tools { gap:.6rem; }
  .console-tools strong { width:100%; }
  .sentinel-home .hero { padding-top:2.5rem; }
  .sentinel-home .section { padding-block:3.5rem; }
}