/* OSOK / X-Ray diagnostic environment
   Shared public and signed-in experience layer. Page workflows keep their own
   layout; this file supplies the visual grammar that makes them one product. */
:root {
  --xr-bg: #08090a;
  --xr-surface: #0d0f11;
  --xr-surface-raised: #121519;
  --xr-paper: #f2efe6;
  --xr-muted: #9b9b94;
  --xr-faint: #62635f;
  --xr-line: rgba(242,239,230,.12);
  --xr-line-strong: rgba(242,239,230,.24);
  --xr-violet: #b38cff;
  --xr-green: #5ed69a;
  --xr-amber: #e8ba64;
  --xr-pink: #ef75b7;
  --xr-display: 'Space Grotesk','Inter',system-ui,sans-serif;
  --xr-body: 'Inter',system-ui,sans-serif;
}

body.osok-diagnostic { background: var(--xr-bg); color: var(--xr-paper); font-family: var(--xr-body); }
body.osok-diagnostic :focus-visible { outline:2px solid var(--xr-violet) !important; outline-offset:3px !important; }
body.osok-diagnostic::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.38; background:radial-gradient(circle at 50% 9%,rgba(179,140,255,.11),transparent 28%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.018) 25%); }
body.osok-diagnostic h1,body.osok-diagnostic h2,body.osok-diagnostic h3 { color:var(--xr-paper); font-family:var(--xr-display); letter-spacing:-.035em; }

/* The product frame is quiet. The work, not the chrome, gets the contrast. */
body.osok-diagnostic .osok-topnav { min-height:68px; padding:.85rem clamp(1rem,3vw,2.4rem); background:rgba(8,9,10,.9); border-color:var(--xr-line); backdrop-filter:blur(18px); }
body.osok-diagnostic .osok-topnav-left { gap:1.1rem; }
body.osok-diagnostic .osok-topnav-logo img { height:30px; filter:saturate(.75) contrast(1.05); }
body.osok-diagnostic .osok-topnav-tools-btn,body.osok-diagnostic .osok-topnav-prime { background:transparent; border:0; border-radius:2px; padding:.55rem .2rem; }
body.osok-diagnostic .osok-topnav-tools-btn { color:var(--xr-muted); }
body.osok-diagnostic .osok-topnav-prime { color:var(--xr-violet); }
body.osok-diagnostic .osok-topnav-secure { padding:.4rem 0; border:0; background:transparent; color:var(--xr-green); }
body.osok-diagnostic .osok-topnav-signin { background:transparent; border-color:var(--xr-line-strong); border-radius:2px; }
body.osok-diagnostic .osok-topnav-signup { border-radius:2px; background:var(--xr-paper); color:var(--xr-bg); }
body.osok-diagnostic .osok-topnav-megamenu { top:calc(100% + 1px); left:clamp(1rem,3vw,2.4rem); min-width:min(680px,calc(100vw - 2rem)); padding:1.5rem; background:rgba(13,15,17,.98); border:1px solid var(--xr-line-strong); border-radius:2px; box-shadow:0 26px 80px rgba(0,0,0,.55); }
body.osok-diagnostic .osok-topnav-link { border-radius:2px; padding:.6rem .7rem; }
body.osok-diagnostic .osok-topnav-link:hover,body.osok-diagnostic .osok-topnav-link.is-active { background:rgba(179,140,255,.08); border-color:rgba(179,140,255,.2); }

/* Shared utility furniture is consolidated into a low-noise rail. */
body.osok-diagnostic .fb-fab,body.osok-diagnostic .bug-report-btn { opacity:.58; background:transparent !important; border-color:var(--xr-line) !important; color:var(--xr-muted) !important; box-shadow:none !important; }
body.osok-diagnostic .fb-fab:hover,body.osok-diagnostic .bug-report-btn:hover { opacity:1; }
body.osok-diagnostic .osok-prime-bubble { border-radius:2px !important; background:var(--xr-paper) !important; color:var(--xr-bg) !important; box-shadow:0 12px 40px rgba(0,0,0,.34) !important; }
body.osok-diagnostic .osok-prime-bubble-icon { border-radius:50%; background:var(--xr-bg); color:var(--xr-violet); }
body.osok-diagnostic .osok-prime-panel { border-radius:2px; border-color:var(--xr-line-strong); background:var(--xr-bg); }
body.osok-diagnostic .osok-xray-presence-pill,body.osok-diagnostic .osok-xray-presence-menu { border-radius:2px; background:var(--xr-surface); border-color:var(--xr-line); box-shadow:none; }
body.osok-diagnostic .osok-bug-fab { opacity:.55; border-radius:2px; background:transparent; border-color:var(--xr-line); color:var(--xr-muted); }
.xr-question-hidden { display:none !important; }
.osok-utility-rail { position:fixed; left:1rem; bottom:1rem; z-index:99996; font-family:var(--xr-body); }
.osok-utility-rail > summary { min-height:38px; display:flex; align-items:center; padding:.45rem .75rem; border:1px solid var(--xr-line); background:rgba(13,15,17,.94); color:var(--xr-muted); cursor:pointer; list-style:none; font-size:.72rem; font-weight:700; }
.osok-utility-rail > summary::-webkit-details-marker { display:none; }
.osok-utility-rail > summary::before { content:'?'; margin-right:.5rem; color:var(--xr-violet); }
.osok-utility-rail-body { position:absolute; left:0; bottom:calc(100% + .4rem); min-width:180px; display:flex; flex-direction:column; gap:.25rem; padding:.4rem; border:1px solid var(--xr-line-strong); background:rgba(13,15,17,.98); box-shadow:0 18px 50px rgba(0,0,0,.5); }
.osok-utility-rail-body > .fb-fab,.osok-utility-rail-body > #feedback-fab,.osok-utility-rail-body > [data-action="openFB"],.osok-utility-rail-body > .osok-bug-fab,.osok-utility-rail-body > .osok-xray-presence,.osok-utility-rail-body > .chat-fab { position:relative !important; inset:auto !important; display:block !important; width:100%; opacity:1; }
.osok-utility-rail-body .fb-fab,.osok-utility-rail-body #feedback-fab,.osok-utility-rail-body [data-action="openFB"],.osok-utility-rail-body .osok-bug-fab,.osok-utility-rail-body .chat-fab,.osok-utility-rail-body .osok-xray-presence-pill { width:100%; min-height:38px; justify-content:flex-start; border-radius:0 !important; }
.osok-utility-rail-body .osok-xray-presence-menu { position:absolute; left:calc(100% + .5rem); bottom:0; }

