/* UnderLab UI Core v3
   Shared visual foundation for desktop Control Center + Telegram Mini Apps.
   Structure-specific layout stays in each surface; this file owns tokens,
   interaction feel, loading primitives and cross-product consistency. */
:root{
  --ul-bg:#07121a;
  --ul-bg-deep:#050a0f;
  --ul-surface:#0f1f2c;
  --ul-surface-2:#122532;
  --ul-surface-3:#162f3d;
  --ul-border:rgba(128,203,224,.16);
  --ul-border-strong:rgba(128,203,224,.28);
  --ul-text:#f5f8fa;
  --ul-muted:#94a3b8;
  --ul-dim:#6f8392;
  --ul-lime:#b6ff00;
  --ul-lime-2:#c9ff4a;
  --ul-cyan:#00d4ff;
  --ul-success:#22c55e;
  --ul-warning:#f59e0b;
  --ul-danger:#ef4444;
  --ul-info:#3b82f6;
  --ul-radius-xs:8px;
  --ul-radius-sm:12px;
  --ul-radius-md:16px;
  --ul-radius-lg:20px;
  --ul-radius-xl:24px;
  --ul-shadow-sm:0 8px 24px rgba(0,0,0,.22);
  --ul-shadow-md:0 18px 48px rgba(0,0,0,.30);
  --ul-shadow-lg:0 30px 90px rgba(0,0,0,.38);
  --ul-ease:cubic-bezier(.2,.8,.2,1);
  --ul-fast:150ms;
  --ul-normal:260ms;
  --ul-slow:420ms;
  --ul-grid:4px;
  --ul-focus:0 0 0 3px rgba(0,212,255,.22);
}

html{color-scheme:dark}
body.underlab-ui{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body.underlab-ui,
body.underlab-ui button,
body.underlab-ui input,
body.underlab-ui select,
body.underlab-ui textarea{
  font-family:Inter,"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
}
body.underlab-ui button,
body.underlab-ui a,
body.underlab-ui input,
body.underlab-ui select,
body.underlab-ui textarea{
  transition:
    color var(--ul-fast) var(--ul-ease),
    background-color var(--ul-fast) var(--ul-ease),
    border-color var(--ul-fast) var(--ul-ease),
    box-shadow var(--ul-fast) var(--ul-ease),
    transform var(--ul-fast) var(--ul-ease),
    opacity var(--ul-fast) var(--ul-ease);
}
body.underlab-ui button:active{transform:translateY(1px) scale(.995)}
body.underlab-ui button:focus-visible,
body.underlab-ui a:focus-visible,
body.underlab-ui input:focus-visible,
body.underlab-ui select:focus-visible,
body.underlab-ui textarea:focus-visible{
  outline:none!important;
  box-shadow:var(--ul-focus)!important;
}

body.underlab-ui .ul-panel{
  border:1px solid var(--ul-border);
  border-radius:var(--ul-radius-md);
  background:
    linear-gradient(145deg,rgba(18,37,50,.92),rgba(9,18,26,.96));
  box-shadow:var(--ul-shadow-sm);
}
body.underlab-ui .ul-chip{
  display:inline-flex;align-items:center;gap:6px;
  min-height:28px;padding:5px 10px;border-radius:999px;
  border:1px solid var(--ul-border);
  color:var(--ul-muted);background:rgba(255,255,255,.025);
  font-size:11px;font-weight:800;line-height:1;
}
body.underlab-ui .ul-chip[data-tone="success"]{color:#67e88a;border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.08)}
body.underlab-ui .ul-chip[data-tone="warning"]{color:#ffc861;border-color:rgba(245,158,11,.34);background:rgba(245,158,11,.08)}
body.underlab-ui .ul-chip[data-tone="danger"]{color:#ff8181;border-color:rgba(239,68,68,.34);background:rgba(239,68,68,.08)}
body.underlab-ui .ul-chip[data-tone="info"]{color:#5ce1e6;border-color:rgba(0,212,255,.34);background:rgba(0,212,255,.08)}

body.underlab-ui .ul-skeleton{
  position:relative;overflow:hidden;background:rgba(148,163,184,.10);
  border-radius:10px;min-height:14px;
}
body.underlab-ui .ul-skeleton::after,
body.underlab-ui .is-loading::after{
  content:"";position:absolute;inset:0;transform:translateX(-105%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  animation:ul-shimmer 1.45s ease-in-out infinite;
}
@keyframes ul-shimmer{to{transform:translateX(105%)}}

body.underlab-ui .ul-loading-ring{
  width:32px;height:32px;border-radius:50%;
  border:2px solid rgba(0,212,255,.16);
  border-top-color:var(--ul-cyan);
  border-right-color:var(--ul-lime);
  animation:ul-spin .85s linear infinite;
  box-shadow:0 0 20px rgba(0,212,255,.12);
}
@keyframes ul-spin{to{transform:rotate(360deg)}}

body.underlab-ui .ul-page-loading{
  position:absolute;inset:0;z-index:20;display:grid;place-items:center;
  min-height:220px;border-radius:inherit;
  background:rgba(5,10,15,.72);backdrop-filter:blur(10px);
}
body.underlab-ui .ul-page-loading[hidden]{display:none}
body.underlab-ui .ul-page-loading-inner{
  display:grid;justify-items:center;gap:10px;padding:24px;text-align:center;
}
body.underlab-ui .ul-page-loading strong{font-size:13px;letter-spacing:-.01em}
body.underlab-ui .ul-page-loading span{max-width:260px;color:var(--ul-muted);font-size:11px;line-height:1.5}

body.underlab-ui .ul-enter{animation:ul-enter var(--ul-slow) var(--ul-ease) both}
@keyframes ul-enter{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:none}
}

body.underlab-ui .ul-empty{
  display:grid;place-items:center;gap:8px;min-height:160px;padding:24px;text-align:center;
  border:1px dashed var(--ul-border);border-radius:var(--ul-radius-md);
  color:var(--ul-muted);background:rgba(255,255,255,.015);
}
body.underlab-ui .ul-empty strong{color:var(--ul-text);font-size:14px}
body.underlab-ui .ul-empty p{max-width:360px;margin:0;font-size:12px;line-height:1.55}

body.underlab-ui .ul-section-label{
  color:var(--ul-cyan);font-size:10px;font-weight:900;
  letter-spacing:.16em;text-transform:uppercase;
}

body.underlab-ui .ul-divider{height:1px;background:var(--ul-border);border:0}
body.underlab-ui .ul-numeric{font-variant-numeric:tabular-nums lining-nums}

/* Desktop Control Center alignment */
body.cc-body.underlab-ui{
  --lime:var(--ul-lime-2);
  --cyan:#5ce1e6;
  --text:var(--ul-text);
  --muted:#9cabb6;
  --dim:#71818d;
  --line:var(--ul-border);
  --line-strong:var(--ul-border-strong);
  --radius:var(--ul-radius-md);
  --radius-sm:var(--ul-radius-sm);
}
body.cc-body.underlab-ui .cc-panel,
body.cc-body.underlab-ui .cc-kpi,
body.cc-body.underlab-ui .signal-card,
body.cc-body.underlab-ui .stats-panel{
  box-shadow:0 14px 38px rgba(0,0,0,.18);
}
body.cc-body.underlab-ui .cc-panel:hover,
body.cc-body.underlab-ui .signal-card:hover{
  border-color:rgba(92,225,230,.22);
}

/* Director Mini App alignment */
body.director-mini.underlab-ui{
  --bg:var(--ul-bg-deep);
  --panel:#0e1821;
  --panel2:#101d27;
  --text:var(--ul-text);
  --muted:#92a3af;
  --accent:var(--ul-lime-2);
  --cyan:#5ce1e6;
  --line:var(--ul-border);
}
body.director-mini.underlab-ui .card{
  box-shadow:0 12px 32px rgba(0,0,0,.20);
}
body.director-mini.underlab-ui .section.on{
  animation:ul-enter 320ms var(--ul-ease) both;
}
body.director-mini.underlab-ui .nav button.on{
  box-shadow:inset 0 0 0 1px rgba(201,255,74,.12),0 8px 22px rgba(0,0,0,.16);
}

/* Operator Mini App alignment */
body.operator-mini.underlab-ui{
  --bg:var(--ul-bg-deep);
  --panel:#0e1821;
  --panel2:#101d27;
  --text:var(--ul-text);
  --muted:#92a3af;
  --accent:var(--ul-lime-2);
  --cyan:#5ce1e6;
  --line:var(--ul-border);
}
body.operator-mini.underlab-ui .card,
body.operator-mini.underlab-ui .queueitem{
  box-shadow:0 12px 32px rgba(0,0,0,.20);
}
body.operator-mini.underlab-ui .view.active{
  animation:ul-enter 320ms var(--ul-ease) both;
}

/* Scrollbars: quiet, consistent, desktop only where supported */
@media (hover:hover){
  body.underlab-ui *{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.22) transparent}
  body.underlab-ui *::-webkit-scrollbar{width:8px;height:8px}
  body.underlab-ui *::-webkit-scrollbar-thumb{background:rgba(148,163,184,.20);border-radius:99px}
  body.underlab-ui *::-webkit-scrollbar-track{background:transparent}
}

@media (prefers-reduced-motion:reduce){
  body.underlab-ui *,
  body.underlab-ui *::before,
  body.underlab-ui *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* Director Mini App v3: hierarchy, compact density, collapsible analytics */
body.director-mini.underlab-ui{
  background:
    radial-gradient(circle at 82% -8%,rgba(0,212,255,.09),transparent 22rem),
    radial-gradient(circle at 8% 18%,rgba(182,255,0,.045),transparent 24rem),
    var(--ul-bg-deep);
}
body.director-mini.underlab-ui .shell{max-width:760px}
body.director-mini.underlab-ui .top{
  position:relative;
  padding:7px 4px 18px;
  border-bottom:1px solid var(--ul-border);
}
body.director-mini.underlab-ui .top::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.26),transparent);
}
body.director-mini.underlab-ui .top h1{
  font-size:25px;line-height:1.08;letter-spacing:-.045em;font-weight:820;
}
body.director-mini.underlab-ui .badge{
  border-radius:999px;padding:8px 10px;
  box-shadow:inset 0 0 18px rgba(182,255,0,.035);
}
body.director-mini.underlab-ui .nav{
  border-color:rgba(128,203,224,.18);
  background:rgba(5,10,15,.93);
  box-shadow:0 20px 60px rgba(0,0,0,.42);
}
body.director-mini.underlab-ui .nav button{
  min-height:56px;
}
body.director-mini.underlab-ui .navicon{
  display:grid;place-items:center;width:24px;height:24px;border-radius:8px;
}
body.director-mini.underlab-ui .nav button.on .navicon{
  color:#071005;background:var(--accent);
  box-shadow:0 0 18px rgba(201,255,74,.13);
}
body.director-mini.underlab-ui .card{
  position:relative;
  border:1px solid rgba(128,203,224,.15);
  background:
    linear-gradient(145deg,rgba(17,30,41,.96),rgba(9,17,24,.985));
}
body.director-mini.underlab-ui .card::before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.18),transparent);
  pointer-events:none;
}
body.director-mini.underlab-ui .metric{
  min-height:96px;
  border-color:rgba(128,203,224,.13);
}
body.director-mini.underlab-ui .metric span{
  color:#91a5b4;font-size:9.5px;font-weight:750;letter-spacing:.025em;
}
body.director-mini.underlab-ui .metric strong{
  font-size:21px;font-variant-numeric:tabular-nums lining-nums;
}
body.director-mini.underlab-ui .row{
  min-height:48px;
  border-color:rgba(128,203,224,.11);
  background:rgba(255,255,255,.016);
}
body.director-mini.underlab-ui .row b{font-size:11.5px}
body.director-mini.underlab-ui .row small{font-size:9.5px;line-height:1.4}
body.director-mini.underlab-ui h2{
  font-size:16px;line-height:1.2;font-weight:820;
}
body.director-mini.underlab-ui .director-collapsible>h2{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;margin:-2px 0 10px;padding:4px 0;
}
body.director-mini.underlab-ui .director-collapsible>h2::after{
  content:"⌃";display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;
  border:1px solid var(--ul-border);border-radius:8px;color:var(--cyan);
  font-size:12px;transition:transform var(--ul-fast) var(--ul-ease);
}
body.director-mini.underlab-ui .director-collapsible.is-collapsed>h2{
  margin-bottom:0;
}
body.director-mini.underlab-ui .director-collapsible.is-collapsed>h2::after{
  transform:rotate(180deg);
}
body.director-mini.underlab-ui .director-collapsible.is-collapsed>:not(h2){
  display:none!important;
}
body.director-mini.underlab-ui #message{
  position:relative;min-height:76px;
  display:flex;align-items:center;gap:12px;padding:14px 15px;
  color:var(--muted);overflow:hidden;
}
body.director-mini.underlab-ui #message .ul-loading-ring{width:28px;height:28px;flex:0 0 auto}
body.director-mini.underlab-ui .director-skeleton{
  display:grid;gap:8px;
}
body.director-mini.underlab-ui .director-skeleton .sk-row{
  display:grid;grid-template-columns:1.3fr .7fr;gap:12px;align-items:center;
  min-height:50px;padding:10px 11px;
  border:1px solid var(--ul-border);border-radius:11px;background:rgba(255,255,255,.015);
}
body.director-mini.underlab-ui .director-skeleton .ul-skeleton:first-child{height:12px;width:72%}
body.director-mini.underlab-ui .director-skeleton .ul-skeleton:last-child{height:10px;width:56%;justify-self:end}
@media(max-width:430px){
  body.director-mini.underlab-ui .top h1{font-size:22px}
  body.director-mini.underlab-ui .metric{min-height:90px}
  body.director-mini.underlab-ui .card{border-radius:16px}
}

