* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--ink); font-family: var(--font); }
body { overflow-x: hidden; }
body::before {
  content: ''; position: fixed; inset: 0; z-index: -4; pointer-events: none;
  background:
    radial-gradient(circle at 12% 2%, rgba(0,169,134,.17), transparent 27%),
    radial-gradient(circle at 92% 7%, rgba(0,102,161,.14), transparent 31%),
    radial-gradient(circle at 72% 92%, rgba(197,155,69,.12), transparent 33%),
    linear-gradient(135deg,#f7faf9,#edf5f2 48%,#f7fafc);
}
button,input,select,textarea { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.hidden { display: none !important; }
.muted { color: var(--muted); }
.small { font-size: 12px; color: var(--muted); line-height: 1.55; }
.mono { font-family: var(--mono); }

/* Landing */
.landing { min-height: 100vh; }
.landing-nav {
  position: fixed; z-index: 50; top: 18px; left: 50%; transform: translateX(-50%);
  width: min(1200px, calc(100% - 28px)); display: flex; justify-content: space-between; align-items: center;
  padding: 10px 14px; border: 1px solid rgba(255,255,255,.86); border-radius: 999px;
  background: rgba(255,255,255,.74); backdrop-filter: blur(22px); box-shadow: var(--shadow-md);
}
.brand { display: flex; align-items: center; gap: 10px; }
.brand-mark { font-family: var(--display); letter-spacing: .12em; font-size: 25px; color: var(--ink-strong); }
.brand-mark .trace-a { display: inline-grid; place-items: center; width: .92em; height: .92em; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--green),var(--blue)); }
.brand-sub { font-family: var(--mono); font-size: 9px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; }
.hero { min-height: 100vh; display: grid; grid-template-columns: 1.05fr .95fr; gap: 34px; align-items: center; padding: 120px clamp(18px,5vw,78px) 70px; }
.hero h1 { font-family: var(--cond); font-size: clamp(56px,7vw,104px); line-height: .88; letter-spacing: -.02em; color: var(--ink-strong); margin: 0; }
.hero h1 .gradient { background: linear-gradient(120deg,var(--blue),var(--green)); -webkit-background-clip: text; color: transparent; }
.hero p { color: var(--muted); line-height: 1.82; font-size: 17px; max-width: 720px; }
.hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.hero-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 28px; }
.hero-kpi { padding: 17px; border-radius: 22px; background: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.92); box-shadow: var(--shadow-sm); }
.hero-kpi b { display: block; font-family: var(--cond); font-size: 34px; color: var(--ink-strong); }
.hero-kpi small { color: var(--muted); }
.hero-stage { height: 680px; position: relative; display: grid; place-items: center; perspective: 1300px; }
.hero-product { width: min(480px,92vw); height: 560px; padding: 20px; border-radius: 36px; background: rgba(255,255,255,.76); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,.9); box-shadow: var(--shadow-lg); transform: rotateY(-10deg) rotateX(5deg); }
.hero-screen { height: 100%; border-radius: 26px; padding: 24px; color: #fff; background: linear-gradient(145deg,#061f2b,#0066a1 45%,#00a986); overflow: hidden; }
.hero-screen h2 { font-family: var(--cond); font-size: 44px; margin: 0 0 18px; }
.floating-note { position: absolute; width: 260px; padding: 18px; border-radius: 24px; background: rgba(255,255,255,.84); border: 1px solid rgba(255,255,255,.92); backdrop-filter: blur(18px); box-shadow: var(--shadow-md); }
.floating-note.one { right: 5px; top: 110px; }
.floating-note.two { left: 0; bottom: 80px; }
.credit { margin-top: 28px; color: var(--muted); font-size: 12px; }
.credit b { color: var(--ink-strong); }
.landing-section { padding: 60px clamp(18px,5vw,78px) 100px; }
.landing-section h2 { font-family: var(--cond); color: var(--ink-strong); font-size: clamp(42px,5vw,68px); line-height: .95; margin: 0 0 28px; }
.story-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 30px; align-items: start; }
.story-rail { position: sticky; top: 100px; display: grid; gap: 12px; }
.story-step { padding: 18px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow-sm); }
.story-card { min-height: 390px; padding: 34px; border-radius: 36px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-md); margin-bottom: 26px; position: relative; overflow: hidden; }
.story-card h3 { font-family: var(--cond); color: var(--ink-strong); font-size: 45px; margin: 0 0 12px; }
.story-card p { color: var(--muted); line-height: 1.75; max-width: 820px; }
.login-panel { max-width: 470px; margin: auto; }