/* Dashboard: one question, one focal column, optional taxonomy behind it. */
body.osok-page-dashboard .beta-notice { max-width:760px; margin:1rem auto 0; padding:.65rem 1rem; border:0; border-left:2px solid rgba(179,140,255,.35); background:transparent; color:var(--xr-faint); font-size:.73rem; }
body.osok-page-dashboard .gel-screen { max-width:720px; padding:clamp(4rem,9vh,7.5rem) 1.5rem 3rem; }
body.osok-page-dashboard .gel-header { text-align:left; margin-bottom:2.2rem; }
body.osok-page-dashboard .gel-header::before { content:'DIAGNOSTIC  /  START'; display:block; margin-bottom:1rem; color:var(--xr-violet); font:700 .68rem/1 var(--xr-body); letter-spacing:.18em; }
body.osok-page-dashboard .gel-header h1,body.osok-page-dashboard .gel-header h2 { max-width:620px; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; }
body.osok-page-dashboard .gel-header p { margin-top:1rem; color:var(--xr-muted); font-size:1rem; }
body.osok-page-dashboard .gel-actions { gap:0; border-top:1px solid var(--xr-line-strong); }
body.osok-page-dashboard .gel-btn { min-height:82px; margin:0; padding:1.1rem .2rem; border:0 !important; border-bottom:1px solid var(--xr-line) !important; border-radius:0; background:transparent; }
body.osok-page-dashboard .gel-btn:hover,body.osok-page-dashboard .gel-btn-primary { background:linear-gradient(90deg,rgba(179,140,255,.11),transparent); transform:none; }
body.osok-page-dashboard .gel-btn-icon { width:34px; height:34px; border:0; background:transparent; color:var(--xr-violet); }
body.osok-page-dashboard .gel-btn-text { font-size:1rem; }
body.osok-page-dashboard .gel-btn-text small { color:var(--xr-muted); }
body.osok-page-dashboard .gel-scope-note { text-align:left; margin-top:1.2rem; }
body.osok-page-dashboard #gel-entry .gel-entry-shortcut { display:none; }
body.osok-page-dashboard #gel-browse-all { padding:.5rem 0; border:0; background:transparent; color:var(--xr-faint); font:600 .76rem/1.2 var(--xr-body); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
body.osok-page-dashboard .dash-main { max-width:1180px; }
body.osok-page-dashboard .dash-top-bar { align-items:flex-end; margin-bottom:2rem; }
body.osok-page-dashboard .dash-kicker { margin-bottom:.55rem; color:var(--xr-violet); font:700 .65rem/1 var(--xr-body); letter-spacing:.16em; }
body.osok-page-dashboard .dash-top-bar h2 { font-size:clamp(2.3rem,5vw,4rem); line-height:1; }
body.osok-page-dashboard.osok-authenticated .dash-back-link { display:none; }
body.osok-page-dashboard #dash-digest-section { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr); gap:1px; margin:0 0 2rem !important; padding:1px; background:var(--xr-line); }
body.osok-page-dashboard #dash-achievement { grid-column:1/-1; margin:0 !important; border:0 !important; border-radius:0 !important; background:var(--xr-surface) !important; }
body.osok-page-dashboard #dash-digest,body.osok-page-dashboard #dash-activity { margin:0 !important; padding:1.5rem !important; border:0 !important; border-radius:0 !important; background:var(--xr-surface) !important; }
body.osok-page-dashboard .dash-tool-library { border-top:1px solid var(--xr-line-strong); }
body.osok-page-dashboard .dash-tool-library > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 0; color:var(--xr-paper); cursor:pointer; list-style:none; }
body.osok-page-dashboard .dash-tool-library > summary::-webkit-details-marker { display:none; }
body.osok-page-dashboard .dash-tool-library > summary span { font:700 1rem/1.2 var(--xr-display); }
body.osok-page-dashboard .dash-tool-library > summary small { color:var(--xr-faint); }
body.osok-page-dashboard .dash-tool-library > summary::after { content:'+'; color:var(--xr-violet); font-size:1.2rem; }
body.osok-page-dashboard .dash-tool-library[open] > summary::after { content:'−'; }
body.osok-page-dashboard .tool-grid { gap:1px; background:var(--xr-line); border:1px solid var(--xr-line); }
body.osok-page-dashboard .tool-card { border:0; border-radius:0; background:var(--xr-surface); }