/* Operator Mini App v3: navigation, readable cards, true loading states */
body.operator-mini.underlab-ui{
  background:
    radial-gradient(circle at 88% -6%,rgba(0,212,255,.085),transparent 21rem),
    radial-gradient(circle at 0 22%,rgba(182,255,0,.045),transparent 22rem),
    var(--ul-bg-deep);
}
body.operator-mini.underlab-ui .wrap{max-width:760px}
body.operator-mini.underlab-ui .head{
  position:relative;border-bottom-color:var(--ul-border);
}
body.operator-mini.underlab-ui .head::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.24),transparent);
}
body.operator-mini.underlab-ui .head h1{
  font-size:24px;font-weight:820;letter-spacing:-.045em;
}
body.operator-mini.underlab-ui .mode{
  border-radius:999px;padding:7px 9px;
}
body.operator-mini.underlab-ui .card{
  border-color:rgba(128,203,224,.15);
  background:linear-gradient(145deg,rgba(17,30,41,.96),rgba(9,17,24,.985));
}
body.operator-mini.underlab-ui .card::before{
  background:linear-gradient(90deg,transparent,rgba(0,212,255,.18),transparent);
}
body.operator-mini.underlab-ui .section-title{
  font-size:16px;font-weight:820;line-height:1.2;
}
body.operator-mini.underlab-ui .metric{
  border-color:rgba(128,203,224,.12);
  background:rgba(255,255,255,.014);
}
body.operator-mini.underlab-ui .metric span{
  color:#8fa4b3;font-size:9.5px;
}
body.operator-mini.underlab-ui .metric strong{
  font-variant-numeric:tabular-nums lining-nums;
}
body.operator-mini.underlab-ui .queueitem{
  border-color:rgba(128,203,224,.13);
  background:rgba(255,255,255,.014);
  box-shadow:none;
}
body.operator-mini.underlab-ui .queueitem:hover{
  border-color:rgba(0,212,255,.24);
  background:rgba(0,212,255,.035);
}
body.operator-mini.underlab-ui .queueitem::after{color:var(--ul-cyan)}
body.operator-mini.underlab-ui .bottom-nav{
  border-color:rgba(128,203,224,.18);
  background:rgba(5,10,15,.94);
  box-shadow:0 22px 65px rgba(0,0,0,.42);
}
body.operator-mini.underlab-ui .navbtn.active{
  color:var(--accent);background:rgba(182,255,0,.075);
}
body.operator-mini.underlab-ui .navbtn.active .navicon{
  color:#071005;background:var(--accent);
  box-shadow:0 0 18px rgba(182,255,0,.13);
}
body.operator-mini.underlab-ui .operator-skeleton{
  display:grid;gap:8px;
}
body.operator-mini.underlab-ui .operator-skeleton .sk-card{
  min-height:74px;padding:13px;border:1px solid var(--ul-border);
  border-radius:12px;background:rgba(255,255,255,.014);
}
body.operator-mini.underlab-ui .operator-skeleton .sk-line{
  height:11px;margin:0 0 9px;border-radius:8px;background:rgba(148,163,184,.10);
  position:relative;overflow:hidden;
}
body.operator-mini.underlab-ui .operator-skeleton .sk-line::after{
  content:"";position:absolute;inset:0;transform:translateX(-105%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  animation:ul-shimmer 1.45s ease-in-out infinite;
}
body.operator-mini.underlab-ui .operator-skeleton .sk-line.short{width:48%;margin-bottom:0}
body.operator-mini.underlab-ui .operator-collapsible>.section-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;
}
body.operator-mini.underlab-ui .operator-collapsible>.section-title::after{
  content:"⌃";display:grid;place-items:center;width:26px;height:26px;
  border:1px solid var(--ul-border);border-radius:8px;color:var(--cyan);font-size:12px;
}
body.operator-mini.underlab-ui .operator-collapsible.is-collapsed>.section-title::after{
  transform:rotate(180deg);
}
body.operator-mini.underlab-ui .operator-collapsible.is-collapsed>:not(.section-title){
  display:none!important;
}
body.operator-mini.underlab-ui .banner.info.is-busy{
  min-height:60px;display:flex;align-items:center;gap:11px;
}
body.operator-mini.underlab-ui .banner.info.is-busy .ul-loading-ring{
  width:25px;height:25px;flex:0 0 auto;
}

/* Desktop Control Center v3: route loading + professional data tables */
body.cc-body.underlab-ui .cc-main{position:relative}
body.cc-body.underlab-ui .cc-route-loader{
  position:absolute;inset:0;z-index:45;
  min-height:min(72vh,760px);
  display:grid;place-items:center;
  padding:40px;
  background:linear-gradient(180deg,rgba(5,10,15,.86),rgba(7,18,26,.74));
  backdrop-filter:blur(12px);
  border-radius:0 0 var(--ul-radius-xl) var(--ul-radius-xl);
}
body.cc-body.underlab-ui .cc-route-loader[hidden]{display:none}
body.cc-body.underlab-ui .cc-route-loader-card{
  display:flex;align-items:center;gap:14px;min-width:min(100%,330px);
  padding:18px 20px;border:1px solid var(--ul-border-strong);
  border-radius:var(--ul-radius-md);
  background:linear-gradient(145deg,rgba(17,30,41,.98),rgba(7,14,20,.98));
  box-shadow:var(--ul-shadow-lg);
}
body.cc-body.underlab-ui .cc-route-loader-card strong{
  display:block;font-size:13px;letter-spacing:-.01em;
}
body.cc-body.underlab-ui .cc-route-loader-card span:not(.ul-loading-ring){
  display:block;margin-top:4px;color:var(--ul-muted);font-size:10.5px;line-height:1.45;
}
body.cc-body.underlab-ui .stats-table-wrap{
  border-top:1px solid rgba(128,203,224,.08);
  scrollbar-gutter:stable;
}
body.cc-body.underlab-ui .stats-table{
  border-collapse:separate;border-spacing:0;
  font-size:11.5px;
  font-variant-numeric:tabular-nums lining-nums;
}
body.cc-body.underlab-ui .stats-table th,
body.cc-body.underlab-ui .stats-table td{
  padding:11px 12px;
  border-bottom:1px solid rgba(128,203,224,.075);
}
body.cc-body.underlab-ui .stats-table thead th{
  position:sticky;top:0;z-index:2;
  background:#0d1b25;
  color:#8fa4b3;
  box-shadow:0 1px 0 rgba(128,203,224,.09);
}
body.cc-body.underlab-ui .stats-table tbody tr{
  transition:background-color var(--ul-fast) var(--ul-ease);
}
body.cc-body.underlab-ui .stats-table tbody tr:hover{
  background:rgba(0,212,255,.025);
}
body.cc-body.underlab-ui .stats-panel{
  overflow:hidden;
  border-color:rgba(128,203,224,.14);
  box-shadow:0 14px 38px rgba(0,0,0,.16);
}
body.cc-body.underlab-ui .stats-panel-head{
  background:linear-gradient(180deg,rgba(18,37,50,.56),rgba(9,18,26,.22));
  border-bottom-color:rgba(128,203,224,.11);
}
body.cc-body.underlab-ui .stats-panel-head span{
  color:var(--ul-cyan);
}
@media(max-width:760px){
  body.cc-body.underlab-ui .cc-route-loader{padding:18px;min-height:62vh}
  body.cc-body.underlab-ui .stats-table th,
  body.cc-body.underlab-ui .stats-table td{padding:10px}
}

/* Dashboard + Signals v3 */
body.cc-body.underlab-ui .cc-dashboard .cc-kpi-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
body.cc-body.underlab-ui .cc-dashboard .cc-kpi{
  min-height:134px;
  padding:18px;
  border-color:rgba(128,203,224,.14);
  background:linear-gradient(145deg,rgba(17,30,41,.94),rgba(8,16,23,.97));
}
body.cc-body.underlab-ui .cc-dashboard .cc-kpi>strong{
  font-size:29px;
  font-variant-numeric:tabular-nums lining-nums;
}
body.cc-body.underlab-ui .cc-dashboard .cc-kpi>small{
  max-width:24ch;
  color:#7f919d;
}
body.cc-body.underlab-ui .cc-welcome{
  padding:4px 0 2px;
}
body.cc-body.underlab-ui .cc-welcome h1{
  font-size:clamp(31px,3.5vw,44px);
  letter-spacing:-.055em;
}
body.cc-body.underlab-ui .cc-dashboard-grid .cc-panel,
body.cc-body.underlab-ui .cc-virtual-bank-panel{
  border-color:rgba(128,203,224,.14);
}
body.cc-body.underlab-ui .cc-activity-row{
  min-height:58px;
}
body.cc-body.underlab-ui .workspace{
  grid-template-columns:minmax(0,1.95fr) minmax(280px,.62fr);
  gap:16px;
}
body.cc-body.underlab-ui .side-rail{
  align-self:start;
  position:sticky;
  top:90px;
}
body.cc-body.underlab-ui .rail-card{
  border-color:rgba(128,203,224,.14);
  background:linear-gradient(145deg,rgba(16,29,39,.93),rgba(8,16,23,.97));
  box-shadow:0 14px 38px rgba(0,0,0,.16);
}
body.cc-body.underlab-ui .cc-collapsible .rail-title{
  cursor:pointer;
  user-select:none;
}
body.cc-body.underlab-ui .cc-collapsible .rail-title::after{
  content:"⌃";
  display:grid;
  place-items:center;
  width:26px;height:26px;
  margin-left:8px;
  border:1px solid var(--ul-border);
  border-radius:8px;
  color:var(--ul-cyan);
  font-size:12px;
  transition:transform var(--ul-fast) var(--ul-ease);
}
body.cc-body.underlab-ui .cc-collapsible.is-collapsed .rail-title::after{
  transform:rotate(180deg);
}
body.cc-body.underlab-ui .cc-collapsible.is-collapsed>:not(.rail-title){
  display:none!important;
}
body.cc-body.underlab-ui .cc-collapsible.is-collapsed{
  padding-bottom:14px;
}
body.cc-body.underlab-ui .notification-card .rail-title,
body.cc-body.underlab-ui .source-card .rail-title{
  margin-bottom:0;
}
body.cc-body.underlab-ui .signal-column .section-toolbar{
  margin-bottom:16px;
}
body.cc-body.underlab-ui .signal-column .section-toolbar h2{
  font-size:34px;
}
body.cc-body.underlab-ui .filter-strip,
body.cc-body.underlab-ui .radar-tabs{
  margin-bottom:10px;
}
@media(max-width:1280px){
  body.cc-body.underlab-ui .cc-dashboard .cc-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.cc-body.underlab-ui .cc-dashboard .cc-kpi:nth-child(4),
  body.cc-body.underlab-ui .cc-dashboard .cc-kpi:nth-child(5){grid-column:span 1}
}
@media(max-width:980px){
  body.cc-body.underlab-ui .workspace{grid-template-columns:1fr}
  body.cc-body.underlab-ui .side-rail{position:static}
}
@media(max-width:720px){
  body.cc-body.underlab-ui .cc-dashboard .cc-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cc-body.underlab-ui .cc-dashboard .cc-kpi:last-child{grid-column:1/-1}
}

body.cc-body.underlab-ui .cc-logout{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 11px;
  border:1px solid var(--ul-border);
  border-radius:10px;
  color:#91a4b2;
  background:rgba(255,255,255,.018);
  font-size:10px;font-weight:800;
}
body.cc-body.underlab-ui .cc-logout:hover{
  color:var(--ul-text);
  border-color:rgba(0,212,255,.26);
  background:rgba(0,212,255,.035);
}