/* App shell */
.shell { min-height: 100vh; display: grid; grid-template-columns: 300px 1fr; }
.sidebar { height: 100vh; position: sticky; top: 0; overflow: auto; padding: 22px 16px; background: var(--navy); color: #fff; }
.sidebar-head { padding: 8px 10px 22px; border-bottom: 1px solid rgba(255,255,255,.14); margin-bottom: 16px; }
.sidebar .brand-mark { color: #fff; }
.sidebar .brand-sub { color: #a9ddd1; margin-top: 8px; line-height: 1.45; }
.nav-group { margin: 14px 0; }
.nav-label { font-family: var(--mono); text-transform: uppercase; letter-spacing: .12em; font-size: 9px; color: #7da0aa; padding: 5px 11px; }
.nav-btn { width: 100%; display: flex; align-items: center; gap: 11px; border: 1px solid transparent; background: transparent; color: #bed2d8; padding: 12px 11px; border-radius: 14px; margin: 4px 0; text-align: left; font-weight: 800; }
.nav-btn:hover { color: #fff; background: rgba(255,255,255,.08); }
.nav-btn.active { color: #fff; background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.14); }
.nav-code { width: 40px; font-family: var(--mono); color: #8ce7cf; font-size: 10px; }
.app-main { min-width: 0; }
.topbar { min-height: 78px; position: sticky; z-index: 30; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 30px; background: rgba(255,255,255,.82); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.topbar-title { font-family: var(--cond); color: var(--ink-strong); font-size: 31px; font-weight: 800; }
.topbar-sub { font-family: var(--mono); font-size: 10px; color: var(--muted); }
.topbar-actions { display: flex; align-items: center; gap: 9px; }
.page { padding: 30px 32px 90px; }
.page-head { display: flex; justify-content: space-between; gap: 18px; align-items: flex-start; margin-bottom: 20px; }
.page-head h1 { font-family: var(--cond); color: var(--ink-strong); font-size: 46px; margin: 0; }
.page-head p { color: var(--muted); line-height: 1.65; max-width: 860px; margin: 7px 0 0; }
.grid { display: grid; gap: 18px; }
.grid-4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.grid-3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.grid-2 { grid-template-columns: 1.2fr .8fr; }

@media (max-width: 1100px) {
  .hero,.story-grid { grid-template-columns: 1fr; }
  .grid-4 { grid-template-columns: repeat(2,1fr); }
  .grid-3 { grid-template-columns: repeat(2,1fr); }
  .hero-stage { height: 560px; }
  .story-rail { position: relative; top: 0; }
}
@media (max-width: 900px) {
  .landing-nav { position: relative; top: 12px; left: 12px; transform: none; width: calc(100% - 24px); }
  .hero { padding: 50px 16px; }
  .hero h1 { font-size: 56px; }
  .hero-kpis,.grid-4,.grid-3,.grid-2 { grid-template-columns: 1fr; }
  .floating-note { display: none; }
  .hero-product { transform: none; height: 480px; }
  .landing-section { padding: 35px 16px 90px; }
  .shell { grid-template-columns: 1fr; }
  .sidebar { position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; top: auto; height: auto; display: grid; grid-template-columns: repeat(5,1fr); padding: 8px; overflow: visible; }
  .sidebar-head,.nav-label { display: none; }
  .nav-group { display: contents; }
  .nav-btn { flex-direction: column; gap: 2px; font-size: 9px; padding: 8px 3px; margin: 0; }
  .nav-code { width: auto; }
  .nav-btn:nth-of-type(n+11) { display: none; }
  .topbar { padding: 12px 14px; }
  .page { padding: 18px 14px 110px; }
  .page-head { display: block; }
  .page-head h1 { font-size: 40px; }
}

/* ========================================================================== */
/* TRACE RC1.1 — Approved design architecture                                */
/* Theme 2 structure + Theme 3 palette + private access experience            */
/* ========================================================================== */
body::before{
  background:
    radial-gradient(circle at 10% 0%,rgba(14,165,255,.08),transparent 28%),
    radial-gradient(circle at 96% 8%,rgba(20,184,166,.07),transparent 30%),
    linear-gradient(145deg,#fbfcfd,#f4f7fa 52%,#f8fafc);
}

/* Brand: hexagon + refined TRACE wordmark + aligned subtitle */
.brand{gap:12px;min-width:0}
.brand-symbol{width:46px;height:46px;display:grid;place-items:center;flex:0 0 auto;filter:none}
.brand-symbol svg{width:100%;height:100%;display:block}
.brand-copy{display:grid;gap:5px;min-width:0}
.brand-mark{display:flex;align-items:center;gap:.055em;font-family:var(--font);font-weight:500;font-size:27px;letter-spacing:.08em;line-height:1;color:var(--ink-strong)}
.brand-mark>span{display:inline-block}
.brand-mark .brand-r{font-weight:500}
.brand-mark .trace-a{width:auto;height:auto;border-radius:0;background:var(--trace-gradient-bright);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-weight:500;display:inline-block}
.brand-sub{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;width:100%;font:600 7px var(--mono);letter-spacing:.16em;color:var(--muted);white-space:nowrap}
.brand-sub i{display:block;height:1px;background:currentColor;opacity:.55}
.brand-sub b{font:inherit;text-transform:uppercase}
.brand-compact .brand-symbol{width:36px;height:36px}
.brand-compact .brand-mark{font-size:22px;color:#fff}
.brand-compact .brand-sub{font-size:6px;color:#9fc4d8}
.sidebar .brand-mark{color:#fff}
.sidebar .brand-mark .trace-a{background:var(--trace-gradient-bright);-webkit-background-clip:text;background-clip:text}

/* Approved split private-access experience */
.private-access-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:#fff}
.access-visual{position:relative;overflow:hidden;min-height:100vh;padding:42px clamp(30px,5vw,78px);color:#fff;background:
  radial-gradient(circle at 66% 48%,rgba(0,194,255,.22),transparent 19%),
  radial-gradient(circle at 72% 56%,rgba(20,184,166,.13),transparent 28%),
  linear-gradient(145deg,#06111e 0%,#081c31 45%,#0b2946 100%)}
.access-visual:after{content:"";position:absolute;width:72%;aspect-ratio:1;border:1px solid rgba(0,194,255,.18);border-radius:50%;right:-24%;bottom:-26%;box-shadow:0 0 0 48px rgba(0,194,255,.035),0 0 0 110px rgba(20,184,166,.025)}
.access-brand{position:relative;z-index:4}.access-brand .brand-mark{color:#fff}.access-brand .brand-sub{color:#98bdd1}
.access-message{position:absolute;z-index:4;left:clamp(30px,5vw,78px);bottom:10vh;max-width:620px}
.access-message h1{margin:8px 0 16px;font:700 clamp(56px,7vw,92px)/.92 var(--font);letter-spacing:-.055em}
.access-message p{max-width:590px;color:#b7d0de;font-size:16px;line-height:1.75}
.access-security{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.access-security span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);font:600 8px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c6e3ee}
.access-wave{position:absolute;inset:26% -12% auto 22%;height:280px;transform:rotate(-5deg);opacity:.85}
.access-wave span{position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,transparent,#0ea5ff,#00c2ff,#14b8a6,transparent);filter:drop-shadow(0 0 10px #00c2ff);border-radius:50%;transform:skewY(-6deg)}
.access-wave span:nth-child(2){transform:translateY(28px) skewY(5deg);opacity:.55}.access-wave span:nth-child(3){transform:translateY(-28px) skewY(8deg);opacity:.34}
.access-network i{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);border-radius:50%;background:#00c2ff;box-shadow:0 0 14px rgba(0,194,255,.8);opacity:.6}
.access-form-panel{display:grid;place-items:center;padding:44px;background:#fff}
.access-form-wrap{width:min(440px,100%)}
.access-form-wrap h2{font:700 42px/1.05 var(--font);letter-spacing:-.045em;margin:8px 0 8px;color:var(--ink-strong)}
.access-login-form{display:grid;gap:14px;margin-top:28px}
.access-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font:600 8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.access-divider:before,.access-divider:after{content:"";height:1px;background:var(--line);flex:1}
.access-foot{text-align:center;margin-top:28px;color:var(--muted);font:500 9px/1.6 var(--mono)}
.mobile-access-brand{display:none}

/* Shell / categorized navigation */
.shell{grid-template-columns:274px minmax(0,1fr)}
.sidebar{padding:20px 14px;background:linear-gradient(180deg,#071321 0%,#081a2c 52%,#071321 100%);display:flex;flex-direction:column;overflow:auto}
.sidebar-head{padding:6px 7px 18px;margin-bottom:10px;border-color:rgba(255,255,255,.08)}
.sidebar-nav{display:grid;gap:4px;flex:1}
.nav-section{border-radius:13px;overflow:hidden}
.nav-section summary{list-style:none;display:grid;grid-template-columns:26px 1fr 14px;align-items:center;gap:8px;padding:10px 9px;color:#9db4c2;cursor:pointer;transition:.18s;font-size:10px}
.nav-section summary::-webkit-details-marker{display:none}.nav-section summary:hover{background:rgba(255,255,255,.045);color:#e8f7ff}.nav-section[open] summary{color:#d9eff8}
.nav-section summary i{font-style:normal;transition:transform .18s}.nav-section[open] summary i{transform:rotate(180deg)}
.nav-section-code{font:600 7px var(--mono);color:#4fd7ff;letter-spacing:.06em}
.nav-section-items{display:grid;gap:2px;padding:0 0 7px 10px;margin-left:13px;border-left:1px solid rgba(94,190,225,.13)}
.nav-btn{min-height:36px;padding:8px 9px;margin:0;border-radius:10px;font-size:10px;font-weight:600;color:#9eb3c1;gap:8px}
.nav-code{width:25px;font-size:7px;color:#72ccef}.nav-btn:hover{background:rgba(255,255,255,.055)}
.nav-btn.active{background:linear-gradient(90deg,rgba(14,165,255,.24),rgba(0,194,255,.09));border-color:rgba(0,194,255,.14);box-shadow:inset 2px 0 0 #00c2ff;color:#fff}
.sidebar-user{margin-top:16px;padding:12px 8px;display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#124e7a,#00c2ff);font:700 9px var(--mono)}
.sidebar-user b,.sidebar-user small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user b{font-size:9px}.sidebar-user small{font-size:7px;color:#849eae;margin-top:3px}

.topbar{min-height:72px;padding:11px 24px;background:rgba(255,255,255,.91);border-color:var(--line);box-shadow:0 1px 0 rgba(8,19,32,.02)}
.topbar-leading{display:flex;align-items:center;gap:12px;min-width:0}.topbar-back{border-color:var(--line)!important;background:#fff!important;color:var(--ink-strong)!important;width:36px;height:36px;border-radius:10px!important}
.topbar-title{font:700 22px var(--font);letter-spacing:-.025em}.topbar-sub{font-size:8px}
.page{padding:25px 28px 90px}.page-head h1{font:700 38px/1 var(--font);letter-spacing:-.045em}.page-head p{font-size:13px}
.platform-live{background:#eef9ff;border-color:#d5eefc;color:#08679a}.platform-live i{background:#00c2ff}

/* KPI Center — explicit, visible and date-controlled */
.kpi-filter-card{padding:16px 18px;background:linear-gradient(135deg,#fff,#f7fbfd)}
.kpi-filter-fields{display:grid;grid-template-columns:190px 190px 1fr;gap:14px;align-items:end}.kpi-range-summary{min-height:66px;padding:11px 14px;border-radius:12px;background:#081a2c;color:#fff;display:grid;gap:3px}.kpi-range-summary span{font:600 7px var(--mono);color:#6ddcff;text-transform:uppercase;letter-spacing:.09em}.kpi-range-summary b{font-size:12px}.kpi-range-summary small{color:#a9c5d2;font-size:8px}
.kpi-trend{min-height:290px}.kpi-trend svg{width:100%;height:250px}.kpi-axis{display:flex;justify-content:space-between;gap:4px;color:var(--muted);font:600 7px var(--mono)}
.kpi-rank{width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:12px 6px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;text-align:left}.kpi-rank:hover{background:#f7fbfd}.kpi-rank>span{font:700 9px var(--mono);color:#0ea5ff}.kpi-rank b{display:block;font-size:10px}.kpi-rank small{font-size:8px;color:var(--muted)}.kpi-rank strong{font-size:10px;color:var(--blue-deep)}
.kpi-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi-insight-grid>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:#f9fbfc}.kpi-insight-grid span,.kpi-insight-grid small{display:block}.kpi-insight-grid span{font:600 7px var(--mono);color:var(--muted);text-transform:uppercase}.kpi-insight-grid b{display:block;font-size:26px;letter-spacing:-.04em;margin:6px 0;color:var(--ink-strong)}.kpi-insight-grid small{font-size:8px;color:var(--muted)}

/* Material identity + actionability */
.material-action-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.material-identity-card{display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center;background:linear-gradient(145deg,#fff,#f4f9fc)}.material-identity-card code{display:block;margin:16px 0;padding:10px 12px;border-radius:10px;background:#081a2c;color:#86e5ff;font-size:9px;word-break:break-all}.qr-stage{display:grid;place-items:center;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.trace-qr-svg{max-width:100%;height:auto}.qr-unavailable{padding:20px;border:1px dashed var(--line);text-align:center}.qr-unavailable small{display:block;margin-top:7px}
.material-action-stack{display:grid;gap:9px;margin-top:14px}.material-action-stack button{width:100%;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:inherit}.material-action-stack button:hover{border-color:rgba(14,165,255,.35);background:#f5fbff;transform:translateY(-1px)}.material-action-stack button>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#ecf8ff;color:#0878b5;font-size:18px}.material-action-stack b{display:block;font-size:10px}.material-action-stack small{display:block;margin-top:3px;color:var(--muted);font-size:8px}

/* Mobile scanner framing */
.scan-corners{position:absolute;inset:12%;pointer-events:none}.scan-corners i{position:absolute;width:28px;height:28px;border-color:#00c2ff;border-style:solid;filter:drop-shadow(0 0 8px rgba(0,194,255,.45))}.scan-corners i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.scan-corners i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.scan-corners i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}.scan-corners i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}.identity-examples{display:grid;gap:7px;margin-top:16px}.identity-examples code{padding:9px;border-radius:9px;background:#f4f8fb;font-size:8px;word-break:break-all}

/* Login-inspired dark AI Center */
.ai-center-hero{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr auto;gap:28px;align-items:end;min-height:330px;padding:30px!important;background:linear-gradient(145deg,#071523,#08213a 56%,#0b2c4b)!important;border:1px solid rgba(0,194,255,.14)!important}
.ai-center-copy{position:relative;min-height:230px;z-index:2}.ai-center-copy h2{font:700 38px/1 var(--font)!important;letter-spacing:-.04em;margin:10px 0 8px!important}.ai-center-copy p{color:#b6d0dd!important;font-size:15px!important}
.ai-wave-field{position:absolute;left:4%;right:-34%;top:40%;height:120px}.ai-wave-field i{position:absolute;left:0;right:0;top:50%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#0ea5ff,#00c2ff,#14b8a6,transparent);filter:drop-shadow(0 0 10px #00c2ff);transform:skewY(-5deg)}.ai-wave-field i:nth-child(2){transform:translateY(15px) skewY(5deg);opacity:.55}.ai-wave-field i:nth-child(3){transform:translateY(-15px) skewY(7deg);opacity:.4}.ai-wave-field i:nth-child(4){transform:translateY(30px) skewY(-8deg);opacity:.24}
.ai-center-actions{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:9px;z-index:3}.ai-center-actions button{min-height:94px;padding:14px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.065);color:#fff;text-align:left;display:grid;gap:8px;backdrop-filter:blur(12px)}.ai-center-actions button:hover{background:rgba(14,165,255,.15);border-color:rgba(0,194,255,.28)}.ai-center-actions span{font-size:19px;color:#66dcff}.ai-center-actions b{font-size:9px}

/* Command Center: static connected-system map, explicitly not a scanner */
.radar-sweep{display:none!important}.command-network-map{background:radial-gradient(circle at 50% 50%,rgba(14,165,255,.12),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(0,194,255,.035))}
.network-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,194,255,.13);border-radius:50%}.orbit-one{width:58%;aspect-ratio:1}.orbit-two{width:82%;aspect-ratio:1;border-color:rgba(20,184,166,.10)}
.command-network-map:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,194,255,.22),transparent);box-shadow:0 -110px 0 rgba(0,194,255,.06),0 110px 0 rgba(0,194,255,.06)}
.network-map-caption{position:absolute;left:16px;bottom:14px;display:grid;gap:2px;z-index:3}.network-map-caption span{font:700 7px var(--mono);letter-spacing:.1em;color:#5ddcff}.network-map-caption b{font-size:8px;color:#91b0bd;font-weight:500}.radar-core{z-index:3;border-radius:20px;width:150px;height:108px;background:rgba(4,22,38,.88);box-shadow:0 18px 50px rgba(0,0,0,.24);border-color:rgba(0,194,255,.24)}.radar-core b{font-family:var(--font);font-size:42px}.radar-core span{color:#68dfff}.radar-blip span{animation:none;background:rgba(14,165,255,.13);border-color:rgba(0,194,255,.34)}

/* Marketplace: light, catalog-first */
.market-filterbar{background:#fff!important;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.product{border-color:var(--line)!important;box-shadow:0 7px 24px rgba(8,19,32,.045)!important}.product:hover{box-shadow:0 16px 38px rgba(8,19,32,.10)!important;border-color:rgba(14,165,255,.24)!important}.market-search-wrap>span{color:var(--blue)!important}

/* History filter */
.history-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px 170px auto;gap:9px;align-items:center}

@media(max-width:1100px){
  .private-access-page{grid-template-columns:1fr 440px}.access-message h1{font-size:58px}
  .material-action-grid{grid-template-columns:1fr}.kpi-insight-grid{grid-template-columns:1fr 1fr}.kpi-filter-fields{grid-template-columns:1fr 1fr}.kpi-range-summary{grid-column:1/-1}
  .ai-center-hero{grid-template-columns:1fr}.ai-center-actions{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .private-access-page{grid-template-columns:1fr}.access-visual{display:none}.access-form-panel{min-height:100vh;padding:28px 20px}.mobile-access-brand{display:block;margin-bottom:48px}
  .shell{display:block}.sidebar{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:auto;display:flex;padding:14px}.sidebar-head{display:block}.sidebar-nav{display:grid}.nav-section{display:block}.nav-section summary{display:grid}.nav-section-items{display:grid}.nav-btn{display:flex;flex-direction:row;font-size:10px;padding:8px 9px}.nav-btn:nth-of-type(n+11){display:flex}.sidebar-user{display:grid}
  .topbar{position:sticky;top:0}.topbar-actions .role-badge,.topbar-actions .platform-live,.topbar-actions .btn-search b,.topbar-actions .btn-search kbd{display:none}.page{padding-bottom:50px}
  .material-identity-card{grid-template-columns:1fr}.qr-stage{justify-self:center}.ai-center-actions{grid-template-columns:1fr 1fr}.history-toolbar{grid-template-columns:1fr 1fr}.history-toolbar>input:first-child{grid-column:1/-1}
}
@media(max-width:620px){
  .brand-symbol{width:38px;height:38px}.brand-mark{font-size:23px}.brand-sub{font-size:6px}
  .topbar{padding:10px}.topbar-title{font-size:17px}.topbar-sub{display:none}.topbar-actions{gap:5px}.topbar-actions>.btn:not(.btn-search):not(.btn-icon){display:none}.topbar-back{width:34px;height:34px}
  .page{padding:16px 12px 42px}.page-head h1{font-size:31px}.page-head p{font-size:11px}
  .kpi-filter-fields,.kpi-insight-grid{grid-template-columns:1fr}.kpi-range-summary{grid-column:auto}.ai-center-actions{grid-template-columns:1fr 1fr}.ai-center-hero{padding:20px!important}.ai-center-copy h2{font-size:32px!important}
  .history-toolbar{grid-template-columns:1fr}.history-toolbar>input:first-child{grid-column:auto}
}

.equipment-identity-strip{display:grid;grid-template-columns:126px 1fr auto;gap:18px;align-items:center;margin-bottom:18px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f5fbff);box-shadow:var(--shadow-sm)}
.equipment-id-qr{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:5px}.equipment-id-qr svg{width:112px;height:112px}
.equipment-identity-strip h3{margin:4px 0 8px;font-size:16px;color:var(--ink-strong)}.equipment-identity-strip code{display:inline-block;padding:7px 9px;border-radius:8px;background:#081a2c;color:#78e4ff;font-size:8px}.equipment-id-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.equipment-identity-strip{grid-template-columns:100px 1fr}.equipment-id-qr svg{width:86px;height:86px}.equipment-id-actions{grid-column:1/-1;justify-content:stretch}.equipment-id-actions .btn{flex:1}}

/* ========================================================================== */
/* TRACE RC1.1 acceptance correction pass                                     */
/* Exact brand identity, tighter navigation, stable KPI controls, dark AI UX */
/* ========================================================================== */

/* Single typographic system: Inter for interface, Plex Mono only for metadata */
.page-head h1,.section-title,.topbar-title,.kpi-value,.command-kpi b{font-family:var(--font)!important}

/* Brand identity — transparent SVG, dark hexagon, open A, rounded R geometry */
.brand{align-items:center;gap:12px}
.brand-symbol{width:48px;height:48px;background:transparent!important;border:0!important;border-radius:0!important;filter:none}
.brand-symbol svg{overflow:visible;background:transparent!important}
.brand-copy{display:grid;gap:5px;width:min(260px,100%)}
.brand-word-svg{display:block;width:100%;height:auto;color:#081320;overflow:visible}
.brand-sub{width:100%;grid-template-columns:minmax(16px,1fr) auto minmax(16px,1fr);gap:8px;font:600 7px var(--mono);letter-spacing:.18em;color:#60758a}
.brand-sub i{background:currentColor;opacity:.55}
.brand-compact .brand-symbol{width:40px;height:40px}
.brand-compact .brand-copy{width:185px}
.brand-compact .brand-word-svg,.sidebar .brand-word-svg,.access-visual .brand-word-svg{color:#fff}
.brand-compact .brand-sub,.sidebar .brand-sub,.access-visual .brand-sub{color:#9fc5d8}
.access-brand .brand-copy{width:250px}

/* Login identity and credit */
.engineering-credit{text-align:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font:500 9px/1.6 var(--mono);color:#54718a}
.engineering-credit b{color:#0878b5;font-weight:600}
.access-message .eyebrow{max-width:680px;color:#79dcf5;line-height:1.55}

/* Tighter navigation — no stretched grid rows / separated teeth */
.sidebar-nav{align-content:start!important;grid-auto-rows:max-content;gap:3px!important;flex:1 0 auto!important}
.nav-section{align-self:start}
.nav-section summary{padding:9px 9px}
.nav-section-items{padding-bottom:5px}
.nav-standalone{margin:2px 0 3px;padding:0}
.nav-standalone .nav-btn{min-height:40px;color:#b9d7e5}
.nav-standalone .nav-btn.active{background:linear-gradient(90deg,rgba(14,165,255,.30),rgba(0,194,255,.10));box-shadow:inset 2px 0 0 #00c2ff,0 9px 24px rgba(0,0,0,.08)}
.sidebar-user{margin-top:auto}
.sidebar-avatar{width:36px!important;height:36px!important;border-radius:50%;display:grid!important;place-items:center;background:linear-gradient(135deg,#124e7a,#00c2ff);overflow:hidden;font:700 9px var(--mono)}
.sidebar-avatar img{width:100%;height:100%;object-fit:cover;display:block}

/* Top search uses the same dark-to-blue language as the cart / approved theme */
.btn-search{color:#fff!important;border:1px solid rgba(0,194,255,.18)!important;background:linear-gradient(135deg,#081320,#0b2c4b)!important;box-shadow:0 9px 22px rgba(8,19,32,.12)}
.btn-search kbd{background:rgba(255,255,255,.08)!important;color:#bdeaff!important;border-color:rgba(255,255,255,.12)!important}

/* Floating AI companion + cart choreography */
.ai-fab{position:fixed;z-index:81;right:20px;bottom:20px;width:64px;height:64px;border:0;border-radius:22px;color:#fff;background:linear-gradient(135deg,#081320,#0b2c4b 56%,#0ea5ff);box-shadow:var(--shadow-lg);display:grid;place-items:center;align-content:center;gap:1px}
.ai-fab span{font-size:17px;color:#73e6ff}.ai-fab b{font-size:9px;letter-spacing:.1em}
.cart-fab.with-ai{right:94px}
.ai-mini-drawer{width:min(470px,100vw);background:#071523;color:#fff;border-left:1px solid rgba(0,194,255,.16)}
.ai-mini-drawer .drawer-head{background:rgba(7,21,35,.96);border-color:rgba(255,255,255,.10)}
.ai-mini-drawer .small{color:#9fbccc}
.ai-mini-messages{padding:14px 18px;overflow:auto;display:grid;gap:10px;flex:1}
.ai-mini-messages .ai-msg{max-width:95%;margin:0}
.ai-mini-actions{padding:10px 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ai-mini-actions button{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#c8e8f5;border-radius:12px;padding:10px;text-align:left}
.ai-mini-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.10)}
.ai-mini-compose textarea{min-height:76px;border-color:rgba(255,255,255,.12);background:#0b2135;color:#fff}

/* KPI date selection — native select wheels/dropdowns, apply only once */
.kpi-filter-fields{grid-template-columns:minmax(280px,.8fr) minmax(280px,.8fr) minmax(260px,1fr)!important}
.kpi-date-picker{display:grid;grid-template-columns:1.1fr 1fr .8fr;gap:7px}
.kpi-date-picker select{min-width:0;background:#fff}
.kpi-range-actions{display:grid;gap:9px;align-self:end}
.kpi-quick-ranges{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}
.kpi-quick-ranges button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 4px;font:700 8px var(--mono);color:#31546c}
.kpi-quick-ranges button:hover{border-color:#0ea5ff;background:#eff9ff}
.kpi-range-summary{grid-column:1/-1}

/* Operations Command Center — explicit issues, no radar, no abstract posture */
.command-overview-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:16px;padding:22px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#071523,#08213a 58%,#0b2c4b);border:1px solid rgba(0,194,255,.14);box-shadow:0 24px 60px rgba(8,19,32,.14)}
.command-overview-copy{position:relative;overflow:hidden;padding:10px}
.command-overview-copy:after{content:"";position:absolute;left:10%;right:-25%;top:46%;height:2px;background:linear-gradient(90deg,transparent,#0ea5ff,#00c2ff,#14b8a6,transparent);filter:drop-shadow(0 0 10px #00c2ff);transform:skewY(-5deg);opacity:.65;pointer-events:none}
.command-overview-copy>*{position:relative;z-index:1}
.command-overview-copy h2{font:700 42px/1.02 var(--font);letter-spacing:-.045em;margin:7px 0 10px}
.command-overview-copy>p{max-width:780px;color:#b8d3e1;line-height:1.65}
.command-explicit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}
.command-explicit-metrics button{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.065);border-radius:14px;padding:12px;color:#fff;text-align:left;backdrop-filter:blur(10px)}
.command-explicit-metrics span,.command-explicit-metrics small{display:block;color:#9fc5d8;font-size:8px}.command-explicit-metrics b{display:block;font-size:28px;margin:5px 0}
.command-attention-panel{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(2,14,25,.42);padding:14px;min-width:0}
.command-attention-panel h3{margin:3px 0 0}.command-attention-panel>.command-section-head>span{font:700 8px var(--mono);color:#65ddff}
.command-attention-list{display:grid;gap:7px;margin-top:12px;max-height:390px;overflow:auto}
.command-attention-item{display:grid;grid-template-columns:72px 1fr auto;gap:9px;align-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.055);color:#fff;border-radius:12px;padding:10px;text-align:left}
.command-attention-item>span{font:700 7px var(--mono);color:#6edfff;text-transform:uppercase}.command-attention-item b{display:block;font-size:9px}.command-attention-item small{display:block;margin-top:3px;color:#9db8c7;font-size:8px;line-height:1.4}.command-attention-item i{font-style:normal;font-size:8px;color:#66ddff}
.area-readiness-list{display:grid;gap:8px;margin:12px 0 16px}.area-readiness-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:#f8fbfd}.area-readiness-row b,.area-readiness-row small{display:block}.area-readiness-row small{margin-top:3px;color:var(--muted);font-size:8px}.area-readiness-row>span{font:700 8px var(--mono);color:#0878b5;text-align:right}

/* AI Center — one dark conversational workspace */
.ai-page{background:#06111e;margin:-25px -28px -90px;padding:25px 28px 90px;min-height:calc(100vh - 72px)}
.ai-page .page-head h1{color:#fff}.ai-page .page-head p{color:#9fb9c7}.ai-page .app-footer{color:#66899c}
.ai-studio-shell{border:1px solid rgba(0,194,255,.14);border-radius:26px;overflow:hidden;background:#071523;color:#fff;box-shadow:0 28px 70px rgba(0,0,0,.25)}
.ai-studio-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;position:relative;overflow:hidden;min-height:300px;padding:28px;background:radial-gradient(circle at 50% 60%,rgba(14,165,255,.12),transparent 30%),linear-gradient(145deg,#071523,#08213a 56%,#0b2c4b)}
.ai-studio-greeting{position:relative;z-index:2;min-height:220px}.ai-studio-greeting h2{font:700 48px/1 var(--font);letter-spacing:-.05em;margin:8px 0}.ai-studio-greeting p{color:#b6d0dd;font-size:15px}
.ai-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;border-top:1px solid rgba(255,255,255,.08)}
.ai-conversation-panel{min-width:0;background:#081726;border-right:1px solid rgba(255,255,255,.08)}
.dark-toolbar{position:relative!important;background:#0a1b2c!important;border-color:rgba(255,255,255,.08)!important}
.dark-switch{background:#071321!important}.dark-switch button{color:#8ca9b8!important}.dark-switch button.active{background:#123149!important;color:#fff!important;box-shadow:none!important}
.ai-compose-top{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;background:#0a1b2c;border-bottom:1px solid rgba(255,255,255,.08)}
.ai-compose-top textarea{min-height:90px;max-height:200px;background:#071523;color:#fff;border:1px solid rgba(0,194,255,.18);border-radius:16px;padding:14px;resize:vertical}.ai-compose-top textarea::placeholder{color:#6f94a8}.ai-compose-top button{align-self:end;min-height:46px}
.ai-prompt-strip{display:flex;gap:7px;overflow:auto;padding:11px 16px;background:#091929;border-bottom:1px solid rgba(255,255,255,.08)}
.ai-prompt-strip button{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);color:#b9d8e7;border-radius:999px;padding:8px 10px;font-size:8px}
.ai-dark-messages{min-height:470px;max-height:62vh;padding:18px!important;overflow:auto;background:linear-gradient(180deg,#071523,#091b2c)!important}
.ai-dark-messages .enterprise-bot-msg{background:#0d2438!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;color:#e7f5fb}.ai-dark-messages .enterprise-user-msg{background:linear-gradient(135deg,#0b3a50,#0b4f5b)!important;border-color:rgba(0,194,255,.18)!important;color:#fff}.ai-dark-messages .ai-message-answer{color:#dceef6!important}.ai-dark-messages .ai-message-answer h2,.ai-dark-messages .ai-message-answer h3,.ai-dark-messages .ai-message-answer h4{color:#fff!important}.ai-dark-messages .ai-message-meta>span{background:rgba(255,255,255,.07)!important;color:#9ec1d1!important}.ai-dark-messages .ai-agent-pill{background:rgba(0,194,255,.12)!important;color:#6ee5ff!important}.ai-dark-messages .ai-evidence-details{border-color:rgba(255,255,255,.09)}
.ai-context-rail{display:grid;align-content:start;gap:0;background:#071321;max-height:calc(62vh + 210px);overflow:auto}.ai-rail-section{padding:18px;border-bottom:1px solid rgba(255,255,255,.08)}.ai-rail-section h3{margin:5px 0 12px;font-size:16px}.ai-lens-list,.ai-signal-list{display:grid;gap:7px}.ai-lens-list button,.ai-signal-list button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#fff;border-radius:12px;padding:10px;text-align:left}.ai-lens-list button:hover,.ai-signal-list button:hover{border-color:rgba(0,194,255,.25);background:rgba(14,165,255,.08)}.ai-lens-list>button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#124e7a,#0ea5ff);font:700 8px var(--mono)}.ai-lens-list b,.ai-signal-list b{display:block;font-size:9px}.ai-lens-list small,.ai-signal-list small{display:block;margin-top:3px;color:#8faebe;font-size:8px;line-height:1.4}.ai-signal-list button{grid-template-columns:10px 1fr}.ai-signal-list button>span{width:7px;height:7px;border-radius:50%;background:#00c2ff;margin-top:4px;box-shadow:0 0 0 4px rgba(0,194,255,.08)}
.dark-history .ai-history-row{border-color:transparent}.dark-history .ai-history-row.active{background:rgba(14,165,255,.09);border-color:rgba(0,194,255,.16)}.dark-history .ai-history-row b{color:#fff}.dark-history .ai-history-row small{color:#7899aa}

/* Profile presentation */
.profile-identity-head{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;margin:12px 0 20px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}.profile-avatar-preview{width:92px;height:92px;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#081320,#0ea5ff);color:#fff;font-size:24px;font-weight:700}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-identity-head b,.profile-identity-head small{display:block}.profile-identity-head small{margin:4px 0 10px;color:var(--muted)}.profile-upload-btn{display:inline-flex!important;margin-right:7px}.btn-link{border:0!important;background:transparent!important;color:#0878b5!important;padding:8px!important}

@media(max-width:1100px){
  .command-overview-hero,.ai-studio-grid{grid-template-columns:1fr}.command-explicit-metrics{grid-template-columns:1fr 1fr}.ai-context-rail{max-height:none;border-top:1px solid rgba(255,255,255,.08)}
  .kpi-filter-fields{grid-template-columns:1fr 1fr!important}.kpi-range-actions,.kpi-range-summary{grid-column:1/-1}
}
@media(max-width:760px){
  .brand-copy{width:210px}.access-brand .brand-copy{width:215px}.command-explicit-metrics{grid-template-columns:1fr 1fr}.ai-studio-hero{grid-template-columns:1fr}.ai-center-actions{grid-template-columns:1fr 1fr}.ai-page{margin:-18px -14px -110px;padding:18px 14px 110px}.ai-compose-top{grid-template-columns:1fr}.kpi-filter-fields{grid-template-columns:1fr!important}.kpi-range-actions,.kpi-range-summary{grid-column:auto}.ai-mini-actions{grid-template-columns:1fr}.cart-fab.with-ai{right:88px}.ai-fab{right:14px;bottom:95px}.cart-fab.with-ai{bottom:95px}
}


/* TRACE RC1.1 strict Concept-A acceptance palette */
:root{
  --trace-deep-navy:#0A1424;
  --trace-slate:#1B2533;
  --trace-off-white:#F7F9FB;
  --trace-cyan:#00B4D8;
  --trace-teal:#007A8A;
}
body{background:var(--trace-off-white);color:var(--trace-slate)}
.sidebar{background:linear-gradient(180deg,#0A1424 0%,#101D2E 58%,#1B2533 100%)}
.nav-group-toggle.active,.nav-btn.active{background:linear-gradient(90deg,rgba(0,180,216,.16),rgba(0,122,138,.08));border-color:rgba(0,180,216,.20)}
.nav-group-toggle:hover,.nav-btn:hover{background:rgba(247,249,251,.06)}
.brand-symbol{filter:none}
.brand-word-svg{color:#0A1424}
.brand-sub{color:#66758C}
.sidebar .brand-word-svg,.access-visual .brand-word-svg,.brand-compact .brand-word-svg{color:#F7F9FB}
.sidebar .brand-sub,.access-visual .brand-sub,.brand-compact .brand-sub{color:#A7B7C5}
.btn-primary{background:linear-gradient(135deg,#1B2533 0%,#12445D 58%,#007A8A 100%);border-color:#1B2533;color:#fff}
.btn-primary:hover{filter:brightness(1.06)}
.top-search,.command-trigger{background:#fff;border-color:#DDE5EB;color:#1B2533}
.kpi-card,.card{border-color:#E1E7EC}
/* Cyan is accent, not wallpaper. */
.eyebrow,.text-cyan,.link-accent{color:#007A8A}
.badge-blue{background:rgba(0,180,216,.10);color:#007A8A;border-color:rgba(0,180,216,.20)}

/* RC1.1 Tight Acceptance Correction — immersive AI Center */
.ai-route-shell{background:#06111e}
.ai-topbar{background:linear-gradient(180deg,#0A1424,#0b1828)!important;border-bottom:1px solid rgba(247,249,251,.08)!important;color:#F7F9FB!important}
.ai-topbar .topbar-title{color:#F7F9FB!important}
.ai-topbar .topbar-sub{color:#819bab!important}
.ai-topbar .btn,.ai-topbar .role-badge,.ai-topbar .platform-live{background:rgba(247,249,251,.055)!important;border-color:rgba(247,249,251,.09)!important;color:#eaf4f8!important}
.ai-topbar .btn-search{background:#102a42!important;border-color:rgba(0,180,216,.25)!important;color:#fff!important}
.ai-topbar .btn-search kbd{background:rgba(255,255,255,.08)!important;color:#bfe8f1!important}
.ai-page{margin-top:0!important;padding-top:22px!important;background:#06111e!important}
.ai-page .page-head{border:0!important;background:transparent!important;padding:0 2px 16px!important}
.ai-page .page-head-actions{align-items:center}
.ai-new-chat-control{background:rgba(247,249,251,.055)!important;border:1px solid rgba(247,249,251,.10)!important;color:#dcecf3!important;box-shadow:none!important}
.ai-new-chat-control:hover{background:rgba(0,180,216,.10)!important;border-color:rgba(0,180,216,.24)!important}
.ai-continuous-shell{border-radius:24px;background:#071523;overflow:hidden}
.ai-continuous-grid{grid-template-columns:minmax(0,1fr) 340px;border-top:0!important;align-items:stretch}
.ai-continuous-main{background:linear-gradient(180deg,#08213a 0,#071523 37%,#081726 100%);border-right:1px solid rgba(255,255,255,.08)}
.ai-integrated-hero{display:block!important;min-height:355px;padding:34px 34px 0!important;background:radial-gradient(circle at 54% 58%,rgba(0,180,216,.17),transparent 34%),linear-gradient(145deg,#071523,#08213a 54%,#0b2c4b)!important}
.ai-integrated-hero:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(to bottom,rgba(7,21,35,0),rgba(7,21,35,.42) 42%,#081726 100%);pointer-events:none;z-index:3}
.ai-studio-greeting{min-height:320px;max-width:820px;position:relative;z-index:2}
.ai-studio-greeting h2{font-size:52px!important;margin-top:10px!important}
.ai-studio-greeting p{font-size:16px!important;margin-top:14px!important}
.ai-hero-fade{position:absolute;left:0;right:0;bottom:0;height:170px;z-index:4;pointer-events:none;background:linear-gradient(to bottom,transparent,#081726)}
.ai-interaction-zone{position:relative;z-index:5;margin-top:-4px;background:linear-gradient(180deg,#081726 0%,#081726 76%,#071523 100%)}
.ai-mode-toolbar{padding:18px 22px 12px!important;border:0!important;display:flex;gap:14px;align-items:center;justify-content:space-between}
.ai-five-modes{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px!important;width:min(760px,100%);padding:5px!important}
.ai-five-modes button{min-height:38px;padding:9px 10px!important;white-space:nowrap}
.ai-integrated-compose{padding:8px 22px 16px!important;background:transparent!important;border:0!important}
.ai-integrated-compose textarea{min-height:104px;background:rgba(5,17,29,.78)!important;border-color:rgba(0,180,216,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ai-prompt-strip{padding:0 22px 16px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.07)!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent 0,black 14px,black calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 14px,black calc(100% - 18px),transparent 100%)}
.ai-prompt-strip::-webkit-scrollbar{display:none;width:0;height:0}
.ai-continuous-messages{min-height:430px;max-height:none!important;overflow:visible!important;padding:22px!important;background:transparent!important}
.ai-continuous-messages .ai-msg{max-width:96%;margin-bottom:18px}
.ai-continuous-messages .enterprise-bot-msg{border-radius:18px!important}
.ai-response-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.ai-response-evidence{min-width:0;flex:1}
.ai-response-evidence .ai-evidence-details{margin-top:0!important}
.ai-trace-id{font:700 8px var(--mono);color:#5e8799}
.ai-copy-message{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#7da4b5;padding:6px 8px;border-radius:8px;cursor:pointer}
.ai-copy-message:hover{background:rgba(0,180,216,.08);color:#bdebf3}
.ai-copy-message b{font:700 8px var(--mono)}
.copy-glyph{display:inline-block;font-size:13px;line-height:1}.copy-glyph.overlap{position:absolute;left:11px;top:7px;opacity:.8}
.ai-faded-rail{position:relative;max-height:none!important;overflow:auto!important;background:linear-gradient(180deg,#071321,#071523)!important;mask-image:linear-gradient(to bottom,transparent 0,black 18px,black calc(100% - 48px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black 18px,black calc(100% - 48px),transparent 100%);padding-top:10px;padding-bottom:40px}
.ai-faded-rail .ai-rail-section:first-child{padding-top:22px}
.ai-faded-rail .ai-rail-section:last-child{border-bottom:0}
.ai-context-rail::-webkit-scrollbar{width:7px}.ai-context-rail::-webkit-scrollbar-thumb{background:rgba(0,180,216,.18);border-radius:10px}
.ai-page .app-footer{background:transparent!important;border:0!important}

@media(max-width:1100px){
  .ai-continuous-grid{grid-template-columns:1fr}
  .ai-faded-rail{max-height:560px!important;border-top:1px solid rgba(255,255,255,.08)}
}
@media(max-width:760px){
  .ai-integrated-hero{min-height:300px;padding:26px 20px 0!important}
  .ai-studio-greeting{min-height:270px}.ai-studio-greeting h2{font-size:40px!important}
  .ai-mode-toolbar{align-items:stretch;flex-direction:column;padding:14px 14px 8px!important}
  .ai-five-modes{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .ai-five-modes button:last-child{grid-column:1/-1}
  .ai-integrated-compose{padding:8px 14px 14px!important}.ai-prompt-strip{padding:0 14px 14px!important}.ai-continuous-messages{padding:14px!important}
}

/* RC1.1 AI Center v3 — integrated fixed conversation stage */
.ai-shell{background:#06111e!important;align-items:stretch}
.ai-shell>.sidebar{background:linear-gradient(180deg,#0A1424 0%,#101D2E 58%,#1B2533 100%)!important}
.ai-shell>.app-main{background:#06111e!important}
.ai-page{padding-top:20px!important}
.ai-page>.app-footer{background:transparent!important}
.ai-continuous-shell{border:1px solid rgba(0,180,216,.13)!important;box-shadow:0 22px 70px rgba(0,0,0,.25)}
.ai-continuous-main{min-width:0}
.ai-conversation-stage{position:relative;min-height:780px;background:radial-gradient(circle at 54% 30%,rgba(0,180,216,.18),transparent 30%),linear-gradient(145deg,#071523,#08213a 52%,#0b2c4b);overflow:hidden}
.ai-integrated-hero{min-height:300px!important;padding:34px 34px 0!important;background:transparent!important;border:0!important}
.ai-integrated-hero:after{display:none!important}
.ai-studio-greeting{min-height:280px!important;max-width:820px}
.ai-message-viewport-wrap{position:relative;height:500px;margin:0 24px 0;z-index:6}
.ai-conversation-scroll{height:100%;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:58px 12px 70px!important;background:transparent!important;scrollbar-width:thin;scrollbar-color:rgba(0,180,216,.32) transparent;overscroll-behavior:contain}
.ai-conversation-scroll::-webkit-scrollbar{width:7px}.ai-conversation-scroll::-webkit-scrollbar-track{background:transparent}.ai-conversation-scroll::-webkit-scrollbar-thumb{background:rgba(0,180,216,.26);border-radius:20px}
.ai-message-top-fade,.ai-message-bottom-fade{position:absolute;left:0;right:0;z-index:9;pointer-events:none}
.ai-message-top-fade{top:0;height:78px;background:linear-gradient(to bottom,#08213a 0%,rgba(8,33,58,.88) 28%,rgba(8,33,58,0) 100%)}
.ai-message-bottom-fade{bottom:0;height:90px;background:linear-gradient(to bottom,rgba(7,21,35,0),rgba(7,21,35,.76) 60%,#071523 100%)}
.ai-conversation-scroll .ai-msg{max-width:96%;margin:0 0 18px}
.ai-composer-zone{margin-top:0!important;border-top:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#071523,#081726 76%,#071523 100%)!important}
.ai-mode-toolbar{padding-top:20px!important}
.ai-response-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.ai-regenerate-message{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#7da4b5;padding:6px 8px;border-radius:8px;cursor:pointer}
.ai-regenerate-message:hover{background:rgba(0,180,216,.08);color:#bdebf3}.ai-regenerate-message b{font:700 8px var(--mono)}.ai-regenerate-message span{font-size:14px}
.ai-response-footer{align-items:center}
.ai-faded-rail{height:calc(780px + 250px);max-height:1030px!important;align-self:start}
/* Remove the old hard-edged/off-color outline around conversation content. */
.ai-dark-messages,.ai-conversation-scroll,.ai-message-viewport-wrap{border:0!important;outline:0!important;box-shadow:none!important}
/* Prevent the sidebar column from exposing the off-white body under long AI content. */
.ai-shell{background:linear-gradient(90deg,#0A1424 0 274px,#06111e 274px)!important}
@media(max-width:1100px){.ai-conversation-stage{min-height:720px}.ai-message-viewport-wrap{height:440px}.ai-faded-rail{height:auto;max-height:none!important}.ai-shell{background:#06111e!important}}
@media(max-width:760px){.ai-conversation-stage{min-height:650px}.ai-message-viewport-wrap{height:360px;margin-inline:12px}.ai-integrated-hero{min-height:255px!important;padding:24px 20px 0!important}.ai-studio-greeting{min-height:235px!important}.ai-studio-greeting h2{font-size:40px!important}.ai-five-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-mode-toolbar{align-items:flex-start}.ai-runtime-state{padding-top:8px}.ai-shell{background:#06111e!important}}


/* TRACE AI Center visual continuity correction — 2026-07-06 */
.ai-conversation-stage{
  position:relative!important;
  min-height:690px!important;
  background:
    radial-gradient(circle at 58% 30%,rgba(0,180,216,.20),transparent 34%),
    radial-gradient(circle at 86% 52%,rgba(0,122,138,.13),transparent 30%),
    linear-gradient(145deg,#071523 0%,#08213a 48%,#0b2c4b 100%)!important;
  overflow:hidden!important;
}
/* Carry the same cyan/teal light-language through the conversation zone itself. */
.ai-conversation-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.78;
  background:
    linear-gradient(  6deg,transparent 49.70%,rgba(0,180,216,.65) 49.88%,rgba(102,229,255,.94) 50%,rgba(0,180,216,.52) 50.12%,transparent 50.30%),
    linear-gradient( -7deg,transparent 49.72%,rgba(0,180,216,.42) 49.90%,rgba(36,204,235,.72) 50%,rgba(0,122,138,.42) 50.14%,transparent 50.30%),
    linear-gradient( 11deg,transparent 49.74%,rgba(0,122,138,.36) 49.91%,rgba(0,180,216,.62) 50%,rgba(0,180,216,.30) 50.13%,transparent 50.28%),
    linear-gradient(-12deg,transparent 49.76%,rgba(0,180,216,.25) 49.92%,rgba(87,230,255,.46) 50%,rgba(0,122,138,.22) 50.13%,transparent 50.26%);
  background-size:130% 58%,136% 62%,142% 66%,148% 70%;
  background-position:-8% 23%,7% 35%,-10% 47%,8% 58%;
  background-repeat:no-repeat;
  filter:drop-shadow(0 0 9px rgba(0,180,216,.24));
  -webkit-mask-image:linear-gradient(to bottom,black 0%,black 72%,rgba(0,0,0,.62) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,black 0%,black 72%,rgba(0,0,0,.62) 88%,transparent 100%);
}
.ai-conversation-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(7,21,35,0) 0 62%,rgba(7,21,35,.10) 78%,rgba(7,21,35,.30) 100%);
}
.ai-integrated-hero{
  min-height:238px!important;
  padding:28px 34px 0!important;
  background:transparent!important;
  position:relative!important;
  z-index:4!important;
}
.ai-studio-greeting{min-height:205px!important;max-width:820px!important}
.ai-studio-greeting p{margin-top:12px!important}
/* Remove the obvious PowerPoint-like fade band. */
.ai-message-top-fade{display:none!important}
.ai-message-bottom-fade{height:46px!important;background:linear-gradient(to bottom,transparent,rgba(7,21,35,.45))!important}
.ai-message-viewport-wrap{
  position:relative!important;
  height:452px!important;
  margin:-24px 20px 0!important;
  z-index:5!important;
}
.ai-conversation-scroll{
  padding:30px 10px 52px!important;
  background:transparent!important;
}
/* Let the shared neon background remain visible through conversation cards. */
.ai-dark-messages .enterprise-bot-msg{
  background:linear-gradient(135deg,rgba(9,27,44,.68),rgba(10,42,64,.54))!important;
  border-color:rgba(126,221,242,.14)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
.ai-dark-messages .enterprise-user-msg{
  background:linear-gradient(135deg,rgba(11,58,80,.66),rgba(11,79,91,.50))!important;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
}
/* AI-generated section headings must never inherit black document styles. */
.ai-message-answer h1,.ai-message-answer h2,.ai-message-answer h3,
.ai-message-answer h4,.ai-message-answer h5,.ai-message-answer h6,
.ai-message-answer strong,.ai-message-answer b{
  color:#F7F9FB!important;
}
.ai-message-answer{color:#DCEEF6!important}
.ai-message-answer p,.ai-message-answer li{color:#DCEEF6!important}
/* Remove the off-white gutter/block by making the AI shell and sidebar own the full row height. */
.ai-shell{background:#06111e!important;align-items:stretch!important;min-height:100dvh!important}
.ai-shell>.sidebar{
  height:auto!important;
  min-height:100dvh!important;
  align-self:stretch!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  background:linear-gradient(180deg,#0A1424 0%,#101D2E 58%,#1B2533 100%)!important;
}
.ai-shell>.app-main{min-height:100dvh!important;background:#06111e!important}
.ai-page{min-height:100%!important;background:#06111e!important}
/* Give the release/footer line breathing room from the sidebar edge. */
.ai-page>.app-footer{
  margin-left:34px!important;
  padding-left:12px!important;
  padding-right:18px!important;
  background:transparent!important;
  border:0!important;
  color:#66899c!important;
}
@media(max-width:1100px){
  .ai-message-viewport-wrap{height:420px!important;margin-top:-18px!important}
  .ai-shell>.sidebar{position:relative!important;min-height:auto!important}
  .ai-page>.app-footer{margin-left:0!important;padding-left:0!important}
}
@media(max-width:760px){
  .ai-integrated-hero{min-height:210px!important;padding:22px 20px 0!important}
  .ai-studio-greeting{min-height:182px!important}
  .ai-message-viewport-wrap{height:350px!important;margin:-14px 12px 0!important}
}

/* TRACE AI Center corrective rollback + targeted fixes — 2026-07-06 */
/* Important: keep all non-AI pages on the prior visual system. Only refine AI Center / AI mini drawer. */

/* --- AI Center: tighten the vertical conversation stage --- */
.ai-conversation-stage{
  min-height:632px!important;
}
.ai-integrated-hero{
  min-height:230px!important;
  padding:26px 34px 0!important;
}
.ai-studio-greeting{
  min-height:196px!important;
}
/* Cut the dead space under “How can I help you today?” and also trim the lower dead zone. */
.ai-message-viewport-wrap{
  height:392px!important;
  margin:-14px 20px 0!important;
}
.ai-conversation-scroll{
  padding:18px 10px 18px!important;
}
/* Keep the upper continuity, and mirror a gentler, deliberate fade at the bottom. */
.ai-message-bottom-fade{
  height:42px!important;
  background:
    linear-gradient(to bottom,rgba(7,21,35,0) 0%,rgba(7,21,35,.14) 48%,rgba(7,21,35,.42) 100%)!important;
}
/* Prevent the last response from leaving an exaggerated bottom gap. */
.ai-conversation-scroll .ai-msg:last-child{
  margin-bottom:6px!important;
}

/* --- AI Center: bottom-left sidebar bleed fix without disturbing global layout --- */
.ai-shell{
  position:relative!important;
}
.ai-shell::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:300px;
  height:152px;
  background:linear-gradient(180deg,#101D2E 0%,#1B2533 100%);
  pointer-events:none;
  z-index:0;
}
.ai-shell>.sidebar,
.ai-shell>.app-main{
  position:relative;
  z-index:1;
}
/* Do not introduce extra fake spacing under the user card. Keep the older density. */
.ai-shell>.sidebar{
  min-height:100vh!important;
  height:100%!important;
  align-self:stretch!important;
  padding-bottom:18px!important;
}
.ai-shell .sidebar-user{
  margin-top:auto!important;
  padding-bottom:6px!important;
}
/* Keep footer text clear but do not shift the whole site theme. */
.ai-page>.app-footer{
  margin-left:28px!important;
  padding-left:10px!important;
}

/* --- AI mini chatbot: readable, self-contained styling only for the drawer --- */
.ai-mini-drawer{
  background:#071523!important;
  color:#F7F9FB!important;
}
.ai-mini-drawer .drawer-head,
.ai-mini-messages,
.ai-mini-actions,
.ai-mini-compose{
  background:#071523!important;
}
.ai-mini-drawer .small,
.ai-mini-drawer p,
.ai-mini-drawer li,
.ai-mini-drawer b,
.ai-mini-drawer strong,
.ai-mini-drawer h2,
.ai-mini-drawer h3,
.ai-mini-drawer label,
.ai-mini-drawer textarea,
.ai-mini-drawer button{
  color:#F7F9FB!important;
}
.ai-mini-drawer .small,
.ai-mini-drawer .empty-state p{
  color:#A7B7C5!important;
}
.ai-mini-drawer .empty-icon{color:#66dcff!important;}
.ai-mini-drawer .enterprise-bot-msg{
  background:linear-gradient(135deg,#0d2438,#10304a)!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#E7F5FB!important;
}
.ai-mini-drawer .enterprise-user-msg{
  background:linear-gradient(135deg,#0b3a50,#0b4f5b)!important;
  border-color:rgba(0,194,255,.18)!important;
  color:#FFFFFF!important;
}
.ai-mini-drawer .ai-message-answer,
.ai-mini-drawer .ai-message-answer p,
.ai-mini-drawer .ai-message-answer li,
.ai-mini-drawer .ai-message-answer h1,
.ai-mini-drawer .ai-message-answer h2,
.ai-mini-drawer .ai-message-answer h3,
.ai-mini-drawer .ai-message-answer h4,
.ai-mini-drawer .ai-message-answer strong,
.ai-mini-drawer .ai-message-answer b{
  color:#DCEEF6!important;
}
.ai-mini-drawer .ai-message-meta>span,
.ai-mini-drawer .ai-agent-pill{
  background:rgba(255,255,255,.08)!important;
  color:#CDE8F4!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.ai-mini-drawer .ai-evidence-details,
.ai-mini-drawer .ai-evidence-list,
.ai-mini-drawer .ai-response-evidence,
.ai-mini-drawer .ai-trace-id,
.ai-mini-drawer .ai-evidence-details summary,
.ai-mini-drawer .ai-evidence-list small,
.ai-mini-drawer .ai-evidence-list span{
  color:#BFD5E1!important;
}
.ai-mini-drawer .ai-copy-message,
.ai-mini-drawer .ai-regenerate-message{
  color:#BFD5E1!important;
}
.ai-mini-drawer .ai-copy-message:hover,
.ai-mini-drawer .ai-regenerate-message:hover{
  background:rgba(0,180,216,.08)!important;
  color:#FFFFFF!important;
}
.ai-mini-actions button{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.05)!important;
  color:#DCEEF6!important;
}
.ai-mini-compose{
  border-top:1px solid rgba(255,255,255,.10)!important;
}
.ai-mini-compose textarea{
  min-height:76px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:#0b2135!important;
  color:#FFFFFF!important;
}
.ai-mini-compose textarea::placeholder{
  color:#9FBCCC!important;
}

@media(max-width:1100px){
  .ai-conversation-stage{min-height:610px!important}
  .ai-message-viewport-wrap{height:372px!important;margin-top:-10px!important}
  .ai-page>.app-footer{margin-left:0!important;padding-left:0!important}
  .ai-shell::after{display:none!important}
}
@media(max-width:760px){
  .ai-integrated-hero{min-height:208px!important;padding:22px 20px 0!important}
  .ai-studio-greeting{min-height:176px!important}
  .ai-message-viewport-wrap{height:336px!important;margin:-10px 12px 0!important}
}


/* TRACE brand fidelity + AI drawer close control — 2026-07-06 */
.brand-copy{width:min(300px,100%)!important;gap:6px!important}
.brand-word-svg{width:100%!important;height:auto!important;overflow:visible}
.brand-sub{width:100%!important;grid-template-columns:minmax(22px,1fr) auto minmax(22px,1fr)!important;gap:10px!important;font:600 7px var(--mono)!important;letter-spacing:.28em!important}
.brand-sub b{display:block;transform:scaleX(1.08);transform-origin:center;white-space:nowrap}
.brand-compact .brand-copy{width:210px!important}
.access-brand .brand-copy{width:300px!important}
.sidebar .brand-copy{width:210px!important}

.ai-mini-drawer .drawer-head .btn.btn-icon[data-action="close-drawer"]{
  background:#F7F9FB!important;
  color:#0A1424!important;
  border:1px solid rgba(10,20,36,.12)!important;
  font-size:24px!important;
  font-weight:700!important;
  line-height:1!important;
  text-shadow:none!important;
}
.ai-mini-drawer .drawer-head .btn.btn-icon[data-action="close-drawer"]:hover{
  background:#EAF1F6!important;
  color:#081320!important;
}

/* TRACE RC1.6 Part C — scoped material-master integration visuals */
.material-master-visual{display:flex;align-items:center;justify-content:center;min-height:190px;margin:0 0 18px;border:1px solid rgba(93,218,255,.16);border-radius:18px;background:linear-gradient(180deg,rgba(6,25,42,.72),rgba(5,17,31,.42));overflow:hidden}
.material-master-visual img{display:block;width:min(100%,360px);height:190px;object-fit:contain;padding:14px}

/* RC1.7 QR identity and label operations */
.scan-capability-note{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#f7fbfd,#eef7fb);display:grid;gap:4px}.scan-capability-note b{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.scan-capability-note span{font-size:10px;color:var(--muted);line-height:1.45}
.label-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.label-template-card{appearance:none;text-align:left;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px;display:grid;gap:8px;cursor:pointer;transition:.18s ease;color:var(--ink)}.label-template-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#9acfe0}.label-template-card.active{border-color:#00a9df;background:linear-gradient(145deg,#f6fdff,#eaf9ff);box-shadow:0 0 0 2px rgba(0,169,223,.1)}.label-template-card span{font-weight:900;font-size:13px}.label-template-card small{color:var(--muted);line-height:1.45;min-height:42px}.label-template-card i{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#0088b8}.label-toolbar{grid-template-columns:minmax(260px,1fr) auto auto auto}.label-toolbar input{min-width:0}.table input[data-input="label-select"]{width:18px;height:18px;accent-color:#00a9df;cursor:pointer}
@media(max-width:900px){.label-template-grid{grid-template-columns:1fr}.label-toolbar{grid-template-columns:1fr 1fr}.label-toolbar input{grid-column:1/-1}}
@media(max-width:560px){.label-toolbar{grid-template-columns:1fr}.label-toolbar input{grid-column:auto}.scan-capability-note{padding:10px}}

/* V7 RC3 — OCC Executive Operations Upgrade */
.command-overview-hero.executive-critical{background:radial-gradient(circle at 82% 18%,rgba(220,80,74,.18),transparent 28%),linear-gradient(145deg,#071523,#08213a 58%,#2a1f2c)}
.command-overview-hero.executive-watch{background:radial-gradient(circle at 82% 18%,rgba(229,155,46,.16),transparent 30%),linear-gradient(145deg,#071523,#08213a 58%,#2b2935)}
.command-executive-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.command-executive-action button{border:1px solid rgba(0,194,255,.32);background:rgba(0,180,216,.10);color:#d9f6ff;border-radius:999px;padding:9px 12px;font:700 8px var(--mono);cursor:pointer}
.command-executive-action button:hover{background:rgba(0,180,216,.18)}
.command-executive-action span{font:700 8px var(--mono);color:#8eb9c9}
.command-kpi{min-width:0}
.command-kpi b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;font-size:clamp(24px,2.2vw,32px)!important;line-height:1!important}
.command-comparison-grid>.card,.command-triage-grid>.card{min-width:0}
.command-comparison-list{display:grid;gap:8px;margin:12px 0 16px}
.command-comparison-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;background:#f8fbfd;color:inherit;text-align:left;width:100%}
button.command-comparison-row{cursor:pointer}
button.command-comparison-row:hover{border-color:rgba(0,180,216,.32);background:#f0faff}
.command-comparison-row b,.command-comparison-row small{display:block;min-width:0}
.command-comparison-row b{font-size:10px}.command-comparison-row small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}
.command-comparison-row>strong{font:800 20px var(--cond);color:var(--ink-strong)}
.command-comparison-row>i{grid-column:1/-1;height:5px;border-radius:999px;background:#e7eef2;overflow:hidden}
.command-comparison-row>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--trace-teal,#007A8A),var(--trace-cyan,#00B4D8))}
.command-comparison-row>span{grid-column:1/-1;font:700 7px var(--mono);color:#51748a}
.command-exposure-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.command-exposure-summary>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:#f8fbfd;min-width:0}
.command-exposure-summary small,.command-exposure-summary b{display:block}.command-exposure-summary small{font:700 7px var(--mono);text-transform:uppercase;color:var(--muted)}
.command-exposure-summary b{margin-top:5px;font:800 clamp(18px,2vw,26px) var(--cond);overflow-wrap:anywhere;color:var(--ink-strong)}
.command-ops-list{display:grid;gap:7px}
.command-ops-list>button{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;color:inherit;text-align:left;cursor:pointer}
.command-ops-list>button:hover{border-color:rgba(0,180,216,.30);background:#f5fbfe}
.command-ops-list>button>span{font:800 7px var(--mono);text-transform:uppercase;color:var(--trace-teal,#007A8A)}
.command-ops-list>button b,.command-ops-list>button small{display:block;min-width:0}.command-ops-list>button b{font-size:9px}.command-ops-list>button small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}
.command-ops-list>button>strong{font:800 10px var(--mono);color:var(--ink-strong);text-align:right;overflow-wrap:anywhere;max-width:150px}
.shortage-escalation-list>button>span,.workflow-action-list>button>span{color:#9a6500}
.shortage-escalation-list>button:has(>span:first-child){position:relative}
.command-empty-inline{padding:18px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted);font-size:9px;background:#fafcfd}
.command-brief-light{display:grid;gap:8px}.command-brief-light p{margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd;color:var(--ink);font-size:10px;line-height:1.5}
.command-flight-card .table-wrap{overflow-x:auto}
.command-flight-card .data-table{min-width:980px}
@media(max-width:900px){
  .command-exposure-summary{grid-template-columns:1fr}
  .command-ops-list>button{grid-template-columns:1fr}
  .command-ops-list>button>strong{text-align:left;max-width:none}
}

/* V7 RC3 follow-through — AI Center acceptance fixes */
.ai-page .ai-metric-strip span,.ai-mini-drawer .ai-metric-strip span{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important;color:#e7f5fb!important}
.ai-page .ai-metric-strip small,.ai-mini-drawer .ai-metric-strip small{color:#8fb0c0!important}
.ai-page .ai-metric-strip b,.ai-mini-drawer .ai-metric-strip b{color:#f7f9fb!important}
.ai-prompt-strip{mask-image:none!important;-webkit-mask-image:none!important;padding:2px 22px 16px!important;scroll-padding-inline:22px!important}
.ai-prompt-strip button{white-space:nowrap!important;line-height:1.25!important;overflow:visible!important}
@media(max-width:760px){.ai-prompt-strip{padding:2px 14px 14px!important;scroll-padding-inline:14px!important}}
.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}

/* V7 RC3.1 — approved TRACE identity fidelity hotfix */
.brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.brand-symbol{
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
}
.brand-symbol img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.brand-divider{
  display:block;
  width:1px;
  height:46px;
  flex:0 0 1px;
  background:rgba(96,117,138,.52);
}
.brand-copy{
  position:relative;
  display:block!important;
  width:min(360px,100%)!important;
  line-height:0;
}
.brand-wordmark{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.brand-wordmark-light{display:none}
.brand-wordmark-dark{display:block}
.sidebar .brand-wordmark-dark,
.access-visual .brand-wordmark-dark,
.brand-compact .brand-wordmark-dark{display:none}
.sidebar .brand-wordmark-light,
.access-visual .brand-wordmark-light,
.brand-compact .brand-wordmark-light{display:block}
.sidebar .brand-divider,
.access-visual .brand-divider,
.brand-compact .brand-divider{background:rgba(167,183,197,.34)}
.brand-compact .brand-symbol{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
}
.brand-compact .brand-divider{height:38px}
.brand-compact .brand-copy{width:230px!important}
.access-brand .brand-copy{width:360px!important}
.sidebar .brand-copy{width:230px!important}
@media (max-width: 700px){
  .brand-symbol{width:42px!important;height:42px!important;flex-basis:42px!important}
  .brand-divider{height:40px}
  .brand-copy{width:min(300px,calc(100vw - 100px))!important}
  .access-brand .brand-copy{width:min(320px,calc(100vw - 110px))!important}
}

/* RC3.1 lockup proportion correction — approved horizontal identity */
.brand-symbol{
  width:96px!important;
  height:56px!important;
  flex:0 0 96px!important;
}
.brand-divider{height:56px!important}
.brand-compact .brand-symbol{
  width:64px!important;
  height:40px!important;
  flex-basis:64px!important;
}
.brand-compact .brand-divider{height:40px!important}
@media (max-width:700px){
  .brand-symbol{width:76px!important;height:46px!important;flex-basis:76px!important}
  .brand-divider{height:46px!important}
}

/* TRACE V7 RC4.1 typography + non-disruptive bilingual layout */
@font-face{font-family:'TRACE Manifa 2 Pro';src:local('Manifa 2 Pro Regular'),local('Manifa2 Pro Regular'),local('Manifa 2 Pro');font-style:normal;font-weight:100 599;font-display:swap}
@font-face{font-family:'TRACE Manifa 2 Pro';src:local('Manifa 2 Pro SemiBold'),local('Manifa 2 Pro Semibold'),local('Manifa2 Pro SemiBold'),local('Manifa2 Pro Semibold'),local('Manifa 2 Pro DemiBold');font-style:normal;font-weight:600 900;font-display:swap}
html,body{font-synthesis-weight:none}
.page-head h1,.section-title,.topbar-title,.access-message h1,.hero h1,.workspace-hero h2,.command-overview-copy h2{font-family:var(--display)!important}
.kpi-value,.command-kpi b{font-family:var(--font)!important}
.language-toggle{min-width:58px;padding:9px 11px;border-color:rgba(0,122,138,.22);color:#0A1424;background:#fff;box-shadow:none;white-space:nowrap}
.language-toggle:hover{border-color:#00B4D8;color:#007A8A}
.login-language-row{display:flex;justify-content:flex-end;direction:ltr;margin:0 0 16px}
.login-language-toggle{min-width:58px;height:34px;padding:0 12px;border:1px solid rgba(0,122,138,.20);border-radius:999px;background:transparent;color:#31546c;font:600 11px/1 var(--font);transition:border-color .18s ease,color .18s ease,background .18s ease}
.login-language-toggle:hover{border-color:#00B4D8;color:#007A8A;background:rgba(0,180,216,.05)}

/* Preserve TRACE geometry in both languages. RTL changes content direction, never shell placement. */
html[dir="rtl"] body{font-family:var(--font);text-align:right}
html[dir="rtl"] .shell,html[dir="rtl"] .private-access-page{direction:ltr}
html[dir="rtl"] .sidebar,html[dir="rtl"] .app-main,html[dir="rtl"] .access-form-panel{direction:rtl}
html[dir="rtl"] .access-visual{direction:ltr;text-align:left}
html[dir="rtl"] .mono,html[dir="rtl"] code,html[dir="rtl"] .product-code,html[dir="rtl"] .mat-no{direction:ltr;text-align:left}
html[dir="rtl"] .market-search-wrap>span{left:auto;right:14px}
html[dir="rtl"] .market-search-wrap input{padding-left:13px;padding-right:42px}
html[dir="rtl"] .help-tip::after{text-align:right}
html[dir="rtl"] .topbar-leading,html[dir="rtl"] .topbar-actions,html[dir="rtl"] .button-row{flex-direction:row}
html[dir="rtl"] .topbar-leading>div,html[dir="rtl"] .nav-btn,html[dir="rtl"] .nav-section summary,html[dir="rtl"] .product-title-link,html[dir="rtl"] .product-meta,html[dir="rtl"] .access-request-card{text-align:right}
html[dir="rtl"] .topbar-actions{min-width:0;flex-wrap:nowrap}
html[dir="rtl"] .btn-search,html[dir="rtl"] .btn-search b,html[dir="rtl"] .role-badge{white-space:nowrap}
html[dir="rtl"] .access-login-form input[name="username"],html[dir="rtl"] .access-login-form input[type="password"]{direction:ltr;text-align:left}
@media(max-width:760px){.topbar-actions>.language-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:52px}}

/* V7 RC4 viewport containment: preserve immersive AI vertical bleed without horizontal page overflow. */
.ai-page{
  margin-left:0!important;
  margin-right:0!important;
  max-width:100%;
  overflow-x:clip;
}


/* TRACE V7 RC4.2 — governed brand assets, clean symbol, unified lockup proportions */
.brand-symbol{
  width:88px!important;
  height:54px!important;
  flex:0 0 88px!important;
  filter:none!important;
}
.brand-symbol picture,.brand-symbol img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.brand-divider{height:54px!important}
.brand-wordmark{display:block;width:100%;height:auto;line-height:0}
.brand-wordmark>img{display:block;width:100%;height:auto;object-fit:contain}
.brand-compact .brand-symbol{
  width:56px!important;
  height:34px!important;
  flex-basis:56px!important;
}
.brand-compact .brand-divider{height:34px!important}
/* 88:360 and 56:230 preserve one visual proportion system across login and compact navigation. */
.access-brand .brand-copy{width:360px!important}
.sidebar .brand-copy,.brand-compact .brand-copy{width:230px!important}
@media (max-width:700px){
  .brand-symbol{width:78px!important;height:48px!important;flex-basis:78px!important}
  .brand-divider{height:48px!important}
  .access-brand .brand-copy{width:min(320px,calc(100vw - 120px))!important}
}


/* V7 RC4.3 — approved raster lockup fidelity, English-only shell, simplified search */
.brand.brand-approved-lockup{display:block;width:min(430px,100%);max-width:100%;line-height:0}
.brand.brand-approved-lockup>img{display:block;width:100%;height:auto;object-fit:contain;filter:none!important;box-shadow:none!important}
.brand.brand-approved-lockup.brand-compact{width:min(238px,100%)}
.sidebar-head .brand-approved-lockup{width:min(238px,100%)}
.access-brand .brand-approved-lockup{width:min(430px,100%)}
.mobile-access-brand .brand-approved-lockup{width:min(300px,100%);margin-inline:auto}
.btn-search{display:inline-flex!important;align-items:center!important;gap:9px!important;white-space:nowrap}
.btn-search .search-lens{width:18px;height:18px;flex:0 0 18px;display:block}
.btn-search b{font-weight:650}
@media(max-width:720px){.topbar-actions .btn-search b{display:none!important}.btn-search{width:40px;height:40px;padding:0!important;justify-content:center}.btn-search .search-lens{width:19px;height:19px}}
@media(max-width:760px){
  .mobile-access-brand{background:#0A1424;border:1px solid rgba(0,180,216,.16);border-radius:18px;padding:18px 16px;box-shadow:0 14px 34px rgba(10,20,36,.12)}
}