/* Guided specialist entry pages keep their color, but lose the app-store card stack. */
body.osok-page-va .va-gate,body.osok-page-finance .fn-entry { padding-top:clamp(4rem,8vh,7rem); }
body.osok-page-va .va-gate { max-width:760px; }
body.osok-page-finance .fn-main { max-width:760px; }
body.osok-page-va .va-gate h1,body.osok-page-finance .fn-entry h1 { font-size:clamp(2.3rem,5vw,4.3rem); line-height:1; }
body.osok-page-va .va-gate-split,body.osok-page-finance .fn-options { gap:0; border-top:1px solid var(--xr-line-strong); }
body.osok-page-va .va-gate-card,body.osok-page-finance .fn-opt { border-radius:0 !important; border-width:0 0 1px !important; background:transparent !important; min-height:82px; }
body.osok-page-va .va-gate-card:hover,body.osok-page-finance .fn-opt:hover { background:linear-gradient(90deg,rgba(255,255,255,.05),transparent) !important; }
body.osok-page-va .va-lang-bar { background:transparent !important; border-color:var(--xr-line) !important; }

/* Forms: make the unclear document the signal, and the result the finding. */
body.osok-page-forms .fm-main { max-width:860px; padding:clamp(4rem,7vh,6rem) 1.5rem 5rem; }
body.osok-page-forms .fm-entry { text-align:left; }
body.osok-page-forms .fm-entry h1 { max-width:720px; font-size:clamp(2.5rem,6vw,5rem); line-height:.96; }
body.osok-page-forms .fm-entry h2 { color:var(--xr-pink); font-size:1rem; letter-spacing:0; }
body.osok-page-forms .fm-entry-sub { max-width:680px; margin-left:0; }
body.osok-page-forms .fm-input-wrap { margin-top:2.5rem; }
body.osok-page-forms .fm-textarea { min-height:250px; padding:1.25rem; background:rgba(13,15,17,.72); border:1px solid var(--xr-line-strong); border-radius:2px; }
body.osok-page-forms .fm-cat-row { gap:0; border:1px solid var(--xr-line); }
body.osok-page-forms .fm-cat-btn { border:0; border-right:1px solid var(--xr-line); border-radius:0; }
body.osok-page-forms .fm-analyze-btn { border-radius:2px; background:var(--xr-paper); color:var(--xr-bg); }
body.osok-page-forms .fm-results { margin-top:0; }
body.osok-page-forms .fm-results-header { padding-bottom:1rem; border-bottom:1px solid var(--xr-line-strong); }
body.osok-page-forms .fm-results-title { font:700 clamp(1.7rem,4vw,2.7rem)/1 var(--xr-display); }
body.osok-page-forms .fm-action-btn { border-radius:2px; }
body.osok-page-forms .fm-section { margin:0; border-width:0 0 1px; border-radius:0; background:transparent; }
body.osok-page-forms .fm-section-head { padding:1.1rem 0; }
body.osok-page-forms .fm-section-body { padding:0 0 1.4rem 2rem; }
body.osok-page-forms .fm-loading { min-height:48vh; padding:12vh 1rem; text-align:left; }
body.osok-page-forms .fm-loading::before { content:'SCANNING FOR THE USEFUL PART'; display:block; margin-bottom:1rem; color:var(--xr-faint); font:700 .64rem/1 var(--xr-body); letter-spacing:.16em; }
body.osok-page-forms .fm-error { border-radius:2px; }

body.osok-page-finance .fn-flow { max-width:760px; margin:auto; padding-top:3rem; }
body.osok-page-finance .fn-flow h2 { font-size:clamp(2rem,4vw,3.4rem); }
body.osok-page-finance .fn-flow-select { min-height:54px; border-radius:2px; }
body.osok-page-finance .fn-flow-btn { border-radius:2px; }
body.osok-page-finance .fn-result-card { margin:0; padding:1.2rem 0; border-width:0 0 1px; border-radius:0; background:transparent; }
body.osok-page-finance .fn-result-restart { border-radius:2px; }

body.osok-page-va .va-step { margin:0; border-width:0 0 1px; border-radius:0; background:transparent; }
body.osok-page-va .va-doc-upload { border-radius:2px; background:var(--xr-surface); border-color:var(--xr-line); }
body.osok-page-va .va-gate-select,body.osok-page-va .va-gate-btn { border-radius:2px; }

/* Taxes is an editorial diagnostic, not a marketing page. */
body.osok-page-taxes .wrap { max-width:900px; }
body.osok-page-taxes h1 { font-size:clamp(2.8rem,6vw,5.5rem); line-height:.96; }
body.osok-page-taxes .quick-links { gap:0; border-top:1px solid var(--xr-line); border-bottom:1px solid var(--xr-line); }
body.osok-page-taxes .quick-links a { border:0; border-radius:0; background:transparent; }

/* Pricing asks how much support is useful before exposing every limit. */
body.osok-page-pricing .pricing-header { max-width:850px; padding-top:clamp(4rem,8vh,7rem); text-align:left; }
body.osok-page-pricing .pricing-header h1 { max-width:780px; font-size:clamp(2.7rem,6vw,5.5rem); line-height:.96; }
body.osok-page-pricing .pricing-header p { max-width:680px; margin-left:0; }
body.osok-page-pricing .veteran-banner { max-width:1180px; border-radius:2px; background:linear-gradient(90deg,rgba(94,214,154,.12),rgba(94,214,154,.025)); }
body.osok-page-pricing .pricing-grid { max-width:1180px; gap:1px; padding:1px; background:var(--xr-line); }
body.osok-page-pricing .price-card { border:0; border-radius:0; background:var(--xr-surface); }
body.osok-page-pricing .price-card.featured { outline:1px solid var(--xr-violet); transform:none; }
body.osok-page-pricing .price-btn { border-radius:2px; }