/* Bank + Mapping v3 */
body.cc-body.underlab-ui .cc-finance-card{
  min-height:0;
  padding:16px;
}
body.cc-body.underlab-ui .cc-finance-main{
  margin:18px 0 12px;
}
body.cc-body.underlab-ui .cc-finance-main>span,
body.cc-body.underlab-ui .cc-finance-grid span{
  display:block;
  color:#7f919d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.cc-body.underlab-ui .cc-finance-main>strong{
  display:block;
  margin-top:5px;
  font-size:28px;
  line-height:1;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums lining-nums;
}
body.cc-body.underlab-ui .cc-finance-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
body.cc-body.underlab-ui .cc-finance-grid>div{
  padding:10px;
  border:1px solid rgba(128,203,224,.10);
  border-radius:10px;
  background:rgba(255,255,255,.014);
}
body.cc-body.underlab-ui .cc-finance-grid b{
  display:block;
  margin-top:4px;
  color:var(--ul-text);
  font-size:13px;
  font-variant-numeric:tabular-nums lining-nums;
}
body.cc-body.underlab-ui .cc-finance-grid b.is-positive{color:var(--ul-lime-2)}
body.cc-body.underlab-ui .cc-finance-grid b.is-negative{color:#ff8181}
body.cc-body.underlab-ui .cc-finance-foot{
  display:block;
  margin-top:11px;
  color:#687e8d;
  font-size:9px;
}
body.cc-body.underlab-ui .cc-mapping-list{
  display:grid;
  gap:10px;
}
body.cc-body.underlab-ui .cc-mapping-row{
  border:1px solid rgba(128,203,224,.13);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(17,30,41,.72),rgba(8,16,23,.84));
  overflow:hidden;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
body.cc-body.underlab-ui .cc-mapping-head{
  padding:14px;
}
body.cc-body.underlab-ui .cc-mapping-head>div{
  padding:12px;
  border:1px solid rgba(128,203,224,.10);
  border-radius:11px;
  background:rgba(255,255,255,.012);
}
body.cc-body.underlab-ui .cc-mapping-head small{
  color:#718795;
  font-size:9px;
  font-weight:750;
  letter-spacing:.025em;
}
body.cc-body.underlab-ui .cc-mapping-head strong{
  margin-top:5px;
  font-size:13px;
  line-height:1.35;
}
body.cc-body.underlab-ui .cc-mapping-head span{
  margin-top:5px;
  color:#94a7b4;
  font-size:10px;
  font-variant-numeric:tabular-nums;
}
body.cc-body.underlab-ui .cc-mapping-meta{
  margin:0 14px;
  padding:10px 0;
  border-top:1px solid rgba(128,203,224,.08);
  border-bottom:1px solid rgba(128,203,224,.08);
}
body.cc-body.underlab-ui .cc-mapping-meta span{
  color:#8397a5;
}
body.cc-body.underlab-ui .cc-mapping-meta b{
  color:var(--ul-text);
  font-variant-numeric:tabular-nums;
}
body.cc-body.underlab-ui .cc-mapping-actions{
  padding:12px 14px 14px;
}

/* Active Bet + compact System v3 */
body.cc-body.underlab-ui .cc-active-bet-panel{
  border-color:rgba(182,255,0,.14);
  background:
    radial-gradient(circle at 92% 0,rgba(182,255,0,.055),transparent 24rem),
    linear-gradient(145deg,rgba(16,29,39,.95),rgba(8,16,23,.98));
}
body.cc-body.underlab-ui .cc-active-bet-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  padding:16px;
  border:1px solid rgba(128,203,224,.12);
  border-radius:14px;
  background:rgba(255,255,255,.014);
}
body.cc-body.underlab-ui .cc-active-kicker{
  color:var(--ul-cyan);
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.cc-body.underlab-ui .cc-active-bet-hero h3{
  margin:6px 0 5px;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.035em;
}
body.cc-body.underlab-ui .cc-active-bet-hero p{
  margin:0;
  color:#91a4b2;
  font-size:11px;
}
body.cc-body.underlab-ui .cc-active-stake{
  min-width:180px;
  text-align:right;
}
body.cc-body.underlab-ui .cc-active-stake span,
body.cc-body.underlab-ui .cc-active-facts span,
body.cc-body.underlab-ui .cc-active-more span{
  color:#778c9a;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.cc-body.underlab-ui .cc-active-stake strong{
  display:block;
  margin-top:5px;
  color:var(--ul-lime-2);
  font-size:28px;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
body.cc-body.underlab-ui .cc-active-stake small{
  display:block;
  margin-top:5px;
  color:#91a4b2;
  font-size:10px;
}
body.cc-body.underlab-ui .cc-active-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
body.cc-body.underlab-ui .cc-active-facts>div,
body.cc-body.underlab-ui .cc-active-more{
  padding:11px;
  border:1px solid rgba(128,203,224,.10);
  border-radius:10px;
  background:rgba(255,255,255,.012);
}
body.cc-body.underlab-ui .cc-active-facts b{
  display:block;
  margin-top:4px;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
body.cc-body.underlab-ui .cc-active-more{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:8px;
}
body.cc-body.underlab-ui .cc-active-more b{
  color:var(--ul-lime-2);
}
body.cc-body.underlab-ui .cc-active-details{
  margin-top:10px;
  border:1px solid rgba(128,203,224,.10);
  border-radius:11px;
  background:rgba(255,255,255,.01);
  overflow:hidden;
}
body.cc-body.underlab-ui .cc-active-details summary{
  cursor:pointer;
  list-style:none;
  padding:12px 13px;
  color:#b4c0c8;
  font-size:11px;
  font-weight:800;
}
body.cc-body.underlab-ui .cc-active-details summary::-webkit-details-marker{display:none}
body.cc-body.underlab-ui .cc-active-details summary::after{
  content:"＋";
  float:right;
  color:var(--ul-cyan);
}
body.cc-body.underlab-ui .cc-active-details[open] summary::after{content:"−"}
body.cc-body.underlab-ui .cc-active-audit{
  border-top:1px solid rgba(128,203,224,.08);
}
body.cc-body.underlab-ui .cc-active-audit-row{
  display:grid;
  grid-template-columns:80px 1fr minmax(100px,.8fr);
  gap:10px;
  padding:10px 13px;
  border-bottom:1px solid rgba(128,203,224,.06);
  align-items:center;
}
body.cc-body.underlab-ui .cc-active-audit-row:last-child{border-bottom:0}
body.cc-body.underlab-ui .cc-active-audit-row span,
body.cc-body.underlab-ui .cc-active-audit-row small{
  color:#708694;
  font-size:9px;
}
body.cc-body.underlab-ui .cc-active-audit-row b{
  font-size:10.5px;
}
body.cc-body.underlab-ui .cc-panel-collapsible.is-collapsed .cc-collapse-body{
  display:none;
}
body.cc-body.underlab-ui .cc-collapse-toggle{
  min-height:32px;
  padding:0 10px;
  border:1px solid var(--ul-border);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#91a4b2;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
body.cc-body.underlab-ui .cc-collapse-toggle:hover{
  color:var(--ul-text);
  border-color:rgba(0,212,255,.24);
}
@media(max-width:760px){
  body.cc-body.underlab-ui .cc-active-bet-hero{grid-template-columns:1fr}
  body.cc-body.underlab-ui .cc-active-stake{text-align:left;min-width:0}
  body.cc-body.underlab-ui .cc-active-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cc-body.underlab-ui .cc-active-audit-row{grid-template-columns:70px 1fr}
  body.cc-body.underlab-ui .cc-active-audit-row small{grid-column:2}
}

/* Analytics + Results v3 */
body.cc-body.underlab-ui .cc-insight-section{
  position:relative;
  margin-bottom:12px;
  border:1px solid rgba(128,203,224,.13);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(15,27,37,.92),rgba(8,15,22,.96));
  box-shadow:0 14px 38px rgba(0,0,0,.14);
  overflow:hidden;
}
body.cc-body.underlab-ui .cc-insight-section>.performance-lab-head{
  margin:0;
  padding:15px 16px;
  border-bottom:1px solid rgba(128,203,224,.08);
  background:linear-gradient(180deg,rgba(18,37,50,.48),rgba(8,15,22,.18));
}
body.cc-body.underlab-ui .cc-insight-section.is-collapsed>.performance-lab-head{
  border-bottom:0;
}
body.cc-body.underlab-ui .cc-insight-section>.performance-lab-head>div{
  display:grid;
  gap:3px;
}
body.cc-body.underlab-ui .cc-insight-section>.performance-lab-head h2{
  margin:0;
  font-size:16px;
  letter-spacing:-.025em;
}
body.cc-body.underlab-ui .cc-insight-toggle{
  margin-left:auto;
  min-height:32px;
  padding:0 10px;
  border:1px solid var(--ul-border);
  border-radius:9px;
  background:rgba(255,255,255,.018);
  color:#91a4b2;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
body.cc-body.underlab-ui .cc-insight-toggle:hover{
  color:var(--ul-text);
  border-color:rgba(0,212,255,.24);
  background:rgba(0,212,255,.035);
}
body.cc-body.underlab-ui .cc-insight-body{
  padding:14px 16px 16px;
  animation:ul-enter 240ms var(--ul-ease) both;
}
body.cc-body.underlab-ui .cc-insight-section.is-collapsed>.cc-insight-body{
  display:none;
}
body.cc-body.underlab-ui .cc-insight-section .performance-grid,
body.cc-body.underlab-ui .cc-insight-section .challenger-summary-grid,
body.cc-body.underlab-ui .cc-insight-section .stats-summary-grid,
body.cc-body.underlab-ui .cc-insight-section .stability-summary-grid{
  margin-top:0;
}
body.cc-body.underlab-ui .cc-insight-section .performance-grid article,
body.cc-body.underlab-ui .cc-insight-section .challenger-summary-grid article,
body.cc-body.underlab-ui .cc-insight-section .stats-summary-grid article,
body.cc-body.underlab-ui .cc-insight-section .stability-summary-grid article{
  border-color:rgba(128,203,224,.10);
  background:rgba(255,255,255,.012);
}
body.cc-body.underlab-ui .cc-settings-grid .cc-panel{
  min-height:170px;
}
body.cc-body.underlab-ui .cc-settings-grid .cc-panel p{
  color:#8ea0ac;
  font-size:11px;
  line-height:1.65;
}
body.cc-body.underlab-ui .audit-modal .modal-frame{
  width:min(920px,calc(100vw - 28px));
  max-height:min(88vh,980px);
}
body.cc-body.underlab-ui .audit-header{
  padding-bottom:14px;
  border-bottom:1px solid rgba(128,203,224,.10);
}
body.cc-body.underlab-ui .audit-header h2{
  font-size:24px;
  letter-spacing:-.035em;
}
body.cc-body.underlab-ui .audit-section{
  border-color:rgba(128,203,224,.12);
  background:rgba(255,255,255,.012);
}
body.cc-body.underlab-ui .audit-section h3{
  font-size:13px;
  letter-spacing:-.01em;
}
body.cc-body.underlab-ui .audit-metric{
  border-color:rgba(128,203,224,.11);
  background:rgba(255,255,255,.012);
}
body.cc-body.underlab-ui .audit-metric.highlight{
  border-color:rgba(182,255,0,.18);
  background:rgba(182,255,0,.035);
}
@media(max-width:760px){
  body.cc-body.underlab-ui .cc-insight-section>.performance-lab-head{
    align-items:flex-start;
    gap:10px;
  }
  body.cc-body.underlab-ui .cc-insight-toggle{
    flex:0 0 auto;
  }
}

/* Unified signal states across Mini Apps */
body.director-mini.underlab-ui .director-signal-row{
  grid-template-columns:minmax(0,1.5fr) auto auto minmax(90px,.8fr) auto;
  align-items:center;
}
body.director-mini.underlab-ui .director-state{
  width:max-content;
  padding:5px 8px;
  border:1px solid var(--ul-border);
  border-radius:999px;
  font-size:8.5px!important;
  font-weight:900;
  line-height:1;
}
body.director-mini.underlab-ui .director-state.is-good{
  color:#8feaa0;
  border-color:rgba(34,197,94,.20);
  background:rgba(34,197,94,.05);
}
body.director-mini.underlab-ui .director-state.is-work{
  color:#77e3e8;
  border-color:rgba(0,212,255,.18);
  background:rgba(0,212,255,.045);
}
body.director-mini.underlab-ui .director-state.is-bad{
  color:#ff9797;
  border-color:rgba(239,68,68,.20);
  background:rgba(239,68,68,.05);
}
body.director-mini.underlab-ui .director-state.is-expired{
  color:#83949f;
  border-color:rgba(148,163,184,.10);
  background:rgba(148,163,184,.035);
}
@media(max-width:560px){
  body.director-mini.underlab-ui .director-signal-row{
    grid-template-columns:1fr auto;
  }
  body.director-mini.underlab-ui .director-signal-row>small:nth-of-type(n+2){
    grid-column:1/-1;
  }
}

body.operator-mini.underlab-ui .queueitem{
  border-left:2px solid rgba(148,163,184,.18);
}
body.operator-mini.underlab-ui .queueitem.is-good{border-left-color:#62df7c}
body.operator-mini.underlab-ui .queueitem.is-work{border-left-color:#55dce5}
body.operator-mini.underlab-ui .queueitem.is-bad{border-left-color:#ef6666}
body.operator-mini.underlab-ui .queueitem.is-expired{border-left-color:#63737d;opacity:.78}
body.operator-mini.underlab-ui .queueitem-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
body.operator-mini.underlab-ui .queueitem-top strong{
  min-width:0;
  flex:1 1 auto;
}
body.operator-mini.underlab-ui .queue-state{
  flex:0 0 auto;
  width:max-content;
  padding:4px 7px;
  border:1px solid var(--ul-border);
  border-radius:999px;
  font-size:8px!important;
  font-weight:900;
  line-height:1!important;
  margin-top:0!important;
}
body.operator-mini.underlab-ui .queue-state.is-good{
  color:#8feaa0;
  border-color:rgba(34,197,94,.20);
  background:rgba(34,197,94,.05);
}
body.operator-mini.underlab-ui .queue-state.is-work{
  color:#77e3e8;
  border-color:rgba(0,212,255,.18);
  background:rgba(0,212,255,.045);
}
body.operator-mini.underlab-ui .queue-state.is-bad{
  color:#ff9797;
  border-color:rgba(239,68,68,.20);
  background:rgba(239,68,68,.05);
}
body.operator-mini.underlab-ui .queue-state.is-expired{
  color:#83949f;
  border-color:rgba(148,163,184,.10);
  background:rgba(148,163,184,.035);
}

/* Mobile density corrections after live screenshots */
body.director-mini.underlab-ui .shell{
  padding-left:10px;
  padding-right:10px;
  padding-bottom:calc(82px + env(safe-area-inset-bottom));
}
body.director-mini.underlab-ui .top{
  padding-top:4px;
  padding-bottom:13px;
}
body.director-mini.underlab-ui .top h1{
  font-size:22px;
  margin-top:6px;
}
body.director-mini.underlab-ui .top .muted{font-size:9px}
body.director-mini.underlab-ui .badge{
  max-width:104px;
  padding:7px 9px;
  font-size:7.5px;
}
body.director-mini.underlab-ui .section{padding-top:11px}
body.director-mini.underlab-ui .section:before{
  margin-bottom:8px;
  font-size:8.5px;
}
body.director-mini.underlab-ui .grid{
  gap:7px;
}
body.director-mini.underlab-ui .card{
  padding:11px;
  margin-bottom:7px;
  border-radius:15px;
}
body.director-mini.underlab-ui .metric{
  min-height:72px;
  padding:10px!important;
}
body.director-mini.underlab-ui .metric span{
  font-size:8.5px;
}
body.director-mini.underlab-ui .metric strong{
  font-size:18px;
  line-height:1.08;
}
body.director-mini.underlab-ui .row{
  min-height:42px;
  padding:9px 10px;
}
body.director-mini.underlab-ui .row b{font-size:10.5px}
body.director-mini.underlab-ui .row small{font-size:8.5px}
body.director-mini.underlab-ui h2{
  font-size:14px;
  margin-bottom:9px;
}
body.director-mini.underlab-ui .nav{
  left:8px;
  right:8px;
  bottom:calc(7px + env(safe-area-inset-bottom));
  padding:5px;
  gap:1px;
  border-radius:15px;
}
body.director-mini.underlab-ui .nav button{
  min-height:48px;
  padding:4px 1px;
  font-size:7px;
}
body.director-mini.underlab-ui .navicon{
  width:21px;
  height:21px;
  font-size:14px;
}
body.director-mini.underlab-ui #activebet-summary .metric:nth-child(2) strong{
  font-size:16px;
  line-height:1.22;
}
body.director-mini.underlab-ui #audit-verdict{
  font-size:12px;
}
body.director-mini.underlab-ui #audit-verdict > div{
  padding:11px!important;
}
body.director-mini.underlab-ui #audit-steps .row,
body.director-mini.underlab-ui #audit-facts .row{
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
}
body.director-mini.underlab-ui #audit-steps .row small:nth-of-type(n+2){
  grid-column:1/-1;
  text-align:left;
}
body.director-mini.underlab-ui #audit-title h2{
  font-size:19px;
  line-height:1.15;
}
body.operator-mini.underlab-ui .wrap{
  padding-left:10px;
  padding-right:10px;
  padding-bottom:calc(78px + env(safe-area-inset-bottom));
}
body.operator-mini.underlab-ui .head{
  padding-top:4px;
  padding-bottom:11px;
  margin-bottom:7px;
}
body.operator-mini.underlab-ui .head h1{
  font-size:21px;
  margin-top:5px;
}
body.operator-mini.underlab-ui .head p{font-size:10px}
body.operator-mini.underlab-ui .mode{
  max-width:106px;
  padding:6px 8px;
  font-size:7px;
}
body.operator-mini.underlab-ui .card{
  padding:11px;
  margin:7px 0;
  border-radius:15px;
}
body.operator-mini.underlab-ui .section-title{
  font-size:14px;
  margin-bottom:8px;
}
body.operator-mini.underlab-ui .shiftgrid,
body.operator-mini.underlab-ui .grid{
  gap:6px;
  margin-top:10px;
}
body.operator-mini.underlab-ui .metric{
  min-height:64px!important;
  padding:8px 9px;
}
body.operator-mini.underlab-ui .metric span{font-size:8.5px}
body.operator-mini.underlab-ui .metric strong{font-size:14px}
body.operator-mini.underlab-ui .shiftgrid .metric strong{font-size:15px}
body.operator-mini.underlab-ui .bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  left:8px;
  right:8px;
  bottom:calc(7px + env(safe-area-inset-bottom));
  padding:5px;
  gap:1px;
  border-radius:15px;
}
body.operator-mini.underlab-ui .navbtn{
  min-width:0;
  min-height:48px;
  padding:4px 1px;
  font-size:7.5px;
}
body.operator-mini.underlab-ui .navbtn .navicon{
  width:21px;
  height:21px;
  font-size:14px;
}
body.operator-mini.underlab-ui .placeholder-hero{
  padding-top:10px;
}
body.operator-mini.underlab-ui .placeholder-hero h2{
  font-size:18px;
}
body.operator-mini.underlab-ui .queueitem{
  padding:10px 34px 10px 10px;
}
body.operator-mini.underlab-ui .queueitem strong{font-size:12px}
body.operator-mini.underlab-ui .queueitem span{font-size:9px}
@media(max-width:360px){
  body.director-mini.underlab-ui .top h1,
  body.operator-mini.underlab-ui .head h1{font-size:19px}
  body.director-mini.underlab-ui .badge,
  body.operator-mini.underlab-ui .mode{font-size:6.5px}
  body.operator-mini.underlab-ui .navbtn,
  body.director-mini.underlab-ui .nav button{font-size:6.5px}
}

/* =========================================================
   UnderLab Mini App v4 — approved visual direction
   ========================================================= */
body.director-mini.underlab-ui,
body.operator-mini.underlab-ui{
  --v4-bg:#031018;
  --v4-panel:#071923;
  --v4-panel2:#0a202b;
  --v4-panel3:#0d2733;
  --v4-line:rgba(57,203,230,.20);
  --v4-line-soft:rgba(57,203,230,.11);
  --v4-lime:#bfff00;
  --v4-cyan:#34d7ee;
  --v4-text:#f7fafb;
  --v4-muted:#8096a3;
  --v4-dim:#59707e;
  background:
    radial-gradient(circle at 92% -6%,rgba(0,164,226,.12),transparent 19rem),
    radial-gradient(circle at 8% 24%,rgba(173,255,0,.045),transparent 22rem),
    linear-gradient(180deg,#020d13 0%,#04121a 48%,#020b10 100%);
  color:var(--v4-text);
}
body.director-mini.underlab-ui:before,
body.operator-mini.underlab-ui:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;
  background-image:
    linear-gradient(rgba(50,210,238,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,210,238,.02) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(#000,transparent 78%);
}

/* top chrome */
body.director-mini.underlab-ui .top,
body.operator-mini.underlab-ui .head{
  min-height:88px;
  align-items:center;
  padding:8px 4px 14px;
  border-bottom:1px solid var(--v4-line-soft);
}
body.director-mini.underlab-ui .eyebrow,
body.operator-mini.underlab-ui .eyebrow{
  color:var(--v4-cyan);
  letter-spacing:.14em;
}
body.director-mini.underlab-ui .eyebrow:before,
body.operator-mini.underlab-ui .head .eyebrow:before{
  width:34px;height:34px;
  border-radius:10px;
  border-color:rgba(191,255,0,.42);
  background:linear-gradient(145deg,rgba(191,255,0,.13),rgba(0,189,230,.035));
  color:var(--v4-lime);
  box-shadow:0 0 18px rgba(191,255,0,.08),inset 0 0 14px rgba(191,255,0,.025);
}
body.director-mini.underlab-ui .top h1,
body.operator-mini.underlab-ui .head h1{
  color:#fbfdfe;
  font-size:24px;
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.055em;
}
body.director-mini.underlab-ui .badge,
body.operator-mini.underlab-ui .mode{
  color:var(--v4-lime);
  border-color:rgba(191,255,0,.32);
  background:linear-gradient(180deg,rgba(191,255,0,.10),rgba(191,255,0,.035));
  border-radius:999px;
  box-shadow:inset 0 0 18px rgba(191,255,0,.025);
}

/* cards */
body.director-mini.underlab-ui .card,
body.operator-mini.underlab-ui .card{
  border:1px solid var(--v4-line-soft);
  background:
    linear-gradient(145deg,rgba(9,30,40,.96),rgba(4,17,24,.985));
  box-shadow:
    0 16px 44px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.018);
}
body.director-mini.underlab-ui .card:before,
body.operator-mini.underlab-ui .card:before{
  background:linear-gradient(90deg,transparent,rgba(52,215,238,.26),transparent);
}
body.director-mini.underlab-ui .metric,
body.operator-mini.underlab-ui .metric{
  border-color:var(--v4-line-soft);
  background:linear-gradient(145deg,rgba(8,26,35,.82),rgba(6,21,29,.92));
}
body.director-mini.underlab-ui .metric span,
body.operator-mini.underlab-ui .metric span{color:#738b99}
body.director-mini.underlab-ui .metric strong,
body.operator-mini.underlab-ui .metric strong{color:#f9fbfc}

/* director overview */
body.director-mini.underlab-ui #status-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.director-mini.underlab-ui #status-metrics .metric{
  min-height:82px;
  justify-content:flex-end;
  padding:12px;
}
body.director-mini.underlab-ui #status-metrics .metric strong{
  font-size:25px;
  line-height:1;
}
body.director-mini.underlab-ui #status .twocol{
  display:grid;
  grid-template-columns:1fr;
}
body.director-mini.underlab-ui #status .card h2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:#f7fafb;
}
body.director-mini.underlab-ui #status .row{
  border-color:var(--v4-line-soft);
  background:rgba(6,23,31,.80);
}
body.director-mini.underlab-ui #status .row b{color:#eaf1f4}
body.director-mini.underlab-ui #status .row small{color:#7e96a4}

/* operator overview / shift */
body.operator-mini.underlab-ui #shift-card{
  background:
    radial-gradient(circle at 90% 0,rgba(191,255,0,.035),transparent 15rem),
    linear-gradient(145deg,rgba(8,27,36,.98),rgba(4,16,23,.99));
}
body.operator-mini.underlab-ui .shiftbadge.on{
  color:var(--v4-lime);
  border-color:rgba(191,255,0,.28);
  background:rgba(191,255,0,.075);
}
body.operator-mini.underlab-ui .shiftgrid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
}
body.operator-mini.underlab-ui .shiftgrid .metric{
  min-height:72px!important;
}
body.operator-mini.underlab-ui .shiftgrid .metric strong{
  font-size:17px;
}
@media(max-width:370px){
  body.operator-mini.underlab-ui .shiftgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* notifications -> toast */
body.operator-mini.underlab-ui .mini-toast{
  position:fixed;
  z-index:80;
  left:50%;
  top:calc(12px + env(safe-area-inset-top));
  transform:translateX(-50%);
  width:min(calc(100vw - 24px),430px);
  margin:0;
  padding:10px 12px;
  border-radius:12px;
  box-shadow:0 14px 42px rgba(0,0,0,.44);
  backdrop-filter:blur(18px);
  animation:ul-enter .22s var(--ul-ease) both;
}
body.operator-mini.underlab-ui .mini-toast.ok{
  color:#dfffab;
  border-color:rgba(191,255,0,.22);
  background:rgba(16,44,25,.93);
}
body.operator-mini.underlab-ui .mini-toast.info{
  color:#b8e8ee;
  border-color:rgba(52,215,238,.22);
  background:rgba(8,34,44,.94);
}

/* operator task card */
body.operator-mini.underlab-ui #task-card{
  border-color:rgba(52,215,238,.22);
  background:
    radial-gradient(circle at 92% 0,rgba(191,255,0,.045),transparent 16rem),
    linear-gradient(145deg,rgba(8,29,39,.985),rgba(4,16,23,.995));
}
body.operator-mini.underlab-ui #back-to-queue{
  min-height:34px;
  width:max-content;
  border-color:var(--v4-line);
  color:#8da3b0;
  background:rgba(255,255,255,.015);
}
body.operator-mini.underlab-ui #task-card .statusbar{
  margin-top:2px;
  padding-top:4px;
}
body.operator-mini.underlab-ui .state{
  border-radius:999px;
  color:#dce8ec;
  border-color:rgba(52,215,238,.20);
  background:rgba(52,215,238,.055);
}
body.operator-mini.underlab-ui .ttl{
  min-width:92px;
  min-height:44px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:var(--v4-lime);
  border-color:rgba(191,255,0,.30);
  background:rgba(191,255,0,.075);
  font-size:11px;
  letter-spacing:.04em;
}
body.operator-mini.underlab-ui .match{
  margin:14px 0 4px;
  color:#fbfdfe;
  font-size:22px;
  font-weight:900;
  letter-spacing:-.045em;
}
body.operator-mini.underlab-ui .league{
  color:#728a98;
  font-size:10px;
}
body.operator-mini.underlab-ui .signal-guide{
  margin-top:12px;
  padding:12px;
  border-color:rgba(52,215,238,.20);
  background:linear-gradient(145deg,rgba(9,39,47,.68),rgba(5,25,32,.78));
}
body.operator-mini.underlab-ui .signal-guide .guide-label{color:var(--v4-cyan)}
body.operator-mini.underlab-ui .signal-guide strong{
  color:#f6fafb;
  font-size:15px;
}
body.operator-mini.underlab-ui .signal-kpis{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
body.operator-mini.underlab-ui .signal-kpis .metric{
  min-height:66px!important;
  padding:9px;
}
body.operator-mini.underlab-ui .signal-kpis .metric strong{
  font-size:14px;
}
body.operator-mini.underlab-ui .signal-kpis .payout{
  border-color:rgba(191,255,0,.20);
  background:rgba(191,255,0,.045);
}
body.operator-mini.underlab-ui .signal-kpis .payout strong{color:var(--v4-lime)}

/* queues */
body.operator-mini.underlab-ui .queue,
body.director-mini.underlab-ui #tasks{gap:6px}
body.operator-mini.underlab-ui .queueitem,
body.director-mini.underlab-ui .director-signal-row{
  border-color:var(--v4-line-soft);
  background:linear-gradient(145deg,rgba(8,27,36,.86),rgba(5,20,27,.92));
}
body.operator-mini.underlab-ui .queueitem{
  padding:10px 34px 10px 10px;
  border-radius:11px;
}
body.operator-mini.underlab-ui .queueitem strong{font-size:11.5px}
body.operator-mini.underlab-ui .queueitem span{font-size:8.5px}

/* details / audit */
body.director-mini.underlab-ui #signalcheck .card:first-of-type{
  border-color:rgba(52,215,238,.20);
}
body.director-mini.underlab-ui #audit-title h2{
  color:#fbfdfe;
  font-size:20px;
}
body.director-mini.underlab-ui #audit-verdict>div{
  border-color:rgba(52,215,238,.20)!important;
  background:linear-gradient(145deg,rgba(7,35,43,.78),rgba(4,23,30,.84))!important;
}
body.director-mini.underlab-ui #audit-verdict b{
  font-size:15px;
}
body.director-mini.underlab-ui #audit-steps .row,
body.director-mini.underlab-ui #audit-facts .row{
  border-color:var(--v4-line-soft);
  background:rgba(7,25,34,.84);
}
body.director-mini.underlab-ui #audit-steps .row small,
body.director-mini.underlab-ui #audit-facts .row small{
  color:#8198a5;
}