/* X-Ray itself: a quiet diagnostic chamber, not a mascot floating in space. */
body.osok-page-xray { background:var(--xr-bg); }
body.osok-page-xray::before { content:""; position:fixed; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.9%,rgba(242,239,230,.045) 50%,transparent 50.1%),radial-gradient(circle at 50% 35%,rgba(179,140,255,.12),transparent 34%); }
body.osok-page-xray .prime-skip { top:1.25rem; left:1.5rem; right:auto; color:var(--xr-muted); border:0; background:transparent; }
body.osok-page-xray .prime-skip::before { content:'OSOK  /  '; color:var(--xr-paper); font-weight:800; }
body.osok-page-xray .prime-corner { top:1rem; right:1.25rem; }
.xr-workspace-tools { position:fixed; top:1rem; right:1.25rem; z-index:1200; }
.xr-workspace-tools > summary { min-height:38px; display:flex; align-items:center; padding:.45rem .75rem; border:1px solid var(--xr-line); background:rgba(13,15,17,.94); color:var(--xr-muted); cursor:pointer; list-style:none; font-size:.72rem; font-weight:700; }
.xr-workspace-tools > summary::-webkit-details-marker { display:none; }
.xr-workspace-tools > summary::after { content:'+'; margin-left:.65rem; color:var(--xr-violet); }
.xr-workspace-tools[open] > summary::after { content:'−'; }
.xr-workspace-tools-body { position:absolute; right:0; top:calc(100% + .4rem); min-width:190px; padding:.4rem; border:1px solid var(--xr-line-strong); background:rgba(13,15,17,.98); }
.xr-workspace-tools .prime-corner { position:relative !important; inset:auto !important; display:flex; flex-direction:column; align-items:stretch; gap:.25rem; }
.xr-workspace-tools .prime-corner > button { width:100%; min-height:38px; justify-content:flex-start; border-radius:0; }
.xr-secondary-paths { grid-column:1/-1; margin-top:.25rem; border-top:1px solid var(--xr-line); }
.xr-secondary-paths > summary { min-height:52px; display:flex; align-items:center; justify-content:space-between; padding:.75rem 0; color:var(--xr-muted); cursor:pointer; list-style:none; font-size:.82rem; font-weight:700; }
.xr-secondary-paths > summary::-webkit-details-marker { display:none; }
.xr-secondary-paths > summary::after { content:'+'; color:var(--xr-violet); }
.xr-secondary-paths[open] > summary::after { content:'−'; }
.xr-secondary-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem; padding:.35rem 0 1rem; }
body.osok-page-finance .xr-secondary-list { grid-template-columns:1fr; }
body.osok-page-finance .xr-finance-more #fn-open-tools-btn { width:100%; justify-content:center; margin-top:.25rem; }
.xr-pricing-secondary { max-width:1180px; margin:2rem auto; border-width:1px 0; border-style:solid; border-color:var(--xr-line); }
.xr-pricing-secondary > summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:70px; padding:1rem 0; cursor:pointer; list-style:none; color:var(--xr-paper); font-weight:800; }
.xr-pricing-secondary > summary::-webkit-details-marker { display:none; }
.xr-pricing-secondary > summary small { color:var(--xr-muted); font-size:.75rem; font-weight:600; }
.xr-pricing-secondary > summary::after { content:'+'; color:var(--xr-violet); }
.xr-pricing-secondary[open] > summary::after { content:'−'; }
.xr-pricing-secondary .onetime-section { margin:0; padding:1rem 0 2rem; }
.xr-pricing-hint { display:none; color:var(--xr-muted); font-size:.75rem; }
body.osok-page-pricing details.faq-item { border-bottom:1px solid var(--xr-line); }
body.osok-page-pricing details.faq-item > summary { padding:1rem 0; cursor:pointer; list-style:none; }
body.osok-page-pricing details.faq-item > summary::-webkit-details-marker { display:none; }
body.osok-page-pricing details.faq-item > summary::after { content:'+'; float:right; color:var(--xr-violet); }
body.osok-page-pricing details.faq-item[open] > summary::after { content:'−'; }
body.osok-page-pricing details.faq-item .faq-a { padding:0 0 1.25rem; }
body.osok-page-xray .prime-stage { max-width:720px; padding-top:clamp(5rem,10vh,8rem); }
body.osok-page-xray .prime-avatar { filter:saturate(.75); }
body.osok-page-xray .prime-status { color:var(--xr-violet); text-transform:uppercase; letter-spacing:.16em; font-size:.65rem; }
body.osok-page-xray .prime-greeting { background:transparent; border:0; }
body.osok-page-xray .prime-greeting-text { font-family:var(--xr-display); font-size:clamp(1.4rem,3vw,2.2rem); line-height:1.15; letter-spacing:-.025em; }
body.osok-page-xray .prime-history { border:0; border-left:1px solid var(--xr-line-strong); border-radius:0; background:rgba(13,15,17,.62); }
body.osok-page-xray .prime-input-wrap,body.osok-page-xray .prime-input-row { border-radius:2px; }
body.osok-page-xray .prime-setup-card,body.osok-page-xray .prime-start-card { border-radius:2px; border-color:var(--xr-line-strong); background:rgba(13,15,17,.97); box-shadow:0 28px 90px rgba(0,0,0,.65); }
body.osok-page-xray .prime-setup-option,body.osok-page-xray .prime-start-now,body.osok-page-xray .prime-start-customize { border-radius:0; }
body.osok-page-xray .prime-start-now { background:var(--xr-paper); color:var(--xr-bg); box-shadow:none; }
body.osok-page-xray .prime-start-customize { background:transparent; border-color:var(--xr-line); }
body.osok-page-xray .prime-setup-save { border-radius:2px; background:var(--xr-paper); color:var(--xr-bg); }