/* supporting screens */
body.operator-mini.underlab-ui .placeholder-hero{
  padding:11px 2px 5px;
}
body.operator-mini.underlab-ui .placeholder-hero h2{
  color:#f8fbfc;
  font-size:21px;
}
body.operator-mini.underlab-ui .profile-row{
  padding:3px 0 12px;
}
body.operator-mini.underlab-ui .avatar{
  border-color:rgba(191,255,0,.32);
  background:rgba(191,255,0,.08);
  color:var(--v4-lime);
}
body.operator-mini.underlab-ui .listrow{
  border-color:var(--v4-line-soft);
}
body.operator-mini.underlab-ui .bank div{
  border-color:var(--v4-line-soft);
  background:rgba(7,26,35,.75);
}

/* bottom nav exactly one premium bar */
body.director-mini.underlab-ui .nav,
body.operator-mini.underlab-ui .bottom-nav{
  border-color:rgba(52,215,238,.18);
  background:rgba(2,11,16,.965);
  box-shadow:0 18px 46px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.018);
}
body.director-mini.underlab-ui .nav button,
body.operator-mini.underlab-ui .navbtn{
  border-radius:10px;
  color:#607786;
}
body.director-mini.underlab-ui .nav button.on,
body.operator-mini.underlab-ui .navbtn.active{
  color:var(--v4-lime);
  background:linear-gradient(180deg,rgba(191,255,0,.12),rgba(191,255,0,.045));
}
body.director-mini.underlab-ui .nav button.on .navicon,
body.operator-mini.underlab-ui .navbtn.active .navicon{
  color:#071006;
  background:var(--v4-lime);
  box-shadow:0 0 16px rgba(191,255,0,.22);
}

/* typography scale on phones */
@media(max-width:440px){
  body.director-mini.underlab-ui .shell,
  body.operator-mini.underlab-ui .wrap{
    padding-left:9px;
    padding-right:9px;
  }
  body.director-mini.underlab-ui .top h1,
  body.operator-mini.underlab-ui .head h1{
    font-size:22px;
  }
  body.director-mini.underlab-ui .card,
  body.operator-mini.underlab-ui .card{
    border-radius:14px;
  }
}

/* Mini App v4 queue / secondary pages */
body.operator-mini.underlab-ui .queue-tools{
  display:grid;
  gap:8px;
  margin:10px 0;
}
body.operator-mini.underlab-ui .queue-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}
body.operator-mini.underlab-ui .queue-tab{
  min-height:34px;
  padding:7px 8px;
  border:1px solid var(--v4-line-soft);
  border-radius:9px;
  background:rgba(255,255,255,.015);
  color:#6f8795;
  font-size:9px;
  font-weight:850;
}
body.operator-mini.underlab-ui .queue-tab.active{
  color:#091105;
  background:var(--v4-lime);
  border-color:var(--v4-lime);
  box-shadow:0 0 16px rgba(191,255,0,.10);
}
body.operator-mini.underlab-ui .queue-search{
  min-height:38px;
  padding:8px 11px;
  border-color:var(--v4-line-soft);
  background:#04131b;
  color:#eaf2f4;
  border-radius:10px;
  font-size:10px;
}
body.operator-mini.underlab-ui .queue-search::placeholder{color:#506875}
body.operator-mini.underlab-ui .queue-group-label{
  margin:6px 2px 1px;
  color:var(--v4-cyan);
  font:850 8px/1.2 ui-monospace,monospace;
  letter-spacing:.11em;
}
body.operator-mini.underlab-ui #view-stats .card,
body.operator-mini.underlab-ui #view-balance .card,
body.operator-mini.underlab-ui #view-reconcile .card,
body.operator-mini.underlab-ui #view-profile .card{
  border-color:var(--v4-line-soft);
}
body.operator-mini.underlab-ui #mapping-kpis,
body.operator-mini.underlab-ui #stats-view-body{
  gap:6px;
}
body.operator-mini.underlab-ui .view-kpis .metric{
  min-height:72px!important;
}
body.operator-mini.underlab-ui .balance-big{
  color:var(--v4-lime);
  font-size:30px;
}
body.operator-mini.underlab-ui #view-reconcile .queueitem{
  padding-right:10px;
}
body.operator-mini.underlab-ui #view-reconcile .queueitem:after{display:none}
body.operator-mini.underlab-ui #view-profile .listrow{
  padding:11px 1px;
  font-size:10.5px;
}
body.operator-mini.underlab-ui #view-profile .listrow span:last-child{
  color:#9bb0bb;
}

/* =========================================================
   UnderLab Mini App 4.1 — reference layout, original palette
   Example screenshots are used only for information architecture.
   Brand remains navy/black + cyan + lime.
   ========================================================= */
body.operator-mini.underlab-ui .profile-account-card{
  padding:14px;
  border-color:rgba(52,215,238,.15);
}
body.operator-mini.underlab-ui .profile-account-top{
  display:flex;align-items:center;gap:12px;
}
body.operator-mini.underlab-ui .profile-account-copy{
  min-width:0;display:grid;gap:3px;
}
body.operator-mini.underlab-ui .profile-account-copy>strong{
  font-size:17px;line-height:1.1;color:#f8fbfc;
}
body.operator-mini.underlab-ui .profile-role-chip{
  width:max-content;padding:4px 7px;border-radius:999px;
  border:1px solid rgba(52,215,238,.18);
  background:rgba(52,215,238,.045);
  color:#7be7f2;font-size:8px;font-weight:850;
}
body.operator-mini.underlab-ui .profile-account-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;margin-top:12px;
}
body.operator-mini.underlab-ui .profile-account-stats>div{
  padding:10px;border:1px solid var(--v4-line-soft);border-radius:10px;
  background:rgba(255,255,255,.012);
}
body.operator-mini.underlab-ui .profile-account-stats span{
  display:block;color:#6d8491;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
}
body.operator-mini.underlab-ui .profile-account-stats b{
  display:block;margin-top:4px;font-size:11px;
}
body.operator-mini.underlab-ui .settings-label{
  margin:17px 4px 6px;
  color:#607986;
  font:850 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
body.operator-mini.underlab-ui .settings-card{
  padding:3px 12px;
}
body.operator-mini.underlab-ui .settings-row{
  width:100%;min-height:62px;
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;gap:10px;
  padding:9px 1px;border:0;border-bottom:1px solid rgba(52,215,238,.075);
  background:transparent;color:inherit;text-align:left;border-radius:0;
}
body.operator-mini.underlab-ui .settings-row:last-child{border-bottom:0}
body.operator-mini.underlab-ui button.settings-row{min-height:62px}
body.operator-mini.underlab-ui .settings-copy{min-width:0;display:grid;gap:2px}
body.operator-mini.underlab-ui .settings-copy b{
  font-size:11.5px;line-height:1.2;color:#eef5f7;
}
body.operator-mini.underlab-ui .settings-copy small{
  color:#718794;font-size:8.5px;line-height:1.35;
}
body.operator-mini.underlab-ui .setting-icon{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;border:1px solid transparent;
}
body.operator-mini.underlab-ui .setting-icon svg,
body.operator-mini.underlab-ui .navicon svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
body.operator-mini.underlab-ui .setting-icon.cyan{color:#48dae9;background:rgba(72,218,233,.07);border-color:rgba(72,218,233,.12)}
body.operator-mini.underlab-ui .setting-icon.blue{color:#72a9ff;background:rgba(76,133,255,.08);border-color:rgba(76,133,255,.12)}
body.operator-mini.underlab-ui .setting-icon.purple{color:#bd7cff;background:rgba(173,95,255,.08);border-color:rgba(173,95,255,.12)}
body.operator-mini.underlab-ui .setting-icon.green{color:#63e18a;background:rgba(58,210,100,.08);border-color:rgba(58,210,100,.12)}
body.operator-mini.underlab-ui .setting-icon.lime{color:var(--v4-lime);background:rgba(191,255,0,.06);border-color:rgba(191,255,0,.12)}
body.operator-mini.underlab-ui .setting-icon.violet{color:#b58cff;background:rgba(160,100,255,.08);border-color:rgba(160,100,255,.12)}
body.operator-mini.underlab-ui .setting-icon.red{color:#ff7373;background:rgba(255,90,90,.07);border-color:rgba(255,90,90,.12)}
body.operator-mini.underlab-ui .setting-icon.neutral{color:#90a3ad;background:rgba(144,163,173,.06);border-color:rgba(144,163,173,.10)}
body.operator-mini.underlab-ui .settings-value{
  color:#8ca1ad;font-size:9.5px;text-align:right;
}
body.operator-mini.underlab-ui .segmented{
  display:grid;grid-auto-flow:column;padding:2px;
  border:1px solid var(--v4-line-soft);border-radius:9px;background:#04131b;
}
body.operator-mini.underlab-ui .seg{
  min-width:37px;min-height:28px;padding:5px 8px;border-radius:7px;
  background:transparent;color:#667d8a;font-size:8px;
}
body.operator-mini.underlab-ui .seg.active{
  color:#071106;background:var(--v4-lime);
}
body.operator-mini.underlab-ui .ui-toggle{
  position:relative;width:46px;min-height:28px;height:28px;padding:0;border-radius:999px;
  border:1px solid var(--v4-line-soft);background:#06151d;
}
body.operator-mini.underlab-ui .ui-toggle span{
  position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;
  background:#57707d;transition:transform .18s ease,background .18s ease;
}
body.operator-mini.underlab-ui .ui-toggle.on{
  border-color:rgba(191,255,0,.24);background:rgba(191,255,0,.08);
}
body.operator-mini.underlab-ui .ui-toggle.on span{
  transform:translateX(18px);background:var(--v4-lime);box-shadow:0 0 10px rgba(191,255,0,.18);
}
body.operator-mini.underlab-ui .chevron{
  color:#49616d;font-size:20px;line-height:1;
}
body.operator-mini.underlab-ui .settings-link:active{
  background:rgba(52,215,238,.025);
}
body.operator-mini.underlab-ui .navicon{
  display:grid;place-items:center;
}
body.operator-mini.underlab-ui .navicon svg{
  width:19px;height:19px;stroke-width:1.9;
}
body.operator-mini.underlab-ui .navbtn.active .navicon svg{
  stroke:#071106;
}

body.director-mini.underlab-ui .director-settings-label{
  margin:16px 4px 6px;color:#607986;
  font:850 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
}
body.director-mini.underlab-ui .director-system-card{padding:3px 12px}
body.director-mini.underlab-ui .director-setting-head,
body.director-mini.underlab-ui .director-setting-row{
  min-height:64px;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;
  align-items:center;gap:10px;padding:9px 1px;
}
body.director-mini.underlab-ui .director-setting-row{
  grid-template-columns:38px minmax(0,1fr) auto;
  border-bottom:1px solid rgba(52,215,238,.075);
}
body.director-mini.underlab-ui .director-setting-row:last-child{border-bottom:0}
body.director-mini.underlab-ui .director-setting-head{cursor:pointer}
body.director-mini.underlab-ui .director-setting-head>div,
body.director-mini.underlab-ui .director-setting-row>div{min-width:0;display:grid;gap:2px}
body.director-mini.underlab-ui .director-setting-head b,
body.director-mini.underlab-ui .director-setting-row b{
  font-size:11.5px;color:#eef5f7;line-height:1.2;
}
body.director-mini.underlab-ui .director-setting-head small,
body.director-mini.underlab-ui .director-setting-row small{
  color:#718794;font-size:8.5px;line-height:1.35;
}
body.director-mini.underlab-ui .director-setting-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
  border:1px solid transparent;
}
body.director-mini.underlab-ui .director-setting-icon svg,
body.director-mini.underlab-ui .navicon svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
body.director-mini.underlab-ui .director-setting-icon.cyan{color:#48dae9;background:rgba(72,218,233,.07);border-color:rgba(72,218,233,.12)}
body.director-mini.underlab-ui .director-setting-icon.lime{color:var(--v4-lime);background:rgba(191,255,0,.06);border-color:rgba(191,255,0,.12)}
body.director-mini.underlab-ui .director-setting-icon.blue{color:#72a9ff;background:rgba(76,133,255,.08);border-color:rgba(76,133,255,.12)}
body.director-mini.underlab-ui .director-setting-icon.purple{color:#bd7cff;background:rgba(173,95,255,.08);border-color:rgba(173,95,255,.12)}
body.director-mini.underlab-ui .director-setting-icon.green{color:#63e18a;background:rgba(58,210,100,.08);border-color:rgba(58,210,100,.12)}
body.director-mini.underlab-ui .director-setting-state{
  color:#8ca1ad;font-size:9px;text-align:right;white-space:nowrap;
}
body.director-mini.underlab-ui .director-chevron{
  color:#4c6470;font-size:17px;transition:transform .16s ease;
}
body.director-mini.underlab-ui .director-setting-head.is-collapsed .director-chevron{transform:rotate(-90deg)}
body.director-mini.underlab-ui .director-setting-body{
  padding:0 0 10px 48px;border-top:1px solid rgba(52,215,238,.06);
}
body.director-mini.underlab-ui .director-setting-body.is-collapsed{display:none}
body.director-mini.underlab-ui .director-setting-body pre{
  max-height:230px;margin:8px 0 0;padding:10px;border:1px solid rgba(52,215,238,.08);
  border-radius:10px;background:#031018;color:#8fa5b1;font-size:8.5px;line-height:1.45;
}
body.director-mini.underlab-ui .navicon svg{width:18px;height:18px}
body.director-mini.underlab-ui .nav button.on .navicon svg{stroke:#071106}

body.operator-mini.underlab-ui .seg:disabled{
  opacity:.34;cursor:not-allowed;
}
body.operator-mini.underlab-ui.reduce-motion *,
body.operator-mini.underlab-ui.reduce-motion *::before,
body.operator-mini.underlab-ui.reduce-motion *::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}

/* Operator secondary views 4.2 */
body.operator-mini.underlab-ui #view-stats>section.card,
body.operator-mini.underlab-ui #view-balance>section.card,
body.operator-mini.underlab-ui #view-reconcile>section.card{
  padding:11px;
}
body.operator-mini.underlab-ui #stats-view-body{
  display:grid;
  gap:9px;
}
body.operator-mini.underlab-ui .stats-section{
  padding:10px;
  border:1px solid var(--v4-line-soft);
  border-radius:12px;
  background:rgba(255,255,255,.012);
}
body.operator-mini.underlab-ui .stats-section-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:9px;
  align-items:center;
  margin-bottom:9px;
}
body.operator-mini.underlab-ui .stats-section-head>div{display:grid;gap:2px}
body.operator-mini.underlab-ui .stats-section-head b{font-size:11.5px}
body.operator-mini.underlab-ui .stats-section-head small{color:#718794;font-size:8.5px}
body.operator-mini.underlab-ui .stats-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}
body.operator-mini.underlab-ui .stats-grid .metric{
  min-height:66px!important;
  margin:0;
}
body.operator-mini.underlab-ui .stats-grid .metric.hero{
  border-color:rgba(191,255,0,.16);
  background:rgba(191,255,0,.035);
}
body.operator-mini.underlab-ui .stats-grid .metric.hero strong{
  color:var(--v4-lime);
  font-size:18px;
}
body.operator-mini.underlab-ui #balance-view-body{
  grid-template-columns:1fr;
  gap:7px;
}
body.operator-mini.underlab-ui .book-balance-card{
  padding:10px;
  border:1px solid var(--v4-line-soft);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(7,26,35,.82),rgba(4,17,24,.92));
}
body.operator-mini.underlab-ui .book-balance-head{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
}
body.operator-mini.underlab-ui .book-badge{
  display:grid;place-items:center;
  width:34px;height:34px;border-radius:10px;
  border:1px solid rgba(52,215,238,.14);
  background:rgba(52,215,238,.055);
  color:var(--v4-cyan);
  font-size:9px;font-weight:900;
}
body.operator-mini.underlab-ui .book-balance-head>div:nth-child(2){display:grid;gap:2px}
body.operator-mini.underlab-ui .book-balance-head b{font-size:11px}
body.operator-mini.underlab-ui .book-balance-head small{color:#718794;font-size:8px}
body.operator-mini.underlab-ui .book-balance-head>strong{
  font-size:13px;
  color:#f5fafb;
  font-variant-numeric:tabular-nums;
}
body.operator-mini.underlab-ui .book-progress{
  height:5px;margin:9px 0 8px;border-radius:999px;
  overflow:hidden;background:#06151d;
}
body.operator-mini.underlab-ui .book-progress i{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--v4-cyan),var(--v4-lime));
}
body.operator-mini.underlab-ui .book-balance-meta{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
}
body.operator-mini.underlab-ui .book-balance-meta span{
  color:#718794;font-size:7.8px;
}
body.operator-mini.underlab-ui .book-balance-meta b{
  display:block;margin-top:2px;color:#dce7ea;font-size:8.6px;
}
body.operator-mini.underlab-ui .mapping-card{
  padding:10px;
  border:1px solid var(--v4-line-soft);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(7,26,35,.85),rgba(4,17,24,.94));
}
body.operator-mini.underlab-ui .mapping-compare{
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);
  align-items:center;
  gap:7px;
}
body.operator-mini.underlab-ui .mapping-side{
  min-width:0;display:grid;gap:4px;
}
body.operator-mini.underlab-ui .mapping-side b{
  font-size:10px;line-height:1.35;
}
body.operator-mini.underlab-ui .mapping-side small{
  color:#718794;font-size:7.8px;
}
body.operator-mini.underlab-ui .book-chip{
  width:max-content;padding:4px 6px;border-radius:999px;
  font-size:7.4px;font-weight:900;
}
body.operator-mini.underlab-ui .book-chip.fonbet{
  color:#7ce6ef;background:rgba(52,215,238,.06);border:1px solid rgba(52,215,238,.14);
}
body.operator-mini.underlab-ui .book-chip.betboom{
  color:#d9ff81;background:rgba(191,255,0,.055);border:1px solid rgba(191,255,0,.14);
}
body.operator-mini.underlab-ui .mapping-link-icon{
  display:grid;place-items:center;color:#536d79;font-size:14px;
}
body.operator-mini.underlab-ui .mapping-quality{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;margin:9px 0 8px;
}
body.operator-mini.underlab-ui .mapping-quality span{
  padding:6px;border-radius:8px;background:rgba(255,255,255,.012);
  color:#6f8693;font-size:7.6px;text-align:center;
}
body.operator-mini.underlab-ui .mapping-quality b{color:#dfe8eb}
body.operator-mini.underlab-ui .mapping-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
}
body.operator-mini.underlab-ui .mapping-actions button{
  min-height:38px;padding:8px;font-size:9px;
}
@media(max-width:360px){
  body.operator-mini.underlab-ui .book-balance-meta{grid-template-columns:1fr}
  body.operator-mini.underlab-ui .mapping-compare{grid-template-columns:1fr}
  body.operator-mini.underlab-ui .mapping-link-icon{transform:rotate(90deg)}
}

/* Director refinement 4.2 */
body.director-mini.underlab-ui .director-tech-details{
  padding:0;
  overflow:hidden;
}
body.director-mini.underlab-ui .director-tech-details summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:58px;
  padding:12px 14px;
  cursor:pointer;
  color:#edf5f7;
  font-size:11.5px;
  font-weight:850;
}
body.director-mini.underlab-ui .director-tech-details summary::-webkit-details-marker{display:none}
body.director-mini.underlab-ui .director-tech-details summary small{
  color:#6f8795;
  font-size:8px;
  font-weight:700;
}
body.director-mini.underlab-ui .director-tech-details summary::after{
  content:"⌄";
  color:var(--v4-cyan);
  font-size:15px;
  margin-left:6px;
}
body.director-mini.underlab-ui .director-tech-details[open] summary::after{
  transform:rotate(180deg);
}
body.director-mini.underlab-ui .director-tech-details pre{
  margin:0;
  padding:12px 14px 14px;
  border-top:1px solid rgba(52,215,238,.08);
  background:#031018;
  color:#8298a4;
  font-size:8px;
  line-height:1.45;
  max-height:300px;
  overflow:auto;
}
body.director-mini.underlab-ui .director-insight-card{
  padding:12px;
}
body.director-mini.underlab-ui .director-insight-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  align-items:center;
  gap:9px;
  margin-bottom:9px;
}
body.director-mini.underlab-ui .director-insight-head>div{
  display:grid;gap:2px;
}
body.director-mini.underlab-ui .director-insight-head b{
  font-size:11.5px;
}
body.director-mini.underlab-ui .director-insight-head small{
  color:#718794;
  font-size:8.5px;
}
body.director-mini.underlab-ui #activebet .rows .row,
body.director-mini.underlab-ui #risk .rows .row,
body.director-mini.underlab-ui #analytics .rows .row,
body.director-mini.underlab-ui #bank .rows .row,
body.director-mini.underlab-ui #operators .rows .row{
  min-height:48px;
  padding:10px 11px;
  border:1px solid rgba(52,215,238,.085);
  border-radius:10px;
  background:rgba(255,255,255,.012);
  margin-bottom:6px;
}
body.director-mini.underlab-ui #activebet .rows .row:last-child,
body.director-mini.underlab-ui #risk .rows .row:last-child,
body.director-mini.underlab-ui #analytics .rows .row:last-child,
body.director-mini.underlab-ui #bank .rows .row:last-child,
body.director-mini.underlab-ui #operators .rows .row:last-child{
  margin-bottom:0;
}
body.director-mini.underlab-ui .nav{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  left:6px!important;
  right:6px!important;
  padding:4px!important;
  gap:0!important;
  min-height:64px;
}
body.director-mini.underlab-ui .nav button{
  min-width:0!important;
  min-height:52px!important;
  padding:4px 0!important;
  gap:2px!important;
  font-size:6.4px!important;
  line-height:1.05!important;
  overflow:hidden;
}
body.director-mini.underlab-ui .navicon{
  width:19px!important;
  height:19px!important;
  flex:0 0 auto;
}
body.director-mini.underlab-ui .navicon svg{
  width:17px!important;
  height:17px!important;
}
body.director-mini.underlab-ui .nav button span:last-child{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.director-mini.underlab-ui .shell{
  padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
}
body.operator-mini.underlab-ui .wrap{
  padding-bottom:calc(80px + env(safe-area-inset-bottom))!important;
}

/* Mini App 4.3 — signal details and director signal cards */
body.operator-mini.underlab-ui .operator-detail-card{
  padding:0;
  overflow:hidden;
}
body.operator-mini.underlab-ui .operator-detail-head{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:11px 12px;
  cursor:pointer;
}
body.operator-mini.underlab-ui .operator-detail-head>div{
  min-width:0;
  display:grid;
  gap:2px;
}
body.operator-mini.underlab-ui .operator-detail-head>div>span{
  color:#6a8290;
  font:850 7.8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.12em;
}
body.operator-mini.underlab-ui .operator-detail-head .section-title{
  margin:0;
  font-size:11.5px;
}
body.operator-mini.underlab-ui .operator-detail-head::after{
  content:"⌄";
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border:1px solid var(--v4-line-soft);
  border-radius:8px;
  color:var(--v4-cyan);
  font-size:12px;
  transition:transform .16s ease;
}
body.operator-mini.underlab-ui .operator-collapsible.is-collapsed>.operator-detail-head::after{
  transform:rotate(-90deg);
}
body.operator-mini.underlab-ui .operator-detail-card>.controls,
body.operator-mini.underlab-ui .operator-detail-card>.bank,
body.operator-mini.underlab-ui .operator-detail-card>.audit,
body.operator-mini.underlab-ui .operator-detail-card>.note{
  margin-left:12px;
  margin-right:12px;
}
body.operator-mini.underlab-ui .operator-detail-card>.controls,
body.operator-mini.underlab-ui .operator-detail-card>.bank,
body.operator-mini.underlab-ui .operator-detail-card>.audit{
  padding-bottom:12px;
}
body.operator-mini.underlab-ui .operator-detail-card>.note{
  margin-top:0;
  padding-bottom:12px;
}
body.operator-mini.underlab-ui .operator-collapsible.is-collapsed>:not(.operator-detail-head){
  display:none!important;
}

body.director-mini.underlab-ui #tasks{
  display:grid;
  gap:8px;
}
body.director-mini.underlab-ui .director-signal-card{
  position:relative;
  padding:12px;
  border:1px solid var(--v4-line-soft);
  border-radius:13px;
  background:
    linear-gradient(145deg,rgba(8,28,38,.92),rgba(4,16,23,.98));
  box-shadow:0 12px 32px rgba(0,0,0,.18);
}
body.director-mini.underlab-ui .director-signal-card::before{
  content:"";
  position:absolute;
  left:0;
  top:12px;
  bottom:12px;
  width:2px;
  border-radius:2px;
  background:#526b78;
}
body.director-mini.underlab-ui .director-signal-card.is-good::before{background:var(--v4-lime)}
body.director-mini.underlab-ui .director-signal-card.is-work::before{background:var(--v4-cyan)}
body.director-mini.underlab-ui .director-signal-card.is-bad::before{background:#ef6868}
body.director-mini.underlab-ui .director-signal-card.is-expired::before{background:#647681}
body.director-mini.underlab-ui .director-signal-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:start;
}
body.director-mini.underlab-ui .director-signal-league{
  color:#607986;
  font:800 7.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
body.director-mini.underlab-ui .director-signal-top h3{
  margin:4px 0 0;
  color:#f7fbfc;
  font-size:12px;
  line-height:1.3;
  letter-spacing:-.01em;
}
body.director-mini.underlab-ui .director-signal-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
  margin-top:10px;
}
body.director-mini.underlab-ui .director-signal-meta>span{
  min-width:0;
  padding:7px 6px;
  border:1px solid rgba(52,215,238,.075);
  border-radius:9px;
  background:rgba(255,255,255,.012);
}
body.director-mini.underlab-ui .director-signal-meta b{
  display:block;
  overflow:hidden;
  color:#dce7ea;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.director-mini.underlab-ui .director-signal-meta small{
  display:block;
  margin-top:2px;
  color:#607986;
  font-size:7px;
}
body.director-mini.underlab-ui .director-signal-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:9px;
  padding-top:9px;
  border-top:1px solid rgba(52,215,238,.065);
}
body.director-mini.underlab-ui .director-signal-foot>span{
  color:#6e8794;
  font-size:8px;
}
body.director-mini.underlab-ui .director-signal-open{
  width:auto;
  min-height:30px;
  padding:6px 9px;
  border:1px solid rgba(191,255,0,.16);
  border-radius:8px;
  background:rgba(191,255,0,.045);
  color:var(--v4-lime);
  font-size:8px;
  font-weight:900;
}
body.director-mini.underlab-ui .director-empty{
  padding:18px 12px;
  border:1px dashed rgba(52,215,238,.12);
  border-radius:12px;
  color:#667f8c;
  font-size:9px;
  text-align:center;
}
@media(max-width:360px){
  body.director-mini.underlab-ui .director-signal-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* =========================================================
   UnderLab Mini App 4.4 — unified approved hero header
   ========================================================= */
body.director-mini.underlab-ui .top.ul-hero,
body.operator-mini.underlab-ui .head.ul-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:164px;
  margin:4px 0 12px;
  padding:20px 22px;
  border:1px solid rgba(52,215,238,.44);
  border-left-color:rgba(191,255,0,.72);
  border-bottom-color:rgba(191,255,0,.48);
  border-radius:26px;
  background:
    radial-gradient(circle at 8% 18%,rgba(191,255,0,.07),transparent 14rem),
    linear-gradient(135deg,rgba(3,20,29,.98),rgba(4,31,40,.94) 60%,rgba(2,17,25,.98));
  box-shadow:
    0 18px 48px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.018);
}
body.director-mini.underlab-ui .top.ul-hero::before,
body.operator-mini.underlab-ui .head.ul-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  width:250px;
  height:250px;
  right:-88px;
  top:10px;
  border-radius:50%;
  border:1px solid rgba(52,215,238,.18);
  background:
    radial-gradient(circle at 34% 30%,rgba(191,255,0,.08),transparent 30%),
    repeating-radial-gradient(circle at 50% 50%,rgba(52,215,238,.07) 0 1px,transparent 1px 12px),
    repeating-linear-gradient(0deg,transparent 0 12px,rgba(52,215,238,.035) 12px 13px);
  opacity:.75;
  mask-image:linear-gradient(90deg,transparent 0%,#000 36%);
}
body.director-mini.underlab-ui .top.ul-hero::after,
body.operator-mini.underlab-ui .head.ul-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,var(--v4-lime),rgba(52,215,238,.5),transparent 86%);
}
body.director-mini.underlab-ui .ul-hero-logo,
body.operator-mini.underlab-ui .ul-hero-logo{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border:2px solid rgba(191,255,0,.88);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 38%,rgba(191,255,0,.07),transparent 58%),
    rgba(3,18,24,.92);
  color:var(--v4-lime);
  font-size:25px;
  font-weight:950;
  letter-spacing:-.06em;
  box-shadow:
    0 0 18px rgba(191,255,0,.12),
    inset 0 0 18px rgba(191,255,0,.035);
}
body.director-mini.underlab-ui .ul-hero-copy,
body.operator-mini.underlab-ui .ul-hero-copy{
  position:relative;
  z-index:2;
  min-width:0;
}
body.director-mini.underlab-ui .ul-hero-copy .eyebrow,
body.operator-mini.underlab-ui .ul-hero-copy .eyebrow{
  display:block;
  margin:0 0 8px;
  color:#f4f8f9;
  font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
}
body.director-mini.underlab-ui .ul-hero-copy .eyebrow::first-letter,
body.operator-mini.underlab-ui .ul-hero-copy .eyebrow::first-letter{
  color:#fff;
}
body.director-mini.underlab-ui .ul-hero-copy h1,
body.operator-mini.underlab-ui .ul-hero-copy h1{
  margin:0;
  color:#fbfdfe;
  font-size:29px;
  line-height:1.02;
  font-weight:930;
  letter-spacing:-.05em;
  text-wrap:balance;
}
body.director-mini.underlab-ui .ul-hero-copy .muted,
body.operator-mini.underlab-ui .ul-hero-copy p{
  margin:7px 0 0;
  color:#7f96a3;
  font-size:10px;
  line-height:1.35;
}
body.operator-mini.underlab-ui .head.ul-hero p{
  max-width:82%;
}
body.director-mini.underlab-ui .top.ul-hero .badge,
body.operator-mini.underlab-ui .head.ul-hero .mode{
  display:none!important;
}
/* disable legacy inline UL badge generated by .eyebrow */
body.director-mini.underlab-ui .top.ul-hero .eyebrow:before,
body.operator-mini.underlab-ui .head.ul-hero .eyebrow:before{
  display:none!important;
  content:none!important;
}