body.osok-diagnostic .osok-auth-btn { border-radius:2px; }
body.osok-diagnostic .osok-auth-btn:not(.osok-auth-btn-outline) { background:var(--xr-paper); color:var(--xr-bg); }
body.osok-diagnostic .osok-auth-btn-outline { border-color:var(--xr-line-strong); color:var(--xr-paper); }
body.osok-diagnostic .osok-auth-avatar { border-radius:2px; background:var(--xr-paper); border-color:var(--xr-line-strong); }
body.osok-diagnostic .osok-auth-menu { border-radius:2px; background:var(--xr-surface); border-color:var(--xr-line-strong); }
body.osok-diagnostic .osok-upgrade-banner { border-radius:2px; background:transparent; border-width:1px 0; border-color:var(--xr-line); }
body.osok-diagnostic .osok-upgrade-btn { border-radius:2px; background:var(--xr-paper); color:var(--xr-bg); }

/* Creator workflow: retain the production sequence but make it read as one
   deliberate instrument rather than a collection of dashboard cards. */
body.osok-page-creator { background:var(--xr-bg); }
body.osok-page-creator .app-header { min-height:68px; padding:.75rem 1.75rem; background:rgba(8,9,10,.94); border-color:var(--xr-line); }
body.osok-page-creator .app-logo { height:32px; filter:saturate(.7); }
body.osok-page-creator .creator-nav-more { position:relative; }
body.osok-page-creator .creator-nav-more > summary { min-height:36px; display:flex; align-items:center; padding:.35rem .65rem; color:var(--xr-muted); border:1px solid transparent; cursor:pointer; list-style:none; font-size:.8rem; font-weight:700; }
body.osok-page-creator .creator-nav-more > summary::-webkit-details-marker { display:none; }
body.osok-page-creator .creator-nav-more > summary::after { content:'+'; margin-left:.45rem; color:var(--xr-violet); }
body.osok-page-creator .creator-nav-more[open] > summary { border-color:var(--xr-line); }
body.osok-page-creator .creator-nav-more-menu { position:absolute; top:calc(100% + .35rem); left:0; z-index:1000; min-width:170px; display:flex; flex-direction:column; padding:.35rem; border:1px solid var(--xr-line-strong); background:var(--xr-surface); }
body.osok-page-creator .creator-nav-more-menu a { padding:.65rem .75rem; color:var(--xr-paper); text-decoration:none; font-size:.8rem; }
body.osok-page-creator .creator-nav-more-menu a:hover { background:rgba(179,140,255,.08); }
body.osok-page-creator .app-header p { color:var(--xr-muted); }
body.osok-page-creator .early-access-banner { background:transparent !important; border-color:var(--xr-line) !important; color:var(--xr-muted) !important; }
body.osok-page-creator .app-mode-toggle { background:var(--xr-bg); border-color:var(--xr-line); padding:.8rem; }
body.osok-page-creator .app-mode-btn { border-radius:0 !important; border-color:var(--xr-line); }
body.osok-page-creator .app-mode-btn.active { background:var(--xr-paper); color:var(--xr-bg); border-color:var(--xr-paper); }
body.osok-page-creator .tab-nav { background:var(--xr-bg); border-color:var(--xr-line); }
body.osok-page-creator .tab-btn { min-height:52px; }
body.osok-page-creator .tab-btn.active { background:rgba(179,140,255,.07); }
body.osok-page-creator .connections-section,body.osok-page-creator .input-section,body.osok-page-creator .card,body.osok-page-creator .panel-card { border-radius:2px; background:var(--xr-surface); border-color:var(--xr-line); box-shadow:none; }
body.osok-page-creator .tab-panel { padding:2rem clamp(1rem,4vw,3.5rem); }
body.osok-page-creator .brand-section { border-radius:2px; background:var(--xr-surface); border-color:var(--xr-line); }
body.osok-page-creator .creator-explainer { grid-column:1/-1; margin-top:1.5rem; border-top:1px solid var(--xr-line); }
body.osok-page-creator .creator-explainer > summary { padding:1rem 0; color:var(--xr-muted); cursor:pointer; font-size:.8rem; font-weight:700; list-style:none; }
body.osok-page-creator .creator-explainer > summary::after { content:'+'; float:right; color:var(--xr-violet); }
body.osok-page-creator .creator-explainer[open] > summary::after { content:'−'; }
body.osok-page-creator .how-it-works,body.osok-page-creator .feature-highlight { border-radius:0; border-width:0 0 1px; background:transparent; }
body.osok-page-creator .how-step { border-radius:0; background:transparent; border:0; }
body.osok-page-creator #auth-gate { background:var(--xr-bg); }
body.osok-page-creator .auth-gate-title { max-width:720px; font-family:var(--xr-display); font-size:clamp(2.5rem,6vw,5rem); line-height:.95; }
body.osok-page-creator .cl-card,body.osok-page-creator .cl-modalContent { border-radius:2px !important; }