/* page-specific section spacing under unified hero */
body.director-mini.underlab-ui .section{
  padding-top:8px;
}
body.operator-mini.underlab-ui .app-view{
  padding-top:0;
}
body.operator-mini.underlab-ui .placeholder-hero{
  padding-top:8px;
}
body.operator-mini.underlab-ui .placeholder-hero h2{
  font-size:17px;
}
body.operator-mini.underlab-ui .placeholder-hero .eyebrow{
  font-size:8px;
}

/* keep all hero headers identical across tabs */
body.director-mini.underlab-ui .shell,
body.operator-mini.underlab-ui .wrap{
  padding-top:10px!important;
}
@media(max-width:430px){
  body.director-mini.underlab-ui .top.ul-hero,
  body.operator-mini.underlab-ui .head.ul-hero{
    grid-template-columns:64px minmax(0,1fr);
    min-height:150px;
    gap:12px;
    padding:17px 16px;
    border-radius:22px;
  }
  body.director-mini.underlab-ui .ul-hero-logo,
  body.operator-mini.underlab-ui .ul-hero-logo{
    width:62px;
    height:62px;
    border-radius:16px;
    font-size:22px;
  }
  body.director-mini.underlab-ui .ul-hero-copy .eyebrow,
  body.operator-mini.underlab-ui .ul-hero-copy .eyebrow{
    font-size:9.3px;
    letter-spacing:.12em;
    margin-bottom:6px;
  }
  body.director-mini.underlab-ui .ul-hero-copy h1,
  body.operator-mini.underlab-ui .ul-hero-copy h1{
    font-size:24px;
    line-height:1.04;
  }
  body.director-mini.underlab-ui .ul-hero-copy .muted,
  body.operator-mini.underlab-ui .ul-hero-copy p{
    font-size:9px;
    margin-top:6px;
  }
  body.director-mini.underlab-ui .top.ul-hero::before,
  body.operator-mini.underlab-ui .head.ul-hero::before{
    width:210px;
    height:210px;
    right:-95px;
    top:12px;
  }
}
@media(max-width:355px){
  body.director-mini.underlab-ui .top.ul-hero,
  body.operator-mini.underlab-ui .head.ul-hero{
    grid-template-columns:54px minmax(0,1fr);
    min-height:136px;
    padding:14px 12px;
  }
  body.director-mini.underlab-ui .ul-hero-logo,
  body.operator-mini.underlab-ui .ul-hero-logo{
    width:52px;height:52px;font-size:19px;border-radius:14px;
  }
  body.director-mini.underlab-ui .ul-hero-copy h1,
  body.operator-mini.underlab-ui .ul-hero-copy h1{
    font-size:21px;
  }
}

/* =========================================================
   WEB COMPACT TOP NAV 1 — approved workspace-first layout
   ========================================================= */
@media (min-width: 1001px) {
  :root {
    --cc-sidebar: 0px !important;
    --cc-global-nav-h: 66px;
  }

  body.cc-body {
    padding-top: var(--cc-global-nav-h);
  }

  body.cc-body .cc-sidebar.cc-rail {
    position: fixed !important;
    z-index: 1100;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: var(--cc-global-nav-h) !important;
    min-height: 0 !important;
    transform: none !important;
    display: grid !important;
    grid-template-columns: auto minmax(360px, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: 8px 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(89,123,134,.20);
    background:
      linear-gradient(180deg, rgba(4,11,15,.99), rgba(4,12,16,.965)) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.22);
    overflow: visible !important;
  }

  body.cc-body .cc-rail-brand {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    min-width: 54px;
    height: 48px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.cc-body .cc-rail-brand .cc-brand-mark {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px;
    border-radius: 13px;
  }

  body.cc-body .cc-rail-nav {
    justify-self: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px !important;
    width: auto;
    min-width: 0;
    padding: 4px;
    border: 1px solid rgba(104,139,151,.15);
    border-radius: 14px;
    background: rgba(9,18,23,.76);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  }

  body.cc-body .cc-rail-nav > a,
  body.cc-body .cc-nav-more > summary {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 104px;
    min-height: 40px !important;
    padding: 8px 13px !important;
    margin: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #7d8f98 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    cursor: pointer;
    list-style: none;
    transform: none !important;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
  }

  body.cc-body .cc-nav-more > summary::-webkit-details-marker {
    display: none;
  }

  body.cc-body .cc-rail-nav > a:hover,
  body.cc-body .cc-nav-more > summary:hover {
    color: #e5edef !important;
    background: rgba(255,255,255,.025) !important;
  }

  body.cc-body .cc-rail-nav > a.is-active,
  body.cc-body .cc-nav-more:has(.cc-nav-flyout a.is-active) > summary,
  body.cc-body .cc-nav-more[open] > summary {
    color: #e9f4f5 !important;
    border-color: rgba(168,240,76,.19) !important;
    background:
      linear-gradient(180deg, rgba(168,240,76,.075), rgba(168,240,76,.03)) !important;
    box-shadow: inset 0 0 0 1px rgba(168,240,76,.025);
  }

  body.cc-body .cc-rail-nav > a.is-active::before {
    display: none !important;
  }

  body.cc-body .cc-rail-nav .cc-nav-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: currentColor !important;
    box-shadow: none !important;
  }

  body.cc-body .cc-rail-nav .cc-nav-icon svg {
    width: 17px;
    height: 17px;
  }

  body.cc-body .cc-rail-label {
    display: inline !important;
    white-space: nowrap;
  }

  body.cc-body .cc-nav-count {
    position: absolute;
    top: 3px;
    right: 4px;
    min-width: 15px;
    height: 15px;
    padding: 0 4px;
    border-radius: 999px;
    font-size: 8px;
    line-height: 15px;
  }

  body.cc-body .cc-nav-more {
    position: relative;
    display: block;
  }

  body.cc-body .cc-nav-flyout {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    width: 244px;
    padding: 8px;
    border: 1px solid rgba(101,139,152,.20);
    border-radius: 14px;
    background:
      linear-gradient(180deg, rgba(8,19,25,.995), rgba(4,13,18,.995));
    box-shadow: 0 22px 55px rgba(0,0,0,.48);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -5px);
    transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
  }

  body.cc-body .cc-nav-more[open] .cc-nav-flyout {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
  }

  body.cc-body .cc-nav-flyout-title {
    padding: 7px 9px 8px;
    color: #5e737d;
    font: 800 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  body.cc-body .cc-nav-flyout a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    color: #91a1a8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: transparent !important;
  }

  body.cc-body .cc-nav-flyout a:hover,
  body.cc-body .cc-nav-flyout a.is-active {
    color: #edf5f6 !important;
    background: rgba(168,240,76,.055) !important;
  }

  body.cc-body .cc-nav-flyout a.is-active::before {
    display: none !important;
  }

  body.cc-body .cc-nav-flyout .cc-nav-icon {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    display: grid !important;
    place-items: center;
    border-radius: 7px !important;
    background: rgba(255,255,255,.025) !important;
  }

  body.cc-body .cc-rail-footer {
    justify-self: end;
    display: flex !important;
    align-items: center;
    gap: 9px;
    position: static !important;
    width: auto !important;
    min-width: 42px;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.cc-body .cc-rail-footer .cc-sidebar-health {
    min-height: 36px !important;
    gap: 0 !important;
  }

  body.cc-body .cc-rail-footer .cc-sidebar-health > i {
    width: 8px !important;
    height: 8px !important;
    margin: 0 6px;
  }

  body.cc-body .cc-rail-footer .cc-sidebar-health span,
  body.cc-body .cc-rail-footer .cc-build {
    display: none !important;
  }

  body.cc-body .cc-topbar {
    top: var(--cc-global-nav-h) !important;
    left: 0 !important;
    width: 100% !important;
  }

  body.cc-body > main.cc-main {
    margin-left: 0 !important;
    padding-left: clamp(18px, 2.1vw, 34px) !important;
    padding-right: clamp(18px, 2.1vw, 34px) !important;
    padding-top: calc(var(--cc-global-nav-h) + var(--cc-topbar) + 22px) !important;
    max-width: none !important;
  }

  body.cc-body .cc-page {
    max-width: none !important;
    width: 100% !important;
  }
}

@media (max-width: 1000px) {
  body.cc-body .cc-nav-more > summary { list-style: none; }
  body.cc-body .cc-nav-more > summary::-webkit-details-marker { display:none; }
  body.cc-body .cc-nav-flyout-title { display:none; }
}


/* WEB TOP NAV 2 - compact workspace + premium motion */
@media (min-width:1001px){
  :root{--cc-global-nav-h:62px!important;--cc-topbar:0px!important}
  body.cc-body{padding-top:var(--cc-global-nav-h)!important}
  body.cc-body .cc-sidebar.cc-rail{
    height:var(--cc-global-nav-h)!important;padding:7px 18px!important;
    border-bottom:1px solid rgba(94,132,145,.13)!important;
    background:rgba(4,11,15,.965)!important;
    box-shadow:0 8px 26px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  }
  body.cc-body .cc-rail-brand{height:44px!important}
  body.cc-body .cc-rail-brand .cc-brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.cc-body .cc-rail-nav{
    position:relative;isolation:isolate;gap:3px!important;padding:3px!important;
    border-color:rgba(93,132,145,.12)!important;border-radius:13px!important;
    background:rgba(8,17,22,.76)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 7px 24px rgba(0,0,0,.08)!important;
  }
  body.cc-body .cc-nav-slider{
    position:absolute;z-index:-1;top:3px;left:3px;height:40px;width:0;
    border:1px solid rgba(181,255,76,.20);border-radius:10px;
    background:linear-gradient(180deg,rgba(186,255,76,.095),rgba(79,226,238,.028));
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 24px rgba(181,255,76,.045);
    opacity:0;transform:translate3d(0,0,0);
    transition:transform .34s cubic-bezier(.22,.72,.22,1),width .34s cubic-bezier(.22,.72,.22,1),opacity .18s ease;
    pointer-events:none;
  }
  body.cc-body .cc-nav-slider.is-visible{opacity:1}
  body.cc-body .cc-rail-nav>a,body.cc-body .cc-nav-more>summary{
    min-width:104px;min-height:40px!important;border-color:transparent!important;background:transparent!important;
    box-shadow:none!important;
    transition:color .18s ease,transform .18s cubic-bezier(.2,.7,.2,1),text-shadow .18s ease!important;
  }
  body.cc-body .cc-rail-nav>a:hover,body.cc-body .cc-nav-more>summary:hover{
    color:#eef6f7!important;background:transparent!important;transform:translateY(-1px)!important;
    text-shadow:0 0 14px rgba(86,222,237,.12);
  }
  body.cc-body .cc-rail-nav>a.is-active,
  body.cc-body .cc-nav-more:has(.cc-nav-flyout a.is-active)>summary,
  body.cc-body .cc-nav-more[open]>summary{
    color:#f4faf9!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  body.cc-body .cc-rail-nav>a.is-active .cc-nav-icon,
  body.cc-body .cc-nav-more:has(.cc-nav-flyout a.is-active)>summary .cc-nav-icon,
  body.cc-body .cc-nav-more[open]>summary .cc-nav-icon{
    color:#c9ff58!important;filter:drop-shadow(0 0 7px rgba(201,255,88,.17));
  }
  body.cc-body .cc-nav-more>summary::after{
    content:'';width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-1px);margin-left:1px;opacity:.65;
    transition:transform .22s ease,opacity .18s ease;
  }
  body.cc-body .cc-nav-more[open]>summary::after{transform:rotate(225deg) translate(-1px,-1px);opacity:1}
  body.cc-body .cc-nav-flyout{
    top:calc(100% + 12px)!important;left:50%!important;width:258px!important;padding:8px!important;
    border:1px solid rgba(82,135,149,.20)!important;border-radius:16px!important;
    background:radial-gradient(circle at 80% 0%,rgba(53,211,229,.055),transparent 38%),
      linear-gradient(180deg,rgba(8,19,25,.985),rgba(4,12,17,.992))!important;
    box-shadow:0 24px 64px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    opacity:0;visibility:hidden;transform:translate(-50%,-8px) scale(.975)!important;transform-origin:50% 0;
    transition:opacity .18s ease,transform .25s cubic-bezier(.2,.75,.2,1),visibility .18s ease!important;
  }
  body.cc-body .cc-nav-more[open] .cc-nav-flyout{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)!important}
  body.cc-body .cc-nav-flyout>a{
    opacity:0;transform:translateY(-4px);border:1px solid transparent!important;
    transition:opacity .18s ease,transform .22s cubic-bezier(.2,.7,.2,1),background .18s ease,border-color .18s ease,color .18s ease!important;
  }
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a{opacity:1;transform:translateY(0)}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(1){transition-delay:.025s}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(2){transition-delay:.045s}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(3){transition-delay:.065s}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(4){transition-delay:.085s}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(5){transition-delay:.105s}
  body.cc-body .cc-nav-more[open] .cc-nav-flyout>a:nth-of-type(6){transition-delay:.125s}
  body.cc-body .cc-nav-flyout>a:hover{
    border-color:rgba(83,219,233,.10)!important;
    background:linear-gradient(90deg,rgba(64,216,232,.055),rgba(191,255,74,.026))!important;
    transform:translateX(2px)!important;
  }
  body.cc-body .cc-nav-flyout>a.is-active{border-color:rgba(191,255,74,.12)!important;background:rgba(191,255,74,.05)!important}
  body.cc-body .cc-topbar{display:none!important}
  body.cc-body>main.cc-main,body.cc-body.ul2-signals-active>main.cc-main{margin-left:0!important;padding-top:18px!important}
  body.cc-body .ul2-rail{top:calc(var(--cc-global-nav-h) + 12px)!important}
}
@media (prefers-reduced-motion:reduce){
  body.cc-body .cc-nav-slider,body.cc-body .cc-rail-nav>a,body.cc-body .cc-nav-more>summary,
  body.cc-body .cc-nav-flyout,body.cc-body .cc-nav-flyout>a{
    transition:none!important;animation:none!important;
  }
}

/* WEB TOP NAV 3 - remove full-width header strip */
@media (min-width:1001px){
  body.cc-body .cc-sidebar.cc-rail{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none;
  }
  body.cc-body .cc-rail-brand,
  body.cc-body .cc-rail-nav,
  body.cc-body .cc-rail-footer{
    pointer-events:auto;
  }
  body.cc-body .cc-rail-brand .cc-brand-mark{
    background:rgba(5,14,18,.94)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 0 0 1px rgba(126,255,89,.08)!important;
  }
  body.cc-body .cc-rail-nav{
    background:rgba(7,16,21,.94)!important;
    border:1px solid rgba(87,128,142,.16)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.018)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  body.cc-body .cc-rail-footer{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border:1px solid rgba(87,128,142,.13)!important;
    border-radius:12px!important;
    background:rgba(7,16,21,.88)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  }
}

/* Operator RBAC + director operator profiles */
body.cc-body .cc-nav [data-cc-route].is-locked{
  opacity:.55;
  cursor:pointer;
}
body.cc-body .cc-nav [data-cc-route].is-locked:hover{
  opacity:.72;
  background:rgba(255,255,255,.025)!important;
}
body.cc-body .cc-nav-lock{
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  margin-left:auto;
  color:#80919a;
}
body.cc-body .cc-nav-lock svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.cc-body #cc-operator-access-panel input[type="text"]{
  width:100%;
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(124,163,179,.16);
  border-radius:10px;
  background:#081117;
  color:#edf4f5;
  outline:none;
}
body.cc-body #cc-operator-access-panel input[type="text"]:focus{
  border-color:rgba(182,255,0,.34);
  box-shadow:0 0 0 3px rgba(182,255,0,.045);
}
body.cc-body #cc-operator-access-panel input[type="checkbox"]{
  accent-color:#b6ff00;
}
body.cc-body .cc-operator-access-row{
  min-height:60px;
}
@media(max-width:780px){
  body.cc-body .cc-operator-access-row{
    grid-template-columns:1fr 1fr!important;
  }
  body.cc-body .cc-operator-access-row>div:last-child{
    grid-column:1/-1;
    justify-content:flex-start!important;
  }
}

/* WEB TOP NAV 4 - aligned logo/nav/status axis */
@media (min-width:1001px){
  body.cc-body .cc-sidebar.cc-rail{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 64px!important;
    align-items:center!important;
    column-gap:12px!important;
    padding:7px 18px!important;
  }

  body.cc-body .cc-rail-brand{
    position:static!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    margin:0!important;
    justify-self:start!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    transform:none!important;
  }

  body.cc-body .cc-rail-brand .cc-brand-mark{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    margin:0!important;
  }

  body.cc-body .cc-rail-nav{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
  }

  body.cc-body .cc-rail-footer{
    position:static!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
  }
}

/* WEB TOP NAV 5 - exact edge + vertical alignment */
@media (min-width:1001px){
  body.cc-body .cc-sidebar.cc-rail{
    padding:7px 32px!important;
    grid-template-columns:64px minmax(0,1fr) 64px!important;
  }

  body.cc-body .cc-rail-brand{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0!important;
    margin:0!important;
    align-self:center!important;
    justify-self:start!important;
    overflow:visible!important;
  }

  body.cc-body .cc-rail-brand .cc-brand-mark{
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    flex:0 0 42px!important;
    margin:0!important;
    transform:none!important;
  }

  body.cc-body .cc-rail-nav{
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
  }

  body.cc-body .cc-rail-footer{
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
  }
}