/* Interpreter remains purpose-built for a counter or phone, but now shares
   the same diagnostic focus and restrained material treatment. */
body.osok-page-translate header { padding:1rem clamp(1rem,3vw,2rem); background:var(--xr-bg); border-color:var(--xr-line); }
body.osok-page-translate .brand { font-family:var(--xr-display); font-size:1.05rem; }
body.osok-page-translate .brand .x { color:var(--xr-green); }
body.osok-page-translate .back-link,body.osok-page-translate select { border-radius:2px; }
body.osok-page-translate main { position:relative; max-width:900px; width:100%; margin:auto; }
body.osok-page-translate main::before { content:'LISTEN  /  RESOLVE  /  SPEAK'; color:var(--xr-faint); font:700 .65rem/1 var(--xr-body); letter-spacing:.18em; margin-bottom:1.5rem; }
body.osok-page-translate .out { font-family:var(--xr-display); font-size:clamp(2rem,6vw,5rem); line-height:1.03; }
body.osok-page-translate footer { border-color:var(--xr-line); background:var(--xr-surface); padding:1rem max(1rem,calc((100vw - 760px)/2)); }
body.osok-page-translate button.talk,body.osok-page-translate .type-row input,body.osok-page-translate .type-row button { border-radius:2px; }
body.osok-page-translate .primary { background:var(--xr-paper); }

@media (max-width:720px) {
  body.osok-diagnostic .osok-topnav { min-height:60px; padding:.65rem 1rem; }
  body.osok-diagnostic .osok-topnav-hamburger { border-radius:2px; background:transparent; }
  body.osok-diagnostic .osok-topnav-signup { display:none; }
  body.osok-diagnostic .osok-topnav-megamenu { top:60px; left:.75rem; right:.75rem; }
  body.osok-page-dashboard .beta-notice { display:none; }
  body.osok-page-dashboard .gel-screen { padding:3.5rem 1rem 7rem; }
  body.osok-page-dashboard .gel-header h1 { font-size:2.7rem; }
  body.osok-page-dashboard .gel-btn { min-height:76px; }
  body.osok-page-dashboard #dash-digest-section { grid-template-columns:1fr; }
  body.osok-page-dashboard .dash-tool-library > summary { align-items:flex-start; flex-direction:column; }
  body.osok-page-pricing .pricing-header { padding:3.5rem 1.25rem 1.5rem; }
  body.osok-page-pricing .pricing-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:1px; margin:0; padding:1px 1rem; background:transparent; }
  body.osok-page-pricing .price-card { min-width:84vw; scroll-snap-align:center; border:1px solid var(--xr-line); }
  body.osok-page-xray .prime-skip { top:.8rem; left:.8rem; }
  .xr-workspace-tools { top:.7rem; right:.7rem; }
  .xr-secondary-list { grid-template-columns:1fr; }
  .xr-pricing-secondary { margin:1.5rem 1rem; }
  .xr-pricing-hint { display:block; margin:0 1rem .65rem; }
  body.osok-page-va,body.osok-page-finance,body.osok-page-forms,body.osok-page-creator { padding-bottom:7rem; }
  body.osok-page-xray .prime-stage { padding:5rem 1rem 1rem; }
  body.osok-page-creator .app-header { min-height:58px; padding:.6rem 1rem; }
  .osok-utility-rail { left:.75rem; bottom:.75rem; }
}

@media (prefers-reduced-motion:reduce) {
  body.osok-diagnostic *,body.osok-diagnostic *::before,body.osok-diagnostic *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

/* Final consistency pass: contextual X-Ray uses the same restrained material
   language as the full workspace, and prominent workflow chrome avoids emoji. */
body.osok-diagnostic .osok-prime-header { background:var(--xr-surface); border-color:var(--xr-line); }
body.osok-diagnostic .osok-prime-header-icon { border-radius:50%; background:var(--xr-violet); box-shadow:0 0 24px rgba(179,140,255,.16); }
body.osok-diagnostic .osok-prime-msg { border-radius:2px; }
body.osok-diagnostic .osok-prime-msg.user { border-bottom-right-radius:2px; background:var(--xr-surface); border-color:var(--xr-line); }
body.osok-diagnostic .osok-prime-patterns,body.osok-diagnostic .osok-prime-welcome,body.osok-diagnostic .osok-prime-upgrade,body.osok-diagnostic .osok-prime-upgrade-list li { border-radius:2px; background:rgba(179,140,255,.045); }
body.osok-diagnostic .osok-prime-tier,body.osok-diagnostic .osok-prime-quick-actions button { border-radius:2px; }
body.osok-page-va .va-gate-icon { font-size:0; min-height:42px; display:flex; align-items:center; justify-content:center; color:var(--xr-green); }
body.osok-page-va .va-gate-icon::before { content:'VA / SIGNAL'; font-size:.66rem; font-weight:800; letter-spacing:.16em; }
body.osok-page-creator .beta-notice-icon { font-size:.58rem; font-weight:800; letter-spacing:.12em; color:var(--xr-violet); }

/* X-Ray's compact identity is a diagnostic reticle: axes converge on a
   verified signal. It replaces the generic miniature chatbot face only in
   contextual entry controls; the expressive avatar remains inside X-Ray. */
body.osok-diagnostic .osok-prime-bubble { position:relative; min-height:48px; gap:.7rem; padding:.7rem .9rem; color:var(--xr-paper) !important; background:rgba(13,15,17,.94) !important; border:1px solid var(--xr-line-strong); border-radius:2px; box-shadow:0 18px 55px rgba(0,0,0,.42) !important; backdrop-filter:blur(16px); transition:transform .2s var(--pop-ease),border-color .2s,background .2s,box-shadow .2s; }
body.osok-diagnostic .osok-prime-bubble:hover { transform:translateY(-2px); color:var(--xr-paper) !important; background:#111318 !important; border-color:rgba(179,140,255,.68); box-shadow:0 22px 65px rgba(0,0,0,.5),0 0 28px rgba(179,140,255,.08) !important; }
body.osok-diagnostic .osok-prime-bubble:active { transform:translateY(0); background:#17131d !important; }
body.osok-diagnostic .osok-prime-bubble:focus-visible { outline:2px solid var(--xr-violet) !important; outline-offset:3px !important; }
body.osok-diagnostic .osok-prime-bubble::before { content:""; position:absolute; left:.9rem; top:50%; width:26px; height:26px; margin-top:-13px; border:1px solid var(--xr-violet); border-radius:50%; opacity:1; animation:none; pointer-events:none; }
body.osok-diagnostic .osok-prime-bubble::after { content:""; position:absolute; left:calc(.9rem + 5px); top:50%; width:16px; height:1px; background:linear-gradient(90deg,var(--xr-violet) 0 43%,var(--xr-green) 43% 57%,var(--xr-violet) 57%); pointer-events:none; }
body.osok-diagnostic .osok-prime-bubble .osok-prime-avatar.size-bubble { width:26px; height:26px; }
body.osok-diagnostic .osok-prime-bubble .osok-prime-avatar.size-bubble svg { visibility:hidden; }
body.osok-diagnostic .osok-prime-bubble .osok-prime-avatar.size-bubble::before { content:""; position:absolute; left:50%; top:5px; width:1px; height:16px; background:linear-gradient(var(--xr-violet) 0 43%,var(--xr-green) 43% 57%,var(--xr-violet) 57%); }
body.osok-diagnostic .osok-prime-bubble-label { font-size:.76rem; letter-spacing:.01em; }
body.osok-diagnostic .xr-workspace-tools > summary::before { content:""; width:10px; height:10px; margin-right:.55rem; border:1px solid var(--xr-violet); border-radius:50%; box-shadow:inset 0 0 0 3px var(--xr-bg); background:var(--xr-green); }

/* Evolve the existing OSOK asset through framing, spacing, and controlled
   contrast rather than replacing the recognizable mark. */
body.osok-diagnostic .osok-topnav-logo,body.landing-body .osok-topnav-logo { min-height:38px; padding-right:1rem; border-right:1px solid var(--xr-line,rgba(242,239,230,.12)); }
body.osok-diagnostic .osok-topnav-logo img,body.landing-body .osok-topnav-logo img { height:31px; filter:saturate(.62) contrast(1.12) brightness(1.05); opacity:.92; transition:filter .2s,opacity .2s; }
body.osok-diagnostic .osok-topnav-logo:hover img,body.landing-body .osok-topnav-logo:hover img { filter:saturate(.9) contrast(1.14) brightness(1.08); opacity:1; }
@media(max-width:720px){body.osok-diagnostic .osok-prime-bubble{min-height:48px;padding:.65rem .8rem}body.osok-diagnostic .osok-prime-bubble::before{left:.8rem}body.osok-diagnostic .osok-prime-bubble::after{left:calc(.8rem + 5px)}body.osok-diagnostic .osok-topnav-logo,body.landing-body .osok-topnav-logo{padding-right:.7rem}body.osok-diagnostic .osok-topnav-logo img,body.landing-body .osok-topnav-logo img{height:27px}}

/* X-Ray workspace identity: the neutral presence is a diagnostic focus field,
   not a character avatar. Portrait mode remains available when deliberately
   enabled; the reticle owns the default idle/listening/thinking states. */
body.osok-page-xray .prime-stage{max-width:840px;padding-top:clamp(4.75rem,9vh,7rem)}
body.osok-page-xray .prime-hero{gap:1rem;position:relative}
body.osok-page-xray .prime-hero::before{content:"";position:absolute;z-index:-1;top:15px;bottom:118px;width:min(72vw,620px);border-inline:1px solid rgba(242,239,230,.055);background:linear-gradient(90deg,transparent 49.85%,rgba(198,154,255,.07) 50%,transparent 50.15%);pointer-events:none}
body.osok-page-xray .prime-avatar:not(.has-portrait){width:156px;height:156px;border-radius:0;box-shadow:none;background:transparent;animation:none;filter:none}
body.osok-page-xray .prime-avatar:not(.has-portrait)::before{inset:12%;border-color:rgba(198,154,255,.13);border-radius:50%;transform:none;opacity:1}
body.osok-page-xray .prime-avatar:not(.has-portrait)::after{content:"";position:absolute;inset:28%;border:1px solid rgba(198,154,255,.12);border-radius:50%}
body.osok-page-xray .prime-avatar:not(.has-portrait) .prime-avatar-face svg{display:none}
body.osok-page-xray .prime-reticle{position:absolute;inset:0;display:grid;place-items:center}
body.osok-page-xray .prime-reticle-ring{width:92px;height:92px;border:1px solid var(--prime-accent,#bf94ff);border-radius:50%;opacity:.78;transition:width .35s,height .35s,opacity .35s,border-color .35s}
body.osok-page-xray .prime-reticle-axis{position:absolute;background:linear-gradient(90deg,transparent,var(--prime-accent,#bf94ff) 22% 78%,transparent);opacity:.68;transition:opacity .35s,transform .35s}
body.osok-page-xray .prime-reticle-axis-x{width:132px;height:1px}
body.osok-page-xray .prime-reticle-axis-y{width:1px;height:132px;background:linear-gradient(transparent,var(--prime-accent,#bf94ff) 22% 78%,transparent)}
body.osok-page-xray .prime-reticle-signal{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--xr-green);box-shadow:0 0 14px rgba(100,230,164,.65);transition:transform .35s,box-shadow .35s,background .35s}
body.osok-page-xray .prime-avatar[data-state="listening"] .prime-reticle-ring{width:106px;height:106px;border-color:var(--xr-green);opacity:.9}
body.osok-page-xray .prime-avatar[data-state="listening"] .prime-reticle-signal{box-shadow:0 0 22px rgba(100,230,164,.85)}
body.osok-page-xray .prime-avatar[data-state="thinking"] .prime-reticle-ring{width:72px;height:72px;opacity:1}
body.osok-page-xray .prime-avatar[data-state="thinking"] .prime-reticle-axis{opacity:1;transform:scale(.82)}
body.osok-page-xray .prime-avatar[data-state="speaking"] .prime-reticle-ring{width:100px;height:100px;opacity:.9}
body.osok-page-xray .prime-status{display:flex;align-items:center;gap:.55rem;color:var(--xr-green)}
body.osok-page-xray .prime-status::before{content:"";width:22px;height:1px;background:currentColor;box-shadow:8px 0 0 -3px var(--xr-bg)}
body.osok-page-xray .prime-greeting{max-width:560px;flex-direction:column;gap:.55rem;padding:.25rem 1rem 1rem}
body.osok-page-xray .prime-operational-kicker{color:var(--xr-violet);font-family:var(--xr-mono);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body.osok-page-xray .prime-greeting-text{font-size:clamp(2rem,4vw,3.4rem);font-weight:800;color:var(--xr-paper);background:none;-webkit-text-fill-color:currentColor;opacity:1}
body.osok-page-xray .prime-operational-note{max-width:430px;color:var(--xr-muted);font-size:.88rem;line-height:1.55}
body.osok-page-xray[data-prime-history-has] .prime-operational-kicker,body.osok-page-xray[data-prime-history-has] .prime-operational-note{display:none}
body.osok-page-xray .prime-interact{max-width:660px;margin-top:.65rem}
body.osok-page-xray .prime-input-row{position:relative;padding:1rem .65rem .55rem;border-color:rgba(198,154,255,.26);background:rgba(10,11,13,.94);box-shadow:0 18px 52px rgba(0,0,0,.34)}
body.osok-page-xray .prime-input-row::before{content:"INPUT CHANNEL";position:absolute;top:-.42rem;left:1rem;padding:0 .42rem;background:var(--xr-bg);color:var(--xr-violet);font-family:var(--xr-mono);font-size:.56rem;font-weight:800;letter-spacing:.17em}
body.osok-page-xray .prime-input{min-height:58px;padding:.8rem .9rem;color:var(--xr-paper)}
body.osok-page-xray .prime-input::placeholder{color:#85838f}
body.osok-page-xray .prime-send{border-radius:2px;background:transparent;border:1px solid var(--xr-violet);color:var(--xr-violet);box-shadow:none}
body.osok-page-xray .prime-send:hover:not(:disabled),body.osok-page-xray .prime-send:focus-visible{background:rgba(198,154,255,.12);color:var(--xr-paper)}
body.osok-page-xray .prime-icon-btn{border-radius:2px;background:transparent}
body.osok-page-xray .prime-interact[data-state="loading"] .prime-input-row{border-color:rgba(198,154,255,.5);box-shadow:0 0 0 1px rgba(198,154,255,.08),0 18px 52px rgba(0,0,0,.34)}
@media(max-width:520px){body.osok-page-xray .prime-stage{padding:4.5rem 1rem 1rem}body.osok-page-xray .prime-hero{gap:.75rem}body.osok-page-xray .prime-hero::before{top:8px;bottom:108px;width:calc(100vw - 3rem)}body.osok-page-xray .prime-avatar:not(.has-portrait){width:116px;height:116px}body.osok-page-xray .prime-reticle-ring{width:72px;height:72px}body.osok-page-xray .prime-reticle-axis-x{width:100px}body.osok-page-xray .prime-reticle-axis-y{height:100px}body.osok-page-xray .prime-greeting-text{font-size:2.15rem}body.osok-page-xray .prime-operational-note{font-size:.8rem}body.osok-page-xray .prime-input-row{padding:.9rem .45rem .45rem;gap:.35rem}body.osok-page-xray .prime-input{min-height:62px;padding:.75rem .65rem}}
@media(max-width:340px){body.osok-page-xray .prime-input-row{flex-wrap:wrap}body.osok-page-xray .prime-input{flex:1 0 100%;width:100%;min-height:56px}body.osok-page-xray .prime-icon-btn,body.osok-page-xray .prime-send{margin-top:.1rem}body.osok-page-xray .prime-mic{margin-left:auto}}
@media(prefers-reduced-motion:reduce){body.osok-page-xray .prime-reticle-ring,body.osok-page-xray .prime-reticle-axis,body.osok-page-xray .prime-reticle-signal{transition:none!important}}