:root {
  --ink: #26364b;
  --ink2: #44546a;
  --muted: #64748b;
  --muted2: #8492a6;
  --line: rgba(20,32,51,.13);
  --line2: rgba(20,32,51,.075);
  --surface: #f8fbff;
  --surface2: #eef5fb;
  --surface3: #eaf2f9;
  --surface4: #e3eef9;
  --nav: rgba(238,246,253,.98);
  --nav2: #e4eff9;
  --blue: #5aa7ff;
  --blue2: #2388ff;
  --sky: #56c9ff;
  --teal: #26d6c5;
  --teal2: #5ce1d4;
  --green: #3dd79a;
  --amber: #f4b942;
  --red: #ff6b81;
  --blue-soft: rgba(48,139,255,.14);
  --teal-soft: rgba(38,214,197,.12);
  --green-soft: rgba(61,215,154,.12);
  --amber-soft: rgba(244,185,66,.12);
  --red-soft: rgba(255,107,129,.12);
  --shadow: 0 18px 50px rgba(0,0,0,.24);
  --shadow-lg: 0 28px 90px rgba(0,0,0,.38);
  --radius: 24px;
  --radius-sm: 16px;
  --header-height: 72px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--surface3);
  font-size:16px;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; background: var(--surface3); }
body { margin: 0; min-width: 320px; background: var(--surface3); color: var(--ink); overflow-x: hidden; }
button, input, select, textarea { font:inherit; color: inherit; }
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: not-allowed; opacity: .48; }
img, svg, canvas { max-width: 100%; }
::selection { background: rgba(0,113,227,.16); }

.main, .view, .card, .metric, .frontier-item, .source-card, .connector-card, .policy-card, .operation-card,
.arch-block, .passport, .kv, .trust-copy, .top-left, .top-actions, .activity > div, .field, .queue-main,
.queue-state, .queue-value, .proof-row > div, .renewal-detail { min-width: 0; }

/* V5.2 enterprise navigation shell */
.app-shell { min-height: 100vh; padding-top: var(--header-height); }
.global-nav {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 80;
  height: var(--header-height);
  color: var(--ink);
  background:
    radial-gradient(circle at 14% -120%, rgba(38,214,197,.20), transparent 42%),
    radial-gradient(circle at 72% -160%, rgba(61,126,255,.28), transparent 48%),
    linear-gradient(115deg, rgba(220,234,247,.98) 0%, rgba(220,234,247,.98) 48%, rgba(220,234,247,.98) 100%);
  border-bottom: 1px solid rgba(255,255,255,.085);
  box-shadow: 0 10px 34px rgba(0,0,0,.28);
  backdrop-filter: saturate(140%) blur(24px);
  -webkit-backdrop-filter: saturate(140%) blur(24px);
}
.global-nav-inner {
  width: min(1640px, 100%);
  height: 100%;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: auto minmax(360px,1fr) auto;
  gap: 30px;
  align-items: center;
}
.brand-button { appearance:none; border:0; background:transparent; color:inherit; cursor:pointer; }
.brand { display:flex; align-items:center; gap:11px; padding:0; text-align:left; }
.brand-mark {
  flex:0 0 38px; width:38px; height:38px; border-radius:12px;
  display:grid; grid-template-columns:repeat(3,4px); gap:4px; place-content:center;
  background: linear-gradient(145deg,#176dff 0%,#1e8fff 52%,#24c9c0 100%);
  box-shadow: 0 12px 30px rgba(22,119,255,.28), inset 0 1px 0 rgba(255,255,255,.18);
}
.brand-mark span { width:4px; height:16px; border-radius:99px; background:#c5cfda; }
.brand-mark span:nth-child(2){height:23px;}
.brand strong{display:block;font-size:17px;line-height:1.05;letter-spacing:-.035em;color:#c5cfda;}
.brand small{display:block;margin-top:4px;font-size:14px;color:#8f9bad;letter-spacing:.01em;}
.primary-nav { display:flex; align-items:center; justify-content:center; gap:6px; min-width:0; }
.primary-nav-item {
  appearance:none; border:1px solid transparent; background:transparent; color:#adb8c7;
  border-radius:999px; padding:9px 13px; display:flex; align-items:center; gap:7px;
  font-size:14px; font-weight:650; white-space:nowrap;
  transition:color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}
.primary-nav-item span{font-size:14px;color:#68768a;transform:translateY(-1px);transition:transform .16s ease;}
.primary-nav-item:hover,.primary-nav-item[aria-expanded="true"]{color:#c5cfda;background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.085);}
.primary-nav-item[aria-expanded="true"] .primary-nav-label{transform:translateY(-1px);}
.primary-nav-item[aria-expanded="true"] .primary-nav-caret{transform:rotate(180deg);}
.primary-nav-item.section-active{color:#b7cfdf;background:linear-gradient(180deg,rgba(55,143,255,.16),rgba(38,214,197,.08));border-color:rgba(84,168,255,.18);}
.global-nav-tools { display:flex; align-items:center; justify-content:flex-end; gap:9px; min-width:0; }
.workspace-pill,.trust-pill {
  min-width:0; height:42px; padding:0 12px; border:1px solid rgba(255,255,255,.09); border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045); display:flex; align-items:center;
}
.workspace-pill{display:block;padding-top:7px;min-width:150px;}
.workspace-pill span{display:block;color:#66758a;font-size:14px;font-weight:750;letter-spacing:.11em;text-transform:uppercase;}
.workspace-pill strong{display:block;margin-top:3px;color:#b5c1cf;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.trust-pill{gap:9px;}
.trust-pill strong{display:block;color:#b5c1cf;font-size:14px;white-space:nowrap;}
.trust-pill small{display:block;margin-top:2px;color:#66758a;font-size:14px;white-space:nowrap;}
.live-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#31d69b;box-shadow:0 0 0 5px rgba(49,214,155,.10),0 0 18px rgba(49,214,155,.24);}
.mobile-menu{display:none;width:40px;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);padding:9px;}
.mobile-menu span{display:block;height:1.5px;background:#aab7c6;border-radius:5px;margin:4px 0;}
.nav-dropdown {
  position:absolute; top:calc(var(--header-height) - 3px); left:50%; transform:translate(-50%,8px) scale(.985);
  width:min(1040px,calc(100vw - 40px)); max-height:min(72vh,620px); overflow:auto;
  opacity:0; visibility:hidden; pointer-events:none;
  display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,2fr); gap:24px;
  padding:22px; border:1px solid rgba(255,255,255,.10); border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(36,119,255,.13),transparent 34%),
    linear-gradient(155deg,rgba(220,234,247,.985),rgba(220,234,247,.99));
  box-shadow:0 34px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055);
  backdrop-filter:blur(30px); -webkit-backdrop-filter:blur(30px);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.nav-dropdown.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);}
.nav-dropdown-intro{padding:8px 10px 8px 5px;border-right:1px solid rgba(255,255,255,.075);}
.nav-dropdown-intro>span,.menu-group-label{display:block;color:#5aa7ff;font-size:14px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;}
.nav-dropdown-intro>strong{display:block;margin-top:10px;font-size:20px;line-height:1.08;letter-spacing:-.04em;color:#c5cfda;}
.nav-dropdown-intro p{margin:10px 0 0;color:#8290a3;font-size:14px;line-height:1.55;}
.nav-dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;}
.nav-dropdown-grid-5{grid-template-columns:repeat(3,minmax(0,1fr));}
.nav-item,.subnav-item {
  appearance:none; width:100%; min-width:0; border:1px solid transparent; color:#b4c0ce; text-align:left;
  background:rgba(255,255,255,.025); border-radius:16px; padding:12px;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.nav-item{display:flex;align-items:flex-start;gap:10px;}
.nav-item:hover,.subnav-item:hover{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.085);transform:translateY(-1px);}
.nav-item.active,.nav-item.featured{background:linear-gradient(145deg,rgba(46,131,255,.13),rgba(38,214,197,.055));border-color:rgba(80,157,255,.14);}
.nav-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.06);color:#80bfff;font-size:14px;font-weight:800;letter-spacing:.04em;}
.nav-item strong,.subnav-item strong{display:block;color:#bcc8d5;font-size:14px;line-height:1.3;}
.nav-item small,.subnav-item small{display:block;margin-top:4px;color:#748196;font-size:14px;line-height:1.38;}
.commercial-menu{grid-template-columns:minmax(220px,.66fr) minmax(0,2.2fr);}
.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.menu-group{min-width:0;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:rgba(255,255,255,.018);}
.menu-group-label{padding:4px 6px 8px;color:#6e7d91;}
.subnav-item{display:block;margin:2px 0;padding:10px;}
.nav-scrim{display:block;position:fixed;inset:var(--header-height) 0 0;border:0;background:rgba(220,234,247,.58);opacity:0;visibility:hidden;pointer-events:none;z-index:-1;backdrop-filter:blur(3px);transition:opacity .16s ease,visibility .16s ease;}
.nav-scrim.open{opacity:1;visibility:visible;pointer-events:auto;}

.main{min-width:0;}
.topbar {
  position:sticky; top:var(--header-height); z-index:30; min-height:92px;
  padding:18px max(28px,calc((100vw - 1640px)/2 + 38px));
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  background:linear-gradient(180deg,rgba(220,234,247,.96),rgba(220,234,247,.84));
  border-bottom:1px solid rgba(255,255,255,.065);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
}
.top-left{display:flex;gap:12px;align-items:flex-start;min-width:0;flex:1 1 auto;}
.eyebrow{font-size:14px;font-weight:750;letter-spacing:.13em;color:#5aa7ff;margin-bottom:5px;}
.topbar h1{margin:0;font-size:24px;line-height:1.06;letter-spacing:-.045em;font-weight:700;color:#c5cfda;}
.topbar p{margin:5px 0 0;font-size:14px;line-height:1.4;color:#7f8da0;max-width:760px;}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;}
.top-actions select,.select,.input,.textarea{
  color:#b6c3d1!important;border:1px solid rgba(255,255,255,.11)!important;background-color:#edf5fc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.top-actions select{appearance:none;min-width:132px;height:39px;border-radius:12px;padding:0 33px 0 11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='%238b9aae' d='m5.5 7.5 4.5 4.5 4.5-4.5 1.2 1.2L10 14.4 4.3 8.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;font-size:14px;font-weight:600;}
.user-chip{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:#edf5fc;}
.user-chip>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#1778ff,#24b8d4);color:#c5cfda;font-weight:750;font-size:14px;}
.user-chip strong{display:block;color:#b9c5d1;font-size:14px;white-space:nowrap;}.user-chip small{display:block;margin-top:2px;color:#718096;font-size:14px;}
.view{width:100%;max-width:1640px;margin:0 auto;padding:30px 38px 64px;}
.loading{padding:70px 24px;text-align:center;color:var(--muted);font-size:14px;}

/* Dark commercial system theme */
html,body{background:#eaf2f9!important;color:var(--ink);}
body{background:
  radial-gradient(circle at 12% -5%,rgba(23,86,161,.17),transparent 27%),
  radial-gradient(circle at 86% 8%,rgba(20,116,105,.10),transparent 25%),
  linear-gradient(180deg,#eaf2f9 0%,#eaf2f9 36%,#eaf2f9 100%)!important;
  background-attachment:fixed!important;
}
.hero,.commercial-hero,.assurance-hero{
  color:var(--ink)!important;border-color:rgba(255,255,255,.09)!important;
  background:radial-gradient(circle at 88% 4%,rgba(38,143,255,.16),transparent 32%),radial-gradient(circle at 10% 100%,rgba(38,214,197,.08),transparent 30%),linear-gradient(155deg,#edf5fc 0%,#edf5fc 100%)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.hero h2,.commercial-hero h2,.assurance-hero h2{color:#c5cfda!important;}
.hero p,.commercial-hero p,.assurance-hero p,.card-sub,.metric-foot{color:#8794a7!important;}
.card,.metric,.passport,.commercial-context-bar,.stage-rail,.commercial-editor,.proof-row,.assurance-item,.capacity-row,.obligation-row,.graph-node,.fed-node,.kv,.operation-card,.connector-card,.policy-card,.frontier-item,.source-card,.arch-block{
  color:var(--ink)!important;border-color:rgba(255,255,255,.085)!important;
  background:linear-gradient(155deg,rgba(220,234,247,.96),rgba(220,234,247,.96))!important;
  box-shadow:0 16px 48px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.card-title,.metric-value,.frontier-state,.passport-id,.arch-block h4,.activity strong,.timeline-item strong{color:#c1ccd8!important;}
.metric-label,.section-label,.hero-kicker{color:#73b7ff!important;}
.metric:after{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 12%,transparent),0 0 20px color-mix(in srgb,var(--accent) 26%,transparent)!important;}
.table-wrap{border-color:rgba(255,255,255,.08)!important;background:#edf5fc!important;}
.table th{background:#edf5fc!important;color:#7e8b9f!important;border-color:rgba(255,255,255,.07)!important;}
.table td{color:#cbd4e0!important;border-color:rgba(255,255,255,.06)!important;}
.table tbody tr:hover{background:rgba(255,255,255,.025)!important;}
.button{background:linear-gradient(180deg,#2489ff,#116fe2)!important;box-shadow:0 10px 28px rgba(28,116,230,.18)!important;}
.button.secondary,.button.ghost{background:rgba(255,255,255,.07)!important;color:#b7c3cf!important;border:1px solid rgba(255,255,255,.08)!important;}
.button.teal{background:linear-gradient(180deg,#25cdbd,#179a91)!important;}
.button.danger{background:linear-gradient(180deg,#ff667d,#c83f58)!important;}
.text-button{color:#78baff!important;}
.select:focus,.input:focus,.textarea:focus{border-color:rgba(90,167,255,.72)!important;box-shadow:0 0 0 4px rgba(61,139,255,.11)!important;}
.input::placeholder,.textarea::placeholder{color:#59677b;}
.trace-item,.editor-card,.scope-row,.token-card,.commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span,.lineage>div,.assurance-layer-card,.assurance-kpi-pair>div,.sector-pack-card,.sector-matter-row,.sector-control,.mini-state{
  color:#cbd4e0!important;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important;
}
.graph-canvas,.federation-map,.assurance-map{border-color:rgba(255,255,255,.075)!important;background:radial-gradient(circle at 50% 45%,rgba(46,129,255,.09),transparent 35%),#edf5fc!important;}
.graph-canvas{background-image:radial-gradient(circle,rgba(122,145,177,.16) 1px,transparent 1px)!important;background-size:24px 24px!important;background-color:#edf5fc!important;}
.trust-ring:before{background:#edf5fc!important;}
.timeline-item:before{background:#edf5fc!important;}
.empty{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.018)!important;color:#758397!important;}
.notice{border-color:rgba(255,255,255,.09)!important;background:rgba(42,112,200,.09)!important;color:#b9c8da!important;}
.notice.success{background:rgba(61,215,154,.08)!important;color:#a8e9cb!important;}.notice.warning{background:rgba(244,185,66,.08)!important;color:#efcf88!important;}.notice.danger{background:rgba(255,107,129,.08)!important;color:#ffb0bd!important;}
.status{border:1px solid rgba(255,255,255,.06);}
.status.VALID,.status.VERIFIED,.status.ACTIVE,.status.ACCEPTABLE,.status.ACCEPTED,.status.AWARDED,.status.EXECUTED,.status.RENEWED,.status.AVAILABLE,.status.EVIDENCE_READY,.status.COMPLETE{background:rgba(61,215,154,.11)!important;color:#65e2ac!important;}
.status.PENDING,.status.WAITING,.status.REVIEW,.status.REVIEW_REQUIRED,.status.CLARIFICATION,.status.MONITORING,.status.NOT_DUE,.status.HOLD{background:rgba(90,167,255,.10)!important;color:#84bdff!important;}
.status.STALLED,.status.OVERDUE,.status.DECISION_OVERDUE,.status.CONFLICT,.status.BLOCKED,.status.INVALIDATED,.status.REVOKED,.status.EXPIRED{background:rgba(255,107,129,.11)!important;color:#ff8fa1!important;}
.commercial-tabs{top:calc(var(--header-height) + 104px)!important;background:rgba(220,234,247,.92)!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 10px 34px rgba(0,0,0,.22)!important;}
.commercial-tab{color:#8492a5!important;}.commercial-tab.active{background:linear-gradient(180deg,rgba(63,138,255,.16),rgba(255,255,255,.045))!important;color:#b9c7d5!important;box-shadow:inset 0 0 0 1px rgba(91,166,255,.14)!important;}
.commercial-hero-proof{background:rgba(220,234,247,.54)!important;border-color:rgba(255,255,255,.08)!important;}
.next-action{background:linear-gradient(145deg,rgba(28,102,190,.14),rgba(220,234,247,.80))!important;border-color:rgba(71,154,255,.16)!important;}
.renewal-callout{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.075)!important;}
.sector-control.ok{background:linear-gradient(180deg,rgba(61,215,154,.06),rgba(255,255,255,.02))!important;}.sector-control.blocked{background:linear-gradient(180deg,rgba(244,185,66,.06),rgba(255,255,255,.02))!important;}
.capacity-track{background:#e7f0fa!important;}.capacity-track span{background:linear-gradient(90deg,#257fff,#26d6c5)!important;}
.toast{background:rgba(220,234,247,.96)!important;border:1px solid rgba(255,255,255,.10)!important;color:#c5cfda!important;}
::selection{background:rgba(70,154,255,.28);}

@media (max-width:1180px){
  .global-nav-inner{grid-template-columns:auto 1fr auto;gap:16px;padding:0 18px;}.workspace-pill{display:none;}.trust-pill{display:none;}.primary-nav{justify-content:flex-end;}
  .nav-dropdown{width:min(960px,calc(100vw - 28px));}.view{padding-left:24px;padding-right:24px;}.topbar{padding-left:24px;padding-right:24px;}
}
@media (max-width:820px){
  :root{--header-height:64px;}
  .global-nav-inner{grid-template-columns:auto 1fr auto;padding:0 14px;}.primary-nav{display:none;position:fixed;top:64px;left:12px;right:12px;padding:10px;flex-direction:column;align-items:stretch;background:#edf5fc;border:1px solid rgba(255,255,255,.09);border-radius:18px;box-shadow:var(--shadow-lg);z-index:82;}
  .global-nav.mobile-open .primary-nav{display:flex;}.primary-nav-item{justify-content:space-between;width:100%;padding:11px 12px;border-radius:12px;}.mobile-menu{display:block;}.trust-pill,.workspace-pill{display:none;}.global-nav-tools{justify-self:end;}
  .nav-dropdown{position:fixed;top:118px;left:12px;right:12px;width:auto;transform:translateY(8px) scale(.985);grid-template-columns:1fr;max-height:calc(100vh - 136px);border-radius:20px;padding:16px;}.nav-dropdown.open{transform:none;}.nav-dropdown-intro{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:4px 4px 14px;}.nav-dropdown-grid,.nav-dropdown-grid-5,.menu-groups{grid-template-columns:1fr 1fr;}.commercial-menu{grid-template-columns:1fr;}.nav-scrim{inset:64px 0 0;}
  .topbar{top:64px;min-height:0;padding:14px 16px;align-items:flex-start;}.topbar p{display:none;}.top-actions{flex-wrap:wrap;}.view{padding:22px 14px 48px;}.commercial-tabs{top:132px!important;}
}
@media (max-width:560px){
  .brand small{display:none;}.brand strong{font-size:15px;}.brand-mark{width:34px;height:34px;flex-basis:34px;border-radius:10px;}.nav-dropdown-grid,.nav-dropdown-grid-5,.menu-groups{grid-template-columns:1fr;}.topbar{flex-direction:column;gap:10px;}.top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;}.top-actions select{min-width:0;width:100%;}.user-chip{display:none;}.topbar h1{font-size:20px;}.commercial-tabs{position:static!important;}.hero,.commercial-hero,.assurance-hero{border-radius:20px!important;}
}

/* Apple-inspired feature hero */
.hero {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.065);
  border-radius: 28px;
  padding: 42px 44px 34px;
  color: var(--ink);
  background: radial-gradient(circle at 92% 8%, rgba(41,151,255,.12), transparent 30%), linear-gradient(180deg, #c5cfda 0%, #edf5fc 100%);
  box-shadow: var(--shadow);
  margin-bottom: 20px;
}
.hero-kicker { position: relative; z-index: 1; font-size:14px; font-weight: 700; letter-spacing: .13em; color: var(--blue); text-transform: uppercase; }
.hero h2 { position: relative; z-index: 1; font-size: clamp(34px, 3vw, 50px); line-height: 1.02; max-width: 980px; letter-spacing: -.055em; margin: 11px 0 16px; font-weight: 720; }
.hero p { position: relative; z-index: 1; font-size:15px; line-height: 1.62; color: var(--muted); max-width: 900px; margin: 0; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 23px; position: relative; z-index: 2; }
.hero-stat-strip { display: grid; grid-template-columns: repeat(4, minmax(100px, 1fr)); gap: 0; margin-top: 32px; padding-top: 22px; position: relative; z-index: 2; border-top: 1px solid var(--line2); }
.hero-stat { padding-right: 22px; }
.hero-stat + .hero-stat { padding-left: 22px; border-left: 1px solid var(--line2); }
.hero-stat strong { display: block; font-size:26px; line-height: 1.05; font-weight: 700; letter-spacing: -.04em; overflow-wrap: anywhere; }
.hero-stat small { display: block; color: var(--muted2); font-size:14px; line-height: 1.3; margin-top: 5px; text-transform: uppercase; letter-spacing: .055em; }

/* Controls */
.button {
  appearance: none;
  max-width: 100%;
  border: 0;
  border-radius: 999px;
  background: var(--blue);
  color: #c5cfda;
  font-weight: 650;
  font-size:14px;
  line-height: 1.25;
  padding: 10px 16px;
  box-shadow: none;
  white-space: normal;
  transition: transform .14s ease, background .14s ease, opacity .14s ease;
}
.button:hover { background: #0068d4; }
.button:active { transform: scale(.985); }
.button.secondary { background: #e7f0fa; color: var(--ink); border: 0; }
.button.secondary:hover { background: #e2edf8; }
.button.teal { background: var(--teal); }
.button.danger { background: var(--red); }
.button.ghost { background: #e7f0fa; color: var(--ink); border: 0; }
.button.small { font-size:14px; padding: 8px 13px; }
.text-button { appearance: none; border: 0; background: transparent; padding: 6px 2px; color: var(--blue); font-size:14px; font-weight: 650; }
.text-button:hover { text-decoration: underline; }

/* Metrics, cards and layout */
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 14px; margin: 18px 0; }
.metric {
  --accent: var(--blue);
  position: relative;
  background: var(--surface);
  border: 1px solid rgba(0,0,0,.065);
  border-radius: 22px;
  padding: 20px 21px 19px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.metric:after { content: ""; position: absolute; right: 18px; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 10%, transparent); }
.metric-label { max-width: calc(100% - 30px); font-size:14px; line-height: 1.3; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); font-weight: 650; overflow-wrap: anywhere; }
.metric-value { font-size: clamp(30px, 2.3vw, 38px); line-height: 1; font-weight: 700; letter-spacing: -.05em; margin-top: 13px; overflow-wrap: anywhere; }
.metric-foot { font-size:14px; color: var(--muted); margin-top: 9px; line-height: 1.5; overflow-wrap: anywhere; }
.metric.blue { --accent: var(--blue); }
.metric.teal { --accent: var(--teal); }
.metric.green { --accent: var(--green); }
.metric.amber { --accent: #e69a17; }
.metric.red { --accent: var(--red); }

.grid-2 { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(330px, .9fr); gap: 16px; align-items: stretch; }
.grid-2.equal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.card {
  background: var(--surface);
  border: 1px solid rgba(0,0,0,.065);
  border-radius: 24px;
  padding: 23px 24px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.card + .card { margin-top: 0; }
.card-head { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 19px; }
.card-head > div:first-child { flex: 1 1 260px; min-width: 0; }
.card-title { font-size:18px; line-height: 1.18; font-weight: 680; letter-spacing: -.025em; margin: 0; overflow-wrap: anywhere; }
.card-sub { font-size:14px; color: var(--muted); margin-top: 6px; line-height: 1.55; overflow-wrap: anywhere; }
.section-label { font-size:14px; letter-spacing: .095em; line-height: 1.25; font-weight: 700; color: var(--blue); text-transform: uppercase; margin-bottom: 5px; }
.inline-actions, .proof-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* Forms */
.select, .input, .textarea {
  appearance: none;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #c5cfda;
  padding: 11px 12px;
  font-size:14px;
  line-height: 1.35;
  width: 100%;
  outline: none;
  transition: border-color .14s ease, box-shadow .14s ease;
}
.select:focus, .input:focus, .textarea:focus { border-color: rgba(0,113,227,.62); box-shadow: 0 0 0 4px rgba(0,113,227,.09); }
.select { padding-right: 32px; background: #c5cfda url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 20 20'%3E%3Cpath fill='%236e6e73' d='m5.5 7.5 4.5 4.5 4.5-4.5 1.2 1.2L10 14.4 4.3 8.7z'/%3E%3C/svg%3E") no-repeat right 11px center; }
.textarea { min-height: 92px; resize: vertical; }
.field label { display: block; font-size:14px; font-weight: 650; color: var(--ink2); margin-bottom: 7px; }
.field small { display: block; font-size:14px; color: var(--muted); margin-top: 6px; line-height: 1.45; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-full { grid-column: 1 / -1; }

/* Tables and statuses */
.table-wrap { width: 100%; max-width: 100%; overflow: auto; border: 1px solid var(--line2); border-radius: 17px; background: #c5cfda; -webkit-overflow-scrolling: touch; }
.table { width: 100%; border-collapse: separate; border-spacing: 0; min-width: 740px; }
.table th { background: #edf5fc; color: var(--muted); text-align: left; font-size:14px; line-height: 1.35; text-transform: uppercase; letter-spacing: .055em; padding: 12px 14px; border-bottom: 1px solid var(--line2); white-space: nowrap; font-weight: 700; }
.table td { padding: 14px; border-bottom: 1px solid var(--line2); font-size:14px; line-height: 1.45; vertical-align: top; overflow-wrap: anywhere; }
.table tr:last-child td { border-bottom: 0; }
.table tbody tr:hover { background: #edf5fc; }
.table strong { font-size:14px; }
.table small { display: block; color: var(--muted); font-size:14px; margin-top: 4px; line-height: 1.4; }
.mono { font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; font-size:14px; word-break: break-all; color: #626267; }
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  max-width: 100%;
  gap: 6px;
  border-radius: 999px;
  padding: 6px 9px;
  font-size:14px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .01em;
  white-space: nowrap;
  text-transform: none;
}
.status:before { content: ""; flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status.VERIFIED, .status.VALID, .status.ACTIVE, .status.ONLINE, .status.CONNECTED,
.status.ACCEPTABLE, .status.ACCEPTED, .status.FULL_ACCEPTANCE, .status.RENEW, .status.PRESERVE, .status.EVIDENCE_READY, .status.AWARDED { background: var(--green-soft); color: var(--green); }
.status.CONFLICT, .status.CONSTRAINED, .status.PENDING, .status.DEGRADED, .status.AVAILABLE,
.status.REVALIDATION_REQUIRED, .status.OVERDUE, .status.STALLED, .status.DORMANT, .status.RENEW_WITH_CHANGES,
.status.RENEGOTIATE, .status.REVALIDATE, .status.CONDITIONAL, .status.REVIEW, .status.MONITORING,
.status.RENEWAL_ANALYSIS_REQUIRED, .status.REVIEW_REQUIRED, .status.RECONCILIATION_REQUIRED { background: var(--amber-soft); color: #8b5b00; }
.status.REVOKED, .status.STALE, .status.BLOCKED, .status.EXPIRED, .status.REPLAY_BLOCKED,
.status.OUTSIDE_ENVELOPE, .status.DECISION_OVERDUE, .status.EXIT { background: var(--red-soft); color: var(--red); }
.status.UNVERIFIABLE, .status.CONSUMED, .status.UNKNOWN, .status.NO_OFFER, .status.NOT_DUE,
.status.OBSERVABILITY_GAP, .status.HOLD { background: #e7f0fa; color: #66666b; }
.status.RESTRICTED, .status.PRICE_NEGOTIATION, .status.PRICE_ACCEPTED, .status.CONTRACT_BASELINE_ISSUED,
.status.CONTRACT_NEGOTIATION, .status.CONTRACT_AGREED, .status.EXECUTED, .status.RENEWAL_ANALYSIS,
.status.RENEWAL_NEGOTIATION, .status.RENEWED, .status.WAITING, .status.ADD, .status.COMPETE,
.status.EVALUATION, .status.CLARIFICATION, .status.REGULATED_NEGOTIATION, .status.INTENT_TO_AWARD, .status.STANDSTILL,
.status.CONTRACT_EXECUTION, .status.DELIVERY, .status.MODIFICATION, .status.CHANGE_CONTROL, .status.PAYMENT_CERTIFICATION { background: var(--blue-soft); color: #0067c8; }

/* State, sources and progress */
.frontier-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.frontier-item, .source-card, .connector-card, .policy-card, .operation-card, .arch-block {
  border: 1px solid var(--line2);
  border-radius: 18px;
  padding: 16px 17px;
  background: #c5cfda;
  overflow: hidden;
  transition: border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.frontier-item:hover, .source-card:hover, .connector-card:hover, .policy-card:hover, .operation-card:hover, .arch-block:hover { border-color: #d5d5db; box-shadow: 0 8px 26px rgba(0,0,0,.04); }
.frontier-top { display: flex; justify-content: space-between; gap: 9px 12px; align-items: flex-start; flex-wrap: wrap; }
.frontier-top h4, .source-card h4, .connector-card h4, .policy-card h4, .operation-card h4 { flex: 1 1 115px; min-width: 0; font-size:14px; line-height: 1.35; margin: 0; overflow-wrap: anywhere; }
.frontier-state { font-size:20px; line-height: 1.16; font-weight: 680; letter-spacing: -.03em; margin: 13px 0 10px; overflow-wrap: anywhere; }
.score-track { height: 6px; border-radius: 99px; background: #e7f0fa; overflow: hidden; }
.score-track span { display: block; height: 100%; border-radius: 99px; background: var(--blue); }
.frontier-foot { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 5px 10px; font-size:14px; line-height: 1.35; color: var(--muted); margin-top: 9px; }
.frontier-foot span { overflow-wrap: anywhere; }
.source-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
.source-card p, .connector-card p, .policy-card p, .operation-card p { font-size:14px; color: var(--muted); line-height: 1.5; margin: 6px 0 0; overflow-wrap: anywhere; }
.source-value { font-size: clamp(24px, 2vw, 29px); line-height: 1; font-weight: 690; margin: 16px 0 6px; letter-spacing: -.04em; overflow-wrap: anywhere; }
.source-meta { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px 10px; font-size:14px; line-height: 1.35; color: var(--muted); margin-top: 9px; }
.trust-wrap { display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 26px; align-items: center; }
.trust-ring { --pct: 80; width: 144px; height: 144px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--blue) calc(var(--pct) * 1%), #e7f0fa 0); position: relative; }
.trust-ring:before { content: ""; position: absolute; inset: 11px; background: #c5cfda; border-radius: 50%; }
.trust-ring strong { position: relative; z-index: 1; font-size:31px; font-weight: 690; letter-spacing: -.045em; }
.trust-ring span { position: absolute; z-index: 1; margin-top: 48px; color: var(--muted2); font-size:14px; text-align: center; letter-spacing: .05em; }
.trust-copy h3 { font-size:17px; line-height: 1.25; margin: 0 0 8px; font-weight: 670; letter-spacing: -.02em; }
.trust-copy p { font-size:14px; color: var(--muted); line-height: 1.62; margin: 0; overflow-wrap: anywhere; }
.progress-list { display: grid; gap: 12px; margin-top: 19px; }
.progress-row { display: grid; grid-template-columns: minmax(105px, 140px) minmax(90px, 1fr) 42px; gap: 11px; align-items: center; font-size:14px; }
.progress-row > span { overflow-wrap: anywhere; }
.progress-track { height: 6px; background: #e7f0fa; border-radius: 99px; overflow: hidden; }
.progress-track span { display: block; height: 100%; background: var(--blue); }
.progress-row b { text-align: right; font-size:14px; }

/* Evidence graph */
.graph-canvas { min-height: 440px; background: radial-gradient(circle, #d9d9df 1px, transparent 1px); background-size: 24px 24px; border: 1px solid var(--line2); border-radius: 20px; padding: 24px; overflow: auto; }
.graph-lane { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.graph-lane-label { flex: 0 0 115px; width: 115px; font-size:14px; color: var(--muted); text-transform: uppercase; letter-spacing: .04em; font-weight: 700; overflow-wrap: anywhere; }
.graph-node { min-width: 160px; max-width: min(260px, 100%); padding: 14px; border: 1px solid var(--line2); background: #c5cfda; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.045); }
.graph-node strong { display: block; font-size:14px; line-height: 1.35; overflow-wrap: anywhere; }
.graph-node small { display: block; color: var(--muted); font-size:14px; line-height: 1.4; margin-top: 5px; overflow-wrap: anywhere; }
.graph-arrow { font-size:17px; color: #a8a8ad; }
.trace { display: grid; gap: 8px; }
.trace-item { padding: 11px 12px; border: 1px solid var(--line2); border-radius: 13px; background: #edf5fc; font-size:14px; line-height: 1.5; color: #5f5f64; overflow-wrap: anywhere; }

/* Passports, notices and terminal */
.passport { border: 1px solid #27445f; background: radial-gradient(circle at 100% 0, rgba(0,113,227,.07), transparent 28%), #c5cfda; border-radius: 22px; padding: 22px; box-shadow: var(--shadow); }
.passport-head { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 14px; }
.passport-brand { display: flex; gap: 12px; align-items: center; min-width: 0; }
.passport-seal { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 13px; background: var(--blue); color: #c5cfda; display: grid; place-items: center; font-size:14px; font-weight: 750; }
.passport-id { font-size:16px; line-height: 1.25; font-weight: 680; letter-spacing: -.02em; overflow-wrap: anywhere; }
.passport-sub { font-size:14px; color: var(--muted); margin-top: 4px; overflow-wrap: anywhere; }
.passport-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 10px; margin-top: 17px; }
.kv { border: 1px solid var(--line2); border-radius: 15px; padding: 13px; background: #c5cfda; overflow: hidden; }
.kv span { display: block; font-size:14px; color: var(--muted2); font-weight: 700; text-transform: uppercase; letter-spacing: .055em; margin-bottom: 7px; overflow-wrap: anywhere; }
.kv b { display: block; font-size:14px; line-height: 1.4; overflow-wrap: anywhere; }
.kv.wide { grid-column: span 2; }
.proof-box { margin-top: 13px; padding: 14px; border-radius: 15px; background: #e7f0fa; border: 1px solid #2a4a67; overflow: hidden; }
.proof-box strong { display: block; font-size:14px; margin-bottom: 6px; }
.proof-box code { display: block; font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; font-size:14px; line-height: 1.5; color: #52677c; word-break: break-all; }
.notice { padding: 14px 15px; border: 1px solid #2b4864; border-radius: 15px; background: #e7f0fa; color: #3c6383; font-size:14px; line-height: 1.6; overflow-wrap: anywhere; }
.notice.success { background: var(--green-soft); border-color: #285143; color: #286c50; }
.notice.warning { background: var(--amber-soft); border-color: #604c25; color: #7d5a11; }
.notice.danger { background: var(--red-soft); border-color: #f0d5da; color: #9a3b4b; }
.terminal { background: #eaf2f9; border: 1px solid #252528; color: #aeb9c7; border-radius: 20px; padding: 19px; font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; font-size:14px; line-height: 1.75; min-height: 255px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.terminal .good { color: #7bdcb1; }
.terminal .blue { color: #73b7ff; }
.terminal .warn { color: #f4cd74; }
.terminal .bad { color: #ff8a9c; }
.terminal .muted { color: #8e8e93; }

/* Activity, federation and architecture */
.activity-list { display: grid; }
.activity { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line2); align-items: start; }
.activity:last-child { border-bottom: 0; }
.activity-icon { width: 36px; height: 36px; border-radius: 11px; background: var(--blue-soft); color: var(--blue); display: grid; place-items: center; font-size:14px; font-weight: 750; }
.activity strong { font-size:14px; line-height: 1.35; overflow-wrap: anywhere; }
.activity p { font-size:14px; line-height: 1.45; color: var(--muted); margin: 4px 0 0; overflow-wrap: anywhere; }
.activity time { font-size:14px; color: var(--muted2); white-space: nowrap; }
.federation-map { position: relative; min-height: 320px; border: 1px solid var(--line2); border-radius: 21px; background: radial-gradient(circle at 50% 50%, rgba(0,113,227,.07), transparent 34%), #edf5fc; overflow: hidden; }
.fed-core { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 106px; height: 106px; border-radius: 50%; display: grid; place-items: center; text-align: center; color: #c5cfda; background: var(--blue); box-shadow: 0 18px 36px rgba(0,113,227,.20); font-size:14px; font-weight: 700; }
.fed-node { position: absolute; width: 130px; border: 1px solid var(--line2); border-radius: 15px; padding: 11px; background: #c5cfda; box-shadow: var(--shadow); font-size:14px; line-height: 1.4; overflow-wrap: anywhere; }
.fed-node b { display: block; font-size:14px; margin-bottom: 3px; }
.fed-node.n1 { left: 6%; top: 14%; }
.fed-node.n2 { right: 6%; top: 16%; }
.fed-node.n3 { left: 8%; bottom: 12%; }
.fed-node.n4 { right: 8%; bottom: 13%; }
.arch-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 13px; }
.arch-num { width: 29px; height: 29px; border-radius: 9px; background: var(--blue-soft); color: var(--blue); display: grid; place-items: center; font-size:14px; font-weight: 750; }
.arch-block h4 { font-size:14px; line-height: 1.35; margin: 11px 0 6px; overflow-wrap: anywhere; }
.arch-block p { font-size:14px; color: var(--muted); line-height: 1.55; margin: 0; overflow-wrap: anywhere; }
.timeline { position: relative; padding-left: 24px; }
.timeline:before { content: ""; position: absolute; left: 6px; top: 5px; bottom: 5px; width: 1px; background: var(--line); }
.timeline-item { position: relative; padding: 0 0 19px 13px; }
.timeline-item:before { content: ""; position: absolute; left: -21px; top: 4px; width: 8px; height: 8px; border-radius: 50%; background: #c5cfda; border: 2px solid var(--blue); }
.timeline-item strong { font-size:14px; line-height: 1.35; }
.timeline-item p { font-size:14px; color: var(--muted); line-height: 1.45; margin: 4px 0 0; }
.empty { padding: 42px 24px; text-align: center; border: 1px dashed #d6d6dc; border-radius: 17px; color: var(--muted); background: #edf5fc; font-size:14px; line-height: 1.5; }
.toast-root { position: fixed; right: 24px; bottom: 24px; z-index: 100; display: grid; gap: 8px; }
.toast { width: min(380px, calc(100vw - 40px)); background: rgba(220,234,247,.94); color: #c5cfda; border-radius: 16px; padding: 14px 15px; box-shadow: var(--shadow-lg); font-size:14px; backdrop-filter: blur(18px); }
.toast strong { display: block; margin-bottom: 4px; }
.toast span { color: #d2d2d7; line-height: 1.45; }
.muted { color: var(--muted); }
.small { font-size:14px; }
.right { text-align: right; }

/* Commercial lifecycle */
.commercial-shell { display: grid; gap: 0; }
.commercial-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 290px);
  gap: 32px;
  align-items: end;
  padding: 38px 40px 31px;
  margin-bottom: 15px;
  border: 1px solid rgba(0,0,0,.065);
  border-radius: 28px;
  background: radial-gradient(circle at 92% 5%, rgba(41,151,255,.14), transparent 30%), linear-gradient(160deg, #c5cfda 0%, #edf5fc 100%);
  box-shadow: var(--shadow);
}
.commercial-hero > * { position: relative; z-index: 1; }
.commercial-hero h2 { max-width: 920px; margin: 9px 0 12px; font-size: clamp(31px, 3vw, 45px); line-height: 1.04; letter-spacing: -.055em; font-weight: 710; }
.commercial-hero p { max-width: 860px; margin: 0; color: var(--muted); font-size:14px; line-height: 1.62; }
.commercial-hero-proof { min-width: 0; padding: 15px 16px; border: 1px solid rgba(0,0,0,.07); border-radius: 17px; background: rgba(220,234,247,.92); backdrop-filter: blur(10px); }
.commercial-hero-proof span, .next-action-label, .renewal-callout span, .obligation-card span, .guardrail span,
.transition-strip span, .lineage > span, .dependency-card > span { display: block; color: var(--muted2); font-size:14px; font-weight: 700; letter-spacing: .09em; line-height: 1.3; text-transform: uppercase; }
.commercial-hero-proof strong { display: block; margin-top: 8px; font:650 14px/1.45 "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; overflow-wrap: anywhere; }
.commercial-hero-proof small { display: block; margin-top: 6px; color: var(--muted); font-size:14px; line-height: 1.4; overflow-wrap: anywhere; }

.commercial-tabs {
  position: sticky;
  top: calc(var(--header-height, 132px) + 12px);
  z-index: 12;
  display: inline-flex;
  justify-self: start;
  max-width: 100%;
  gap: 3px;
  padding: 4px;
  margin: 0 0 17px;
  border: 1px solid rgba(0,0,0,.07);
  border-radius: 999px;
  background: rgba(246,246,248,.92);
  backdrop-filter: blur(18px);
  box-shadow: 0 6px 22px rgba(0,0,0,.035);
  overflow-x: auto;
}
.commercial-tab {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--muted);
  border-radius: 999px;
  padding: 9px 14px;
  font-size:14px;
  font-weight: 620;
  white-space: nowrap;
  transition: background .14s ease, color .14s ease, box-shadow .14s ease;
}
.commercial-tab:hover { color: var(--ink); }
.commercial-tab.active { background: #c5cfda; color: var(--ink); box-shadow: 0 1px 4px rgba(0,0,0,.10); }
.commercial-grid { margin-top: 16px; }
.commercial-metrics { margin-top: 0; margin-bottom: 0; }
.priority-badge { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 10px; background: var(--blue-soft); color: var(--blue); font-size:14px; font-weight: 700; white-space: nowrap; }

/* Queue: keep every field visually separated, never concatenated */
.commercial-queue, .renewal-grid { display: grid; gap: 9px; }
.queue-row, .renewal-row {
  appearance: none;
  width: 100%;
  display: grid;
  grid-template-columns: 38px minmax(180px, 1.28fr) minmax(170px, 1fr) minmax(112px, .62fr);
  gap: 13px;
  align-items: center;
  border: 1px solid var(--line2);
  border-radius: 17px;
  background: #c5cfda;
  padding: 13px 14px;
  text-align: left;
  color: var(--ink);
  transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.queue-row:hover, .renewal-row:hover { border-color: #38506a; background: #e7f0fa; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(0,0,0,.045); }
.queue-row:focus-visible, .renewal-row:focus-visible { outline: 3px solid rgba(0,113,227,.18); outline-offset: 2px; }
.queue-rank, .renewal-score { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #e7f0fa; color: var(--blue); font-size:14px; font-weight: 700; }
.queue-main, .queue-state, .queue-value, .renewal-row > span { min-width: 0; display: block; }
.queue-main strong, .queue-value strong, .renewal-days strong { display: block; font-size:14px; line-height: 1.32; overflow-wrap: anywhere; }
.queue-main small, .queue-state small, .queue-value small, .renewal-row small { display: block; margin-top: 5px; color: var(--muted); font-size:14px; line-height: 1.42; overflow-wrap: anywhere; }
.queue-state .status, .renewal-row .status { margin-bottom: 1px; }
.queue-value { text-align: right; }
.queue-value strong { font-size:14px; letter-spacing: -.02em; }

.next-action { position: relative; padding: 19px 20px; border: 1px solid #2e4c6b; border-radius: 19px; background: linear-gradient(145deg,#e7f0fa,#edf5fc); }
.next-action > strong { display: block; padding-right: 92px; margin-top: 8px; font-size:19px; line-height: 1.22; font-weight: 680; letter-spacing: -.025em; overflow-wrap: anywhere; }
.next-action-score { position: absolute; right: 18px; top: 18px; text-align: right; }
.next-action-score b { display: block; font-size:27px; line-height: 1; color: var(--blue); font-weight: 700; letter-spacing: -.05em; }
.next-action-score span { display: block; margin-top: 3px; color: var(--muted2); font-size:14px; }
.next-action-score.compact { position: static; }
.reason-list { display: grid; gap: 0; margin: 14px 0 17px; }
.reason-list > div { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 7px; padding: 10px 0; border-bottom: 1px solid var(--line2); }
.reason-list > div:last-child { border-bottom: 0; }
.reason-list span { color: var(--blue); font-weight: 700; }
.reason-list p { margin: 0; color: #59595e; font-size:14px; line-height: 1.5; }
.renewal-callout { display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-top: 18px; padding: 14px 15px; border: 1px solid var(--line2); border-radius: 17px; background: #edf5fc; }
.renewal-callout strong { display: block; margin-top: 5px; font-size:14px; }
.renewal-callout small { display: block; margin-top: 3px; color: var(--muted); font-size:14px; line-height: 1.4; }

.commercial-context-bar { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 15px; align-items: center; margin-bottom: 13px; padding: 12px 15px; border: 1px solid var(--line2); border-radius: 17px; background: #c5cfda; box-shadow: var(--shadow); }
.commercial-context-bar > div span { display: block; color: var(--muted2); font:14px/1.35 "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace; }
.commercial-context-bar > div strong { display: block; margin-top: 3px; font-size:14px; line-height: 1.25; }
.stage-rail { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 7px; margin-bottom: 15px; padding: 7px; border: 1px solid var(--line2); border-radius: 18px; background: #c5cfda; box-shadow: var(--shadow); }
.stage-step { position: relative; min-width: 0; display: flex; gap: 8px; align-items: center; padding: 11px 12px; color: var(--muted); border-radius: 12px; }
.stage-step span { flex: 0 0 auto; color: #aaaab0; font-size:14px; }
.stage-step strong { min-width: 0; font-size:14px; line-height: 1.35; font-weight: 620; overflow-wrap: anywhere; }
.stage-step.complete { color: var(--green); background: #e7f0fa; }
.stage-step.complete span { color: var(--green); }
.stage-step.active { color: #0068d0; background: var(--blue-soft); }
.stage-step.active span { color: var(--blue); }
.transition-strip { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; padding: 13px 15px; border: 1px solid #2b5145; border-radius: 17px; background: var(--green-soft); }
.transition-strip strong { display: block; margin-top: 4px; font-size:14px; }

.commercial-number-grid, .liveness-panel, .contract-summary-strip, .renewal-decision-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; margin-bottom: 14px; }
.commercial-number-grid > div, .liveness-panel > div, .contract-summary-strip > div, .renewal-decision-grid > div { min-width: 0; border: 1px solid var(--line2); border-radius: 15px; padding: 12px 13px; background: #edf5fc; }
.commercial-number-grid span, .liveness-panel span, .contract-summary-strip span, .renewal-decision-grid span { display: block; color: var(--muted2); font-size:14px; font-weight: 700; line-height: 1.3; text-transform: uppercase; letter-spacing: .035em; }
.commercial-number-grid strong, .liveness-panel strong, .contract-summary-strip strong, .renewal-decision-grid strong { display: block; margin-top: 7px; font-size:14px; line-height: 1.32; font-weight: 650; overflow-wrap: anywhere; }
.commercial-number-grid small, .renewal-decision-grid small { display: block; margin-top: 4px; color: var(--muted); font-size:14px; line-height: 1.35; }
.proof-actions { margin-top: 14px; }
.commercial-explanation { margin: 13px 0; color: #59595e; font-size:14px; line-height: 1.6; }
.obligation-card { padding: 13px 14px; border: 1px solid #584825; border-radius: 15px; background: var(--amber-soft); }
.obligation-card strong { display: block; margin-top: 5px; font-size:14px; }
.obligation-card small { display: block; margin-top: 4px; color: #7f611d; font-size:14px; }
.guardrail { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 12px; align-items: start; margin-top: 13px; padding: 12px 13px; border: 1px solid #2a465f; border-radius: 15px; background: #e7f0fa; }
.guardrail p { margin: 0; color: #59595e; font-size:14px; line-height: 1.5; }
.commercial-contract-card { margin-top: 16px !important; }
.contract-score { text-align: right; }
.contract-score strong { display: block; font-size:27px; line-height: 1; color: var(--teal); font-weight: 700; letter-spacing: -.05em; }
.contract-score span { display: block; margin-top: 4px; color: var(--muted2); font-size:14px; text-transform: uppercase; }
.contract-summary-strip { grid-template-columns: repeat(4,minmax(0,1fr)); }
.commercial-table { min-width: 790px; }
.commercial-table .status { white-space: nowrap; }
.contract-proof-row { justify-content: flex-end; }
.compact-empty { padding: 24px 18px; }
.action-chip-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.action-chip-list > span { display: flex; justify-content: space-between; gap: 10px; align-items: center; min-width: 0; padding: 10px 11px; border: 1px solid var(--line2); border-radius: 13px; background: #edf5fc; }
.action-chip-list b { min-width: 0; font-size:14px; line-height: 1.35; overflow-wrap: anywhere; }
.action-chip-list small { flex: 0 0 auto; font-weight: 700; color: var(--blue); }
.dependency-card { padding: 17px; border: 1px solid #59313b; border-radius: 17px; background: var(--red-soft); }
.dependency-card strong { display: block; margin-top: 7px; font-size:18px; line-height: 1.28; font-weight: 660; overflow-wrap: anywhere; }
.dependency-card small { display: block; margin-top: 6px; color: #87515c; font-size:14px; line-height: 1.5; }
.commercial-editor { margin-top: 16px; border: 1px solid rgba(0,0,0,.065); border-radius: 20px; background: #c5cfda; box-shadow: var(--shadow); overflow: hidden; }
.commercial-editor summary { display: flex; justify-content: space-between; gap: 16px; padding: 17px 19px; cursor: pointer; list-style: none; }
.commercial-editor summary::-webkit-details-marker { display: none; }
.commercial-editor summary:after { content: "+"; color: var(--muted2); font-size:19px; line-height: 1; }
.commercial-editor[open] summary:after { content: "–"; }
.commercial-editor summary span { font-size:14px; font-weight: 650; }
.commercial-editor summary small { color: var(--muted); font-size:14px; margin-left: auto; }
.editor-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; padding: 0 18px 18px; }
.editor-card { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--line2); border-radius: 16px; background: #edf5fc; }

.renewal-row { grid-template-columns: 38px minmax(160px,1fr) minmax(150px,.8fr) 90px; }
.renewal-days { text-align: right; }
.renewal-decision-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.renewal-scope { display: grid; gap: 8px; margin-top: 16px; }
.scope-row { display: grid; grid-template-columns: 105px minmax(0,1fr); gap: 10px; align-items: start; padding: 10px 11px; border: 1px solid var(--line2); border-radius: 14px; background: #edf5fc; }
.scope-row strong { display: block; font-size:14px; line-height: 1.35; }
.scope-row small { display: block; margin-top: 3px; color: var(--muted); font-size:14px; line-height: 1.45; }
.lineage { display: grid; grid-template-columns: 110px repeat(auto-fit,minmax(120px,1fr)); gap: 8px; align-items: stretch; margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--line2); }
.lineage > span { align-self: center; }
.lineage > div { padding: 10px; border-radius: 13px; background: #edf5fc; }
.lineage b { display: block; font-size:14px; }
.lineage small { display: block; margin-top: 3px; color: var(--muted); font-size:14px; line-height: 1.35; }
.proof-list, .token-stack { display: grid; gap: 8px; }
.proof-row { display: grid; grid-template-columns: minmax(160px,1fr) 130px auto; gap: 12px; align-items: center; padding: 12px 13px; border: 1px solid var(--line2); border-radius: 15px; background: #c5cfda; }
.proof-row > div:first-child > span { display: block; color: var(--blue); font-size:14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.proof-row > div:first-child > strong { display: block; margin: 4px 0; font-size:14px; }
.proof-row > div:nth-child(2) small { display: block; margin-top: 4px; color: var(--muted); font-size:14px; }
.token-card { padding: 14px; border: 1px solid var(--line2); border-radius: 16px; background: #edf5fc; }
.token-card small { display: block; margin-top: 3px; color: var(--muted); font-size:14px; }
.token-card p { color: var(--muted); font-size:14px; }

/* Responsive content layout */
@media (max-width:1500px){
  .frontier-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
  .source-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
}
@media (max-width:1240px){
  .grid-2,.grid-2.equal{grid-template-columns:1fr;}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .top-actions{flex-wrap:wrap;}
  .commercial-hero{grid-template-columns:1fr;}
  .commercial-hero-proof{max-width:500px;}
  .editor-grid{grid-template-columns:1fr;}
  .queue-row,.renewal-row{grid-template-columns:38px minmax(180px,1fr) minmax(160px,.9fr);}
  .queue-value,.renewal-days{grid-column:2/-1;text-align:left;padding-left:0;}
}
@media (max-width:820px){
  .hero{padding:34px 28px 28px;}.hero h2{font-size:36px;}.hero-stat-strip{grid-template-columns:repeat(2,minmax(120px,1fr));row-gap:18px;}.hero-stat:nth-child(3){padding-left:0;border-left:0;}.hero-stat:nth-child(n+3){padding-top:15px;border-top:1px solid var(--line2);}
  .trust-wrap{grid-template-columns:145px minmax(0,1fr);}.fed-node{position:static;width:auto;margin:10px;}.federation-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:end;padding:145px 10px 10px;gap:0;}.fed-core{top:72px;}
}
@media (max-width:700px){
  body{font-size:15px;}.metric-grid,.source-grid,.frontier-grid,.passport-grid,.arch-grid,.form-grid,.grid-3{grid-template-columns:1fr;}.card{padding:19px 17px;border-radius:20px;}.hero{padding:28px 21px 24px;border-radius:21px;}.hero h2{font-size:31px;}.hero p{font-size:14px;}.hero-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));}.hero-stat{padding:0 12px 14px 0;}.hero-stat+.hero-stat{padding-left:12px;}.hero-stat:nth-child(n+3){padding-top:14px;}.kv.wide{grid-column:auto;}.trust-wrap{grid-template-columns:1fr;justify-items:center;text-align:center;}.progress-row{grid-template-columns:minmax(90px,120px) minmax(70px,1fr) 42px;}.activity{grid-template-columns:38px minmax(0,1fr);}.activity time{grid-column:2;}.graph-lane-label{flex-basis:100%;width:100%;}.federation-map{grid-template-columns:1fr;padding-top:145px;}
  .commercial-hero{padding:28px 21px 24px;gap:19px;border-radius:21px;}.commercial-hero h2{font-size:30px;}.commercial-hero p{font-size:14px;}.commercial-tabs{position:static!important;width:100%;justify-self:stretch;}.commercial-tab{flex:1 0 auto;}.queue-row,.renewal-row{grid-template-columns:36px minmax(0,1fr);gap:8px 10px;padding:13px;}.queue-state,.queue-value,.renewal-row>span:nth-child(3),.renewal-days{grid-column:2;text-align:left;}.queue-state{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}.queue-state small{margin-top:0;flex:1 1 150px;}.commercial-context-bar{grid-template-columns:1fr auto;}.commercial-context-bar .text-button{grid-column:1/-1;justify-self:start;}.stage-rail{grid-template-columns:1fr;gap:4px;}.transition-strip{align-items:stretch;flex-direction:column;}.commercial-number-grid,.liveness-panel,.contract-summary-strip,.renewal-decision-grid{grid-template-columns:1fr 1fr;}.guardrail{grid-template-columns:1fr;gap:5px;}.action-chip-list{grid-template-columns:1fr;}.scope-row{grid-template-columns:1fr;}.lineage{grid-template-columns:1fr 1fr;}.lineage>span{grid-column:1/-1;}.proof-row{grid-template-columns:1fr;}.proof-row .inline-actions{justify-content:flex-start;}
}
@media (max-width:430px){
  .hero-stat-strip{grid-template-columns:1fr 1fr;}.hero-actions .button,.inline-actions .button{width:100%;}.card-head .button{width:100%;}.progress-row{grid-template-columns:1fr 42px;}.progress-row>span{grid-column:1/-1;}.trust-ring{width:136px;height:136px;}.toast-root{right:12px;bottom:12px;}.toast{width:calc(100vw - 24px);}.commercial-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px;overflow:visible;}.commercial-tab{width:100%;padding:9px 7px;}.commercial-number-grid,.liveness-panel,.contract-summary-strip,.renewal-decision-grid{grid-template-columns:1fr;}.next-action>strong{padding-right:0;}.next-action-score{position:static;text-align:left;margin-top:12px;}.renewal-callout{align-items:stretch;flex-direction:column;}.lineage{grid-template-columns:1fr;}.commercial-table{min-width:0;display:block;}.commercial-table thead{display:none;}.commercial-table tbody{display:grid;gap:9px;padding:9px;}.commercial-table tr{display:block;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:#edf5fc!important;}.commercial-table td{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:start;padding:9px 10px;border-bottom:1px solid var(--line2);font-size:14px;}.commercial-table td:last-child{border-bottom:0;}.commercial-table td::before{content:attr(data-label);color:var(--muted2);font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}.commercial-editor summary{display:grid;grid-template-columns:1fr auto;}.commercial-editor summary small{grid-column:1/-1;margin-left:0;margin-top:4px;}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important;}}

/* V4.2 cross-sector commercial packs */
.sector-pack-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.sector-pack-card {
  min-width: 0;
  padding: 17px 18px;
  border: 1px solid var(--line2);
  border-radius: 20px;
  background: rgba(220,234,247,.96);
  box-shadow: var(--shadow);
}
.sector-pack-card span {
  display: block;
  color: var(--ink);
  font-size:14px;
  font-weight: 700;
  letter-spacing: -.015em;
}
.sector-pack-card p {
  margin: 8px 0 12px;
  color: var(--muted);
  font-size:14px;
  line-height: 1.55;
}
.sector-pack-card small {
  display: block;
  color: var(--muted2);
  font:14px/1.5 "SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;
  overflow-wrap: anywhere;
}
.sector-metrics { margin-bottom: 0; }
.sector-main-grid { align-items: start; }
.sector-matter-list { display: grid; gap: 9px; }
.sector-matter-row {
  display: grid;
  grid-template-columns: 32px minmax(0,1.55fr) minmax(150px,.95fr) minmax(112px,.72fr);
  gap: 12px;
  align-items: center;
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--line2);
  border-radius: 16px;
  background: #c5cfda;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  transition: transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.sector-matter-row:hover { transform: translateY(-1px); border-color: rgba(0,113,227,.18); box-shadow: 0 7px 24px rgba(15,23,42,.06); }
.sector-detail { min-width: 0; }
.sector-control-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
  margin: 15px 0;
}
.sector-control {
  min-width: 0;
  padding: 12px 13px;
  border: 1px solid var(--line2);
  border-radius: 15px;
  background: #edf5fc;
}
.sector-control.ok { background: linear-gradient(180deg,#c5cfda 0%,rgba(240,253,248,.7) 100%); }
.sector-control.blocked { background: linear-gradient(180deg,#c5cfda 0%,rgba(255,248,235,.75) 100%); }
.sector-control span {
  display: block;
  color: var(--muted2);
  font-size:14px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.sector-control strong {
  display: block;
  margin-top: 7px;
  font-size:14px;
  line-height: 1.28;
  overflow-wrap: anywhere;
}
.sector-control small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size:14px;
  line-height: 1.42;
}
.sector-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 13px 0; }
.sector-subpanel {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--line2);
  border-radius: 17px;
  background: #c5cfda;
}
.sector-subpanel h4 { margin: 7px 0 7px; font-size:14px; line-height: 1.3; }
.sector-subpanel p { margin: 0; color: var(--muted); font-size:14px; line-height: 1.55; }
.mini-checks { display: grid; gap: 6px; margin-top: 11px; }
.mini-checks span { color: #52525a; font-size:14px; line-height: 1.4; }
.sector-blockers { display: grid; gap: 7px; margin: 13px 0; }
.sector-blockers > .section-label { margin-bottom: 2px; }
.sector-blockers > div:not(.section-label) {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  gap: 9px;
  align-items: start;
  padding: 10px 11px;
  border: 1px solid rgba(217,119,6,.15);
  border-radius: 13px;
  background: rgba(255,248,235,.64);
}
.sector-blockers > div > span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(217,119,6,.1); color: #a15c00; font-weight: 800; }
.sector-blockers p { margin: 0; color: #5d5960; font-size:14px; line-height: 1.45; }
.sector-blockers p strong { display: block; margin-bottom: 2px; color: var(--ink); font-size:14px; }
.public-policy-note {
  margin-top: 13px;
  padding: 13px 14px;
  border-radius: 15px;
  background: #edf5fc;
}
.public-policy-note strong { font-size:14px; }
.public-policy-note p { margin: 5px 0 0; color: var(--muted); font-size:14px; line-height: 1.48; }
.sector-stack { margin-top: 15px; }
.sector-stack > .section-label { margin-bottom: 8px; }
.sector-record {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 11px 12px;
  border-top: 1px solid var(--line2);
}
.sector-record:first-of-type { border-top: 0; }
.sector-record > div { min-width: 0; }
.sector-record strong { display: block; font-size:14px; line-height: 1.35; }
.sector-record small { display: block; margin-top: 3px; color: var(--muted); font-size:14px; line-height: 1.4; }

@media (max-width: 1180px) {
  .sector-pack-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sector-control-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sector-matter-row { grid-template-columns: 30px minmax(0,1.45fr) minmax(130px,.9fr); }
  .sector-matter-row .queue-value { grid-column: 2 / -1; justify-self: start; text-align: left; }
}
@media (max-width: 720px) {
  .sector-pack-grid, .sector-two-col { grid-template-columns: 1fr; }
  .sector-matter-row { grid-template-columns: 28px minmax(0,1fr); align-items: start; }
  .sector-matter-row .queue-state, .sector-matter-row .queue-value { grid-column: 2; justify-self: start; text-align: left; }
  .sector-control-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 430px) {
  .sector-control-grid { grid-template-columns: 1fr; }
  .sector-pack-card { padding: 15px; border-radius: 17px; }
  .sector-record { grid-template-columns: 1fr; }
}

/* V5 continuous decision assurance */
.assurance-hero {
  display: grid;
  grid-template-columns: minmax(0,1.55fr) minmax(240px,.72fr);
  gap: 28px;
  align-items: end;
  padding: 38px 40px;
  margin-bottom: 16px;
  border: 1px solid var(--line2);
  border-radius: 28px;
  background: radial-gradient(circle at 88% 18%, rgba(0,113,227,.075), transparent 30%), linear-gradient(180deg,#c5cfda 0%,#edf5fc 100%);
  box-shadow: var(--shadow);
  overflow: hidden;
}
.assurance-hero h2 { max-width: 900px; margin: 8px 0 12px; font-size: clamp(31px,3.7vw,54px); line-height: .99; letter-spacing: -.052em; font-weight: 710; }
.assurance-hero p { max-width: 820px; margin: 0; color: var(--muted); font-size:14px; line-height: 1.62; }
.assurance-loop-badge { min-width: 0; padding: 17px 18px; border: 1px solid #2e4c6b; border-radius: 19px; background: rgba(220,234,247,.92); }
.assurance-loop-badge span { display: block; color: var(--blue); font-size:14px; font-weight: 800; letter-spacing: .11em; }
.assurance-loop-badge strong { display: block; margin-top: 8px; font-size:18px; line-height: 1.18; letter-spacing: -.025em; }
.assurance-loop-badge small { display: block; margin-top: 7px; color: var(--muted); font-size:14px; line-height: 1.45; }
.assurance-metrics { margin-bottom: 16px; }
.assurance-grid { align-items: start; margin-top: 16px; }
.assurance-map { margin-top: 0; }
.assurance-layer-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.assurance-layer-card { min-width: 0; padding: 17px; border: 1px solid var(--line2); border-radius: 18px; background: linear-gradient(180deg,#c5cfda 0%,#edf5fc 100%); }
.assurance-layer-card > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 9px; margin-bottom: 16px; background: #e7f0fa; color: #0068d0; font-size:14px; font-weight: 800; }
.assurance-layer-card strong { display: block; font-size:14px; line-height: 1.28; letter-spacing: -.015em; }
.assurance-layer-card p { margin: 7px 0 0; color: var(--muted); font-size:14px; line-height: 1.52; }
.assurance-stack { display: grid; gap: 9px; }
.assurance-item, .capacity-row, .obligation-row { min-width: 0; padding: 14px; border: 1px solid var(--line2); border-radius: 16px; background: #c5cfda; }
.assurance-item > div:first-child > span { display: block; color: var(--muted2); font-size:14px; font-weight: 750; letter-spacing: .05em; text-transform: uppercase; }
.assurance-item > div:first-child > strong { display: block; margin-top: 5px; font-size:14px; }
.assurance-item > div:first-child > small { display: block; margin-top: 4px; color: var(--muted); font-size:14px; }
.mini-state-list { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 11px; }
.mini-state { padding: 5px 7px; border-radius: 8px; background: #e7f0fa; color: #66666b; font:14px/1.25 "SFMono-Regular",ui-monospace,Menlo,Consolas,monospace; }
.mini-state.REPLAN_REQUIRED, .mini-state.INVALIDATED { background: var(--amber-soft); color: #8d5b00; }
.capacity-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px 16px; align-items: center; }
.capacity-row strong { display: block; font-size:14px; line-height: 1.35; }
.capacity-row small { display: block; margin-top: 4px; color: var(--muted); font-size:14px; }
.capacity-values { text-align: right; }
.capacity-values b { display: block; font-size:14px; }
.capacity-values span { color: var(--muted2); font-size:14px; }
.capacity-track { grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: 99px; background: #e7f0fa; }
.capacity-track span { display: block; height: 100%; border-radius: inherit; background: var(--blue); }
.obligation-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 12px; align-items: center; }
.obligation-row > div:first-child strong { display: block; font-size:14px; }
.obligation-row > div:first-child small { display: block; margin-top: 4px; color: var(--muted); font-size:14px; }
.obligation-row > div:last-child { text-align: right; }
.obligation-row > div:last-child b { display: block; font-size:14px; }
.obligation-row > div:last-child small { display: block; color: var(--muted2); font-size:14px; }
.assurance-kpi-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 12px; }
.assurance-kpi-pair > div { padding: 17px; border: 1px solid var(--line2); border-radius: 16px; background: #edf5fc; }
.assurance-kpi-pair span { display: block; color: var(--muted); font-size:14px; line-height: 1.35; }
.assurance-kpi-pair strong { display: block; margin-top: 9px; font-size:25px; line-height: 1; letter-spacing: -.04em; }

@media (max-width: 1100px) {
  .assurance-hero { grid-template-columns: 1fr; align-items: start; }
  .assurance-loop-badge { max-width: 420px; }
  .assurance-layer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .assurance-hero { padding: 29px 22px 24px; border-radius: 23px; gap: 18px; }
  .assurance-hero h2 { font-size:34px; }
  .assurance-layer-grid { grid-template-columns: 1fr; }
  .obligation-row { grid-template-columns: minmax(0,1fr) auto; }
  .obligation-row > div:last-child { grid-column: 1 / -1; text-align: left; }
}
@media (max-width: 430px) {
  .assurance-hero h2 { font-size:30px; }
  .assurance-kpi-pair { grid-template-columns: 1fr; }
  .capacity-row { grid-template-columns: 1fr; }
  .capacity-values { text-align: left; }
}

/* V5.2 final dark-surface overrides — kept last intentionally */
.sector-pack-card,.sector-matter-row,.sector-subpanel,.sector-control,.public-policy-note,.assurance-loop-badge,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,.assurance-kpi-pair>div{
  color:var(--ink)!important;border-color:rgba(255,255,255,.08)!important;background:linear-gradient(155deg,rgba(220,234,247,.96),rgba(220,234,247,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.sector-pack-card span,.sector-control strong,.sector-subpanel h4,.sector-record strong,.assurance-layer-card strong,.assurance-loop-badge strong,.assurance-item strong,.capacity-row strong,.obligation-row strong,.assurance-kpi-pair strong{color:#c0cad5!important;}
.sector-pack-card p,.sector-subpanel p,.public-policy-note p,.assurance-layer-card p,.assurance-loop-badge small{color:#8391a4!important;}
.sector-matter-row:hover{border-color:rgba(90,167,255,.24)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;}
.sector-control.ok{background:linear-gradient(155deg,rgba(32,110,87,.17),rgba(220,234,247,.96))!important;}.sector-control.blocked{background:linear-gradient(155deg,rgba(128,89,24,.17),rgba(220,234,247,.96))!important;}
.sector-blockers>div:not(.section-label){border-color:rgba(244,185,66,.16)!important;background:rgba(244,185,66,.055)!important;}.sector-blockers p{color:#aeb9c7!important;}.sector-blockers p strong{color:#c4ced9!important;}.sector-blockers>div>span{background:rgba(244,185,66,.12)!important;color:#f4c76a!important;}
.mini-checks span{color:#aeb9c7!important;}.public-policy-note{background:rgba(255,255,255,.025)!important;}.assurance-loop-badge{background:linear-gradient(155deg,rgba(40,118,219,.13),rgba(220,234,247,.96))!important;}.assurance-layer-card>span{background:rgba(90,167,255,.12)!important;color:#79b9ff!important;}.mini-state{background:rgba(255,255,255,.055)!important;color:#98a6b8!important;}.mini-state.REPLAN_REQUIRED,.mini-state.INVALIDATED{background:rgba(244,185,66,.10)!important;color:#f1c96e!important;}


/* V5.3 spacing, overlay and dark-surface refinements */
:root{
  --content-gap: 24px;
  --block-gap: 18px;
}
body.nav-menu-open{overflow-x:hidden;}
.view > * + *{margin-top:var(--content-gap)!important;}
.metric-grid,.grid-2,.grid-2.equal,.grid-3,.frontier-grid,.source-grid,.passport-grid,.arch-grid,.proof-list,.token-stack,.assurance-stack,.assurance-layer-grid,.commercial-number-grid,.liveness-panel,.contract-summary-strip,.renewal-decision-grid,.action-chip-list,.reason-list,.menu-groups,.nav-dropdown-grid,.nav-dropdown-grid-5,.form-grid{gap:var(--block-gap)!important;}
.hero,.commercial-hero,.assurance-hero{padding:42px 44px 38px!important;margin-bottom:0!important;}
.metric,.card{padding:26px 28px!important;border-radius:26px!important;}
.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,.passport,.kv,.trace-item,.editor-card,.scope-row,.token-card,.commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span,.lineage>div,.assurance-layer-card,.assurance-kpi-pair>div,.sector-pack-card,.sector-matter-row,.sector-control,.mini-state,.commercial-hero-proof,.next-action,.renewal-callout,.queue-row,.renewal-row,.assurance-loop-badge,.assurance-item,.capacity-row,.obligation-row,.proof-row,.commercial-editor,.stage-rail,.commercial-context-bar,.sector-subpanel,.public-policy-note{
  border-radius:20px!important;
}
.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,.queue-row,.renewal-row,.assurance-item,.capacity-row,.obligation-row,.proof-row{padding:18px 20px!important;}
.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,.assurance-item{display:flex;flex-direction:column;gap:10px;}
.frontier-state,.source-value,.passport-id{margin:0!important;}
.frontier-foot{margin-top:2px!important;padding-top:2px;}
.score-track,.capacity-track{background:rgba(255,255,255,.08)!important;}
.progress-list{gap:16px!important;margin-top:22px!important;}
.progress-track{background:rgba(255,255,255,.08)!important;}
.queue-row,.renewal-row{
  gap:14px 18px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(155deg,rgba(220,234,247,.98),rgba(220,234,247,.97))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.queue-row:hover,.renewal-row:hover{
  border-color:rgba(90,167,255,.24)!important;
  background:linear-gradient(155deg,rgba(220,234,247,.99),rgba(220,234,247,.98))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.queue-rank,.renewal-score{background:rgba(255,255,255,.055)!important;color:#84bdff!important;}
.queue-main small,.queue-state small,.queue-value small,.renewal-row small,.reason-list p,.source-card p,.connector-card p,.policy-card p,.operation-card p,.assurance-layer-card p,.assurance-loop-badge small,.commercial-hero-proof small,.commercial-hero p,.assurance-hero p,.hero p,.topbar p{color:#95a3b7!important;}
.next-action,.renewal-callout,.commercial-hero-proof,.assurance-loop-badge,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,.assurance-kpi-pair>div,.reason-list>div,.sector-pack-card,.sector-matter-row,.sector-subpanel,.sector-control,.public-policy-note,.commercial-table tr{
  color:var(--ink)!important;
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(155deg,rgba(220,234,247,.97),rgba(220,234,247,.98))!important;
  box-shadow:0 14px 40px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.next-action{padding:24px 24px 22px!important;}
.next-action>strong{margin-top:12px!important;}
.next-action-score b{color:#7ebdff!important;}
.reason-list{gap:10px!important;margin:16px 0 18px!important;}
.reason-list>div{padding:12px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;}
.table-wrap,.table th,.table td,.commercial-table tr,.commercial-table td{background:transparent!important;}
.table-wrap{background:#edf5fc!important;}
.table th{background:#edf5fc!important;color:#8291a5!important;}
.table td,.commercial-table td{color:#d3dbe6!important;border-color:rgba(255,255,255,.07)!important;}
.table small,.commercial-table td::before,.mono{color:#93a1b4!important;}
.status{margin-bottom:0!important;}
.frontier-top,.card-head,.proof-row,.obligation-row,.capacity-row{align-items:flex-start!important;}
.assurance-stack,.proof-list,.token-stack{gap:14px!important;}
.assurance-kpi-pair{gap:14px!important;margin-bottom:14px!important;}
.nav-dropdown{
  position:fixed!important;
  top:calc(var(--header-height) + 16px)!important;
  left:50%;
  right:auto;
  width:min(980px,calc(100vw - 56px))!important;
  border-radius:28px!important;
  padding:24px!important;
  z-index:82!important;
}
.nav-dropdown.open{transform:translateY(0) scale(1)!important;}
.nav-dropdown-intro{padding:10px 12px 10px 2px!important;}
.nav-dropdown-grid,.nav-dropdown-grid-5,.menu-groups{gap:14px!important;}
.menu-group{padding:10px!important;border-radius:20px!important;background:rgba(255,255,255,.022)!important;}
.nav-scrim{
  inset:0!important;
  z-index:81!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.global-nav .brand,.global-nav .primary-nav,.global-nav .global-nav-tools{transition:filter .18s ease,opacity .18s ease;}
.global-nav.menu-open .global-nav-inner > .brand,
.global-nav.menu-open .global-nav-inner > .primary-nav,
.global-nav.menu-open .global-nav-inner > .global-nav-tools{
  filter:blur(8px);
  opacity:.16;
  pointer-events:none;
}
.global-nav.menu-open .nav-dropdown.open{pointer-events:auto;}
.topbar{z-index:20!important;}
@media (max-width:1180px){
  .view{padding:28px 28px 60px!important;}
}
@media (max-width:820px){
  .view > * + *{margin-top:20px!important;}
  .metric,.card{padding:22px 20px!important;border-radius:22px!important;}
  .hero,.commercial-hero,.assurance-hero{padding:30px 24px 28px!important;}
  .nav-dropdown{top:118px!important;left:12px!important;right:12px!important;width:auto!important;padding:18px!important;}
  .menu-groups,.nav-dropdown-grid,.nav-dropdown-grid-5{gap:10px!important;}
}
@media (max-width:560px){
  .view{padding:22px 14px 46px!important;}
  .metric,.card,.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,.queue-row,.renewal-row,.assurance-item,.capacity-row,.obligation-row,.proof-row{padding:18px 16px!important;}
  .hero,.commercial-hero,.assurance-hero{padding:26px 20px 24px!important;}
}


/* V5.4 navigation focus correction: preserve the navbar; isolate only the menu side bands */
.global-nav{z-index:90!important;}
.global-nav.menu-open .global-nav-inner > .brand,
.global-nav.menu-open .global-nav-inner > .primary-nav,
.global-nav.menu-open .global-nav-inner > .global-nav-tools{
  filter:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.nav-dropdown{
  position:fixed!important;
  top:calc(var(--header-height) + 16px)!important;
  left:50%!important;
  right:auto!important;
  width:min(980px,calc(100vw - 72px))!important;
  transform:translate(-50%,10px) scale(.99)!important;
  z-index:93!important;
}
.nav-dropdown.open{
  transform:translate(-50%,0) scale(1)!important;
}
.nav-scrim{
  display:block!important;
  position:fixed!important;
  inset:var(--header-height) 0 0!important;
  z-index:92!important;
  border:0!important;
  background:transparent!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:opacity .16s ease,visibility .16s ease!important;
}
.nav-scrim::before,.nav-scrim::after{
  content:"";
  position:fixed;
  top:var(--menu-top,var(--header-height));
  bottom:var(--menu-bottom,0px);
  pointer-events:none;
  background:rgba(220,234,247,.42);
  backdrop-filter:blur(14px) saturate(82%);
  -webkit-backdrop-filter:blur(14px) saturate(82%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.nav-scrim::before{left:0;width:var(--menu-left,0px);}
.nav-scrim::after{right:0;width:var(--menu-right,0px);}
.nav-scrim.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
@media (max-width:820px){
  .nav-dropdown{
    top:118px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    transform:translateY(8px) scale(.985)!important;
  }
  .nav-dropdown.open{transform:none!important;}
  .nav-scrim{inset:64px 0 0!important;}
  .nav-scrim::before,.nav-scrim::after{display:none!important;}
  .nav-scrim.open{background:rgba(210,226,241,.18)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;}
}


/* V5.5 readable enterprise typography + low-glare dark palette */
:root{
  --text-hero:#c4cfdb;
  --text-primary:#bcc8d5;
  --text-strong:#c8d2dd;
  --text-body:#aebaca;
  --text-muted:#8f9db0;
  --text-faint:#738297;
  --text-blue:#78b7f6;
  --text-teal:#62cfc4;
  --surface-highlight:rgba(255,255,255,.035);
  font-size:17px;
  --ink:var(--text-primary);
  --ink2:#c6d0dc;
  --muted:var(--text-body);
  --muted2:var(--text-muted);
}
body{color:var(--text-primary)!important;}
/* No glare-white typography on the dark application canvas */
.brand strong,
.primary-nav-item:hover,.primary-nav-item[aria-expanded="true"],
.nav-dropdown-intro>strong,
.topbar h1,
.hero h2,.commercial-hero h2,.assurance-hero h2,
.card-title,.metric-value,.frontier-state,.passport-id,
.arch-block h4,.activity strong,.timeline-item strong,
.nav-item strong,.subnav-item strong,
.sector-pack-card span,.sector-control strong,.sector-subpanel h4,.sector-record strong,
.assurance-layer-card strong,.assurance-loop-badge strong,.assurance-item strong,
.capacity-row strong,.obligation-row strong,.assurance-kpi-pair strong,
.table strong,.queue-main strong,.queue-value strong,.renewal-days strong,
.next-action>strong,.renewal-callout strong,.trust-copy h3,
.field label,.proof-row strong,.token-card strong{
  color:var(--text-strong)!important;
  text-shadow:none!important;
}
.hero h2,.commercial-hero h2,.assurance-hero h2{color:var(--text-hero)!important;}
.brand-mark span{background:#bac8d6!important;box-shadow:none!important;}
.user-chip>span,.button{color:#c1ccd7!important;text-shadow:none!important;}
.toast{color:var(--text-primary)!important;}
/* Readable text scale: increase small UI text without bloating feature headlines */
.brand strong{font-size:18px!important;}
.brand small{font-size:14px!important;color:var(--text-muted)!important;}
.primary-nav-item{font-size:14px!important;}
.primary-nav-item span{font-size:14px!important;}
.workspace-pill span{font-size:14px!important;color:var(--text-faint)!important;}
.workspace-pill strong{font-size:14px!important;color:#cbd5e1!important;}
.trust-pill strong{font-size:14px!important;color:#cbd5e1!important;}
.trust-pill small{font-size:14px!important;color:var(--text-faint)!important;}
.nav-dropdown-intro>span,.menu-group-label{font-size:14px!important;}
.nav-dropdown-intro>strong{font-size:22px!important;}
.nav-dropdown-intro p{font-size:14px!important;color:var(--text-muted)!important;}
.nav-icon{font-size:14px!important;}
.nav-item strong,.subnav-item strong{font-size:14px!important;}
.nav-item small,.subnav-item small{font-size:14px!important;color:var(--text-muted)!important;}
.eyebrow{font-size:14px!important;}
.topbar h1{font-size:26px!important;}
.topbar p{font-size:14px!important;color:var(--text-muted)!important;}
.top-actions select{font-size:14px!important;color:#cbd5df!important;}
.user-chip strong{font-size:14px!important;}
.user-chip small{font-size:14px!important;color:var(--text-faint)!important;}
.loading{font-size:14px!important;}
.hero-kicker,.section-label{font-size:14px!important;color:var(--text-blue)!important;}
.hero h2{font-size:clamp(36px,3vw,50px)!important;}
.commercial-hero h2{font-size:clamp(34px,3vw,46px)!important;}
.assurance-hero h2{font-size:clamp(34px,3.5vw,52px)!important;}
.hero p{font-size:16px!important;color:var(--text-body)!important;}
.commercial-hero p,.assurance-hero p{font-size:14.6px!important;color:var(--text-body)!important;}
.hero-stat strong{font-size:28px!important;}
.hero-stat small{font-size:14px!important;color:var(--text-muted)!important;}
.button{font-size:14px!important;}
.button.small{font-size:14px!important;}
.text-button{font-size:14px!important;}
.metric-label{font-size:14px!important;color:var(--text-muted)!important;}
.metric-value{font-size:clamp(32px,2.3vw,40px)!important;}
.metric-foot{font-size:14px!important;color:var(--text-body)!important;}
.card-title{font-size:20px!important;}
.card-sub{font-size:14px!important;color:var(--text-body)!important;}
.select,.input,.textarea{font-size:14px!important;color:var(--text-primary)!important;}
.field label{font-size:14px!important;}
.field small{font-size:14px!important;color:var(--text-muted)!important;}
.table th{font-size:14px!important;color:var(--text-muted)!important;}
.table td{font-size:14px!important;color:#c9d3df!important;}
.table strong{font-size:14px!important;}
.table small{font-size:14px!important;color:var(--text-muted)!important;}
.mono{font-size:14px!important;color:var(--text-muted)!important;}
.status{font-size:14px!important;padding:7px 10px!important;}
.frontier-top h4,.source-card h4,.connector-card h4,.policy-card h4,.operation-card h4{font-size:14px!important;}
.frontier-state{font-size:22px!important;}
.frontier-foot{font-size:14px!important;color:var(--text-muted)!important;}
.source-card p,.connector-card p,.policy-card p,.operation-card p{font-size:14px!important;color:var(--text-body)!important;}
.source-meta{font-size:14px!important;color:var(--text-muted)!important;}
.trust-ring strong{font-size:33px!important;}
.trust-ring span{font-size:14px!important;color:var(--text-muted)!important;}
.trust-copy h3{font-size:19px!important;}
.trust-copy p{font-size:14px!important;color:var(--text-body)!important;}
.progress-row{font-size:14px!important;color:var(--text-body)!important;}
.progress-row b{font-size:14px!important;color:#c9d3df!important;}
.graph-lane-label{font-size:14px!important;color:var(--text-muted)!important;}
.graph-node strong{font-size:14px!important;}
.queue-main strong,.queue-value strong,.renewal-days strong{font-size:14px!important;}
.queue-main small,.queue-state small,.queue-value small,.renewal-row small{font-size:14px!important;color:var(--text-muted)!important;}
.next-action-label,.renewal-callout span,.commercial-hero-proof span{font-size:14px!important;color:var(--text-blue)!important;}
.next-action>strong{font-size:20px!important;}
.reason-list p{font-size:14px!important;color:var(--text-body)!important;}
.renewal-callout strong{font-size:14px!important;}
.renewal-callout small{font-size:14px!important;color:var(--text-muted)!important;}
.commercial-editor summary span{font-size:14px!important;}
.commercial-editor summary small{font-size:14px!important;color:var(--text-muted)!important;}
.scope-row strong{font-size:14px!important;}
.scope-row small{font-size:14px!important;color:var(--text-muted)!important;}
.lineage b{font-size:14px!important;}
.lineage small{font-size:14px!important;color:var(--text-muted)!important;}
.proof-row>div:first-child>span{font-size:14px!important;}
.proof-row>div:first-child>strong{font-size:14px!important;}
.proof-row>div:nth-child(2) small,.token-card small{font-size:14px!important;color:var(--text-muted)!important;}
.token-card p{font-size:14px!important;color:var(--text-body)!important;}
.sector-pack-card,.sector-subpanel,.public-policy-note,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row{font-size:1rem;}
.sector-subpanel h4,.assurance-layer-card strong{font-size:14.2px!important;}
.sector-subpanel p,.assurance-layer-card p{font-size:14px!important;color:var(--text-body)!important;}
.mini-checks span,.sector-blockers p,.public-policy-note p{font-size:14px!important;color:var(--text-body)!important;}
.sector-record strong{font-size:14px!important;}
.sector-record small{font-size:14px!important;color:var(--text-muted)!important;}
.assurance-loop-badge strong{font-size:19px!important;}
.assurance-loop-badge small{font-size:14px!important;color:var(--text-muted)!important;}
.assurance-item>div:first-child>span{font-size:14px!important;color:var(--text-muted)!important;}
.assurance-item>div:first-child>strong{font-size:14px!important;}
.assurance-item>div:first-child>small{font-size:14px!important;color:var(--text-muted)!important;}
.capacity-row strong,.obligation-row>div:first-child strong{font-size:14px!important;}
.capacity-row small,.obligation-row>div:first-child small{font-size:14px!important;color:var(--text-muted)!important;}
.capacity-values b,.obligation-row>div:last-child b{font-size:14px!important;}
.capacity-values span,.obligation-row>div:last-child small{font-size:14px!important;color:var(--text-muted)!important;}
.assurance-kpi-pair span{font-size:14px!important;color:var(--text-muted)!important;}
.assurance-kpi-pair strong{font-size:27px!important;}
/* Lower luminance for borders/highlights too, so dark UI stays calm rather than glowing */
.global-nav,.hero,.commercial-hero,.assurance-hero,.card,.metric,.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,
.next-action,.renewal-callout,.commercial-hero-proof,.assurance-loop-badge,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,.assurance-kpi-pair>div{
  border-color:rgba(173,190,211,.095)!important;
}
.card,.metric,.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block{
  box-shadow:0 16px 46px rgba(0,0,0,.22),inset 0 1px 0 rgba(180,199,220,.025)!important;
}
/* Defensive dark overrides for any legacy light surface still reachable */
.trust-ring:before{background:#edf5fc!important;}
.graph-node,.fed-node,.kv,.commercial-editor,.passport,.trace-item,.editor-card,.scope-row,.token-card,.lineage>div,.commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span{
  background:linear-gradient(155deg,rgba(220,234,247,.98),rgba(220,234,247,.98))!important;
  color:var(--text-primary)!important;
  border-color:rgba(173,190,211,.09)!important;
}
@media (max-width:820px){
  :root{font-size:16px;}
  .primary-nav-item{font-size:14px!important;}
  .topbar h1{font-size:23px!important;}
  .hero h2{font-size:34px!important;}
  .commercial-hero h2,.assurance-hero h2{font-size:32px!important;}
  .hero p{font-size:14.5px!important;}
  .commercial-hero p,.assurance-hero p{font-size:14px!important;}
}
@media (max-width:560px){
  .brand strong{font-size:16px!important;}
  .topbar h1{font-size:21px!important;}
  .card-title{font-size:18px!important;}
  .table td{font-size:14px!important;}
}


/* V5.6 strict no-white / low-glare dark-system enforcement */
:root{
  --text-hero:#c4cfdb;
  --text-primary:#bcc8d5;
  --text-strong:#c8d2dd;
  --text-body:#9fadbD;
  --text-muted:#8291a4;
  --text-faint:#6f7e91;
  --text-blue:#74aee8;
  --text-teal:#69bdb3;
  --dark-surface-0:#eaf2f9;
  --dark-surface-1:#edf5fc;
  --dark-surface-2:#e7f0fa;
  --dark-surface-3:#dfeaf6;
}
html,body,.main,.view{color:var(--text-primary)!important;}
/* No luminous white typography anywhere in the application content. */
body :where(h1,h2,h3,h4,h5,h6,strong,b,.metric-value,.frontier-state,.passport-id,.source-value,.contract-score strong,.next-action-score b){
  color:var(--text-strong)!important;
  text-shadow:none!important;
}
.hero h2,.commercial-hero h2,.assurance-hero h2{color:var(--text-hero)!important;}
body :where(p,small,.card-sub,.metric-foot,.frontier-foot,.table small,.queue-main small,.queue-state small,.queue-value small,.renewal-row small,.reason-list p,.commercial-explanation){
  color:var(--text-body)!important;
}
/* Strictly dark surfaces: this intentionally catches legacy components across every page. */
body :where(
  .hero,.commercial-hero,.assurance-hero,.card,.metric,.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,
  .passport,.kv,.graph-node,.fed-node,.trace-item,.commercial-hero-proof,.commercial-context-bar,.stage-rail,.commercial-editor,
  .editor-card,.scope-row,.token-card,.proof-row,.sector-pack-card,.sector-matter-row,.sector-subpanel,.sector-control,.public-policy-note,
  .assurance-loop-badge,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,.assurance-kpi-pair>div,.next-action,.renewal-callout,
  .commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span,.lineage>div,
  .table-wrap,.empty,.guardrail,.obligation-card,.transition-strip
){
  background-color:var(--dark-surface-2)!important;
  border-color:rgba(141,160,184,.13)!important;
  color:var(--text-primary)!important;
}
.hero,.commercial-hero,.assurance-hero{
  background:radial-gradient(circle at 88% 4%,rgba(42,112,192,.13),transparent 34%),radial-gradient(circle at 9% 100%,rgba(38,126,119,.07),transparent 31%),linear-gradient(155deg,#edf5fc 0%,#edf5fc 100%)!important;
}
.card,.metric,.frontier-item,.source-card,.connector-card,.policy-card,.operation-card,.arch-block,.passport,.kv,.trace-item,.graph-node,.fed-node,
.commercial-context-bar,.stage-rail,.commercial-editor,.editor-card,.scope-row,.token-card,.proof-row,.sector-pack-card,.sector-matter-row,.sector-subpanel,
.sector-control,.public-policy-note,.assurance-loop-badge,.assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,.assurance-kpi-pair>div,
.next-action,.renewal-callout,.commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span,.lineage>div{
  background:linear-gradient(155deg,rgba(220,234,247,.98),rgba(220,234,247,.99))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(139,159,184,.025)!important;
}
/* Commercial stage rail: no white success tiles and no neon-green labels. */
.stage-rail{padding:8px!important;gap:9px!important;background:#edf5fc!important;}
.stage-step{
  min-height:48px;
  padding:12px 14px!important;
  color:#8998aa!important;
  background:#edf5fc!important;
  border:1px solid rgba(135,155,180,.09)!important;
}
.stage-step strong{font-size:14px!important;color:#9caabc!important;font-weight:620!important;}
.stage-step span{color:#708196!important;}
.stage-step.complete{
  color:#aab8c7!important;
  background:linear-gradient(150deg,#edf5fc,#edf5fc)!important;
  border-color:rgba(84,160,147,.18)!important;
}
.stage-step.complete strong{color:#b2c0cc!important;}
.stage-step.complete span{color:#68b7aa!important;}
.stage-step.active{
  color:#adc2dc!important;
  background:linear-gradient(150deg,#e2edf8,#e7f0fa)!important;
  border-color:rgba(84,142,205,.24)!important;
}
.stage-step.active strong{color:#bdcad8!important;}
.stage-step.active span{color:#6ca6df!important;}
/* Success/status colour is restrained and always on a dark surface. */
.status.VERIFIED,.status.VALID,.status.ACTIVE,.status.ONLINE,.status.CONNECTED,
.status.ACCEPTABLE,.status.ACCEPTED,.status.FULL_ACCEPTANCE,.status.RENEW,.status.PRESERVE,.status.EVIDENCE_READY,.status.AWARDED,
.status.EXECUTED,.status.RENEWED,.status.AVAILABLE,.status.COMPLETE{
  background:#e7f0fa!important;
  color:#78b9a3!important;
  border-color:rgba(86,160,135,.16)!important;
}
.status.PENDING,.status.WAITING,.status.REVIEW,.status.REVIEW_REQUIRED,.status.CLARIFICATION,.status.MONITORING,.status.NOT_DUE,.status.HOLD,
.status.RESTRICTED,.status.PRICE_NEGOTIATION,.status.PRICE_ACCEPTED,.status.CONTRACT_BASELINE_ISSUED,.status.CONTRACT_NEGOTIATION,
.status.CONTRACT_AGREED,.status.RENEWAL_ANALYSIS,.status.RENEWAL_NEGOTIATION,.status.ADD,.status.COMPETE,.status.EVALUATION,.status.REGULATED_NEGOTIATION,
.status.INTENT_TO_AWARD,.status.STANDSTILL,.status.CONTRACT_EXECUTION,.status.DELIVERY,.status.MODIFICATION,.status.CHANGE_CONTROL,.status.PAYMENT_CERTIFICATION{
  background:#e7f0fa!important;
  color:#7ba7d2!important;
  border-color:rgba(88,139,194,.16)!important;
}
/* Controls and tables remain dark even when legacy rules are more specific. */
.button.secondary,.button.ghost{background:#e7f0fa!important;color:#b9c5d2!important;border:1px solid rgba(139,159,184,.11)!important;}
.select,.input,.textarea,.top-actions select,.user-chip{background-color:#edf5fc!important;color:#b9c5d2!important;}
.table-wrap{background:#edf5fc!important;}
.table th{background:#e7f0fa!important;color:#8291a4!important;}
.table td{background:#edf5fc!important;color:#aebbc9!important;}
.table tbody tr:hover td{background:#e7f0fa!important;}
.trust-ring:before{background:#edf5fc!important;}
.empty{background:#edf5fc!important;color:#8493a6!important;}
.guardrail{background:linear-gradient(155deg,#e7f0fa,#edf5fc)!important;border-color:rgba(78,126,173,.15)!important;}
.guardrail p{color:#9aa9b9!important;}
.transition-strip{background:linear-gradient(155deg,#e7f0fa,#edf5fc)!important;border-color:rgba(84,150,129,.16)!important;}
.obligation-card{background:linear-gradient(155deg,#e7f0fa,#edf5fc)!important;border-color:rgba(174,135,70,.16)!important;}
/* Brand and badges are also softened; no pure white UI ink. */
.brand-mark span{background:#bac8d6!important;}
.brand strong,.nav-dropdown-intro>strong,.nav-item strong,.subnav-item strong,.topbar h1,.user-chip strong{color:#c5cfda!important;}
.user-chip>span,.passport-seal,.fed-core,.toast,.button{color:#cbd6e1!important;}
.commercial-tab.active{background:#e7f0fa!important;color:#b8c5d3!important;box-shadow:inset 0 0 0 1px rgba(87,137,194,.18)!important;}
/* Remove any remaining high-luminance decorative surface from federation/graph. */
.federation-map,.graph-canvas,.assurance-map{background-color:#eaf2f9!important;}
.timeline-item:before{background:#edf5fc!important;}

/* V6 enterprise productisation + strict low-glare readable design */
:root{
  --text-hero:#b7c3d0;
  --text-primary:#aebccc;
  --text-strong:#bdc8d4;
  --text-body:#93a2b5;
  --text-muted:#78889c;
  --text-faint:#637489;
  --text-blue:#6fa6dc;
  --text-teal:#62b1a8;
  --surface-deep:#e7f0f9;
  --surface-low:#edf5fc;
  --surface-mid:#e8f1fa;
  --surface-raised:#e2edf8;
  --surface-accent:#dceafb;
  font-size:17px;
}
body{color:var(--text-primary)!important;}
body :where(h1,h2,h3,h4,h5,h6,strong,b,.metric-value,.frontier-state,.passport-id,.source-value,.contract-score strong,.next-action-score b){color:var(--text-strong)!important;text-shadow:none!important;}
.hero h2,.commercial-hero h2,.assurance-hero h2,.workspace-hero h2,.enterprise-hero h2,.compact-hero h2,.gateway-hero h2{color:var(--text-hero)!important;text-shadow:none!important;}
body :where(p,small,.card-sub,.metric-foot,.frontier-foot,.table small,.queue-main small,.queue-state small,.queue-value small,.renewal-row small,.reason-list p,.commercial-explanation){color:var(--text-body)!important;}
.global-nav,.topbar,.card,.metric,.hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.compact-hero,.gateway-hero{isolation:isolate;}

/* Enterprise customer-facing heroes */
.workspace-hero,.enterprise-hero,.gateway-hero{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);
  gap:32px;
  align-items:end;
  padding:40px 42px;
  border:1px solid rgba(128,148,174,.12);
  border-radius:28px;
  background:radial-gradient(circle at 88% 4%,rgba(43,100,166,.12),transparent 35%),radial-gradient(circle at 8% 100%,rgba(36,101,97,.055),transparent 30%),linear-gradient(155deg,#edf5fc 0%,#eaf2f9 100%);
  box-shadow:0 20px 54px rgba(0,0,0,.24),inset 0 1px 0 rgba(133,153,177,.018);
  overflow:hidden;
}
.workspace-hero h2,.enterprise-hero h2,.gateway-hero h2,.compact-hero h2{
  margin:9px 0 13px;
  max-width:990px;
  font-size:clamp(34px,3.15vw,48px);
  line-height:1.03;
  letter-spacing:-.052em;
  font-weight:700;
}
.workspace-hero p,.enterprise-hero p,.gateway-hero p,.compact-hero p{max-width:900px;margin:0;font-size:15px;line-height:1.65;color:var(--text-body)!important;}
.workspace-health,.enterprise-org-badge{
  min-width:0;
  padding:20px;
  border:1px solid rgba(112,143,178,.13);
  border-radius:20px;
  background:linear-gradient(155deg,#e7f0fa,#edf5fc);
}
.workspace-health>span,.enterprise-org-badge>span,.matter-readiness span,.matter-facts span,.matter-next .section-label,.gateway-outcomes span,.deployment-facts span{
  display:block;
  color:var(--text-muted)!important;
  font-size:14px;
  font-weight:720;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.workspace-health>strong{display:block;margin-top:9px;font-size:42px;line-height:1;color:#b4c1ce!important;letter-spacing:-.05em;}
.workspace-health>small,.enterprise-org-badge>small{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--text-muted)!important;}
.enterprise-org-badge>strong{display:block;margin-top:9px;font-size:20px;line-height:1.2;color:#b6c2cf!important;}
.compact-hero{
  padding:34px 38px;
  border:1px solid rgba(128,148,174,.11);
  border-radius:26px;
  background:radial-gradient(circle at 90% 5%,rgba(48,103,166,.09),transparent 30%),linear-gradient(155deg,#edf5fc,#eaf2f9);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.compact-hero h2{font-size:clamp(30px,2.7vw,42px);}
.enterprise-metrics{margin:0!important;}

/* Matter workspace */
.workspace-matters{overflow:visible!important;}
.matter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.matter-card{
  appearance:none;
  min-width:0;
  text-align:left;
  padding:20px;
  border:1px solid rgba(126,146,171,.11);
  border-radius:20px;
  color:var(--text-primary);
  background:linear-gradient(155deg,#edf5fc,#edf5fc);
  box-shadow:inset 0 1px 0 rgba(136,157,181,.018);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.matter-card:hover{transform:translateY(-1px);border-color:rgba(84,130,180,.24);background:linear-gradient(155deg,#e7f0fa,#edf5fc);box-shadow:0 12px 28px rgba(54,88,124,.09);}
.matter-card.active{
  transform:translateY(-2px);
  border:2px solid rgba(31,111,235,.90);
  background:linear-gradient(145deg,#ddecff 0%,#e7f3ff 54%,#eef8ff 100%);
  box-shadow:0 18px 42px rgba(31,111,235,.20),inset 6px 0 0 #1f6feb,inset 0 0 0 1px rgba(255,255,255,.62);
}
.matter-card.active:hover{
  border-color:#1f6feb;
  background:linear-gradient(145deg,#d7e9ff 0%,#e2f0ff 54%,#ebf7ff 100%);
  box-shadow:0 20px 46px rgba(31,111,235,.24),inset 6px 0 0 #1f6feb,inset 0 0 0 1px rgba(255,255,255,.68);
}
.matter-card{position:relative;}
.matter-detail-panel:focus{outline:none;}

.matter-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px;}
.matter-card-top>span:first-child{color:var(--text-muted);font-size:14px;font-weight:690;letter-spacing:.035em;}
.matter-card>strong{display:block;font-size:16px;line-height:1.32;color:#b6c3d0!important;}
.matter-card>p{margin:7px 0 0;font-size:14px;color:var(--text-muted)!important;}
.matter-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(126,146,171,.08);}
.matter-card-meta b{font-size:14px;color:#aebccc!important;}
.matter-card-meta span{font-size:14px;color:var(--text-muted);}
.matter-detail-panel{
  padding:28px;
  border:1px solid rgba(126,146,171,.12);
  border-radius:26px;
  background:linear-gradient(155deg,#edf5fc,#eaf2f9);
  box-shadow:0 18px 50px rgba(0,0,0,.20),inset 0 1px 0 rgba(136,157,181,.02);
}
.matter-readiness{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px;border:1px solid rgba(121,143,170,.10);border-radius:20px;background:#edf5fc;}
.matter-readiness strong{display:block;margin-top:7px;font-size:20px;color:#b4c1ce!important;}
.matter-readiness p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--text-body)!important;}
.matter-readiness-score{text-align:right;min-width:130px;}
.matter-readiness-score b{display:block;font-size:31px;line-height:1;color:#9fb2c6!important;}
.matter-readiness-score span{display:block;margin-top:5px;font-size:14px;color:var(--text-muted);}
.matter-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;}
.matter-facts>div{padding:16px;border:1px solid rgba(121,143,170,.09);border-radius:17px;background:#edf5fc;}
.matter-facts strong{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:#aebbc9!important;overflow-wrap:anywhere;}
.matter-next{margin-top:16px;padding:18px;border:1px solid rgba(78,124,172,.14);border-radius:18px;background:linear-gradient(155deg,#e7f0fa,#edf5fc);}
.matter-next strong{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:#afc0d2!important;}
.matter-issues{margin-top:16px;}
.matter-issues>div:not(.section-label):not(.notice){display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid rgba(126,146,171,.07);}
.matter-issues>div:last-child{border-bottom:0;}
.matter-issues>div>span{color:#6fa6dc;}
.matter-issues p{margin:0;font-size:14px;line-height:1.5;color:var(--text-body)!important;}

/* Onboarding, workspace and sector-product configuration */
.onboarding-rail{display:grid;gap:12px;}
.onboarding-step{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 16px;border:1px solid rgba(126,146,171,.09);border-radius:17px;background:#edf5fc;}
.onboarding-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e7f0fa;color:#7fa7d0;font-size:14px;font-weight:750;}
.onboarding-step.complete>span{background:#e7f0fa;color:#6fae9a;}
.onboarding-step strong{display:block;font-size:14px;color:#aebbc9!important;}
.onboarding-step small{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--text-muted)!important;}
.onboarding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.onboarding-card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,.api-client-card,.deployment-card{
  min-width:0;
  padding:19px;
  border:1px solid rgba(126,146,171,.10);
  border-radius:20px;
  background:linear-gradient(155deg,#edf5fc,#edf5fc);
  box-shadow:inset 0 1px 0 rgba(136,157,181,.017);
}
.onboarding-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;}
.onboarding-card-top>span{color:#6d7f94;font-size:14px;font-weight:750;}
.onboarding-card>strong,.workspace-card h4,.sector-product-card h4,.integration-card strong,.deployment-card h4{font-size:14px;color:#adb9c6!important;}
.onboarding-card>p,.workspace-card>p,.sector-product-card>p,.integration-copy{margin:7px 0 0;font-size:14px;line-height:1.5;color:var(--text-body)!important;}
.workspace-grid,.sector-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;}
.tag-row>span,.permission-list>span{padding:6px 8px;border:1px solid rgba(120,143,169,.08);border-radius:999px;background:#e7f0fa;color:#8394a8;font-size:14px;line-height:1.1;}
.enterprise-editor{margin-top:18px;border:1px solid rgba(126,146,171,.09);border-radius:18px;background:#edf5fc;overflow:hidden;}
.enterprise-editor summary{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;color:#9eacbc;font-size:14px;font-weight:650;cursor:pointer;}
.enterprise-editor[open] form{padding:4px 17px 18px;}

/* Identity */
.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.identity-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;}
.identity-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f0fa;color:#7fa9d4;font-size:14px;font-weight:750;}
.identity-card strong{font-size:14px;color:#adb9c6!important;}
.identity-card p{margin:4px 0 0;font-size:14px;color:var(--text-muted)!important;}
.role-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.role-card>strong{font-size:14px;color:#adb9c6!important;}
.role-card>p{margin:5px 0 0;font:14px/1.4 "SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;color:var(--text-muted)!important;}
.permission-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px;}
.permission-list>span{border-radius:9px;}

/* Integration registry */
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}
.integration-card-top{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:start;}
.integration-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e7f0fa;color:#77a4d1;font-size:14px;font-weight:780;}
.integration-card-top p{margin:4px 0 0;font-size:14px;color:var(--text-muted)!important;}
.integration-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(126,146,171,.07);}
.integration-foot>span{font-size:14px;color:var(--text-muted);}

/* Decision gateway */
.gateway-outcomes{display:grid;gap:8px;}
.gateway-outcomes span{padding:10px 12px;border:1px solid rgba(121,143,170,.09);border-radius:12px;background:#edf5fc;color:#8798aa!important;}
.gateway-result{margin-top:16px;}
.gateway-decision{padding:20px;border:1px solid rgba(126,146,171,.11);border-radius:20px;background:#edf5fc;}
.gateway-decision.VALID{border-color:rgba(76,139,120,.18);background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.gateway-decision.PROVISIONAL,.gateway-decision.REVALIDATION_REQUIRED{border-color:rgba(149,116,62,.17);background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.gateway-decision.BLOCKED{border-color:rgba(143,74,88,.17);background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.gateway-decision-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.gateway-decision-head>span{font-size:14px;letter-spacing:.09em;color:var(--text-muted);font-weight:720;}
.gateway-decision>strong{display:block;margin-top:13px;font-size:22px;color:#b3bfcc!important;}
.gateway-decision>p{margin:7px 0 0;font-size:14px;line-height:1.55;color:var(--text-body)!important;}
.gateway-remedies{margin-top:16px;padding-top:14px;border-top:1px solid rgba(126,146,171,.08);display:grid;gap:7px;font-size:14px;color:#93a2b5;}
.gateway-remedies>span{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);}
.gateway-decision>.mono{display:block;margin-top:15px;color:#6f7f92!important;}
.api-client-stack{display:grid;gap:11px;}
.api-client-card{display:grid;gap:11px;}
.api-client-card>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;align-items:center;}
.api-client-card>div:first-child>strong{font-size:14px;color:#aebbc9!important;}
.api-client-card>div:first-child>small{grid-column:2;font-size:14px;color:var(--text-muted)!important;overflow-wrap:anywhere;}

/* V8.3 enterprise integration workbench */
.integration-health-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);}
.integration-health-line span{font-size:14px;color:var(--text-muted)!important;}
.integration-health-line strong{font-size:14px;color:var(--text-title)!important;}
.integration-workbench{align-items:start;}
.mapping-profile-stack,.file-channel-stack,.ops-list,.api-route-stack{display:grid;gap:11px;}
.mapping-profile-card,.file-channel-card,.ops-row,.machine-key-reveal,.api-route-stack>div{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface2);}
.mapping-profile-card h4{margin:0;font-size:16px;color:var(--text-title)!important;}
.mapping-profile-card p{margin:7px 0 0;font-size:14px;line-height:1.58;color:var(--text-body)!important;}
.mapping-mini-grid{display:grid;gap:6px;margin-top:13px;}
.mapping-mini-grid span{font-size:14px;line-height:1.45;color:var(--text-muted)!important;overflow-wrap:anywhere;}
.mapping-mini-grid b{color:var(--text-body)!important;font-weight:650;}
.file-import-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:16px;}
.file-channel-stack{margin-top:8px;}
.file-channel-card{display:flex;justify-content:space-between;gap:14px;align-items:center;}
.file-channel-card strong{display:block;font-size:14px;color:var(--text-title)!important;}
.file-channel-card small{display:block;margin-top:5px;font-size:14px;color:var(--text-muted)!important;}
.integration-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.integration-ops-grid h4{margin:0 0 11px;font-size:15px;color:var(--text-title)!important;}
.ops-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;}
.ops-row>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 9px;align-items:center;min-width:0;}
.ops-row strong{font-size:14px;color:var(--text-title)!important;}
.ops-row small{grid-column:2;font-size:14px;color:var(--text-muted)!important;}
.ops-row>span{font-size:14px;color:var(--text-muted)!important;white-space:nowrap;}
.machine-key-reveal{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;margin-bottom:16px;}
.machine-key-reveal>div span{display:block;font-size:14px;font-weight:750;letter-spacing:.07em;color:var(--text-muted)!important;}
.machine-key-reveal>div strong{display:block;margin-top:5px;font-size:15px;color:var(--text-title)!important;}
.machine-key-reveal code{grid-column:1 / -1;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface3);font-size:14px;line-height:1.45;color:var(--text-body)!important;overflow-wrap:anywhere;user-select:text!important;-webkit-user-select:text!important;}
.machine-key-reveal small{font-size:14px;line-height:1.5;color:var(--text-muted)!important;}
.api-route-stack{margin:0 0 16px;}
.api-route-stack>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:12px 14px;}
.api-route-stack code{font-size:14px;color:var(--text-body)!important;overflow-wrap:anywhere;}
.api-route-stack span{font-size:14px;color:var(--text-muted)!important;}
.scope-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;}
.scope-picker label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);font-size:14px;color:var(--text-body)!important;}
.scope-picker input{accent-color:var(--blue);}
.api-card-action{justify-self:start;}

/* Deployment */
.deployment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.deployment-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px;}
.deployment-facts>div{padding:13px;border:1px solid rgba(126,146,171,.08);border-radius:14px;background:#edf5fc;}
.deployment-facts strong{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:#a7b5c3!important;overflow-wrap:anywhere;}
.architecture-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;}
.architecture-flow>div{padding:17px;border:1px solid rgba(126,146,171,.09);border-radius:17px;background:#edf5fc;}
.architecture-flow>div>span{display:block;font-size:14px;color:#6f83a0;}
.architecture-flow>div>strong{display:block;margin-top:7px;font-size:14px;color:#aab8c6!important;}
.architecture-flow>div>small{display:block;margin-top:5px;font-size:14px;line-height:1.4;color:var(--text-muted)!important;}
.architecture-flow>i{font-style:normal;color:#5d7898;}

/* V6 global low-glare enforcement. No bright-white surface or high-luminance white ink. */
.brand strong,.nav-dropdown-intro>strong,.nav-item strong,.subnav-item strong,.topbar h1,.user-chip strong,.card-title,.frontier-state,.metric-value,.source-value{color:var(--text-strong)!important;}
.button{color:#b8c5d1!important;}
.button.secondary,.button.ghost{color:#a9b7c6!important;background:#e7f0fa!important;}
.status.VERIFIED,.status.VALID,.status.ACTIVE,.status.ONLINE,.status.CONNECTED,.status.ACCEPTABLE,.status.ACCEPTED,.status.FULL_ACCEPTANCE,.status.RENEW,.status.PRESERVE,.status.EVIDENCE_READY,.status.AWARDED,.status.EXECUTED,.status.RENEWED,.status.AVAILABLE,.status.COMPLETE{
  color:#70aa96!important;background:#edf5fc!important;
}
.notice.success{color:#91b9a9!important;background:#edf5fc!important;border-color:rgba(78,134,116,.15)!important;}
.notice.warning{color:#b6a175!important;background:#edf5fc!important;border-color:rgba(143,113,62,.14)!important;}
.notice.danger{color:#b58b94!important;background:#edf5fc!important;border-color:rgba(137,75,87,.14)!important;}

@media (max-width:1180px){
  .matter-list,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .role-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:820px){
  .workspace-hero,.enterprise-hero,.gateway-hero{grid-template-columns:1fr;padding:30px 24px;gap:20px;}
  .workspace-hero h2,.enterprise-hero h2,.gateway-hero h2,.compact-hero h2{font-size:32px;}
  .matter-list,.workspace-grid,.sector-product-grid,.integration-grid,.identity-grid,.deployment-grid,.integration-ops-grid{grid-template-columns:1fr;}
  .file-import-panel{grid-template-columns:1fr;}
  .matter-facts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .architecture-flow{grid-template-columns:1fr;}
  .architecture-flow>i{transform:rotate(90deg);justify-self:center;}
}
@media (max-width:560px){
  :root{font-size:16px;}
  .workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero{padding:25px 19px;border-radius:22px;}
  .workspace-hero h2,.enterprise-hero h2,.gateway-hero h2,.compact-hero h2{font-size:29px;}
  .onboarding-grid,.role-grid,.matter-facts,.deployment-facts,.scope-picker{grid-template-columns:1fr;}
  .ops-row,.machine-key-reveal,.api-route-stack>div{grid-template-columns:1fr;}
  .ops-row>span,.machine-key-reveal code{grid-column:1;}
  .identity-card{grid-template-columns:40px minmax(0,1fr);}
  .identity-card>.status{grid-column:2;justify-self:start;}
  .matter-readiness{grid-template-columns:1fr;}
  .matter-readiness-score{text-align:left;}
}

/* V7 negotiation projects, team performance and institutional learning */
:root{
  --project-gap:24px;
  --project-inner-gap:18px;
}
.view > * + *{margin-top:var(--project-gap)!important;}
.project-tab-body > * + *{margin-top:var(--project-gap)!important;}
.project-overview-grid,.project-intelligence-grid{gap:var(--project-gap)!important;}
.project-grid,.performance-card-grid,.team-performance-grid,.strategy-grid,.project-matter-stack,.action-ledger,.performance-history{gap:var(--project-inner-gap)!important;}

.project-portfolio-hero,.project-detail-hero{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);
  gap:34px;
  align-items:end;
  padding:42px 44px;
  border:1px solid rgba(113,137,164,.11);
  border-radius:28px;
  background:radial-gradient(circle at 88% 6%,rgba(43,95,151,.11),transparent 34%),radial-gradient(circle at 7% 100%,rgba(40,94,90,.05),transparent 30%),linear-gradient(155deg,#edf5fc 0%,#eaf2f9 100%);
  box-shadow:0 22px 58px rgba(0,0,0,.24),inset 0 1px 0 rgba(130,151,176,.016);
}
.project-portfolio-hero h2,.project-detail-hero h2{
  margin:10px 0 14px;
  max-width:980px;
  font-size:clamp(35px,3.2vw,49px);
  line-height:1.03;
  letter-spacing:-.052em;
  color:#aebbc9!important;
}
.project-portfolio-hero p,.project-detail-hero p{max-width:900px;margin:0;font-size:15px;line-height:1.68;color:#8d9cad!important;}
.project-portfolio-badge,.project-health-card{
  min-width:0;
  padding:22px;
  border:1px solid rgba(111,138,168,.12);
  border-radius:21px;
  background:linear-gradient(155deg,#e7f0fa,#edf5fc);
}
.project-portfolio-badge>span,.project-health-card>span{display:block;font-size:14px;font-weight:720;letter-spacing:.09em;color:#72859a;text-transform:uppercase;}
.project-portfolio-badge>strong{display:block;margin-top:10px;font-size:42px;line-height:1;color:#aab8c6!important;letter-spacing:-.045em;}
.project-portfolio-badge>small,.project-health-card>small{display:block;margin-top:9px;font-size:14px;line-height:1.5;color:#7d8da0!important;}
.project-health-card>.status{margin-top:12px;}
.project-health-card>strong{display:block;margin-top:20px;font-size:40px;line-height:1;color:#a6b5c4!important;letter-spacing:-.045em;}
.project-hero-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(121,144,170,.08);}
.project-hero-meta span{font-size:14px;color:#7f8fa2;}

.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.project-card{
  appearance:none;
  min-width:0;
  padding:23px;
  text-align:left;
  color:#a9b7c5;
  border:1px solid rgba(119,142,168,.10);
  border-radius:22px;
  background:linear-gradient(155deg,#edf5fc,#edf5fc);
  box-shadow:0 14px 40px rgba(0,0,0,.17),inset 0 1px 0 rgba(132,153,177,.014);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.project-card:hover{transform:translateY(-2px);border-color:rgba(80,129,180,.24);background:linear-gradient(155deg,#e7f0fa,#edf5fc);}
.project-card-top{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;}
.project-card-top>div{min-width:0;}
.project-card-top>div>span{display:block;font-size:14px;font-weight:720;letter-spacing:.07em;color:#708399;text-transform:uppercase;}
.project-card-top strong{display:block;margin-top:8px;font-size:17px;line-height:1.28;color:#aebbc8!important;}
.project-card>p{margin:11px 0 0;min-height:55px;font-size:14px;line-height:1.55;color:#8494a7!important;}
.project-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:20px;}
.project-progress>div,.mini-progress{height:6px;border-radius:99px;overflow:hidden;background:#e7f0fa;}
.project-progress>div>span,.mini-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4679ac,#4f9e98);}
.project-progress>b{font-size:14px;color:#93a5b7!important;}
.project-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(121,144,170,.07);}
.project-card-facts>div{padding:10px 11px;border:1px solid rgba(119,142,168,.07);border-radius:13px;background:#edf5fc;}
.project-card-facts span{display:block;font-size:14px;color:#6f8093;text-transform:uppercase;letter-spacing:.045em;}
.project-card-facts strong{display:block;margin-top:6px;font-size:14px;color:#9eafbf!important;}
.project-hierarchy{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:13px;align-items:center;}
.project-hierarchy>div{padding:18px;border:1px solid rgba(119,142,168,.08);border-radius:17px;background:#edf5fc;}
.project-hierarchy>div>span{display:block;font-size:14px;color:#687d94;}
.project-hierarchy>div>strong{display:block;margin-top:8px;font-size:14px;color:#a4b2c1!important;}
.project-hierarchy>div>small{display:block;margin-top:5px;font-size:14px;line-height:1.42;color:#74869a!important;}
.project-hierarchy>i{font-style:normal;color:#536d89;}

.project-back{appearance:none;border:0;background:transparent;padding:4px 2px;color:#718eac;font-size:14px;font-weight:650;}
.project-back:hover{color:#83a6ca;}
.project-tabs{
  position:sticky;
  top:calc(var(--header-height) + 92px);
  z-index:18;
  display:flex;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:7px;
  border:1px solid rgba(119,142,168,.10);
  border-radius:18px;
  background:rgba(220,234,247,.92);
  box-shadow:0 14px 36px rgba(0,0,0,.21);
  backdrop-filter:blur(18px);
}
.project-tab{appearance:none;border:1px solid transparent;border-radius:12px;padding:10px 14px;background:transparent;color:#78899d;font-size:14px;font-weight:660;white-space:nowrap;}
.project-tab:hover{background:#e7f0fa;color:#93a5b8;}
.project-tab.active{background:#e7f0fa;color:#9fb2c5;border-color:rgba(84,128,175,.14);}
.project-tab-body{min-width:0;}

.project-matter-stack{display:grid;}
.project-matter-row{
  appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) minmax(130px,.7fr) auto minmax(100px,.5fr);
  gap:16px;
  align-items:center;
  padding:17px 18px;
  text-align:left;
  border:1px solid rgba(118,141,166,.08);
  border-radius:17px;
  background:#edf5fc;
  color:#9faebe;
}
.project-matter-row:hover{border-color:rgba(79,128,180,.20);background:#edf5fc;}
.project-matter-row strong{display:block;font-size:14px;line-height:1.4;color:#aab8c6!important;}
.project-matter-row small{display:block;margin-top:5px;font-size:14px;color:#75879b!important;}
.project-row-progress{min-width:0;}
.project-row-progress span{display:block;font-size:14px;color:#75889e;}
.project-row-progress b{display:block;margin-top:5px;font-size:14px;color:#9babbc!important;}
.project-priority{padding:22px;border:1px solid rgba(80,126,174,.13);border-radius:20px;background:linear-gradient(155deg,#e7f0fa,#edf5fc);}
.project-priority>span{font-size:14px;font-weight:720;letter-spacing:.08em;color:#6f8ca9;}
.project-priority>strong{display:block;margin-top:10px;font-size:18px;line-height:1.38;color:#aebdcb!important;}
.project-priority>p{margin:8px 0 0;font-size:14px;color:#7d8fa3!important;}
.project-priority-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}
.project-priority-facts>div{padding:12px;border:1px solid rgba(116,140,166,.08);border-radius:14px;background:#edf5fc;}
.project-priority-facts span{display:block;font-size:14px;color:#6e8196;}
.project-priority-facts b{display:block;margin-top:6px;font-size:14px;color:#99aabb!important;}

.performance-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.performance-card{padding:20px;border:1px solid rgba(116,140,166,.09);border-radius:19px;background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.performance-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.performance-card-top>span{font-size:14px;color:#6f8196;font-weight:690;letter-spacing:.04em;}
.performance-card>strong{display:block;margin-top:18px;font-size:29px;line-height:1;color:#9eafbf!important;letter-spacing:-.035em;}
.performance-card>p{margin:8px 0 0;min-height:38px;font-size:14px;line-height:1.48;color:#8394a7!important;}
.performance-target{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin-top:16px;padding-top:13px;border-top:1px solid rgba(118,141,166,.07);}
.performance-target span{font-size:14px;color:#6c7f94;}
.performance-target b{text-align:right;font-size:14px;color:#94a6b8!important;}
.period-performance-block+ .period-performance-block{margin-top:24px;}
.period-performance-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(119,142,168,.08);}
.period-performance-head span{font-size:14px;font-weight:720;letter-spacing:.06em;color:#73899f;}
.period-performance-head strong{font-size:14px;color:#8193a6!important;}
.performance-history{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.performance-history>div{padding:18px;border:1px solid rgba(116,140,166,.08);border-radius:17px;background:#edf5fc;}
.performance-history span,.performance-history small{display:block;font-size:14px;color:#718398!important;}
.performance-history strong{display:block;margin-top:8px;font-size:14px;color:#9aaabc!important;}

.team-performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.team-member-card{padding:22px;border:1px solid rgba(116,140,166,.09);border-radius:21px;background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.team-member-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:start;}
.team-member-head strong{display:block;font-size:14px;color:#a9b7c5!important;}
.team-member-head small{display:block;margin-top:5px;font-size:14px;color:#708397!important;}
.team-member-head>span{font-size:14px;color:#72859a;}
.team-member-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px;}
.team-member-metrics>div{padding:12px;border:1px solid rgba(116,140,166,.07);border-radius:14px;background:#edf5fc;}
.team-member-metrics span{display:block;font-size:14px;color:#6b7e92;}
.team-member-metrics b{display:block;margin-top:6px;font-size:14px;color:#98a9ba!important;overflow-wrap:anywhere;}
.member-kpi-strip{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px;}
.member-kpi-strip span{padding:7px 9px;border:1px solid rgba(116,140,166,.07);border-radius:999px;background:#e7f0fa;color:#74869a;font-size:14px;}
.member-kpi-strip b{color:#92a5b7!important;}
.member-matter-list{display:grid;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(118,141,166,.07);}
.member-matter-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;}
.member-matter-list span{font-size:14px;color:#8293a6;}
.member-matter-list b{font-size:14px;color:#91a3b5!important;}

.strategy-recommendation{padding:23px;border:1px solid rgba(75,123,170,.14);border-radius:20px;background:linear-gradient(155deg,#e7f0fa,#edf5fc);}
.strategy-recommendation>span{font-size:14px;font-weight:720;letter-spacing:.08em;color:#6e8aa8;}
.strategy-recommendation>strong{display:block;margin-top:10px;font-size:18px;line-height:1.36;color:#a9b9c8!important;}
.strategy-recommendation>p{margin:8px 0 0;font-size:14px;color:#7d8fa2!important;}
.strategy-recommendation>small{display:block;margin-top:15px;font-size:14px;line-height:1.5;color:#6f8195!important;}
.strategy-facts,.strategy-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px;}
.strategy-facts>div,.strategy-card-facts>div{padding:11px;border:1px solid rgba(116,140,166,.07);border-radius:13px;background:#edf5fc;}
.strategy-facts span,.strategy-card-facts span{display:block;font-size:14px;color:#697d92;}
.strategy-facts b,.strategy-card-facts b{display:block;margin-top:6px;font-size:14px;color:#95a6b7!important;}
.learning-loop{display:flex;gap:9px;align-items:center;flex-wrap:wrap;}
.learning-loop>div{padding:11px 13px;border:1px solid rgba(116,140,166,.08);border-radius:13px;background:#edf5fc;color:#8193a6;font-size:14px;}
.learning-loop>i{font-style:normal;color:#536f8e;}
.strategy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.strategy-card{padding:20px;border:1px solid rgba(116,140,166,.08);border-radius:19px;background:linear-gradient(155deg,#edf5fc,#edf5fc);}
.strategy-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.strategy-card-head strong{font-size:14px;line-height:1.4;color:#a5b4c2!important;}
.strategy-card-head span{font-size:14px;color:#6e8297;}
.strategy-score{margin-top:18px;font-size:32px;line-height:1;color:#96a9bc;letter-spacing:-.04em;font-weight:700;}
.strategy-card>p{margin:7px 0 0;font-size:14px;color:#718499!important;}
.action-ledger{display:grid;}
.action-ledger-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,.5fr);gap:18px;padding:17px 18px;border:1px solid rgba(116,140,166,.08);border-radius:17px;background:#edf5fc;}
.action-ledger-row span{display:block;font-size:14px;color:#6c8095;}
.action-ledger-row strong{display:block;margin-top:6px;font-size:14px;color:#a2b2c1!important;}
.action-ledger-row small{display:block;margin-top:5px;font-size:14px;line-height:1.45;color:#7c8ea1!important;}
.action-ledger-row>div:last-child{text-align:right;}
.action-ledger-row b{display:block;margin-top:7px;font-size:14px;color:#8fa1b3!important;}
.project-table td{vertical-align:middle!important;}
.project-table .status{white-space:nowrap;}

/* V7 spacing enforcement for all new project surfaces. */
.project-portfolio-hero + .project-metrics,.project-detail-hero + .project-tabs,.project-tabs + .project-tab-body{margin-top:var(--project-gap)!important;}
.project-metrics{margin-top:0!important;margin-bottom:0!important;}
.project-tab-body .card,.project-tab-body .metric,.project-tab-body .team-member-card,.project-tab-body .performance-card,.project-tab-body .strategy-card{overflow:hidden;}

@media (max-width:1180px){
  .project-grid,.performance-card-grid,.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .project-hierarchy{grid-template-columns:1fr auto 1fr auto 1fr;}
  .project-hierarchy>div:nth-of-type(n+4),.project-hierarchy>i:nth-of-type(n+4){margin-top:4px;}
}
@media (max-width:920px){
  .project-portfolio-hero,.project-detail-hero{grid-template-columns:1fr;padding:32px 26px;gap:22px;}
  .project-grid,.team-performance-grid,.performance-history{grid-template-columns:1fr;}
  .project-tabs{position:static;width:100%;overflow-x:auto;}
  .project-matter-row{grid-template-columns:minmax(0,1fr) auto;}
  .project-matter-row>.status,.project-matter-row>div:last-child{grid-column:1/-1;justify-self:start;}
  .team-member-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .project-hierarchy{grid-template-columns:1fr;}
  .project-hierarchy>i{transform:rotate(90deg);justify-self:center;}
}
@media (max-width:600px){
  .project-portfolio-hero,.project-detail-hero{padding:26px 20px;border-radius:22px;}
  .project-portfolio-hero h2,.project-detail-hero h2{font-size:30px;}
  .project-grid,.performance-card-grid,.strategy-grid,.team-performance-grid{grid-template-columns:1fr;}
  .project-card,.team-member-card,.performance-card,.strategy-card{padding:18px;}
  .project-card-facts,.project-priority-facts,.strategy-facts,.strategy-card-facts{grid-template-columns:1fr 1fr;}
  .project-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;}
  .project-tab{width:100%;white-space:normal;}
  .team-member-head{grid-template-columns:42px minmax(0,1fr);}
  .team-member-head>span{grid-column:2;}
  .member-matter-list>div{grid-template-columns:minmax(0,1fr) auto;}
  .member-matter-list .status{grid-column:1/-1;justify-self:start;}
  .action-ledger-row{grid-template-columns:1fr;}
  .action-ledger-row>div:last-child{text-align:left;}
}


/* V7.1.1 enterprise business-value surface */
.value-view .workspace-pill,.value-view .trust-pill,.value-view .top-actions{display:none!important;}
.value-view .global-nav-inner{grid-template-columns:auto minmax(420px,1fr) auto;}
.value-page{--value-gap:30px;display:block;}
.value-page > * + *{margin-top:var(--value-gap)!important;}
.value-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:34px;align-items:stretch;padding:42px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at 88% 8%,rgba(38,143,255,.17),transparent 31%),radial-gradient(circle at 8% 94%,rgba(38,214,197,.09),transparent 28%),linear-gradient(150deg,#edf5fc 0%,#edf5fc 100%);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);}
.value-hero-copy{align-self:center;padding:6px 0;}
.value-hero h2{max-width:880px;margin:13px 0 0;color:var(--text-hero,#b7c3d0);font-size:clamp(34px,4.2vw,62px);line-height:.99;letter-spacing:-.055em;}
.value-hero-copy>p{max-width:820px;margin:21px 0 0;color:#8f9caf;font-size:16px;line-height:1.7;}
.value-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;}
.value-proof-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.075);color:#7f8da0;font-size:14px;}
.value-proof-line strong{color:#aebcca;font-weight:700;}
.value-flow{align-self:stretch;padding:23px;border:1px solid rgba(255,255,255,.075);border-radius:23px;background:rgba(220,234,247,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);}
.value-flow-head span{display:block;color:#5aa7ff;font-size:14px;font-weight:780;letter-spacing:.13em;}
.value-flow-head strong{display:block;margin-top:8px;color:#bdc9d6;font-size:19px;letter-spacing:-.03em;}
.value-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
.value-flow-grid>div{min-height:144px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.015));}
.value-flow-grid small{display:block;color:#5687bd;font-size:14px;font-weight:800;letter-spacing:.1em;}
.value-flow-grid strong{display:block;margin-top:20px;color:#bcc8d5;font-size:17px;}
.value-flow-grid span{display:block;margin-top:7px;color:#748399;font-size:14px;line-height:1.55;}
.value-section{padding:30px;border:1px solid rgba(255,255,255,.075);border-radius:26px;background:linear-gradient(155deg,rgba(220,234,247,.92),rgba(220,234,247,.94));box-shadow:0 18px 52px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);}
.value-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:34px;margin-bottom:22px;}
.value-section-head h2,.value-fit h2,.value-ip h2,.value-pilot h2{margin:7px 0 0;color:#bac6d3;font-size:27px;line-height:1.08;letter-spacing:-.04em;}
.value-section-head>p{max-width:620px;margin:0;color:#7f8da0;font-size:14px;line-height:1.65;text-align:right;}
.value-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.value-area-card{display:flex;flex-direction:column;min-height:330px;padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:19px;background:linear-gradient(150deg,rgba(255,255,255,.028),rgba(255,255,255,.012));}
.value-card-top{display:flex;align-items:center;gap:10px;}
.value-card-top>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(51,134,239,.10);color:#6aaff7;font-size:14px;font-weight:800;}
.value-card-top small{color:#6f7e91;font-size:14px;font-weight:760;letter-spacing:.09em;}
.value-area-card h3{margin:19px 0 0;color:#b9c5d2;font-size:18px;line-height:1.2;letter-spacing:-.025em;}
.value-area-card>p{margin:10px 0 0;color:#7f8da0;font-size:14px;line-height:1.62;}
.value-result{margin-top:auto;padding-top:19px;}
.value-result span{display:block;color:#5aa7ff;font-size:14px;font-weight:780;letter-spacing:.1em;text-transform:uppercase;}
.value-result strong{display:block;margin-top:7px;color:#a9b7c6;font-size:14px;line-height:1.52;font-weight:650;}
.value-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px;}
.value-tags span{padding:6px 8px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#77879b;font-size:14px;}
.value-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.value-outcome-card{padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.022);}
.value-outcome-card>span{color:#58a8f8;font-size:14px;font-weight:800;letter-spacing:.12em;}
.value-outcome-card strong{display:block;margin-top:9px;color:#b3c0ce;font-size:16px;}
.value-outcome-card p{margin:8px 0 0;color:#78879a;font-size:14px;line-height:1.58;}
.value-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;}
.value-how-grid article{display:flex;gap:13px;min-height:170px;padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.02);}
.value-how-grid article>span{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(38,214,197,.09);color:#5ad7ca;font-size:14px;font-weight:800;}
.value-how-grid strong{display:block;color:#b5c2cf;font-size:15px;line-height:1.25;}
.value-how-grid p{margin:8px 0 0;color:#77869a;font-size:14px;line-height:1.6;}
.adoption-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:stretch;}
.adoption-step{min-height:162px;padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.02);}
.adoption-step.active{border-color:rgba(81,159,255,.20);background:linear-gradient(155deg,rgba(48,132,244,.10),rgba(255,255,255,.018));}
.adoption-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(90,167,255,.10);color:#6eaef2;font-size:14px;font-weight:800;}
.adoption-step strong{display:block;margin-top:17px;color:#b1becc;font-size:14px;}
.adoption-step p{margin:7px 0 0;color:#738196;font-size:14px;line-height:1.55;}
.adoption-arrow{display:grid;place-items:center;color:#4f6075;font-size:16px;}
.value-pilot{display:grid;grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);gap:26px;align-items:stretch;background:radial-gradient(circle at 6% 0,rgba(38,214,197,.08),transparent 28%),linear-gradient(155deg,rgba(220,234,247,.94),rgba(220,234,247,.96));}
.pilot-copy{padding:7px 3px;}
.pilot-copy>p{margin:14px 0 0;color:#8290a3;font-size:14px;line-height:1.65;}
.pilot-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px;}
.pilot-weeks{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pilot-weeks>div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.022);}
.pilot-weeks span{color:#57a9fa;font-size:14px;font-weight:800;letter-spacing:.11em;}
.pilot-weeks strong{display:block;margin-top:10px;color:#b5c2cf;font-size:15px;}
.pilot-weeks p{margin:7px 0 0;color:#758397;font-size:14px;line-height:1.55;}
.value-fit{display:grid;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);gap:28px;align-items:center;}
.value-fit p{margin:12px 0 0;color:#7c8a9e;font-size:14px;line-height:1.62;}
.fit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
.fit-grid span{display:grid;place-items:center;min-height:64px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.022);color:#8d9caf;font-size:14px;font-weight:650;text-align:center;}
.value-ip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid rgba(83,159,255,.13);border-radius:24px;background:linear-gradient(145deg,rgba(33,91,162,.09),rgba(220,234,247,.92));}
.value-ip p{max-width:850px;margin:10px 0 0;color:#8090a4;font-size:14px;line-height:1.6;}
.value-ip .button{flex:0 0 auto;}

@media (max-width:1180px){
  .value-hero{grid-template-columns:1fr;padding:34px;}
  .value-area-grid,.value-outcome-grid{grid-template-columns:1fr 1fr;}
  .value-how-grid{grid-template-columns:1fr 1fr;}
  .adoption-track{grid-template-columns:1fr 1fr 1fr;gap:10px;}
  .adoption-arrow{display:none;}
  .value-pilot,.value-fit{grid-template-columns:1fr;}
  .value-view .global-nav-inner{grid-template-columns:auto 1fr auto;}
}
@media (max-width:820px){
  .value-view .primary-nav{display:none;}
  .value-view .global-nav.mobile-open .primary-nav{display:flex;}
  .value-section-head{align-items:flex-start;flex-direction:column;gap:10px;}
  .value-section-head>p{text-align:left;}
  .value-area-grid,.value-outcome-grid{grid-template-columns:1fr 1fr;}
  .value-hero{padding:27px;}
}
@media (max-width:560px){
  .value-page{--value-gap:18px;}
  .value-hero,.value-section,.value-ip{padding:20px;border-radius:21px;}
  .value-hero h2{font-size:34px;}
  .value-hero-copy>p{font-size:14px;}
  .value-flow{padding:14px;}
  .value-flow-grid,.value-area-grid,.value-outcome-grid,.value-how-grid,.pilot-weeks,.fit-grid{grid-template-columns:1fr;}
  .value-section-head h2,.value-fit h2,.value-ip h2,.value-pilot h2{font-size:23px;}
  .adoption-track{grid-template-columns:1fr;}
  .value-area-card{min-height:0;}
  .value-ip{align-items:flex-start;flex-direction:column;}
  .value-ip .button{width:100%;}
  .value-hero-actions,.pilot-actions{display:grid;grid-template-columns:1fr;}
  .value-hero-actions .button,.pilot-actions .button{width:100%;}
}

.value-link{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:11px 12px;border:1px solid rgba(90,167,255,.10);border-radius:12px;background:rgba(56,132,232,.055);color:#83aeda;text-align:left;font-size:14px;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.value-link span{color:#5aa7ff;font-size:14px;}
.value-link:hover{background:rgba(56,132,232,.09);border-color:rgba(90,167,255,.18);transform:translateY(-1px);}


/* V7.1.2 — Business Value readability + enterprise colour refinement
   Layout structure is intentionally unchanged. */
.value-view{
  background:#eaf2f9;
}
.value-view .global-nav{
  background:linear-gradient(90deg,#e7f0fa 0%,#e7f0fa 48%,#e7f0fa 100%);
  border-bottom-color:rgba(126,166,214,.18);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
}
.value-view .brand-title{color:#e7eef7;}
.value-view .brand-subtitle{color:#8da1b8;}
.value-view .primary-nav-item{
  color:#aebed0;
  font-size:14px;
  font-weight:650;
}
.value-view .primary-nav-item:hover{color:#e6eef8;}
.value-view .primary-nav-item.section-active{
  color:#eef6ff;
  background:rgba(42,126,209,.17);
  border-color:rgba(83,158,231,.34);
}

.value-page{
  color:#d7e1ec;
}
.value-hero{
  border-color:rgba(116,154,199,.16);
  background:
    radial-gradient(circle at 88% 8%,rgba(48,126,214,.18),transparent 31%),
    radial-gradient(circle at 8% 94%,rgba(25,154,151,.10),transparent 28%),
    linear-gradient(150deg,#e7f0fa 0%,#edf5fc 100%);
  box-shadow:0 24px 70px rgba(0,0,0,.31),inset 0 1px 0 rgba(255,255,255,.045);
}
.value-hero h2{
  color:#eef4fb;
  font-size:clamp(38px,4.2vw,64px);
  line-height:1.02;
}
.value-hero-copy>p{
  color:#aebccd;
  font-size:17px;
  line-height:1.72;
}
.value-proof-line{
  color:#9cacbf;
  font-size:14px;
}
.value-proof-line strong{color:#d5e0eb;}
.value-flow{
  border-color:rgba(116,154,199,.15);
  background:rgba(220,234,247,.56);
}
.value-flow-head span,
.section-label{
  color:#78b9f4;
  font-size:14px;
  font-weight:800;
  letter-spacing:.12em;
}
.value-flow-head strong{
  color:#e0e9f2;
  font-size:21px;
}
.value-flow-grid>div{
  border-color:rgba(126,164,207,.13);
  background:linear-gradient(155deg,rgba(220,234,247,.40),rgba(210,226,241,.30));
}
.value-flow-grid small{
  color:#79b7ee;
  font-size:14px;
}
.value-flow-grid strong{
  color:#e3ebf4;
  font-size:18px;
}
.value-flow-grid span{
  color:#a0afc1;
  font-size:14px;
  line-height:1.58;
}

.value-section{
  border-color:rgba(114,150,193,.14);
  background:linear-gradient(155deg,rgba(220,234,247,.96),rgba(220,234,247,.97));
  box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.028);
}
.value-section-head h2,
.value-fit h2,
.value-ip h2,
.value-pilot h2{
  color:#edf3f9;
  font-size:30px;
  line-height:1.12;
}
.value-section-head>p{
  color:#a0afc1;
  font-size:14px;
  line-height:1.65;
}

.value-area-card{
  min-height:360px;
  border-color:rgba(122,158,201,.14);
  background:linear-gradient(150deg,rgba(220,234,247,.68),rgba(220,234,247,.72));
}
.value-card-top>span{
  background:rgba(54,136,222,.16);
  color:#8bc3f5;
  font-size:14px;
}
.value-card-top small{
  color:#91a7bf;
  font-size:14px;
  font-weight:800;
  letter-spacing:.085em;
}
.value-area-card h3{
  color:#e7eef6;
  font-size:20px;
  line-height:1.28;
}
.value-area-card>p{
  color:#a7b6c7;
  font-size:14px;
  line-height:1.68;
}
.value-result span{
  color:#75b8f4;
  font-size:14px;
}
.value-result strong{
  color:#d1dce7;
  font-size:14px;
  line-height:1.58;
}
.value-tags span{
  padding:7px 10px;
  border-color:rgba(129,166,207,.12);
  background:rgba(220,234,247,.50);
  color:#a9b9cb;
  font-size:14px;
}
.value-link{
  padding:12px 13px;
  border-color:rgba(91,154,222,.18);
  background:rgba(36,94,153,.12);
  color:#93c2ee;
  font-size:14px;
}
.value-link:hover{
  background:rgba(42,111,181,.18);
  border-color:rgba(108,175,238,.28);
}

.value-outcome-card{
  min-height:172px;
  border-color:rgba(122,158,201,.13);
  background:rgba(220,234,247,.62);
}
.value-outcome-card>span{
  color:#77baf5;
  font-size:14px;
}
.value-outcome-card strong{
  color:#e4ecf4;
  font-size:18px;
  line-height:1.25;
}
.value-outcome-card p{
  color:#a6b5c6;
  font-size:14px;
  line-height:1.66;
}

.value-how-grid article{
  min-height:190px;
  border-color:rgba(122,158,201,.13);
  background:rgba(220,234,247,.62);
}
.value-how-grid article>span{
  background:rgba(25,154,151,.15);
  color:#74d8d0;
  font-size:14px;
}
.value-how-grid strong{
  color:#e4ecf4;
  font-size:17px;
  line-height:1.32;
}
.value-how-grid p{
  color:#a6b5c6;
  font-size:14px;
  line-height:1.68;
}

.adoption-step{
  min-height:184px;
  border-color:rgba(122,158,201,.13);
  background:rgba(220,234,247,.64);
}
.adoption-step.active{
  border-color:rgba(82,154,226,.30);
  background:linear-gradient(155deg,rgba(38,91,151,.24),rgba(220,234,247,.74));
}
.adoption-step>span{
  background:rgba(61,132,207,.20);
  color:#9acaf5;
  font-size:14px;
}
.adoption-step strong{
  color:#e4ebf3;
  font-size:15px;
  line-height:1.3;
}
.adoption-step p{
  color:#a4b3c5;
  font-size:14px;
  line-height:1.62;
}
.adoption-arrow{
  color:#6e8aa8;
  font-size:18px;
}

.value-pilot{
  background:
    radial-gradient(circle at 6% 0,rgba(24,143,146,.13),transparent 30%),
    linear-gradient(155deg,rgba(220,234,247,.97),rgba(220,234,247,.98));
}
.pilot-copy>p{
  color:#a7b6c7;
  font-size:14px;
  line-height:1.68;
}
.pilot-weeks>div{
  min-height:142px;
  border-color:rgba(122,158,201,.13);
  background:rgba(220,234,247,.64);
}
.pilot-weeks span{
  color:#79baf3;
  font-size:14px;
}
.pilot-weeks strong{
  color:#e3ebf3;
  font-size:16px;
}
.pilot-weeks p{
  color:#a5b4c5;
  font-size:14px;
  line-height:1.62;
}

.value-fit p{
  color:#a6b5c6;
  font-size:14px;
  line-height:1.66;
}
.fit-grid span{
  min-height:68px;
  border-color:rgba(122,158,201,.13);
  background:rgba(220,234,247,.66);
  color:#c1cedb;
  font-size:14px;
  font-weight:700;
}
.value-ip{
  border-color:rgba(86,154,224,.22);
  background:linear-gradient(145deg,rgba(25,72,120,.20),rgba(220,234,247,.96));
}
.value-ip p{
  color:#a8b7c8;
  font-size:14px;
  line-height:1.66;
}

.value-page .button{
  min-height:42px;
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
}

@media (max-width:820px){
  .value-section-head>p{font-size:14px;}
  .value-area-card>p,
  .value-outcome-card p,
  .value-how-grid p,
  .pilot-weeks p{font-size:14px;}
}
@media (max-width:560px){
  .value-hero h2{font-size:36px;}
  .value-hero-copy>p{font-size:16px;}
  .value-section-head h2,
  .value-fit h2,
  .value-ip h2,
  .value-pilot h2{font-size:26px;}
  .value-area-card h3{font-size:19px;}
  .value-area-card>p{font-size:14px;}
  .value-outcome-card strong{font-size:17px;}
  .value-outcome-card p,
  .value-how-grid p,
  .adoption-step p,
  .pilot-weeks p{font-size:14px;}
  .fit-grid span{font-size:14px;}
}


/* ==========================================================================
   V7.1.3 — GLOBAL ENTERPRISE TYPOGRAPHY SYSTEM
   Applies to every Validelta surface. Structural layouts/grids are unchanged.
   ========================================================================== */

:root{
  --type-page-title:30px;
  --type-hero-title:clamp(38px,3.15vw,48px);
  --type-section-title:23px;
  --type-card-title:19px;
  --type-subtitle:16px;
  --type-body:15px;
  --type-body-compact:14px;
  --type-small:14px;
  --type-label:14px;
  --type-micro:14px;

  --enterprise-ink-strong:#e7eef7;
  --enterprise-ink:#cbd7e4;
  --enterprise-body:#aebed0;
  --enterprise-muted:#91a3b7;
  --enterprise-faint:#7d90a6;
  --enterprise-blue:#78b8f0;
  --enterprise-teal:#6fc9c0;
}

body{
  font-size:var(--type-body)!important;
  line-height:1.55;
}

/* ---------- Global navigation and application chrome ---------- */
.brand strong{font-size:18px!important;}
.brand small{font-size:14px!important;line-height:1.35!important;color:var(--enterprise-muted)!important;}
.primary-nav-item{font-size:14px!important;line-height:1.25!important;}
.primary-nav-item span{font-size:14px!important;}
.workspace-pill span{font-size:14px!important;}
.workspace-pill strong{font-size:14px!important;}
.trust-pill strong{font-size:14px!important;}
.trust-pill small{font-size:14px!important;}
.nav-dropdown-intro>span,.menu-group-label{font-size:var(--type-label)!important;}
.nav-dropdown-intro>strong{font-size:22px!important;line-height:1.18!important;}
.nav-dropdown-intro p{font-size:14px!important;line-height:1.6!important;}
.nav-icon{font-size:14px!important;}
.nav-item strong,.subnav-item strong{font-size:14px!important;line-height:1.35!important;}
.nav-item small,.subnav-item small{font-size:14px!important;line-height:1.5!important;}
.eyebrow{font-size:var(--type-label)!important;line-height:1.3!important;}
.topbar h1{font-size:var(--type-page-title)!important;line-height:1.08!important;color:var(--enterprise-ink-strong)!important;}
.topbar p{font-size:14px!important;line-height:1.55!important;color:var(--enterprise-body)!important;}
.top-actions select{font-size:14px!important;}
.user-chip>span{font-size:14px!important;}
.user-chip strong{font-size:14px!important;}
.user-chip small{font-size:14px!important;}
.loading{font-size:14px!important;}

/* ---------- Unified page / hero title hierarchy ---------- */
.hero h2,
.commercial-hero h2,
.assurance-hero h2,
.workspace-hero h2,
.enterprise-hero h2,
.gateway-hero h2,
.compact-hero h2,
.project-portfolio-hero h2,
.project-detail-hero h2,
.value-hero h2{
  font-size:var(--type-hero-title)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  color:var(--enterprise-ink-strong)!important;
}

.hero-kicker,
.section-label,
.value-flow-head span,
.value-result span,
.value-outcome-card>span,
.pilot-weeks span,
.project-portfolio-badge>span,
.project-health-card>span,
.workspace-health>span,
.enterprise-org-badge>span,
.matter-readiness span,
.matter-facts span,
.gateway-outcomes span,
.deployment-facts span,
.next-action-label,
.renewal-callout span,
.commercial-hero-proof span{
  font-size:var(--type-label)!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:.095em!important;
  color:var(--enterprise-blue)!important;
}

.hero p,
.commercial-hero p,
.assurance-hero p,
.workspace-hero p,
.enterprise-hero p,
.gateway-hero p,
.compact-hero p,
.project-portfolio-hero>div:first-child>p,
.project-detail-hero>div:first-child>p,
.value-hero-copy>p{
  font-size:15px!important;
  line-height:1.7!important;
  color:var(--enterprise-body)!important;
}

/* ---------- Unified section headings ---------- */
.value-section-head h2,
.value-fit h2,
.value-ip h2,
.value-pilot h2,
.card-title,
.trust-copy h3{
  color:var(--enterprise-ink-strong)!important;
}

.value-section-head h2,
.value-fit h2,
.value-ip h2,
.value-pilot h2{
  font-size:28px!important;
  line-height:1.14!important;
  letter-spacing:-.035em!important;
}

.card-title{
  font-size:var(--type-section-title)!important;
  line-height:1.24!important;
  letter-spacing:-.025em!important;
}
.card-sub{
  font-size:14px!important;
  line-height:1.62!important;
  color:var(--enterprise-body)!important;
}

/* ---------- General body copy / controls ---------- */
.button{font-size:14px!important;line-height:1.25!important;}
.button.small{font-size:14px!important;}
.text-button{font-size:14px!important;}
.select,.input,.textarea{font-size:14px!important;line-height:1.45!important;}
.field label{font-size:14px!important;line-height:1.35!important;}
.field small{font-size:14px!important;line-height:1.5!important;color:var(--enterprise-muted)!important;}
.notice,.trace-item{font-size:14px!important;line-height:1.62!important;}
.status{font-size:14px!important;line-height:1.2!important;}
.mono,.proof-box code,.terminal{font-size:14px!important;line-height:1.55!important;}

/* ---------- Metrics ---------- */
.metric-label{font-size:14px!important;line-height:1.35!important;}
.metric-value{font-size:clamp(32px,2.3vw,40px)!important;}
.metric-foot{font-size:14px!important;line-height:1.55!important;}
.hero-stat strong{font-size:28px!important;}
.hero-stat small{font-size:14px!important;line-height:1.4!important;}
.source-value{font-size:clamp(26px,2vw,31px)!important;}
.trust-ring strong{font-size:34px!important;}
.trust-ring span{font-size:14px!important;}

/* ---------- Tables ---------- */
.table th{
  font-size:14px!important;
  line-height:1.4!important;
  color:var(--enterprise-muted)!important;
}
.table td{
  font-size:14px!important;
  line-height:1.52!important;
}
.table strong{font-size:14px!important;}
.table small{font-size:14px!important;line-height:1.48!important;color:var(--enterprise-muted)!important;}

/* ---------- Trust Operations / evidence / graph / passport ---------- */
.frontier-top h4,
.source-card h4,
.connector-card h4,
.policy-card h4,
.operation-card h4{
  font-size:15px!important;
  line-height:1.38!important;
}
.frontier-state{font-size:22px!important;}
.frontier-foot,.source-meta{font-size:14px!important;line-height:1.5!important;}
.source-card p,.connector-card p,.policy-card p,.operation-card p{
  font-size:14px!important;
  line-height:1.62!important;
}
.trust-copy h3{font-size:19px!important;line-height:1.3!important;}
.trust-copy p{font-size:14px!important;line-height:1.68!important;}
.progress-row{font-size:14px!important;}
.progress-row b{font-size:14px!important;}
.graph-lane-label{font-size:14px!important;}
.graph-node strong{font-size:14px!important;}
.graph-node small{font-size:14px!important;line-height:1.5!important;}
.passport-seal{font-size:14px!important;}
.passport-id{font-size:18px!important;}
.passport-sub{font-size:14px!important;}
.kv span{font-size:14px!important;}
.kv b{font-size:14px!important;}
.proof-box strong{font-size:14px!important;}

/* ---------- Commercial ---------- */
.stage-step strong{font-size:14px!important;line-height:1.35!important;}
.stage-step span{font-size:14px!important;}
.queue-main strong,.queue-value strong,.renewal-days strong{font-size:15px!important;}
.queue-main small,.queue-state small,.queue-value small,.renewal-row small{
  font-size:14px!important;line-height:1.5!important;
}
.next-action>strong{font-size:22px!important;line-height:1.25!important;}
.reason-list p{font-size:14px!important;line-height:1.65!important;}
.renewal-callout strong{font-size:15px!important;}
.renewal-callout small{font-size:14px!important;line-height:1.5!important;}
.commercial-editor summary span{font-size:14px!important;}
.commercial-editor summary small{font-size:14px!important;}
.scope-row strong{font-size:14px!important;}
.scope-row small{font-size:14px!important;}
.lineage b{font-size:14px!important;}
.lineage small{font-size:14px!important;}
.proof-row>div:first-child>span{font-size:14px!important;}
.proof-row>div:first-child>strong{font-size:14px!important;}
.proof-row>div:nth-child(2) small,.token-card small{font-size:14px!important;}
.token-card p{font-size:14px!important;line-height:1.58!important;}

/* ---------- Sector / procurement / public / construction ---------- */
.sector-subpanel h4,.assurance-layer-card strong{font-size:16px!important;line-height:1.35!important;}
.sector-subpanel p,.assurance-layer-card p{font-size:14px!important;line-height:1.62!important;}
.mini-checks span,.sector-blockers p,.public-policy-note p{font-size:14px!important;line-height:1.55!important;}
.sector-blockers p strong,.public-policy-note strong{font-size:14px!important;}
.sector-record strong{font-size:14px!important;}
.sector-record small{font-size:14px!important;}
.sector-pack-card span{font-size:14px!important;}
.sector-control strong{font-size:14px!important;}

/* ---------- Continuous Decision Assurance ---------- */
.assurance-loop-badge span{font-size:14px!important;}
.assurance-loop-badge strong{font-size:20px!important;}
.assurance-loop-badge small{font-size:14px!important;line-height:1.5!important;}
.assurance-item>div:first-child>span{font-size:14px!important;}
.assurance-item>div:first-child>strong{font-size:14.5px!important;}
.assurance-item>div:first-child>small{font-size:14px!important;}
.capacity-row strong,.obligation-row>div:first-child strong{font-size:14px!important;}
.capacity-row small,.obligation-row>div:first-child small{font-size:14px!important;}
.capacity-values b,.obligation-row>div:last-child b{font-size:15px!important;}
.capacity-values span,.obligation-row>div:last-child small{font-size:14px!important;}
.assurance-kpi-pair span{font-size:14px!important;}
.assurance-kpi-pair strong{font-size:28px!important;}

/* ---------- Enterprise setup / workspace ---------- */
.workspace-health>strong,.project-portfolio-badge>strong,.project-health-card>strong{
  font-size:40px!important;
}
.workspace-health>small,.enterprise-org-badge>small,.project-portfolio-badge>small,.project-health-card>small{
  font-size:14px!important;
  line-height:1.5!important;
}
.enterprise-org-badge>strong{font-size:20px!important;}
.matter-card strong,
.onboarding-card strong,
.role-card strong,
.api-client-card strong,
.deployment-card strong{
  font-size:16px!important;
  line-height:1.35!important;
}
.matter-card p,
.onboarding-card p,
.role-card p,
.api-client-card p,
.deployment-card p{
  font-size:14px!important;
  line-height:1.62!important;
}

/* ---------- Negotiation / project intelligence ---------- */
.project-hero-meta span{font-size:14px!important;}
.project-card-top>div>span{font-size:14px!important;}
.project-card-top strong{font-size:18px!important;line-height:1.32!important;}
.project-card>p{font-size:14px!important;line-height:1.62!important;}
.project-progress>b{font-size:14px!important;}
.project-card-facts span{font-size:14px!important;}
.project-card-facts strong{font-size:14px!important;}
.project-hierarchy>div>span{font-size:14px!important;}
.project-hierarchy>div>strong{font-size:14px!important;}
.project-hierarchy>div>small{font-size:14px!important;line-height:1.5!important;}
.project-back{font-size:14px!important;}
.project-tab{font-size:14px!important;}
.project-matter-row strong{font-size:14px!important;}
.project-matter-row small{font-size:14px!important;}
.project-row-progress span{font-size:14px!important;}
.project-row-progress b{font-size:14px!important;}
.project-priority>span{font-size:14px!important;}
.project-priority>strong{font-size:19px!important;}
.project-priority>p{font-size:14px!important;}
.project-priority-facts span{font-size:14px!important;}
.project-priority-facts b{font-size:14px!important;}
.performance-card-top>span{font-size:14px!important;}
.performance-card>strong{font-size:30px!important;}
.performance-card>p{font-size:14px!important;line-height:1.58!important;}
.performance-target span{font-size:14px!important;}
.performance-target b{font-size:14px!important;}
.period-performance-head span,.period-performance-head strong{font-size:14px!important;}
.performance-history span,.performance-history small{font-size:14px!important;}
.performance-history strong{font-size:14px!important;}
.team-member-head strong{font-size:16px!important;}
.team-member-head small,.team-member-head>span{font-size:14px!important;}
.team-member-metrics span{font-size:14px!important;}
.team-member-metrics b{font-size:14px!important;}
.member-kpi-strip span{font-size:14px!important;}
.member-matter-list span,.member-matter-list b{font-size:14px!important;}
.strategy-recommendation>span{font-size:14px!important;}
.strategy-recommendation>strong{font-size:19px!important;}
.strategy-recommendation>p{font-size:14px!important;}
.strategy-recommendation>small{font-size:14px!important;}
.strategy-facts span,.strategy-card-facts span{font-size:14px!important;}
.strategy-facts b,.strategy-card-facts b{font-size:14px!important;}
.learning-loop>div{font-size:14px!important;}
.strategy-card-head strong{font-size:14px!important;}
.strategy-card-head span{font-size:14px!important;}
.strategy-score{font-size:32px!important;}
.strategy-card>p{font-size:14px!important;}
.action-ledger-row span{font-size:14px!important;}
.action-ledger-row strong{font-size:14px!important;}
.action-ledger-row small{font-size:14px!important;}
.action-ledger-row b{font-size:14px!important;}

/* ---------- Business Value ---------- */
.value-proof-line{font-size:14px!important;line-height:1.55!important;}
.value-flow-head strong{font-size:20px!important;}
.value-flow-grid small{font-size:14px!important;}
.value-flow-grid strong{font-size:18px!important;}
.value-flow-grid span{font-size:14px!important;line-height:1.6!important;}
.value-section-head>p{font-size:14px!important;line-height:1.65!important;}
.value-card-top>span,.value-card-top small{font-size:14px!important;}
.value-area-card h3{font-size:20px!important;line-height:1.3!important;}
.value-area-card>p{font-size:14px!important;line-height:1.68!important;}
.value-result strong{font-size:14px!important;line-height:1.58!important;}
.value-tags span{font-size:14px!important;}
.value-link{font-size:14px!important;}
.value-outcome-card strong{font-size:18px!important;}
.value-outcome-card p{font-size:14px!important;line-height:1.66!important;}
.value-how-grid strong{font-size:17px!important;}
.value-how-grid p{font-size:14px!important;line-height:1.68!important;}
.value-how-grid article>span{font-size:14px!important;}
.adoption-step>span{font-size:14px!important;}
.adoption-step strong{font-size:15px!important;}
.adoption-step p{font-size:14px!important;line-height:1.62!important;}
.pilot-copy>p{font-size:14px!important;line-height:1.68!important;}
.pilot-weeks strong{font-size:16px!important;}
.pilot-weeks p{font-size:14px!important;line-height:1.62!important;}
.value-fit p{font-size:14px!important;line-height:1.66!important;}
.fit-grid span{font-size:14px!important;}
.value-ip p{font-size:14px!important;line-height:1.66!important;}

/* ---------- Consistent readable text floor for named information surfaces ---------- */
:where(
  .matter-card,.onboarding-card,.role-card,.api-client-card,.deployment-card,
  .sector-pack-card,.sector-subpanel,.sector-control,.public-policy-note,
  .assurance-layer-card,.assurance-item,.capacity-row,.obligation-row,
  .project-card,.performance-card,.team-member-card,.strategy-card,
  .passport,.proof-row,.token-card,.scope-row,.lineage
) small{
  line-height:1.5!important;
}

/* ---------- Responsive typography: preserve hierarchy without tiny text ---------- */
@media (max-width:820px){
  :root{
    --type-page-title:25px;
    --type-hero-title:34px;
    --type-section-title:20px;
    --type-card-title:17px;
    --type-body:15px;
    --type-small:14px;
    --type-label:14px;
  }
  .topbar h1{font-size:25px!important;}
  .hero h2,
  .commercial-hero h2,
  .assurance-hero h2,
  .workspace-hero h2,
  .enterprise-hero h2,
  .gateway-hero h2,
  .compact-hero h2,
  .project-portfolio-hero h2,
  .project-detail-hero h2,
  .value-hero h2{font-size:34px!important;}
  .hero p,
  .commercial-hero p,
  .assurance-hero p,
  .workspace-hero p,
  .enterprise-hero p,
  .gateway-hero p,
  .compact-hero p,
  .project-portfolio-hero>div:first-child>p,
  .project-detail-hero>div:first-child>p,
  .value-hero-copy>p{font-size:14.5px!important;}
}

@media (max-width:560px){
  :root{
    --type-page-title:23px;
    --type-hero-title:32px;
    --type-section-title:19px;
  }
  .brand strong{font-size:17px!important;}
  .topbar h1{font-size:23px!important;}
  .hero h2,
  .commercial-hero h2,
  .assurance-hero h2,
  .workspace-hero h2,
  .enterprise-hero h2,
  .gateway-hero h2,
  .compact-hero h2,
  .project-portfolio-hero h2,
  .project-detail-hero h2,
  .value-hero h2{font-size:32px!important;}
  .card-title{font-size:19px!important;}
  .table td{font-size:14px!important;}
}


/* ==========================================================================
   V7.1.4 — GLOBAL ENTERPRISE TEXT COLOUR SYSTEM
   One semantic text hierarchy across every Validelta page.
   Semantic state colours (valid/warning/block/risk) intentionally remain distinct.
   ========================================================================== */

:root{
  --text-hero:#f2f6fb;
  --text-title:#e5edf6;
  --text-primary:#cbd7e3;
  --text-body:#aebdcd;
  --text-muted:#8fa1b5;
  --text-faint:#73869b;
  --text-label:#78b8f0;
  --text-link:#90c7f7;
  --text-on-accent:#e7eef7;
}

/* Base text surfaces */
body,
main,
.page,
.content,
.content-area{
  color:var(--text-primary)!important;
}

h1,h2,h3,h4,h5,h6,
.card-title,
.value-area-card h3,
.value-outcome-card strong,
.value-how-grid strong,
.adoption-step strong,
.pilot-weeks strong,
.frontier-top h4,
.source-card h4,
.connector-card h4,
.policy-card h4,
.operation-card h4,
.trust-copy h3,
.sector-subpanel h4,
.assurance-layer-card strong,
.matter-card strong,
.onboarding-card strong,
.role-card strong,
.api-client-card strong,
.deployment-card strong,
.project-card-top strong,
.project-hierarchy>div>strong,
.project-priority>strong,
.team-member-head strong,
.strategy-recommendation>strong,
.strategy-card-head strong{
  color:var(--text-title)!important;
}

/* Highest emphasis */
.hero h2,
.commercial-hero h2,
.assurance-hero h2,
.workspace-hero h2,
.enterprise-hero h2,
.gateway-hero h2,
.compact-hero h2,
.project-portfolio-hero h2,
.project-detail-hero h2,
.value-hero h2,
.topbar h1{
  color:var(--text-hero)!important;
}

/* Primary readable body copy */
p,
.card-sub,
.hero p,
.commercial-hero p,
.assurance-hero p,
.workspace-hero p,
.enterprise-hero p,
.gateway-hero p,
.compact-hero p,
.project-portfolio-hero>div:first-child>p,
.project-detail-hero>div:first-child>p,
.value-hero-copy>p,
.value-section-head>p,
.value-area-card>p,
.value-outcome-card p,
.value-how-grid p,
.adoption-step p,
.pilot-copy>p,
.pilot-weeks p,
.value-fit p,
.value-ip p,
.source-card p,
.connector-card p,
.policy-card p,
.operation-card p,
.trust-copy p,
.activity p,
.arch-block p,
.timeline-item p,
.reason-list p,
.token-card p,
.sector-subpanel p,
.sector-blockers p,
.public-policy-note p,
.assurance-layer-card p,
.matter-card p,
.onboarding-card p,
.role-card p,
.api-client-card p,
.deployment-card p,
.project-card>p,
.project-priority>p,
.performance-card>p,
.strategy-recommendation>p,
.strategy-card>p{
  color:var(--text-body)!important;
}

/* Secondary metadata and explanatory text */
small,
.metric-label,
.metric-foot,
.frontier-foot,
.source-meta,
.graph-lane-label,
.graph-node small,
.passport-sub,
.kv span,
.activity time,
.queue-main small,
.queue-state small,
.queue-value small,
.renewal-row small,
.next-action-score span,
.commercial-context-bar>div span,
.commercial-number-grid span,
.liveness-panel span,
.contract-summary-strip span,
.renewal-decision-grid span,
.commercial-number-grid small,
.renewal-decision-grid small,
.contract-score span,
.scope-row small,
.lineage small,
.proof-row>div:nth-child(2) small,
.token-card small,
.sector-record small,
.assurance-loop-badge small,
.capacity-row small,
.obligation-row>div:first-child small,
.capacity-values span,
.obligation-row>div:last-child small,
.workspace-health>small,
.enterprise-org-badge>small,
.project-portfolio-badge>small,
.project-health-card>small,
.project-card-facts span,
.project-hierarchy>div>span,
.project-hierarchy>div>small,
.project-matter-row small,
.project-row-progress span,
.project-priority-facts span,
.performance-card-top>span,
.performance-target span,
.performance-history span,
.performance-history small,
.team-member-head small,
.team-member-head>span,
.team-member-metrics span,
.member-kpi-strip span,
.member-matter-list span,
.strategy-recommendation>small,
.strategy-facts span,
.strategy-card-facts span,
.action-ledger-row span,
.action-ledger-row small{
  color:var(--text-muted)!important;
}

/* Low-emphasis structural labels */
.eyebrow,
.hero-kicker,
.section-label,
.menu-group-label,
.value-flow-head span,
.value-result span,
.value-outcome-card>span,
.pilot-weeks span,
.project-portfolio-badge>span,
.project-health-card>span,
.workspace-health>span,
.enterprise-org-badge>span,
.matter-readiness span,
.matter-facts span,
.gateway-outcomes span,
.deployment-facts span,
.next-action-label,
.renewal-callout span,
.commercial-hero-proof span,
.transition-strip>span,
.lineage>span,
.dependency-card>span,
.proof-row>div:first-child>span,
.assurance-loop-badge span,
.assurance-item>div:first-child>span,
.project-card-top>div>span,
.project-priority>span,
.strategy-recommendation>span{
  color:var(--text-label)!important;
}

/* Navigation and interactive text */
.brand-title,
.brand strong{
  color:var(--text-title)!important;
}
.brand-subtitle,
.brand small{
  color:var(--text-muted)!important;
}
.primary-nav-item,
.nav-item,
.subnav-item,
.commercial-tab,
.project-tab{
  color:var(--text-body)!important;
}
.primary-nav-item:hover,
.nav-item:hover,
.subnav-item:hover,
.commercial-tab:hover,
.project-tab:hover{
  color:var(--text-hero)!important;
}
.primary-nav-item.section-active,
.nav-item.active,
.subnav-item.active,
.commercial-tab.active,
.project-tab.active{
  color:var(--text-hero)!important;
}
.text-button,
.value-link{
  color:var(--text-link)!important;
}

/* Buttons: consistent high-contrast text on action surfaces */
.button{
  color:var(--text-on-accent)!important;
}
.button.secondary,
.button.ghost{
  color:var(--text-primary)!important;
}
.button.danger{
  color:var(--text-on-accent)!important;
}

/* Cards, metrics and key-value values */
.metric-value,
.hero-stat strong,
.source-value,
.trust-ring strong,
.frontier-state,
.passport-id,
.kv b,
.queue-main strong,
.queue-value strong,
.renewal-days strong,
.next-action>strong,
.renewal-callout strong,
.scope-row strong,
.lineage b,
.proof-row>div:first-child>strong,
.token-card strong,
.sector-record strong,
.sector-control strong,
.assurance-loop-badge strong,
.assurance-item>div:first-child>strong,
.capacity-row strong,
.obligation-row>div:first-child strong,
.capacity-values b,
.obligation-row>div:last-child b,
.assurance-kpi-pair strong,
.workspace-health>strong,
.enterprise-org-badge>strong,
.project-portfolio-badge>strong,
.project-health-card>strong,
.project-card-facts strong,
.project-row-progress b,
.project-priority-facts b,
.performance-card>strong,
.performance-target b,
.performance-history strong,
.team-member-metrics b,
.member-matter-list b,
.strategy-facts b,
.strategy-card-facts b,
.action-ledger-row strong,
.action-ledger-row b{
  color:var(--text-primary)!important;
}

/* Tables and forms */
.table th{
  color:var(--text-muted)!important;
}
.table td,
.table strong{
  color:var(--text-primary)!important;
}
.table small{
  color:var(--text-muted)!important;
}
.field label{
  color:var(--text-primary)!important;
}
.field small{
  color:var(--text-muted)!important;
}
.select,
.input,
.textarea{
  color:var(--text-primary)!important;
}
.select::placeholder,
.input::placeholder,
.textarea::placeholder{
  color:var(--text-faint)!important;
}

/* Informational containers without semantic alert state */
.loading,
.empty,
.muted,
.notice:not(.success):not(.warning):not(.danger),
.trace-item{
  color:var(--text-muted)!important;
}

/* Monospace/proof text should remain readable, not visually dominant */
.mono,
.proof-box code,
.terminal{
  color:var(--text-primary)!important;
}

/* Keep semantic state colours distinct.  These rules deliberately sit last. */
.status.ACCEPTABLE,
.status.ACCEPTED,
.status.FULL_ACCEPTANCE,
.status.RENEW,
.status.PRESERVE,
.status.EVIDENCE_READY,
.status.AWARDED,
.status.VALID,
.status.ACTIVE{
  color:var(--green)!important;
}
.status.RENEWAL_ANALYSIS_REQUIRED,
.status.REVIEW_REQUIRED,
.status.RECONCILIATION_REQUIRED,
.status.WARNING,
.status.PENDING{
  color:#f2bd62!important;
}
.status.OUTSIDE_ENVELOPE,
.status.DECISION_OVERDUE,
.status.EXIT,
.status.BLOCKED,
.status.INVALID,
.status.REVOKED{
  color:var(--red)!important;
}
.status.CONTRACT_EXECUTION,
.status.DELIVERY,
.status.MODIFICATION,
.status.CHANGE_CONTROL,
.status.PAYMENT_CERTIFICATION{
  color:var(--text-link)!important;
}
.notice.success{color:#75dcb4!important;}
.notice.warning{color:#f2c66f!important;}
.notice.danger{color:#ff8b9b!important;}

/* Active/completed workflow semantics */
.stage-step{color:var(--text-muted)!important;}
.stage-step.complete{color:var(--green)!important;}
.stage-step.complete span{color:var(--green)!important;}
.stage-step.active{color:var(--text-link)!important;}
.stage-step.active span{color:var(--text-link)!important;}

/* Small screens keep exactly the same colour hierarchy. */
@media (max-width:820px){
  body{color:var(--text-primary)!important;}
}


/* ==========================================================================
   V7.1.5 — GLOBAL CONTAINMENT & HEADER STATUS-CARD FIX
   Prevents enlarged typography from escaping pills/cards anywhere in the UI.
   ========================================================================== */

/* Header status cards: sized for the global typography scale. */
.global-nav-tools{
  gap:12px!important;
  min-width:0;
  overflow:visible;
}
.workspace-pill,
.trust-pill{
  box-sizing:border-box;
  height:52px!important;
  min-height:52px!important;
  padding:7px 14px!important;
  border-radius:16px!important;
  min-width:0;
  overflow:hidden;
}
.workspace-pill{
  width:190px;
  min-width:190px!important;
  max-width:220px;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding-top:7px!important;
}
.workspace-pill span{
  flex:0 0 auto;
  width:100%;
  margin:0!important;
  line-height:1.1!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.workspace-pill strong{
  width:100%;
  min-width:0;
  margin-top:5px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trust-pill{
  width:270px;
  min-width:250px!important;
  max-width:290px;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start;
}
.trust-pill>.live-dot{
  flex:0 0 8px;
}
.trust-pill>div{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
}
.trust-pill strong,
.trust-pill small{
  width:100%;
  min-width:0;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trust-pill small{
  margin-top:4px!important;
}

/* The marketing/value page intentionally hides these controls. */
.value-view .workspace-pill,
.value-view .trust-pill{
  display:none!important;
}

/* General containment rules for all compact information components.
   These protect every page after the global font-size increase. */
.user-chip,
.priority-badge,
.status,
.passport-seal,
.project-tab,
.commercial-tab,
.nav-item,
.subnav-item,
.button,
.value-link,
.action-chip-list>span,
.assurance-loop-badge,
.enterprise-org-badge,
.project-portfolio-badge,
.project-health-card,
.workspace-health{
  max-width:100%;
  box-sizing:border-box;
}

.user-chip>div,
.nav-item>span:last-child,
.subnav-item>span:last-child,
.action-chip-list>span>*,
.enterprise-org-badge>*,
.project-portfolio-badge>*,
.project-health-card>*,
.workspace-health>*{
  min-width:0;
}

.user-chip strong,
.user-chip small{
  max-width:180px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25!important;
}

.priority-badge,
.status{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.25!important;
}

.button,
.value-link,
.project-tab,
.commercial-tab{
  min-height:40px;
  height:auto!important;
  line-height:1.3!important;
}

.nav-item,
.subnav-item{
  min-height:0;
  height:auto!important;
}
.nav-item strong,
.nav-item small,
.subnav-item strong,
.subnav-item small{
  overflow-wrap:anywhere;
}

/* Cards and metric containers must grow with content instead of clipping it. */
.card,
.metric,
.frontier-item,
.source-card,
.connector-card,
.policy-card,
.operation-card,
.arch-block,
.passport,
.kv,
.trace-item,
.graph-node,
.fed-node,
.commercial-context-bar,
.stage-rail,
.commercial-editor,
.editor-card,
.scope-row,
.token-card,
.proof-row,
.sector-pack-card,
.sector-matter-row,
.sector-subpanel,
.sector-control,
.public-policy-note,
.assurance-loop-badge,
.assurance-layer-card,
.assurance-item,
.capacity-row,
.obligation-row,
.next-action,
.renewal-callout,
.value-area-card,
.value-outcome-card,
.value-how-grid article,
.adoption-step,
.pilot-weeks>div,
.matter-card,
.onboarding-card,
.role-card,
.api-client-card,
.deployment-card,
.project-card,
.performance-card,
.team-member-card,
.strategy-card{
  height:auto!important;
  overflow-wrap:anywhere;
}

/* Fixed visual controls keep their shape, while text containers are allowed to grow. */
.brand-mark,
.mobile-menu,
.live-dot,
.user-chip>span,
.nav-icon,
.onboarding-step>span,
.identity-avatar,
.integration-icon,
.value-card-top>span,
.value-how-grid article>span,
.adoption-step>span{
  overflow:hidden;
}

/* At narrower desktop widths, remove the workspace card first so the main navigation
   and online-status card never collide. */
@media (max-width:1380px) and (min-width:1181px){
  .workspace-pill{display:none!important;}
  .global-nav-inner{
    grid-template-columns:auto minmax(520px,1fr) auto;
    gap:20px;
  }
}

/* Existing tablet/mobile behaviour remains compact and hides both status cards. */
@media (max-width:1180px){
  .workspace-pill,
  .trust-pill{display:none!important;}
}


/* V7.1.6 — low-glare regression guard */
.button.danger{color:var(--text-on-accent)!important;}


/* V8 controlled enterprise access gate */
.access-gate{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:30px;align-items:stretch;padding:38px;border:1px solid rgba(116,154,199,.16);border-radius:26px;background:radial-gradient(circle at 12% 8%,rgba(47,124,205,.14),transparent 31%),linear-gradient(150deg,#e7f0fa 0%,#edf5fc 100%);box-shadow:0 24px 70px rgba(0,0,0,.3);}
.access-gate-copy{align-self:center;}
.access-gate-copy h2{margin:12px 0 0;color:var(--text-hero);font-size:clamp(36px,3.3vw,50px);line-height:1.04;letter-spacing:-.045em;}
.access-gate-copy p{max-width:760px;margin:18px 0 24px;color:var(--text-body);font-size:15px;line-height:1.7;}
.access-gate-form{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;border:1px solid rgba(122,158,201,.14);border-radius:20px;background:rgba(220,234,247,.76);}
.access-gate-form .button{width:100%;min-height:46px;}
@media(max-width:820px){.access-gate{grid-template-columns:1fr;padding:26px}.access-gate-form{padding:20px}.access-gate-copy h2{font-size:34px}}

.access-gate-view .top-actions,.access-gate-view .workspace-pill,.access-gate-view .trust-pill{display:none!important;}


/* V8.0.2 — favicon + navigation logo refresh + value card alignment */
.brand-mark{
  display:grid!important;
  place-items:center!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:none!important;
}
.brand-mark img{
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 14px 34px rgba(23,109,255,.24);
}
.brand-mark span{display:none!important;}

/* Business Value cards: keep the BUSINESS VALUE block and action row aligned across all six cards. */
.value-area-card{
  display:grid!important;
  grid-template-rows:auto minmax(154px,auto) minmax(92px,auto) auto auto!important;
  align-content:start!important;
  min-height:100%!important;
  padding:24px!important;
  border:1px solid rgba(93,141,207,.18)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg, rgba(220,234,247,.96) 0%, rgba(220,234,247,.98) 100%)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.value-copy-block{display:grid;grid-template-rows:minmax(58px,auto) minmax(92px,auto);align-content:start;}
.value-area-card h3{
  margin:18px 0 0!important;
  min-height:58px;
  color:#e7eef7!important;
  font-size:19px!important;
  line-height:1.32!important;
  letter-spacing:-.028em!important;
}
.value-area-card>p,
.value-copy-block p{
  margin:12px 0 0!important;
  min-height:92px;
  color:#a9bbcf!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.value-result{
  margin-top:0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(97,145,216,.16);
}
.value-result span{
  color:#63b2ff!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.value-result strong{
  display:block;
  min-height:46px;
  margin-top:8px!important;
  color:#d7e2ee!important;
  font-size:14px!important;
  line-height:1.6!important;
}
.value-tags{
  min-height:42px;
  margin-top:14px!important;
  align-content:flex-start;
}
.value-tags span{
  padding:7px 10px!important;
  border-color:rgba(99,178,255,.12)!important;
  background:rgba(39,91,160,.16)!important;
  color:#9db3cb!important;
  font-size:14px!important;
}
.value-link{
  margin-top:16px!important;
  min-height:42px;
  border-color:rgba(96,171,255,.18)!important;
  background:linear-gradient(180deg, rgba(30,93,168,.22), rgba(18,64,120,.24))!important;
  color:#d8e7f7!important;
  font-size:14px!important;
}
.value-link:hover{
  background:linear-gradient(180deg, rgba(38,108,191,.28), rgba(22,78,146,.28))!important;
  border-color:rgba(110,185,255,.30)!important;
}

/* Let the cards breathe naturally on narrower screens. */
@media (max-width:1180px){
  .value-area-card{grid-template-rows:auto auto auto auto auto!important;}
  .value-copy-block{grid-template-rows:auto auto!important;}
  .value-area-card h3,
  .value-copy-block p,
  .value-result strong{min-height:0!important;}
}

/* Keep other text/value rows visually consistent in dense cards. */
.value-outcome-card,
.value-how-grid article,
.adoption-step,
.pilot-week,
.fit-card{
  border-color:rgba(93,141,207,.16)!important;
}


/* V8.1.0 — Google identity + role-based navigation */
[hidden]{display:none!important;}
.auth-signout{white-space:nowrap;}
.access-gate-view .top-actions{display:none!important;}
.google-signin{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;min-height:54px;font-size:14px!important;}
.google-g{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7eef7;color:#10213a;font-size:15px;font-weight:850;}


/* V8.2.0 — public capability navigation, admin sign-in, content protection and PWA install */
.nav-tool-button{
  appearance:none;min-height:38px;padding:8px 12px;border:1px solid rgba(110,178,246,.22);border-radius:12px;
  background:rgba(32,91,153,.13);color:#c9d9e9;font-size:14px;font-weight:720;white-space:nowrap;
}
.nav-tool-button:hover{background:rgba(44,113,186,.19);border-color:rgba(114,188,255,.34);color:#edf5fc;}
.nav-install-button{border-color:rgba(80,205,188,.2);background:rgba(34,135,124,.11);}
.nav-admin-chip{display:flex;align-items:center;gap:7px;min-width:0;padding:4px 9px 4px 4px;border:1px solid rgba(102,173,239,.18);border-radius:12px;background:rgba(220,234,247,.48);}
.nav-admin-chip>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#176dff,#19b6d0);color:#eef6fc;font-size:14px;font-weight:800;}
.nav-admin-chip strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce8f3;font-size:14px;}
.nav-admin-chip small{display:block;margin-top:1px;color:#77b9f2;font-size:14px;font-weight:800;letter-spacing:.08em;}
.mobile-auth-item{display:none!important;}

/* The complete product menu remains visible on the public Business Value surface. */
.value-view .primary-nav,[data-nav-menu],[data-view],[data-commercial-target]{visibility:visible;}

/* Browser-level copying deterrence. Form fields stay selectable for normal operation. */
.content-protected body,
.content-protected body *:not(input):not(textarea):not(select):not(option):not([contenteditable="true"]){
  -webkit-user-select:none!important;user-select:none!important;
}
.content-protected img{-webkit-user-drag:none!important;user-drag:none!important;}

.pwa-install-banner{
  position:fixed;z-index:130;right:22px;bottom:22px;width:min(480px,calc(100vw - 28px));display:grid;
  grid-template-columns:50px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;
  border:1px solid rgba(94,165,230,.22);border-radius:18px;background:linear-gradient(145deg,rgba(220,234,247,.98),rgba(220,234,247,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(22px);
}
.pwa-install-banner img{width:50px;height:50px;border-radius:13px;box-shadow:0 10px 26px rgba(20,102,220,.26);}
.pwa-install-banner strong{display:block;color:#e7eff7;font-size:14px;}
.pwa-install-banner span{display:block;margin-top:4px;color:#96a9bd;font-size:14px;line-height:1.45;}
.pwa-dismiss{appearance:none;border:0;background:transparent;color:#8699ad;font-size:24px;line-height:1;padding:5px;}
.pwa-ios-guide{grid-template-columns:50px minmax(0,1fr) auto;}

@media(max-width:1180px){
  .nav-auth-button,.nav-install-button,.nav-signout-button,.nav-admin-chip{display:none!important;}
  .mobile-auth-item{display:flex!important;}
  .primary-nav{align-items:stretch!important;}
}
@media(max-width:560px){
  .pwa-install-banner{right:14px;bottom:14px;grid-template-columns:44px minmax(0,1fr) auto;padding:12px;}
  .pwa-install-banner img{width:44px;height:44px;}
  .pwa-install-banner [data-pwa-install]{grid-column:1/-1;width:100%;}
  .pwa-install-banner .pwa-dismiss{position:absolute;right:8px;top:8px;}
}

/* ========================================================================== 
   V8.4.0 — GLOBAL ENTERPRISE LIGHT DESIGN SYSTEM
   Default workspace: warm light neutral surfaces with a deep-navy application
   header. The original V8 dark palette remains available through the theme
   toggle. Typography, spacing and component geometry stay on the existing
   enterprise scale.
   ========================================================================== */

html[data-theme="light"]{
  --page-bg:#f6f8fa;
  --page-bg-2:#eef3f8;
  --surface-card:#ffffff;
  --surface-soft:#f0f4f8;
  --surface-blue:#eef5ff;
  --surface-cyan:#edf9fb;
  --nav-deep:#e3eef9;
  --nav-deep-2:#dceaf7;
  --light-line:#d8e1ea;
  --light-line-strong:#c8d4df;
  --light-title:#142033;
  --light-primary:#26364b;
  --light-body:#44546a;
  --light-muted:#64748b;
  --light-faint:#8492a6;
  --brand-blue:#2563eb;
  --brand-blue-hover:#1d4ed8;
  --brand-cyan:#0891b2;
  --state-valid:#15803d;
  --state-review:#a16207;
  --state-blocked:#b42318;
  --state-info:#2563eb;
  --state-neutral:#64748b;
  --shadow-light:0 16px 42px rgba(20,32,51,.07);
  --shadow-light-lg:0 24px 70px rgba(20,32,51,.10);

  --ink:var(--light-primary);
  --ink2:var(--light-body);
  --muted:var(--light-muted);
  --muted2:var(--light-faint);
  --line:rgba(20,32,51,.13);
  --line2:rgba(20,32,51,.075);
  --surface:var(--surface-card);
  --surface2:var(--surface-soft);
  --surface3:var(--page-bg);
  --surface4:var(--surface-blue);
  --blue:var(--brand-blue);
  --blue2:var(--brand-blue-hover);
  --sky:#0284c7;
  --teal:var(--brand-cyan);
  --teal2:#0e7490;
  --green:var(--state-valid);
  --amber:var(--state-review);
  --red:var(--state-blocked);
  --blue-soft:#eaf2ff;
  --teal-soft:#e7f7f8;
  --green-soft:#ecfdf3;
  --amber-soft:#fff7e6;
  --red-soft:#fef3f2;
  --shadow:var(--shadow-light);
  --shadow-lg:var(--shadow-light-lg);

  --enterprise-ink-strong:var(--light-title);
  --enterprise-ink:var(--light-primary);
  --enterprise-body:var(--light-body);
  --enterprise-muted:var(--light-muted);
  --enterprise-faint:var(--light-faint);
  --enterprise-blue:var(--brand-blue);
  --enterprise-teal:var(--brand-cyan);

  --text-hero:var(--light-title);
  --text-title:var(--light-title);
  --text-primary:var(--light-primary);
  --text-body:var(--light-body);
  --text-muted:var(--light-muted);
  --text-faint:var(--light-faint);
  --text-label:var(--brand-blue);
  --text-link:var(--brand-blue);
  --text-on-accent:#ffffff;

  color-scheme:light;
  background:var(--page-bg);
}

html[data-theme="dark"]{color-scheme:dark;}

html[data-theme="light"],
html[data-theme="light"] body{
  background:var(--page-bg)!important;
  color:var(--text-primary)!important;
}
html[data-theme="light"] body{
  background-image:
    radial-gradient(circle at 8% 0,rgba(37,99,235,.045),transparent 28%),
    radial-gradient(circle at 94% 10%,rgba(8,145,178,.035),transparent 26%)!important;
  background-attachment:fixed!important;
}
html[data-theme="light"] .app-shell,
html[data-theme="light"] .main,
html[data-theme="light"] .view{
  background:transparent!important;
}

/* Deep-navy application chrome remains a stable Validelta brand anchor. */
html[data-theme="light"] .global-nav{
  color:#d8e5ef!important;
  background:
    radial-gradient(circle at 12% -140%,rgba(8,145,178,.22),transparent 42%),
    radial-gradient(circle at 72% -170%,rgba(37,99,235,.28),transparent 48%),
    linear-gradient(115deg,#edf5fc 0%,#e7f0fa 52%,#edf5fc 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 30px rgba(10,26,43,.20)!important;
}
html[data-theme="light"] .brand strong{color:#f2f7fb!important;}
html[data-theme="light"] .brand small{color:#91a8ba!important;}
html[data-theme="light"] .primary-nav-item{color:#b8c8d5!important;}
html[data-theme="light"] .primary-nav-item:hover,
html[data-theme="light"] .primary-nav-item[aria-expanded="true"]{
  color:#f2f7fb!important;background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.10)!important;
}
html[data-theme="light"] .primary-nav-item.section-active{
  color:#f2f7fb!important;background:linear-gradient(180deg,rgba(56,140,255,.20),rgba(8,145,178,.10))!important;border-color:rgba(105,174,255,.24)!important;
}
html[data-theme="light"] .primary-nav-item span{color:#7f98aa!important;}
html[data-theme="light"] .nav-tool-button{
  border-color:rgba(126,184,235,.22)!important;background:rgba(37,99,235,.10)!important;color:#d7e5f0!important;
}
html[data-theme="light"] .nav-tool-button:hover{background:rgba(52,119,208,.20)!important;border-color:rgba(138,198,250,.34)!important;color:#ffffff!important;}
html[data-theme="light"] .theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:72px;}
html[data-theme="light"] .theme-toggle>span:first-child{font-size:14px;line-height:1;}
html[data-theme="dark"] .theme-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-width:72px;}
html[data-theme="dark"] .theme-toggle>span:first-child{font-size:14px;line-height:1;}

/* Light workspace chrome. */
html[data-theme="light"] .topbar{
  background:rgba(246,248,250,.92)!important;
  border-bottom:1px solid var(--light-line)!important;
  box-shadow:0 8px 26px rgba(20,32,51,.035)!important;
}
html[data-theme="light"] .topbar h1{color:var(--light-title)!important;}
html[data-theme="light"] .topbar p{color:var(--light-body)!important;}
html[data-theme="light"] .eyebrow{color:var(--brand-blue)!important;}
html[data-theme="light"] .top-actions select,
html[data-theme="light"] .select,
html[data-theme="light"] .input,
html[data-theme="light"] .textarea{
  color:var(--light-primary)!important;
  background:#ffffff!important;
  border-color:var(--light-line-strong)!important;
  box-shadow:0 1px 2px rgba(20,32,51,.025)!important;
}
html[data-theme="light"] .select:focus,
html[data-theme="light"] .input:focus,
html[data-theme="light"] .textarea:focus{
  border-color:#7aa7f8!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}
html[data-theme="light"] .input::placeholder,
html[data-theme="light"] .textarea::placeholder{color:var(--light-faint)!important;}
html[data-theme="light"] .user-chip{
  background:#ffffff!important;border-color:var(--light-line)!important;color:var(--light-primary)!important;box-shadow:0 4px 14px rgba(20,32,51,.04)!important;
}

/* Shared content surfaces. */
html[data-theme="light"] :is(
  .hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero,
  .project-portfolio-hero,.project-detail-hero,.value-hero,
  .card,.metric,.passport,.commercial-context-bar,.stage-rail,.commercial-editor,.proof-row,.assurance-item,
  .capacity-row,.obligation-row,.graph-node,.fed-node,.kv,.operation-card,.connector-card,.policy-card,
  .frontier-item,.source-card,.arch-block,.workspace-card,.sector-product-card,.identity-card,.role-card,
  .integration-card,.api-client-card,.deployment-card,.matter-card,.onboarding-card,.project-card,.performance-card,
  .team-member-card,.strategy-card,.sector-pack-card,.sector-matter-row,.sector-subpanel,.sector-control,
  .public-policy-note,.assurance-layer-card,.editor-card,.scope-row,.token-card,.trace-item,.renewal-callout,
  .next-action,.assurance-loop-badge,.integration-workbench,.mapping-profile-card,.machine-key-reveal
){
  color:var(--light-primary)!important;
  border-color:var(--light-line)!important;
  background:var(--surface-card)!important;
  box-shadow:var(--shadow-light)!important;
}

html[data-theme="light"] :is(.hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero,.project-portfolio-hero,.project-detail-hero,.value-hero){
  background:
    radial-gradient(circle at 90% 2%,rgba(37,99,235,.075),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(8,145,178,.055),transparent 28%),
    linear-gradient(145deg,#ffffff 0%,#f7faff 100%)!important;
  border-color:#d5e0ea!important;
  box-shadow:0 20px 52px rgba(20,32,51,.075)!important;
}
html[data-theme="light"] :is(.hero h2,.commercial-hero h2,.assurance-hero h2,.workspace-hero h2,.enterprise-hero h2,.gateway-hero h2,.compact-hero h2,.project-portfolio-hero h2,.project-detail-hero h2,.value-hero h2){color:var(--light-title)!important;}
html[data-theme="light"] :is(.hero p,.commercial-hero p,.assurance-hero p,.workspace-hero p,.enterprise-hero p,.gateway-hero p,.compact-hero p,.project-portfolio-hero>div:first-child>p,.project-detail-hero>div:first-child>p,.value-hero-copy>p){color:var(--light-body)!important;}
html[data-theme="light"] :is(.hero-kicker,.section-label,.metric-label){color:var(--brand-blue)!important;}
html[data-theme="light"] :is(.card-title,.metric-value,.frontier-state,.passport-id,.arch-block h4,.activity strong,.timeline-item strong){color:var(--light-title)!important;}
html[data-theme="light"] :is(.card-sub,.metric-foot){color:var(--light-body)!important;}

/* Nested secondary modules use a quiet blue-grey layer instead of another dark panel. */
html[data-theme="light"] :is(
  .trace-item,.editor-card,.scope-row,.token-card,.commercial-number-grid>div,.liveness-panel>div,
  .contract-summary-strip>div,.renewal-decision-grid>div,.action-chip-list>span,.lineage>div,
  .assurance-kpi-pair>div,.mini-state,.project-card-facts>div,.project-hierarchy>div,
  .project-priority-facts>div,.strategy-facts>div,.strategy-card-facts>div,.team-member-metrics>div,
  .member-kpi-strip>div,.deployment-facts>div,.gateway-outcomes>div,.matter-facts>div
){
  color:var(--light-primary)!important;
  border-color:#dbe4ec!important;
  background:var(--surface-soft)!important;
  box-shadow:none!important;
}

/* Tables and dense operational content. */
html[data-theme="light"] .table-wrap{border-color:var(--light-line)!important;background:#ffffff!important;box-shadow:var(--shadow-light)!important;}
html[data-theme="light"] .table th{background:#eef3f8!important;color:var(--light-muted)!important;border-color:#d9e2ea!important;}
html[data-theme="light"] .table td{color:var(--light-primary)!important;border-color:#e1e8ef!important;background:#ffffff!important;}
html[data-theme="light"] .table tbody tr:hover td{background:#f8fafc!important;}
html[data-theme="light"] .table small{color:var(--light-muted)!important;}
html[data-theme="light"] .field label{color:var(--light-primary)!important;}
html[data-theme="light"] .field small{color:var(--light-muted)!important;}
html[data-theme="light"] .mono,
html[data-theme="light"] .proof-box code,
html[data-theme="light"] .terminal{color:#27364a!important;}

/* Graph / map / evidence visualisations. */
html[data-theme="light"] :is(.graph-canvas,.federation-map,.assurance-map){
  border-color:var(--light-line)!important;
  background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.065),transparent 35%),#f8fafc!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
html[data-theme="light"] .graph-canvas{
  background-image:radial-gradient(circle,rgba(100,116,139,.18) 1px,transparent 1px)!important;
  background-size:24px 24px!important;background-color:#f8fafc!important;
}
html[data-theme="light"] .trust-ring:before{background:#ffffff!important;}
html[data-theme="light"] .timeline-item:before{background:#ffffff!important;}
html[data-theme="light"] .score-track,
html[data-theme="light"] .capacity-track{background:#e3eaf1!important;}
html[data-theme="light"] .capacity-track span{background:linear-gradient(90deg,var(--brand-blue),var(--brand-cyan))!important;}

/* Business Value default public surface. */
html[data-theme="light"] .value-page{color:var(--light-primary)!important;}
html[data-theme="light"] .value-section,
html[data-theme="light"] .value-pilot,
html[data-theme="light"] .value-fit,
html[data-theme="light"] .value-cta{
  border:1px solid var(--light-line)!important;
  background:#ffffff!important;
  box-shadow:var(--shadow-light)!important;
}
html[data-theme="light"] .value-pilot{
  background:radial-gradient(circle at 4% 0,rgba(8,145,178,.06),transparent 28%),linear-gradient(145deg,#ffffff,#f7fbfc)!important;
}
html[data-theme="light"] .value-section-head h2,
html[data-theme="light"] .value-fit h2,
html[data-theme="light"] .value-pilot h2,
html[data-theme="light"] .value-cta h2{color:var(--light-title)!important;}
html[data-theme="light"] .value-section-head>p,
html[data-theme="light"] .value-fit p,
html[data-theme="light"] .value-pilot p,
html[data-theme="light"] .value-cta p{color:var(--light-body)!important;}
html[data-theme="light"] .value-flow{
  border-color:#d7e2ed!important;background:linear-gradient(145deg,#f3f7fb,#edf4fb)!important;box-shadow:none!important;
}
html[data-theme="light"] .value-flow-head strong{color:var(--light-title)!important;}
html[data-theme="light"] .value-flow-grid>div{border-color:#d8e2eb!important;background:#ffffff!important;}
html[data-theme="light"] .value-flow-grid strong{color:var(--light-title)!important;}
html[data-theme="light"] .value-flow-grid span{color:var(--light-body)!important;}
html[data-theme="light"] .value-proof-line{border-color:#d8e2eb!important;background:#f7fafc!important;color:var(--light-body)!important;}
html[data-theme="light"] .value-proof-line strong{color:var(--light-title)!important;}
html[data-theme="light"] .value-area-card{
  border-color:#d9e2eb!important;background:#ffffff!important;box-shadow:0 12px 34px rgba(20,32,51,.055)!important;
}
html[data-theme="light"] .value-area-card:hover{transform:translateY(-2px);border-color:#b9cceb!important;box-shadow:0 18px 42px rgba(20,32,51,.08)!important;}
html[data-theme="light"] .value-area-card h3{color:var(--light-title)!important;}
html[data-theme="light"] .value-area-card>p,
html[data-theme="light"] .value-copy-block p{color:var(--light-body)!important;}
html[data-theme="light"] .value-card-top>span{background:#eaf2ff!important;color:var(--brand-blue)!important;}
html[data-theme="light"] .value-card-top small{color:var(--light-muted)!important;}
html[data-theme="light"] .value-result{border-color:#e0e7ee!important;}
html[data-theme="light"] .value-result span{color:var(--brand-blue)!important;}
html[data-theme="light"] .value-result strong{color:var(--light-primary)!important;}
html[data-theme="light"] .value-tags span{border-color:#d8e4f3!important;background:#f1f6fd!important;color:#52657a!important;}
html[data-theme="light"] .value-link{border-color:#c9d9ee!important;background:#f4f8fd!important;color:var(--brand-blue)!important;}
html[data-theme="light"] .value-link:hover{background:#eaf2ff!important;border-color:#a9c2e6!important;color:#1d4ed8!important;}
html[data-theme="light"] .value-outcome-card,
html[data-theme="light"] .value-how-grid article,
html[data-theme="light"] .adoption-step,
html[data-theme="light"] .pilot-weeks>div,
html[data-theme="light"] .fit-grid span{
  border-color:#dce5ed!important;background:var(--surface-soft)!important;box-shadow:none!important;
}
html[data-theme="light"] .value-outcome-card strong,
html[data-theme="light"] .value-how-grid strong,
html[data-theme="light"] .adoption-step strong,
html[data-theme="light"] .pilot-weeks strong{color:var(--light-title)!important;}
html[data-theme="light"] .value-outcome-card p,
html[data-theme="light"] .value-how-grid p,
html[data-theme="light"] .adoption-step p,
html[data-theme="light"] .pilot-weeks p{color:var(--light-body)!important;}
html[data-theme="light"] .value-how-grid article>span,
html[data-theme="light"] .adoption-step>span{background:#e5effc!important;color:var(--brand-blue)!important;}
html[data-theme="light"] .adoption-step.active{border-color:#a9c5ee!important;background:#eef5ff!important;}
html[data-theme="light"] .adoption-arrow{color:#8ca0b6!important;}
html[data-theme="light"] .fit-grid span{color:#43566c!important;}

/* New closing CTA replaces technical filing copy on the public homepage. */
.value-cta{
  display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px;border-radius:26px;
}
.value-cta>div:first-child{min-width:0;max-width:900px;}
.value-cta h2{margin:7px 0 0;font-size:28px;line-height:1.14;letter-spacing:-.035em;}
.value-cta p{margin:12px 0 0;font-size:14px;line-height:1.68;}
.value-cta-actions{display:flex;gap:10px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:820px){.value-cta{align-items:flex-start;flex-direction:column;padding:24px}.value-cta-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.value-cta-actions .button{width:100%;}}
@media(max-width:560px){.value-cta{padding:20px;border-radius:21px}.value-cta h2{font-size:26px}.value-cta-actions{grid-template-columns:1fr;}}
html[data-theme="dark"] .value-cta{border:1px solid rgba(83,159,255,.13);background:linear-gradient(145deg,rgba(33,91,162,.09),rgba(220,234,247,.92));box-shadow:0 18px 52px rgba(0,0,0,.18);}
html[data-theme="dark"] .value-cta h2{color:var(--text-title)!important;}
html[data-theme="dark"] .value-cta p{color:var(--text-body)!important;}

/* Enterprise / negotiation / integration operational layers. */
html[data-theme="light"] :is(.commercial-tabs,.project-tabs){background:rgba(246,248,250,.94)!important;border-color:var(--light-line)!important;box-shadow:0 10px 28px rgba(20,32,51,.06)!important;}
html[data-theme="light"] :is(.commercial-tab,.project-tab){color:var(--light-muted)!important;}
html[data-theme="light"] :is(.commercial-tab.active,.project-tab.active){background:#ffffff!important;color:var(--brand-blue)!important;box-shadow:inset 0 0 0 1px #c8d9ef,0 4px 14px rgba(20,32,51,.05)!important;}
html[data-theme="light"] .commercial-hero-proof{background:#f3f7fb!important;border-color:#d9e3ec!important;}
html[data-theme="light"] .next-action{background:linear-gradient(145deg,#eef5ff,#ffffff)!important;border-color:#c8d9ef!important;}
html[data-theme="light"] .sector-control.ok{background:linear-gradient(180deg,#f0fbf4,#ffffff)!important;}
html[data-theme="light"] .sector-control.blocked{background:linear-gradient(180deg,#fff8eb,#ffffff)!important;}
html[data-theme="light"] .project-card:hover{border-color:#b9cceb!important;background:#fbfdff!important;box-shadow:0 18px 42px rgba(20,32,51,.085)!important;}
html[data-theme="light"] .project-card-top>div>span{color:var(--light-muted)!important;}
html[data-theme="light"] .project-card-top strong{color:var(--light-title)!important;}
html[data-theme="light"] .project-card>p{color:var(--light-body)!important;}
html[data-theme="light"] .integration-icon{background:#eaf2ff!important;color:var(--brand-blue)!important;border-color:#d4e1f5!important;}
html[data-theme="light"] .machine-key-reveal{background:#eefbf8!important;border-color:#c9e9e1!important;}

/* Buttons and semantic state language. */
html[data-theme="light"] .button{
  background:linear-gradient(180deg,#2f6fed,var(--brand-blue))!important;
  border-color:#2056cb!important;color:#ffffff!important;
  box-shadow:0 8px 20px rgba(37,99,235,.18)!important;
}
html[data-theme="light"] .button:hover{background:linear-gradient(180deg,#2863d9,#1d4ed8)!important;box-shadow:0 10px 24px rgba(37,99,235,.23)!important;}
html[data-theme="light"] .button.secondary,
html[data-theme="light"] .button.ghost{
  background:#ffffff!important;color:#33465c!important;border:1px solid #cbd7e3!important;box-shadow:0 3px 10px rgba(20,32,51,.035)!important;
}
html[data-theme="light"] .button.secondary:hover,
html[data-theme="light"] .button.ghost:hover{background:#f3f6f9!important;border-color:#b9c7d4!important;color:#1f3349!important;}
html[data-theme="light"] .button.teal{background:linear-gradient(180deg,#0e9db8,#087f9d)!important;border-color:#08738d!important;color:#ffffff!important;}
html[data-theme="light"] .button.danger{background:linear-gradient(180deg,#c53a31,#b42318)!important;border-color:#991f17!important;color:#ffffff!important;}
html[data-theme="light"] .text-button{color:var(--brand-blue)!important;}
html[data-theme="light"] .status{border-color:transparent!important;font-weight:760!important;}
html[data-theme="light"] :is(.status.VALID,.status.VERIFIED,.status.ACTIVE,.status.ACCEPTABLE,.status.ACCEPTED,.status.AWARDED,.status.EXECUTED,.status.RENEWED,.status.AVAILABLE,.status.EVIDENCE_READY,.status.COMPLETE,.status.FULL_ACCEPTANCE,.status.RENEW,.status.PRESERVE){background:#ecfdf3!important;color:var(--state-valid)!important;}
html[data-theme="light"] :is(.status.PENDING,.status.WAITING,.status.REVIEW,.status.REVIEW_REQUIRED,.status.REVALIDATION_REQUIRED,.status.RENEWAL_ANALYSIS_REQUIRED,.status.RECONCILIATION_REQUIRED,.status.WARNING,.status.CLARIFICATION,.status.MONITORING,.status.NOT_DUE,.status.HOLD){background:#fff7e6!important;color:var(--state-review)!important;}
html[data-theme="light"] :is(.status.STALLED,.status.OVERDUE,.status.DECISION_OVERDUE,.status.CONFLICT,.status.BLOCKED,.status.INVALID,.status.INVALIDATED,.status.REVOKED,.status.EXPIRED,.status.OUTSIDE_ENVELOPE,.status.EXIT){background:#fef3f2!important;color:var(--state-blocked)!important;}
html[data-theme="light"] :is(.status.CONTRACT_EXECUTION,.status.DELIVERY,.status.MODIFICATION,.status.CHANGE_CONTROL,.status.PAYMENT_CERTIFICATION){background:#eff6ff!important;color:var(--state-info)!important;}
html[data-theme="light"] .notice{border-color:#cfe0f5!important;background:#eff6ff!important;color:#334c68!important;}
html[data-theme="light"] .notice.success{border-color:#c8ead5!important;background:#ecfdf3!important;color:#166534!important;}
html[data-theme="light"] .notice.warning{border-color:#efddb6!important;background:#fff7e6!important;color:#854d0e!important;}
html[data-theme="light"] .notice.danger{border-color:#f0c9c5!important;background:#fef3f2!important;color:#991b1b!important;}
html[data-theme="light"] .empty{border-color:#d7e1ea!important;background:#f8fafc!important;color:var(--light-muted)!important;}

/* Footer exists on every public and authenticated surface. */
.site-footer{padding:0 max(28px,calc((100vw - 1640px)/2 + 38px)) 34px;background:transparent;}
.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 2px 4px;border-top:1px solid var(--line);}
.footer-brand{display:flex;align-items:center;gap:14px;min-width:0;}
.footer-brand strong{font-size:14px;letter-spacing:-.015em;}
.footer-brand span{font-size:14px;}
.footer-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
.footer-links button{appearance:none;border:0;background:transparent;padding:7px 9px;border-radius:9px;font-size:14px;cursor:pointer;}
html[data-theme="light"] .site-footer-inner{border-color:#d8e1ea!important;}
html[data-theme="light"] .footer-brand strong{color:var(--light-title)!important;}
html[data-theme="light"] .footer-brand span{color:var(--light-muted)!important;}
html[data-theme="light"] .footer-links button{color:#53677d!important;}
html[data-theme="light"] .footer-links button:hover{color:var(--brand-blue)!important;background:#eaf2ff!important;}
html[data-theme="dark"] .footer-brand strong{color:var(--text-title)!important;}
html[data-theme="dark"] .footer-brand span{color:var(--text-muted)!important;}
html[data-theme="dark"] .footer-links button{color:var(--text-muted)!important;}
html[data-theme="dark"] .footer-links button:hover{color:var(--text-link)!important;background:rgba(255,255,255,.04)!important;}

/* Public footer information panel. */
.public-info-modal{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:22px;}
.public-info-modal[hidden]{display:none!important;}
.public-info-scrim{position:absolute;inset:0;border:0;background:rgba(220,234,247,.46);backdrop-filter:blur(5px);}
.public-info-panel{position:relative;z-index:1;width:min(620px,100%);padding:26px;border-radius:22px;}
.public-info-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;}
.public-info-head h2{margin:7px 0 0;font-size:26px;line-height:1.12;letter-spacing:-.035em;}
.public-info-close{appearance:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:24px;line-height:1;cursor:pointer;}
.public-info-copy p{margin:18px 0 0;font-size:14px;line-height:1.72;}
html[data-theme="light"] .public-info-panel{background:#ffffff!important;border:1px solid #d4dee7!important;box-shadow:0 30px 90px rgba(20,32,51,.18)!important;}
html[data-theme="light"] .public-info-head h2{color:var(--light-title)!important;}
html[data-theme="light"] .public-info-close{background:#f1f5f9!important;border:1px solid #d9e2ea!important;color:#42566c!important;}
html[data-theme="light"] .public-info-copy p{color:var(--light-body)!important;}
html[data-theme="dark"] .public-info-panel{background:#edf5fc;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 90px rgba(0,0,0,.42);}
html[data-theme="dark"] .public-info-head h2{color:var(--text-title)!important;}
html[data-theme="dark"] .public-info-close{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text-primary);}
html[data-theme="dark"] .public-info-copy p{color:var(--text-body)!important;}

/* PWA / transient UI follows the selected theme. */
html[data-theme="light"] .pwa-install-banner,
html[data-theme="light"] .toast{
  background:rgba(255,255,255,.97)!important;border:1px solid #d5e0e9!important;color:var(--light-primary)!important;box-shadow:0 24px 70px rgba(20,32,51,.16)!important;
}
html[data-theme="light"] .pwa-install-banner strong,
html[data-theme="light"] .toast strong{color:var(--light-title)!important;}
html[data-theme="light"] .pwa-install-banner span,
html[data-theme="light"] .toast span{color:var(--light-body)!important;}
html[data-theme="light"] .pwa-dismiss{color:var(--light-muted)!important;}

/* Access gate is readable on the light workspace while keeping the admin boundary clear. */
html[data-theme="light"] .access-gate{
  border-color:#d2deea!important;background:radial-gradient(circle at 12% 8%,rgba(37,99,235,.07),transparent 31%),linear-gradient(145deg,#ffffff,#f5f9fd)!important;box-shadow:var(--shadow-light-lg)!important;
}
html[data-theme="light"] .access-gate-copy h2{color:var(--light-title)!important;}
html[data-theme="light"] .access-gate-copy p{color:var(--light-body)!important;}
html[data-theme="light"] .access-gate-form{border-color:#d8e3ed!important;background:#f3f7fb!important;}
html[data-theme="light"] .google-g{background:#e8eff7!important;color:#17324d!important;}

/* Mobile: keep dark navigation separate from the light workspace and preserve spacing. */
@media(max-width:1180px){
  .theme-toggle-label{display:none;}
  html[data-theme="light"] .theme-toggle,html[data-theme="dark"] .theme-toggle{min-width:40px;width:40px;padding:8px!important;}
}
@media(max-width:820px){
  html[data-theme="light"] .primary-nav{background:#e7f0fa!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 70px rgba(6,20,34,.35)!important;}
  html[data-theme="light"] .topbar{background:rgba(246,248,250,.96)!important;}
  .site-footer{padding:0 16px 26px;}
  .site-footer-inner{align-items:flex-start;flex-direction:column;gap:10px;}
  .footer-brand{align-items:flex-start;flex-direction:column;gap:3px;}
  .footer-links{justify-content:flex-start;}
}

/* Selection remains visible without changing the professional neutral palette. */
html[data-theme="light"] ::selection{background:#dbeafe;color:#172554;}

/* V8.4 navigation polish: theme control stays compact on every viewport. */
.theme-toggle-label{display:none!important;}
html[data-theme="light"] .theme-toggle,
html[data-theme="dark"] .theme-toggle{min-width:40px!important;width:40px!important;padding:8px!important;}

/* ========================================================================== 
   V8.4.1 — ICE BLUE ENTERPRISE NAVIGATION + GLOBAL SURFACE CORRECTION
   One visual language across public and authenticated surfaces. The fixed
   header, dropdown navigation, page chrome and operational modules all use
   the Validelta blue / cyan / violet family on pale blue-white surfaces.
   ========================================================================== */

html[data-theme="light"]{
  --header-height:78px;
  --page-bg:#f4f8fd;
  --page-bg-2:#edf5fd;
  --surface-card:#fafdff;
  --surface-card-2:#f5f9ff;
  --surface-soft:#eef5fc;
  --surface-blue:#e9f2ff;
  --surface-cyan:#ebf8fb;
  --surface-violet:#f3f0ff;
  --light-line:#d4e2f0;
  --light-line-strong:#c3d6e8;
  --light-title:#14243a;
  --light-primary:#263a52;
  --light-body:#465b72;
  --light-muted:#61768d;
  --light-faint:#8798aa;
  --brand-blue:#2563eb;
  --brand-cyan:#0891b2;
  --brand-violet:#6d5ce7;
  --shadow-light:0 16px 42px rgba(39,76,119,.075);
  --shadow-light-lg:0 26px 70px rgba(39,76,119,.11);
  --content-gap:34px;
  --block-gap:20px;
  --project-gap:32px;
  --project-inner-gap:22px;
  color-scheme:light;
}

html[data-theme="light"],
html[data-theme="light"] body{
  background:#f4f8fd!important;
}
html[data-theme="light"] body{
  background-image:
    radial-gradient(circle at 8% -2%,rgba(8,145,178,.075),transparent 28%),
    radial-gradient(circle at 94% 4%,rgba(109,92,231,.065),transparent 29%),
    linear-gradient(135deg,#f8fbff 0%,#eef6ff 54%,#f6f3ff 100%)!important;
  background-attachment:fixed!important;
}

/* Header: pale glass, enough room for the actual navigation, no duplicated
   authenticated status/user blocks inside the same row. */
html[data-theme="light"] .global-nav{
  color:var(--light-primary)!important;
  background:
    radial-gradient(circle at 8% -130%,rgba(8,145,178,.15),transparent 43%),
    radial-gradient(circle at 78% -165%,rgba(109,92,231,.12),transparent 45%),
    linear-gradient(112deg,rgba(248,252,255,.97) 0%,rgba(238,247,255,.97) 58%,rgba(246,243,255,.97) 100%)!important;
  border-bottom:1px solid #cfe0f2!important;
  box-shadow:0 10px 30px rgba(35,74,116,.10)!important;
  backdrop-filter:saturate(150%) blur(24px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(24px)!important;
}
html[data-theme="light"] .global-nav-inner{
  width:min(1760px,100%)!important;
  padding:0 clamp(22px,2.5vw,46px)!important;
  grid-template-columns:minmax(220px,270px) minmax(620px,1fr) max-content!important;
  gap:24px!important;
}
html[data-theme="light"] .brand{min-width:0!important;gap:12px!important;}
html[data-theme="light"] .brand-mark{flex-basis:42px!important;width:42px!important;height:42px!important;}
html[data-theme="light"] .brand strong{color:#16314b!important;font-size:18px!important;}
html[data-theme="light"] .brand small{color:#6b8298!important;font-size:14px!important;}
html[data-theme="light"] .primary-nav{
  justify-self:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
}
html[data-theme="light"] .primary-nav-item{
  min-height:42px!important;
  padding:9px 14px!important;
  border:1px solid transparent!important;
  color:#344d67!important;
  background:transparent!important;
  font-size:14px!important;
  font-weight:680!important;
}
html[data-theme="light"] .primary-nav-item span{color:#7891a9!important;}
html[data-theme="light"] .primary-nav-item:hover,
html[data-theme="light"] .primary-nav-item[aria-expanded="true"]{
  color:#173c66!important;
  background:linear-gradient(180deg,#edf5ff,#e8f2ff)!important;
  border-color:#bfd7f0!important;
}
html[data-theme="light"] .primary-nav-item.section-active{
  color:#174b91!important;
  background:linear-gradient(180deg,#e6f1ff,#eaf7fb)!important;
  border-color:#b4d1ee!important;
  box-shadow:0 5px 14px rgba(37,99,235,.08)!important;
}
html[data-theme="light"] .global-nav-tools{
  justify-self:end!important;
  gap:10px!important;
  min-width:max-content!important;
  overflow:visible!important;
}
html[data-theme="light"] .nav-tool-button{
  min-height:42px!important;
  padding:9px 14px!important;
  color:#27445f!important;
  background:linear-gradient(180deg,#f6fbff,#edf5fd)!important;
  border-color:#c7dced!important;
  box-shadow:0 4px 14px rgba(36,79,122,.06)!important;
}
html[data-theme="light"] .nav-tool-button:hover{
  color:#174b91!important;
  background:linear-gradient(180deg,#ecf5ff,#e5f1ff)!important;
  border-color:#aecaeb!important;
}
html[data-theme="light"] .nav-install-button{
  color:#08758f!important;
  background:linear-gradient(180deg,#effafb,#e8f6f8)!important;
  border-color:#b9e1e6!important;
}
/* Theme is intentionally fixed to the Ice Blue Enterprise system in V8.4.1. */
.theme-toggle,.nav-admin-chip,.nav-signout-button,.workspace-pill,.trust-pill{display:none!important;}

/* Dropdowns: same pale Validelta family as the rest of the product. */
html[data-theme="light"] .nav-dropdown{
  top:calc(var(--header-height) + 14px)!important;
  width:min(1040px,calc(100vw - 72px))!important;
  max-height:min(74vh,660px)!important;
  padding:26px!important;
  gap:26px!important;
  border:1px solid #cbddee!important;
  border-radius:26px!important;
  background:
    radial-gradient(circle at 94% 0,rgba(109,92,231,.075),transparent 32%),
    radial-gradient(circle at 5% 100%,rgba(8,145,178,.065),transparent 29%),
    linear-gradient(145deg,rgba(249,252,255,.985),rgba(238,246,255,.985))!important;
  box-shadow:0 30px 85px rgba(34,72,112,.18),inset 0 1px 0 rgba(255,255,255,.72)!important;
  backdrop-filter:blur(28px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(145%)!important;
}
html[data-theme="light"] .nav-dropdown-intro{
  border-right:1px solid #d6e3ef!important;
}
html[data-theme="light"] .nav-dropdown-intro>span,
html[data-theme="light"] .menu-group-label{color:#3972c7!important;}
html[data-theme="light"] .nav-dropdown-intro>strong{color:#18324d!important;}
html[data-theme="light"] .nav-dropdown-intro p{color:#627a91!important;}
html[data-theme="light"] .nav-item,
html[data-theme="light"] .subnav-item{
  color:#334b63!important;
  border-color:#d9e5f0!important;
  background:linear-gradient(145deg,#f8fbff,#f1f7fd)!important;
  box-shadow:0 6px 18px rgba(40,80,120,.035)!important;
}
html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .subnav-item:hover{
  color:#173f6b!important;
  background:linear-gradient(145deg,#eef6ff,#eaf4ff)!important;
  border-color:#bcd4ec!important;
  box-shadow:0 8px 22px rgba(37,99,235,.07)!important;
}
html[data-theme="light"] .nav-item.active,
html[data-theme="light"] .nav-item.featured{
  color:#163f70!important;
  background:linear-gradient(145deg,#e9f3ff,#edf9fb)!important;
  border-color:#b7d2ee!important;
}
html[data-theme="light"] .nav-icon{
  color:#245eb4!important;
  background:linear-gradient(145deg,#e1edff,#e9f7fb)!important;
  border:1px solid #cadff2!important;
}
html[data-theme="light"] .nav-item strong,
html[data-theme="light"] .subnav-item strong{color:#253d55!important;}
html[data-theme="light"] .nav-item small,
html[data-theme="light"] .subnav-item small{color:#6d8095!important;}
html[data-theme="light"] .menu-group{
  border-color:#d9e5f0!important;
  background:linear-gradient(145deg,#f5f9ff,#eef6fd)!important;
}
html[data-theme="light"] .nav-scrim::before,
html[data-theme="light"] .nav-scrim::after{
  background:rgba(219,233,247,.48)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .nav-scrim.open{background:rgba(231,240,249,.12)!important;}

/* Page header: authenticated context lives here instead of competing with
   the primary menu. */
html[data-theme="light"] .topbar{
  top:var(--header-height)!important;
  min-height:118px!important;
  padding:22px max(32px,calc((100vw - 1760px)/2 + 46px))!important;
  gap:34px!important;
  background:linear-gradient(180deg,rgba(248,251,255,.94),rgba(242,248,254,.92))!important;
  border-bottom:1px solid #d5e3ef!important;
  box-shadow:0 8px 24px rgba(37,75,114,.045)!important;
}
html[data-theme="light"] .top-left{padding-right:18px!important;}
html[data-theme="light"] .top-actions{gap:12px!important;flex-wrap:wrap!important;}
html[data-theme="light"] .top-actions select,
html[data-theme="light"] .select,
html[data-theme="light"] .input,
html[data-theme="light"] .textarea{
  background:linear-gradient(180deg,#fbfdff,#f5f9fd)!important;
  border-color:#c7d8e7!important;
  color:#2d455d!important;
}
html[data-theme="light"] .user-chip,
html[data-theme="light"] .fabric-status-chip{
  min-height:52px!important;
  align-items:center!important;
  gap:9px!important;
  padding:6px 12px 6px 6px!important;
  border:1px solid #cadbea!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,#f8fbff,#eef6fd)!important;
  box-shadow:0 6px 18px rgba(40,80,120,.045)!important;
}
html[data-theme="light"] .fabric-status-chip>div{min-width:0;}
html[data-theme="light"] .fabric-status-chip strong{display:block;color:#31516f!important;font-size:14px!important;white-space:nowrap;}
html[data-theme="light"] .fabric-status-chip small{display:block;margin-top:2px;color:#72869a!important;font-size:14px!important;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-theme="light"] .live-dot{background:#21b987!important;box-shadow:0 0 0 5px rgba(33,185,135,.10)!important;}
html[data-theme="light"] .user-chip strong{color:#2f475f!important;}
html[data-theme="light"] .user-chip small{color:#6f8297!important;}

/* Global breathing room. */
.view{max-width:1760px!important;padding:38px 46px 78px!important;}
.view > * + *{margin-top:34px!important;}
.metric-grid,.grid-2,.grid-2.equal,.grid-3,.frontier-grid,.source-grid,.passport-grid,.arch-grid,
.proof-list,.token-stack,.assurance-stack,.assurance-layer-grid,.commercial-number-grid,.liveness-panel,
.contract-summary-strip,.renewal-decision-grid,.action-chip-list,.reason-list,.menu-groups,.nav-dropdown-grid,
.nav-dropdown-grid-5,.form-grid,.project-grid,.performance-card-grid,.team-performance-grid,.strategy-grid,
.project-matter-stack,.action-ledger,.performance-history,.integration-grid,.workspace-grid,.sector-product-grid,
.identity-grid,.role-grid,.deployment-grid,.integration-ops-grid{gap:22px!important;}
.card,.metric,.passport,.operation-card,.connector-card,.policy-card,.frontier-item,.source-card,.arch-block,
.matter-card,.onboarding-card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,
.api-client-card,.deployment-card,.project-card,.performance-card,.team-member-card,.strategy-card{
  padding:26px!important;
}

/* Strong light-surface reset for every operational family that previously
   carried an explicit navy/black fill. */
html[data-theme="light"] :is(
  .hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero,
  .project-portfolio-hero,.project-detail-hero,.value-hero,.value-section,.value-pilot,.value-fit,.value-cta,
  .card,.metric,.passport,.proof-box,.commercial-context-bar,.stage-rail,.commercial-editor,.editor-card,
  .proof-row,.assurance-item,.capacity-row,.obligation-row,.graph-node,.fed-node,.kv,.operation-card,
  .connector-card,.policy-card,.frontier-item,.source-card,.arch-block,.workspace-health,.enterprise-org-badge,
  .matter-card,.matter-detail-panel,.matter-readiness,.matter-next,.onboarding-step,.onboarding-card,.workspace-card,
  .sector-product-card,.identity-card,.role-card,.integration-card,.api-client-card,.deployment-card,.enterprise-editor,
  .gateway-decision,.project-portfolio-badge,.project-health-card,.project-card,.project-hierarchy>div,.project-tabs,
  .project-matter-row,.project-priority,.performance-card,.performance-history>div,.team-member-card,
  .strategy-recommendation,.strategy-card,.action-ledger-row,.sector-pack-card,.sector-matter-row,.sector-subpanel,
  .sector-control,.public-policy-note,.assurance-loop-badge,.assurance-layer-card,.scope-row,.token-card,.trace-item,
  .renewal-callout,.next-action,.integration-workbench,.mapping-profile-card,.machine-key-reveal,.file-channel-card,
  .ops-row,.api-route-stack>div,.integration-health-line,.transition-strip,.obligation-card,.guardrail,.dependency-card,
  .commercial-number-grid>div,.liveness-panel>div,.contract-summary-strip>div,.renewal-decision-grid>div,
  .assurance-kpi-pair>div,.project-card-facts>div,.project-priority-facts>div,.strategy-facts>div,
  .strategy-card-facts>div,.team-member-metrics>div,.member-kpi-strip span,.learning-loop>div,
  .deployment-facts>div,.gateway-outcomes>div,.matter-facts>div,.action-chip-list>span,.lineage>div,
  .pilot-weeks>div,.value-outcome-card,.value-how-grid article,.adoption-step,.fit-grid span
){
  color:var(--light-primary)!important;
  border-color:#d4e2ef!important;
  background:linear-gradient(145deg,#fbfdff 0%,#f3f8ff 100%)!important;
  box-shadow:0 14px 38px rgba(41,78,117,.06)!important;
}

/* Larger feature surfaces get a subtle logo-derived blue/cyan/violet wash. */
html[data-theme="light"] :is(
  .hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero,
  .project-portfolio-hero,.project-detail-hero,.value-hero,.value-pilot,.value-cta
){
  background:
    radial-gradient(circle at 92% 4%,rgba(109,92,231,.075),transparent 33%),
    radial-gradient(circle at 7% 96%,rgba(8,145,178,.075),transparent 28%),
    linear-gradient(145deg,#fbfdff 0%,#eef6ff 62%,#f5f2ff 100%)!important;
  border-color:#cbddee!important;
  box-shadow:0 20px 54px rgba(39,76,119,.085)!important;
}

/* Nested and dense surfaces use a second pale-blue layer. */
html[data-theme="light"] :is(
  .project-card-facts>div,.project-hierarchy>div,.project-priority-facts>div,.strategy-facts>div,
  .strategy-card-facts>div,.team-member-metrics>div,.performance-history>div,.deployment-facts>div,
  .gateway-outcomes>div,.matter-facts>div,.commercial-number-grid>div,.liveness-panel>div,
  .contract-summary-strip>div,.renewal-decision-grid>div,.assurance-kpi-pair>div,.action-chip-list>span,
  .lineage>div,.tag-row>span,.permission-list>span,.mini-state,.scope-picker label
){
  border-color:#d9e6f1!important;
  background:linear-gradient(145deg,#f2f7fd,#edf5fc)!important;
  box-shadow:none!important;
}

/* Tables / charts / technical canvases remain light too. */
html[data-theme="light"] .table-wrap{background:#f8fbff!important;border-color:#d4e1ed!important;}
html[data-theme="light"] .table th{background:#edf5fc!important;color:#63788e!important;border-color:#d8e4ef!important;}
html[data-theme="light"] .table td{background:#fafdff!important;color:#2f455c!important;border-color:#e0e9f1!important;}
html[data-theme="light"] .table tbody tr:hover td{background:#f1f7fd!important;}
html[data-theme="light"] :is(.graph-canvas,.federation-map,.assurance-map){
  background:radial-gradient(circle at 50% 45%,rgba(37,99,235,.065),transparent 35%),#f3f8fd!important;
  border-color:#d1dfec!important;
}
html[data-theme="light"] .graph-canvas{background-color:#f3f8fd!important;}
html[data-theme="light"] .trust-ring:before,
html[data-theme="light"] .timeline-item:before{background:#f7fbff!important;}
html[data-theme="light"] .score-track,
html[data-theme="light"] .capacity-track,
html[data-theme="light"] .progress-track,
html[data-theme="light"] .project-progress>div,
html[data-theme="light"] .mini-progress{background:#dfeaf5!important;}

/* Tabs and secondary controls. */
html[data-theme="light"] :is(.commercial-tabs,.project-tabs){
  background:rgba(240,247,254,.96)!important;
  border-color:#cfdeeb!important;
  box-shadow:0 10px 28px rgba(40,79,119,.065)!important;
}
html[data-theme="light"] :is(.commercial-tab,.project-tab){color:#5d738a!important;}
html[data-theme="light"] :is(.commercial-tab:hover,.project-tab:hover){background:#e8f2fc!important;color:#294d73!important;}
html[data-theme="light"] :is(.commercial-tab.active,.project-tab.active){
  background:linear-gradient(145deg,#e7f1ff,#eef8fb)!important;
  color:#245da9!important;border-color:#bfd5eb!important;
}
html[data-theme="light"] .button.secondary,
html[data-theme="light"] .button.ghost{
  background:linear-gradient(180deg,#f8fbff,#eef5fb)!important;
  color:#304b65!important;border-color:#c7d9e9!important;
}

/* PWA and dialogs use the same palette. */
html[data-theme="light"] .pwa-install-banner,
html[data-theme="light"] .toast,
html[data-theme="light"] .public-info-panel{
  background:linear-gradient(145deg,rgba(250,253,255,.985),rgba(239,247,255,.985))!important;
  border-color:#cbddec!important;
  color:#2e455d!important;
  box-shadow:0 24px 70px rgba(39,76,119,.16)!important;
}

/* Responsive navigation: the full menu becomes a spacious light mobile tray. */
@media(max-width:1460px) and (min-width:1181px){
  html[data-theme="light"] .global-nav-inner{
    grid-template-columns:minmax(205px,235px) minmax(560px,1fr) max-content!important;
    gap:16px!important;padding:0 22px!important;
  }
  html[data-theme="light"] .primary-nav{gap:4px!important;}
  html[data-theme="light"] .primary-nav-item{padding:9px 10px!important;font-size:14px!important;}
  html[data-theme="light"] .nav-install-button{display:none!important;}
}
@media(max-width:1180px){
  html[data-theme="light"] .global-nav-inner{grid-template-columns:auto 1fr auto!important;padding:0 20px!important;gap:14px!important;}
  html[data-theme="light"] .primary-nav{
    background:linear-gradient(145deg,#f8fbff,#eef6ff)!important;
    border:1px solid #ccdeed!important;
    box-shadow:0 24px 70px rgba(39,76,119,.16)!important;
  }
  html[data-theme="light"] .mobile-menu{background:#edf5ff!important;border-color:#c4d9eb!important;}
  html[data-theme="light"] .mobile-menu span{background:#3e5f7e!important;}
  html[data-theme="light"] .nav-dropdown{top:122px!important;border-color:#cbddec!important;}
  html[data-theme="light"] .nav-scrim.open{background:rgba(218,231,244,.42)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;}
  .view{padding:30px 28px 66px!important;}
  .view > * + *{margin-top:28px!important;}
}
@media(max-width:820px){
  html[data-theme="light"] .topbar{min-height:auto!important;padding:20px 18px!important;align-items:flex-start!important;flex-direction:column!important;gap:18px!important;}
  html[data-theme="light"] .top-actions{width:100%!important;justify-content:flex-start!important;}
  html[data-theme="light"] .fabric-status-chip{display:none!important;}
  .view{padding:26px 18px 56px!important;}
  .view > * + *{margin-top:24px!important;}
  .card,.metric,.passport,.operation-card,.connector-card,.policy-card,.frontier-item,.source-card,.arch-block,
  .matter-card,.onboarding-card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,
  .api-client-card,.deployment-card,.project-card,.performance-card,.team-member-card,.strategy-card{padding:22px!important;}
}
@media(max-width:560px){
  .view{padding:22px 14px 48px!important;}
  .view > * + *{margin-top:20px!important;}
}

/* Footer keeps the gradient environment instead of ending on a hard white band. */
html[data-theme="light"] .site-footer{
  background:linear-gradient(180deg,transparent,rgba(236,245,253,.58))!important;
}
html[data-theme="light"] .site-footer-inner{border-color:#d3e1ed!important;}
html[data-theme="light"] .footer-links button:hover{background:#e7f1fb!important;}

/* Selection follows the brand palette. */
html[data-theme="light"] ::selection{background:#dcecff!important;color:#17385d!important;}

/* V8.4.1 final legacy-dark catchment: every remaining visible legacy surface
   receives an explicit light treatment in the default enterprise theme. */
html[data-theme="light"] :is(
  .access-gate,.access-gate-form,.architecture-flow>div,.commercial-hero-proof,.commercial-table tr,
  .queue-row,.renewal-row,.queue-rank,.renewal-score,.terminal,.value-area-card,.value-flow,
  .value-flow-grid>div,.value-ip,.empty,.google-g,.identity-avatar,.integration-icon
){
  border-color:#d2e1ee!important;
  background:linear-gradient(145deg,#f9fcff,#eef6fd)!important;
  color:#2e465e!important;
  box-shadow:0 12px 34px rgba(40,79,119,.055)!important;
}
html[data-theme="light"] :is(.queue-row:hover,.renewal-row:hover,.commercial-table tr:hover){background:#eaf4fd!important;}
html[data-theme="light"] :is(.queue-rank,.renewal-score,.google-g,.identity-avatar,.integration-icon){
  background:linear-gradient(145deg,#e3efff,#e8f8fb)!important;
  color:#245da9!important;
  box-shadow:none!important;
}
html[data-theme="light"] .terminal{color:#29445e!important;}
html[data-theme="light"] .value-tags span{background:#edf5fc!important;border-color:#d5e3ef!important;color:#50667c!important;}
html[data-theme="light"] .public-info-scrim{background:rgba(218,232,246,.58)!important;}
html[data-theme="light"] :is(.status.UNVERIFIABLE,.status.CONSUMED,.status.UNKNOWN,.status.NO_OFFER,.status.NOT_DUE,.status.OBSERVABILITY_GAP,.status.HOLD){background:#edf2f7!important;color:#596f85!important;}

.fabric-status-chip{display:flex;}
.fabric-status-chip[hidden]{display:none!important;}


/* V8.4.2 layout coherence, seam smoothing, card alignment, and admin action-bar repair */
html[data-theme="light"] .main{
  background:linear-gradient(180deg,rgba(237,245,255,.78) 0%,rgba(245,249,255,.45) 180px,rgba(248,251,255,0) 420px)!important;
}
html[data-theme="light"] .topbar{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:28px!important;
  padding-top:28px!important;
  padding-bottom:26px!important;
  background:linear-gradient(135deg,rgba(248,251,255,.985) 0%,rgba(241,247,255,.975) 58%,rgba(244,242,255,.97) 100%)!important;
  border-bottom:1px solid #d8e4ef!important;
  box-shadow:0 10px 28px rgba(39,76,119,.045)!important;
}
html[data-theme="light"] .top-left{
  max-width:860px!important;
}
html[data-theme="light"] .view{
  padding-top:36px!important;
}
html[data-theme="light"] .value-page{
  --value-gap:34px!important;
}
html[data-theme="light"] .value-section,
html[data-theme="light"] .value-pilot,
html[data-theme="light"] .value-fit,
html[data-theme="light"] .value-cta{
  background:linear-gradient(145deg,#fcfeff 0%,#f2f8ff 58%,#f8fbff 100%)!important;
  border-color:#d5e2ee!important;
  box-shadow:0 18px 46px rgba(39,76,119,.06)!important;
}
html[data-theme="light"] .value-section:first-of-type{
  margin-top:0!important;
}
html[data-theme="light"] .top-actions{
  display:grid!important;
  grid-template-columns:minmax(190px,220px) minmax(240px,300px) max-content max-content!important;
  align-items:center!important;
  justify-content:end!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
html[data-theme="light"] #entity-select{
  width:100%!important;
  min-width:190px!important;
}
html[data-theme="light"] #fabric-status-chip{
  min-width:240px!important;
}
html[data-theme="light"] #user-chip{
  min-width:max-content!important;
}
html[data-theme="light"] #sign-out{
  white-space:nowrap!important;
  min-width:max-content!important;
  align-self:center!important;
}
html[data-theme="light"] .value-area-grid{
  align-items:stretch!important;
}
html[data-theme="light"] .value-area-card{
  display:grid!important;
  grid-template-rows:auto auto auto 1fr auto!important;
  align-items:start!important;
  height:100%!important;
  gap:0!important;
}
html[data-theme="light"] .value-copy-block{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}
html[data-theme="light"] .value-copy-block h3{
  margin:18px 0 0!important;
}
html[data-theme="light"] .value-copy-block p{
  margin:0!important;
}
html[data-theme="light"] .value-result{
  margin-top:18px!important;
}
html[data-theme="light"] .value-tags{
  margin-top:18px!important;
  align-self:start!important;
}
html[data-theme="light"] .value-link{
  margin-top:auto!important;
  align-self:stretch!important;
}
html[data-theme="light"] .value-link span{
  margin-left:auto!important;
}
@media(max-width:1500px){
  html[data-theme="light"] .topbar{
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
  }
  html[data-theme="light"] .top-left{
    max-width:none!important;
  }
  html[data-theme="light"] .top-actions{
    grid-template-columns:minmax(190px,240px) minmax(240px,300px) max-content max-content!important;
    justify-content:start!important;
  }
}
@media(max-width:1180px){
  html[data-theme="light"] .topbar{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
    padding-top:22px!important;
    padding-bottom:20px!important;
  }
  html[data-theme="light"] .top-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    justify-content:flex-start!important;
  }
}
@media(max-width:820px){
  html[data-theme="light"] .view{
    padding-top:24px!important;
  }
  html[data-theme="light"] .value-page{
    --value-gap:22px!important;
  }
}

/* ========================================================================== 
   V8.4.3 — GLOBAL HIGH-CONTRAST LIGHT TYPOGRAPHY
   Every readable text family on the Ice Blue workspace uses a dark neutral
   hierarchy. Small metadata remains AA-readable on the palest blue surfaces.
   Semantic green / amber / red and brand-blue interaction states stay distinct.
   ========================================================================== */
html[data-theme="light"]{
  --read-title:#17283b;
  --read-primary:#253a50;
  --read-body:#3d5268;
  --read-muted:#556a7f;
  --read-faint:#596f85;
  --text-hero:var(--read-title);
  --text-title:var(--read-title);
  --text-primary:var(--read-primary);
  --text-body:var(--read-body);
  --text-muted:var(--read-muted);
  --text-faint:var(--read-faint);
  --light-title:var(--read-title);
  --light-primary:var(--read-primary);
  --light-body:var(--read-body);
  --light-muted:var(--read-muted);
  --light-faint:var(--read-faint);
  color:var(--read-primary)!important;
}

/* One dark readable hierarchy across every authenticated and public content page. */
html[data-theme="light"] .view :is(h1,h2,h3,h4,h5,h6,strong,b),
html[data-theme="light"] .topbar :is(h1,h2,h3,h4,h5,h6,strong,b),
html[data-theme="light"] .public-info-panel :is(h1,h2,h3,h4,h5,h6,strong,b),
html[data-theme="light"] .site-footer :is(h1,h2,h3,h4,h5,h6,strong,b){
  color:var(--read-title)!important;
}
html[data-theme="light"] .view :is(p,li,dt,dd,label),
html[data-theme="light"] .topbar :is(p,label),
html[data-theme="light"] .public-info-panel :is(p,li,dt,dd,label),
html[data-theme="light"] .site-footer :is(p,label){
  color:var(--read-body)!important;
}
html[data-theme="light"] .view :is(span,small,time,figcaption,.muted),
html[data-theme="light"] .topbar :is(span,small,time,.muted),
html[data-theme="light"] .public-info-panel :is(span,small,time,.muted),
html[data-theme="light"] .site-footer :is(span,small,time,.muted){
  color:var(--read-muted)!important;
}

/* Dense enterprise modules previously carrying dark-theme literal text colours. */
html[data-theme="light"] :is(
  .identity-card,.role-card,.integration-card,.api-client-card,.deployment-card,.workspace-card,.sector-product-card,
  .matter-card,.onboarding-card,.project-card,.performance-card,.team-member-card,.strategy-card,.source-card,
  .connector-card,.policy-card,.operation-card,.frontier-item,.arch-block,.passport,.proof-row,.queue-row,
  .renewal-row,.sector-pack-card,.sector-matter-row,.assurance-item,.assurance-layer-card,.obligation-row,
  .capacity-row,.mapping-profile-card,.file-channel-card,.ops-row,.gateway-decision,.enterprise-editor
) :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--read-title)!important;}
html[data-theme="light"] :is(
  .identity-card,.role-card,.integration-card,.api-client-card,.deployment-card,.workspace-card,.sector-product-card,
  .matter-card,.onboarding-card,.project-card,.performance-card,.team-member-card,.strategy-card,.source-card,
  .connector-card,.policy-card,.operation-card,.frontier-item,.arch-block,.passport,.proof-row,.queue-row,
  .renewal-row,.sector-pack-card,.sector-matter-row,.assurance-item,.assurance-layer-card,.obligation-row,
  .capacity-row,.mapping-profile-card,.file-channel-card,.ops-row,.gateway-decision,.enterprise-editor
) :is(p,li,dt,dd,label){color:var(--read-body)!important;}
html[data-theme="light"] :is(
  .identity-card,.role-card,.integration-card,.api-client-card,.deployment-card,.workspace-card,.sector-product-card,
  .matter-card,.onboarding-card,.project-card,.performance-card,.team-member-card,.strategy-card,.source-card,
  .connector-card,.policy-card,.operation-card,.frontier-item,.arch-block,.passport,.proof-row,.queue-row,
  .renewal-row,.sector-pack-card,.sector-matter-row,.assurance-item,.assurance-layer-card,.obligation-row,
  .capacity-row,.mapping-profile-card,.file-channel-card,.ops-row,.gateway-decision,.enterprise-editor
) :is(span,small,time,figcaption){color:var(--read-muted)!important;}

/* Forms, tables, technical metadata and chips stay clearly readable. */
html[data-theme="light"] :is(.table td,.table td strong,.field label,.kv b,.mono,.proof-box code,.terminal){color:var(--read-primary)!important;}
html[data-theme="light"] :is(.table th,.table small,.field small,.kv span,.source-meta,.frontier-foot,.metric-foot,.metric-label){color:var(--read-muted)!important;}
html[data-theme="light"] :is(.input,.select,.textarea,.top-actions select){color:var(--read-primary)!important;}
html[data-theme="light"] :is(.input,.select,.textarea)::placeholder{color:var(--read-faint)!important;opacity:1!important;}
html[data-theme="light"] :is(.tag-row>span,.permission-list>span,.value-tags>span,.action-chip-list>span,.scope-picker label,.mini-state){
  color:#4f6479!important;
}

/* Page labels retain Validelta blue while body/meta copy remains dark neutral. */
html[data-theme="light"] :is(
  .eyebrow,.hero-kicker,.section-label,.menu-group-label,.value-flow-head>span,.value-result>span,
  .value-outcome-card>span,.pilot-weeks>div>span,.next-action-label,.project-card-top>div>span,
  .project-priority>span,.strategy-recommendation>span,.matter-readiness>span,.gateway-outcomes>div>span,
  .deployment-facts>div>span,.commercial-hero-proof>span
){color:var(--brand-blue)!important;}

/* Interactive text owns its control colour instead of inheriting metadata grey. */
html[data-theme="light"] .view :is(.button,.button *,button,button *){color:inherit;}
html[data-theme="light"] .button{color:#ffffff!important;}
html[data-theme="light"] .button :is(span,strong,b,small){color:inherit!important;}
html[data-theme="light"] .button.secondary,
html[data-theme="light"] .button.ghost{color:#29445e!important;}
html[data-theme="light"] :is(.text-button,.text-button *, .value-link,.value-link *){color:var(--brand-blue)!important;}
html[data-theme="light"] :is(.footer-links button,.footer-links button *){color:#3f566d!important;}

/* Signed-in identity/action bar: dark readable identity metadata. */
html[data-theme="light"] .user-chip strong{color:var(--read-title)!important;}
html[data-theme="light"] .user-chip small{color:var(--read-muted)!important;}
html[data-theme="light"] .user-chip>span{color:#ffffff!important;}
html[data-theme="light"] .fabric-status-chip strong{color:var(--read-title)!important;}
html[data-theme="light"] .fabric-status-chip small{color:var(--read-muted)!important;}

/* Semantic states remain semantic and are kept legible on pale surfaces. */
html[data-theme="light"] :is(.status.VALID,.status.VERIFIED,.status.ACTIVE,.status.ACCEPTABLE,.status.ACCEPTED,.status.AWARDED,.status.EXECUTED,.status.RENEWED,.status.AVAILABLE,.status.EVIDENCE_READY,.status.COMPLETE){color:#126b36!important;}
html[data-theme="light"] :is(.status.PENDING,.status.WAITING,.status.REVIEW,.status.REVIEW_REQUIRED,.status.CLARIFICATION,.status.MONITORING,.status.NOT_DUE,.status.HOLD){color:#8a5505!important;}
html[data-theme="light"] :is(.status.STALLED,.status.OVERDUE,.status.DECISION_OVERDUE,.status.CONFLICT,.status.BLOCKED,.status.INVALIDATED,.status.REVOKED,.status.EXPIRED,.status.OUTSIDE_ENVELOPE){color:#a11f17!important;}
html[data-theme="light"] :is(.status.UNVERIFIABLE,.status.CONSUMED,.status.UNKNOWN,.status.NO_OFFER,.status.OBSERVABILITY_GAP){color:#4f6479!important;}

/* Dropdown and navigation copy also follows the dark-readable hierarchy. */
html[data-theme="light"] .nav-dropdown-intro>strong,
html[data-theme="light"] .nav-item strong,
html[data-theme="light"] .subnav-item strong{color:var(--read-title)!important;}
html[data-theme="light"] .nav-dropdown-intro p,
html[data-theme="light"] .nav-item small,
html[data-theme="light"] .subnav-item small{color:var(--read-muted)!important;}
html[data-theme="light"] .primary-nav-item{color:#304b65!important;}
html[data-theme="light"] .primary-nav-item.section-active{color:#164f96!important;}

/* Keep spacing calm while larger, darker type carries the hierarchy. */
html[data-theme="light"] .identity-card,
html[data-theme="light"] .role-card,
html[data-theme="light"] .integration-card,
html[data-theme="light"] .project-card,
html[data-theme="light"] .team-member-card,
html[data-theme="light"] .strategy-card{row-gap:14px;}


/* ========================================================================== 
   V8.4.4 — GLOBAL BREATHING ROOM & ALIGNMENT SYSTEM
   Removes public-page ghost controls, guarantees separation between content,
   chips and CTAs, aligns legal footer text on one baseline, and establishes
   reusable spacing rules across all enterprise surfaces.
   ========================================================================== */
html[data-theme="light"]{
  --space-section:34px;
  --space-module:24px;
  --space-card:20px;
  --space-inline:12px;
}

/* Public Business Value / access pages do not carry authenticated entity controls. */
html[data-theme="light"] body.value-view .top-actions,
html[data-theme="light"] body.access-gate-view .top-actions{
  display:none!important;
}
html[data-theme="light"] body.value-view .topbar,
html[data-theme="light"] body.access-gate-view .topbar{
  grid-template-columns:minmax(0,1fr)!important;
}

/* One predictable vertical rhythm for every primary page surface. */
.view > * + *{margin-top:var(--space-section)!important;}
:is(
  .grid-2,.grid-3,.metric-grid,.workspace-grid,.sector-product-grid,.identity-grid,.role-grid,
  .integration-grid,.deployment-grid,.project-grid,.performance-card-grid,.team-performance-grid,
  .strategy-grid,.project-matter-stack,.action-ledger,.integration-ops-grid,.value-area-grid,
  .value-outcome-grid,.value-how-grid,.pilot-weeks,.fit-grid,.sector-pack-grid,.assurance-layer-grid
){gap:var(--space-module)!important;}
:is(.tag-row,.value-tags,.permission-list,.action-chip-list,.scope-picker){column-gap:10px!important;row-gap:10px!important;}

/* Business Value cards: equal-height content flow with guaranteed air before CTA. */
html[data-theme="light"] .value-area-grid{align-items:stretch!important;}
html[data-theme="light"] .value-area-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:100%!important;
  padding:26px!important;
  overflow:visible!important;
}
html[data-theme="light"] .value-card-top{flex:0 0 auto!important;}
html[data-theme="light"] .value-copy-block{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
html[data-theme="light"] .value-copy-block h3{margin:18px 0 0!important;}
html[data-theme="light"] .value-copy-block p{margin:0!important;}
html[data-theme="light"] .value-result{flex:0 0 auto!important;margin-top:22px!important;padding-top:20px!important;}
html[data-theme="light"] .value-tags{
  flex:0 0 auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  margin:18px 0 0!important;
  padding:0 0 20px!important;
  min-height:70px!important;
}
html[data-theme="light"] .value-link{
  position:static!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:auto 0 0!important;
  min-height:52px!important;
}

/* Dense card families retain internal breathing room instead of touching controls. */
:is(
  .card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,.api-client-card,
  .deployment-card,.project-card,.performance-card,.team-member-card,.strategy-card,.matter-card,
  .source-card,.connector-card,.policy-card,.operation-card,.sector-pack-card,.sector-matter-row,
  .assurance-item,.mapping-profile-card,.file-channel-card
) > :is(.tag-row,.permission-list,.action-chip-list){margin-top:14px!important;}
:is(
  .card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,.api-client-card,
  .deployment-card,.project-card,.performance-card,.team-member-card,.strategy-card,.matter-card,
  .source-card,.connector-card,.policy-card,.operation-card,.sector-pack-card,.sector-matter-row,
  .assurance-item,.mapping-profile-card,.file-channel-card
) > :is(.button,.text-button,.inline-actions,details,form){margin-top:18px;}

/* Footer: brand and copyright share one true typographic baseline on every page. */
.site-footer-inner{align-items:center!important;}
.footer-brand{
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:16px!important;
  min-width:0!important;
}
.footer-brand strong,
.footer-brand span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1.45!important;
}
.footer-brand strong{font-size:14px!important;}
.footer-brand span{font-size:14px!important;}

/* Keep authenticated topbar controls aligned while allowing a clean wrap before collision. */
html[data-theme="light"] body:not(.value-view):not(.access-gate-view) .top-actions{
  align-items:center!important;
  align-self:start!important;
}
html[data-theme="light"] #sign-out{margin:0!important;}

@media(max-width:1180px){
  :root{--space-section:28px;--space-module:20px;}
  html[data-theme="light"] .value-tags{min-height:0!important;padding-bottom:18px!important;}
}
@media(max-width:820px){
  :root{--space-section:24px;--space-module:18px;}
  .footer-brand{gap:10px!important;}
}
@media(max-width:560px){
  :root{--space-section:20px;--space-module:16px;}
  .site-footer-inner{align-items:flex-start!important;}
  .footer-brand{flex-direction:column!important;align-items:flex-start!important;gap:3px!important;}
}

/* V9.0 — PROJECT STUDIO / NO-CODE CONFIGURATION LAYER */
.studio-page{display:flex;flex-direction:column;gap:34px;min-width:0;}
.studio-page>*{min-width:0;}
.studio-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:34px;border:1px solid #cbddee;border-radius:28px;background:radial-gradient(circle at 92% 4%,rgba(109,92,231,.075),transparent 33%),radial-gradient(circle at 7% 96%,rgba(8,145,178,.075),transparent 28%),linear-gradient(145deg,#fbfdff 0%,#eef6ff 62%,#f5f2ff 100%);box-shadow:0 20px 54px rgba(39,76,119,.085);}
.studio-hero h2{margin:8px 0 12px;color:#17283b;font-size:clamp(32px,3vw,46px);line-height:1.08;letter-spacing:-.045em;max-width:920px;}
.studio-hero p{margin:0;color:#3d5268;font-size:15px;line-height:1.72;max-width:900px;}
.studio-hero-flow{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid #c8d9e8;border-radius:16px;background:rgba(255,255,255,.72);white-space:nowrap;}
.studio-hero-flow span{font-size:14px;font-weight:800;letter-spacing:.08em;color:#253a50;}.studio-hero-flow b{color:#2563eb;}
.studio-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.studio-summary-grid>div{padding:20px;border:1px solid #d4e2ef;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f3f8ff);box-shadow:0 12px 30px rgba(40,79,119,.05);}
.studio-summary-grid span{display:block;color:#556a7f;font-size:14px;font-weight:700;}.studio-summary-grid strong{display:block;margin-top:7px;color:#17283b;font-size:28px;line-height:1;}
.studio-section{padding:30px;border:1px solid #d4e2ef;border-radius:24px;background:linear-gradient(145deg,#fcfeff 0%,#f2f8ff 58%,#f8fbff 100%);box-shadow:0 18px 46px rgba(39,76,119,.06);}
.studio-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px;}.studio-section-head h3{margin:7px 0 0;color:#17283b;font-size:25px;line-height:1.14;letter-spacing:-.025em;}.studio-section-head p{margin:9px 0 0;color:#3d5268;font-size:14px;line-height:1.65;max-width:820px;}
.studio-project-row{display:grid;grid-template-columns:minmax(240px,360px) minmax(0,1fr);gap:18px;align-items:center;}.studio-inline-create{display:grid;grid-template-columns:minmax(220px,1fr) 190px max-content;gap:12px;align-items:center;}
.studio-data-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;}.studio-upload-box{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px;border:1px dashed #b9cfe2;border-radius:18px;background:#f8fbff;}.studio-upload-box label{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;}.studio-upload-box strong{color:#17283b;font-size:15px;}.studio-upload-box span{color:#556a7f;font-size:14px;line-height:1.45;}.studio-upload-box input[type=file]{max-width:100%;color:#3d5268;font-size:14px;}
.studio-dataset-tabs{display:flex;gap:10px;flex-wrap:wrap;}.studio-dataset-tab{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid #cdddea;border-radius:13px;background:#f4f9ff;color:#253a50;}.studio-dataset-tab strong{font-size:14px;}.studio-dataset-tab span{font-size:14px;color:#61768d;}.studio-dataset-tab.active{border-color:#9dbfe1;background:linear-gradient(145deg,#e8f2ff,#edf9fb);color:#1f5ea8;}
.studio-mapping-list{display:flex;flex-direction:column;gap:12px;}.studio-mapping-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(170px,1fr) minmax(170px,1fr) 150px max-content;gap:12px;align-items:end;padding:16px;border:1px solid #d9e6f1;border-radius:16px;background:#f8fbff;}.studio-mapping-row>div,.studio-mapping-row label{display:flex;flex-direction:column;gap:6px;min-width:0;}.studio-mapping-row span{color:#61768d;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}.studio-mapping-row strong{overflow:hidden;text-overflow:ellipsis;color:#253a50;font-size:14px;white-space:nowrap;}
.studio-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;}.studio-builder-grid>article{padding:24px;border:1px solid #d4e2ef;border-radius:20px;background:linear-gradient(145deg,#fbfdff,#f3f8ff);}.studio-builder-grid>article>span{color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.08em;}.studio-builder-grid h4{margin:7px 0 18px;color:#17283b;font-size:18px;}.studio-builder-form{display:flex;flex-direction:column;gap:18px;}.studio-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}.studio-form-grid label,.studio-form-field{display:flex;flex-direction:column;gap:6px;min-width:0;}.studio-form-grid label>span,.studio-form-field>span{color:#556a7f;font-size:14px;font-weight:700;}.studio-form-field-wide{grid-column:1/-1;}.studio-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;overflow:auto;padding:12px;border:1px solid #d9e6f1;border-radius:14px;background:#f7fbff;}.studio-check-grid label{display:flex;align-items:center;gap:8px;color:#3d5268;font-size:14px;min-width:0;}.studio-check-grid input{accent-color:#2563eb;}
.studio-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px;}.studio-metric{padding:19px;border:1px solid #d4e2ef;border-radius:17px;background:#f8fbff;}.studio-metric>div span{display:block;color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.06em;}.studio-metric>div strong{display:block;margin-top:5px;color:#253a50;font-size:14px;}.studio-metric>b{display:block;margin-top:16px;color:#17283b;font-size:27px;}.studio-metric>b small{font-size:14px;color:#556a7f;}.studio-metric p{margin:6px 0 0;color:#556a7f;font-size:14px;}.studio-metric.on-target{border-left:4px solid #15803d;}.studio-metric.off-target{border-left:4px solid #a16207;}
.studio-live-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;}.studio-live-head h3{margin:6px 0 0;color:#17283b;font-size:21px;}.studio-live-head p{margin:5px 0 0;color:#556a7f;font-size:14px;}.studio-record-form{padding:22px;margin-bottom:22px;border:1px solid #d2e1ee;border-radius:18px;background:linear-gradient(145deg,#f9fcff,#eef6fd);}.studio-record-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}.studio-record-actions{display:flex;gap:10px;margin-top:18px;}.studio-table-wrap{overflow:auto;border:1px solid #d4e2ef;border-radius:18px;background:#fbfdff;}.studio-table{width:100%;border-collapse:separate;border-spacing:0;min-width:760px;}.studio-table th{position:sticky;top:0;padding:12px 14px;background:#eaf3fb;color:#425a70;font-size:14px;font-weight:800;text-align:left;border-bottom:1px solid #d4e2ef;white-space:nowrap;}.studio-table td{padding:13px 14px;color:#253a50;font-size:14px;line-height:1.45;border-bottom:1px solid #e3ebf2;vertical-align:top;max-width:280px;}.studio-table tbody tr:last-child td{border-bottom:0;}.studio-table tbody tr:hover td{background:#f4f9fd;}.studio-row-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:180px;}
.studio-approval-board{display:flex;flex-direction:column;gap:18px;}.studio-approval-card{padding:22px;border:1px solid #d4e2ef;border-radius:19px;background:#f9fcff;}.studio-approval-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;}.studio-approval-card-head>div>span{display:block;color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.06em;}.studio-approval-card-head strong{display:block;margin-top:5px;color:#17283b;font-size:16px;}.studio-approval-snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;}.studio-approval-snapshot>div{padding:13px;border:1px solid #dce7f1;border-radius:13px;background:#f1f7fd;}.studio-approval-snapshot span{display:block;color:#61768d;font-size:14px;font-weight:700;}.studio-approval-snapshot strong{display:block;margin-top:5px;color:#253a50;font-size:14px;overflow-wrap:anywhere;}.studio-approval-decision-form{padding-top:18px;border-top:1px solid #dce6ef;}.studio-decision-result{padding:16px;border-radius:14px;background:#eef7f0;border:1px solid #cce5d2;}.studio-decision-result strong{color:#166534;}.studio-decision-result p{color:#3d5268;font-size:14px;}.studio-decision-result span{color:#556a7f;font-size:14px;}
@media(max-width:1400px){.studio-summary-grid{grid-template-columns:repeat(3,1fr)}.studio-builder-grid{grid-template-columns:1fr}.studio-record-form-grid{grid-template-columns:repeat(3,1fr)}.studio-mapping-row{grid-template-columns:1fr 1fr 1fr}.studio-mapping-row>div{grid-column:1/-1}.studio-data-actions{grid-template-columns:1fr}}
@media(max-width:900px){.studio-hero{grid-template-columns:1fr}.studio-hero-flow{width:max-content;max-width:100%;overflow:auto}.studio-project-row{grid-template-columns:1fr}.studio-inline-create{grid-template-columns:1fr}.studio-record-form-grid,.studio-approval-snapshot,.studio-form-grid{grid-template-columns:1fr 1fr}.studio-metrics-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.studio-page{gap:22px}.studio-section,.studio-hero{padding:20px;border-radius:20px}.studio-summary-grid,.studio-record-form-grid,.studio-approval-snapshot,.studio-form-grid,.studio-metrics-grid,.studio-check-grid{grid-template-columns:1fr}.studio-upload-box{align-items:stretch;flex-direction:column}.studio-live-head,.studio-section-head{align-items:flex-start;flex-direction:column}.studio-mapping-row{grid-template-columns:1fr}.studio-mapping-row>div{grid-column:auto}}
.studio-generated-stack{display:flex;flex-direction:column;gap:24px;}.studio-generated-panel{padding:22px;border:1px solid #d4e2ef;border-radius:19px;background:linear-gradient(145deg,#fbfdff,#f4f9ff);}.studio-generated-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;}.studio-generated-panel-head span{color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.07em;}.studio-generated-panel-head h4{margin:5px 0 0;color:#17283b;font-size:18px;}


/* ==========================================================
   V9.0.1 — PROJECT TEMPLATE LIBRARY
   Uses the existing Validelta Ice Blue enterprise design system only.
   ========================================================== */
.template-page{display:grid;gap:22px;}
.template-library-panel,.template-workbench{background:linear-gradient(180deg,rgba(220,234,247,.98),rgba(220,234,247,.98));border:1px solid var(--line2);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;min-width:0;}
.template-library-head,.template-workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.template-library-head h2,.template-workbench-head h2{margin:3px 0 8px;color:#142033;font-size:clamp(22px,2.5vw,32px);line-height:1.1;letter-spacing:-.035em;}
.template-library-head p,.template-workbench-head p{margin:0;max-width:900px;color:#44546a;font-size:14px;line-height:1.65;}
.template-count,.template-engine-chip{flex:0 0 auto;min-width:160px;padding:16px 18px;border-radius:18px;background:#e7f0fa;border:1px solid var(--line2);}
.template-count strong{display:block;font-size:28px;color:var(--sky);line-height:1;}.template-count span,.template-engine-chip span,.template-engine-chip small{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:5px;}.template-engine-chip strong{display:block;color:#142033;font-size:15px;margin-top:3px;}
.template-group{margin-top:24px}.template-group-label{font-size:14px;font-weight:750;letter-spacing:.11em;color:var(--blue);margin-bottom:10px}.template-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.template-pick{appearance:none;width:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;padding:15px;border:1px solid var(--line2);border-radius:18px;background:#edf5fc;color:var(--ink);cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease;min-width:0;}
.template-pick:hover{transform:translateY(-1px);border-color:rgba(90,167,255,.34);background:#e7f0fa}.template-pick.active{border-color:rgba(90,167,255,.62);background:rgba(48,139,255,.13);box-shadow:inset 0 0 0 1px rgba(90,167,255,.08)}
.template-pick-icon,.template-title-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--sky);font-size:14px;font-weight:800;letter-spacing:.06em;border:1px solid rgba(90,167,255,.2)}
.template-pick strong{display:block;color:#26364b;font-size:14px;line-height:1.25}.template-pick small{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:5px;}
.template-title-block{display:flex;align-items:flex-start;gap:15px;min-width:0}.template-title-icon{width:46px;height:46px;border-radius:14px;font-size:14px;}
.template-tabs{display:flex;gap:7px;margin:24px 0 20px;padding:6px;background:#edf5fc;border:1px solid var(--line2);border-radius:18px;overflow:auto;scrollbar-width:thin;}
.template-tabs button{appearance:none;white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:10px 12px;border-radius:13px;font-size:14px;font-weight:680;cursor:pointer;}.template-tabs button span{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:7px;border-radius:7px;background:#e7f0fa;color:var(--muted2);font-size:14px}.template-tabs button.active{background:#e7f0fa;color:#142033;box-shadow:inset 0 0 0 1px rgba(90,167,255,.2)}.template-tabs button.active span{background:var(--blue);color:#07101b}
.template-tab-body{min-width:0}.template-stage-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}.template-stage-rail>div{min-height:74px;padding:13px;border-radius:16px;background:#edf5fc;border:1px solid var(--line2)}.template-stage-rail span{display:block;color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.08em}.template-stage-rail strong{display:block;color:#26364b;font-size:14px;line-height:1.35;margin-top:7px}
.template-overview-grid{margin-top:0}.template-operation-list{display:grid;gap:9px}.template-operation-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border-radius:15px;background:#edf5fc;border:1px solid var(--line2)}.template-operation-row strong{display:block;color:#26364b;font-size:14px}.template-operation-row small{display:block;color:var(--muted2);font-size:14px;margin-top:4px}.template-posture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-posture>div{padding:15px;border-radius:16px;background:#edf5fc;border:1px solid var(--line2)}.template-posture span{display:block;color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.06em}.template-posture strong{display:block;color:#142033;font-size:25px;margin-top:6px}
.template-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.template-state-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-radius:17px;background:#edf5fc;border:1px solid var(--line2)}.template-state-card.changed{border-color:rgba(244,185,66,.55);background:rgba(244,185,66,.07)}.template-state-card span{display:block;color:var(--blue);font-size:14px;font-weight:750;letter-spacing:.05em}.template-state-card strong{display:block;color:#26364b;font-size:14px;margin-top:5px}.template-state-card small{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:5px}
.template-operation-stack{display:grid;gap:14px}.template-operation-card{margin:0!important}.template-dependency-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.template-dependency-node{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:12px;border-radius:15px;background:#edf5fc;border:1px solid var(--line2)}.template-dependency-node>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e7f0fa;color:var(--blue);font-size:14px;font-weight:800}.template-dependency-node strong{display:block;color:#26364b;font-size:14px;line-height:1.3}.template-dependency-node small{display:block;color:var(--muted2);font-size:14px;margin-top:3px}.template-dependency-node .status{grid-column:1/-1;justify-self:start;margin-top:4px}.template-dependency-node.affected{border-color:rgba(244,185,66,.5);background:rgba(244,185,66,.06)}
.template-scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-scenario{appearance:none;text-align:left;padding:17px;border-radius:17px;background:#edf5fc;border:1px solid var(--line2);color:var(--ink);cursor:pointer}.template-scenario:hover,.template-scenario.active{border-color:rgba(244,185,66,.55);background:rgba(244,185,66,.07)}.template-scenario span{display:inline-block;color:var(--amber);font-size:14px;font-weight:800;letter-spacing:.07em}.template-scenario strong{display:block;color:#26364b;font-size:14px;line-height:1.35;margin-top:7px}.template-scenario small{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-top:7px}.template-scenario b{display:block;color:#64748b;font-size:14px;margin-top:10px}.template-impact-card{margin-top:14px!important}.template-impact-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.4fr);gap:12px;align-items:center}.template-impact-flow>div{padding:16px;border-radius:16px;background:#edf5fc;border:1px solid var(--line2)}.template-impact-flow>div span{display:block;color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.07em}.template-impact-flow>div strong{display:block;color:#26364b;font-size:14px;line-height:1.4;margin-top:5px}.template-impact-flow>b{color:var(--blue);font-size:18px;text-align:center}
.template-binding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-binding-grid>article{padding:17px;border-radius:17px;background:#edf5fc;border:1px solid var(--line2)}.template-binding-head{display:flex;justify-content:space-between;gap:12px}.template-binding-head span{display:block;color:var(--blue);font-size:14px;font-weight:750}.template-binding-head strong{display:block;color:#26364b;font-size:14px;margin-top:4px}.template-binding-grid dl{display:grid;grid-template-columns:70px 1fr;gap:10px 12px;margin:16px 0 0}.template-binding-grid dt{color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.08em}.template-binding-grid dd{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.template-audit-timeline{display:grid;gap:0}.template-audit-timeline>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;position:relative;padding-bottom:22px}.template-audit-timeline>div:not(:last-child):before{content:"";position:absolute;left:19px;top:35px;bottom:0;width:1px;background:var(--line)}.template-audit-timeline span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--sky);font-size:14px;font-weight:800}.template-audit-timeline strong{display:block;color:#26364b;font-size:14px}.template-audit-timeline p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
@media (max-width:1100px){.template-picker-grid,.template-state-grid,.template-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-stage-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.template-dependency-line{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.template-library-panel,.template-workbench{padding:18px;border-radius:20px}.template-picker-grid,.template-state-grid,.template-scenario-grid,.template-binding-grid,.template-stage-rail,.template-dependency-line{grid-template-columns:1fr}.template-tabs{margin-left:-4px;margin-right:-4px}.template-impact-flow{grid-template-columns:1fr}.template-impact-flow>b{transform:rotate(90deg)}.template-library-head h2,.template-workbench-head h2{font-size:23px}.template-count,.template-engine-chip{width:100%}}

/* V9 Template Library navigation reliability */
.nav-dropdown.open{z-index:1001!important;}
.nav-dropdown.open .nav-item,.nav-dropdown.open .subnav-item{pointer-events:auto!important;position:relative;z-index:2;}
.nav-scrim.open{z-index:1000!important;}

/* V9.1 — SUPER ADMIN CONTROL ROOM / ORGANISATION-WIDE CONTROL MODEL */
.admin-control-nav{border-color:rgba(90,167,255,.22)!important;background:rgba(90,167,255,.09)!important;}
.admin-page{display:flex;flex-direction:column;gap:22px;min-width:0;}
.admin-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:30px;border:1px solid #c8d9e8;border-radius:26px;background:linear-gradient(145deg,#eaf2f9 0%,#e3eef9 58%,#eef5fb 100%);box-shadow:0 18px 46px rgba(39,76,119,.08);}
.admin-hero h2{margin:7px 0 10px;color:#26364b;font-size:clamp(30px,3.4vw,48px);line-height:1.06;letter-spacing:-.045em;}.admin-hero p{margin:0;color:#44546a;font-size:15px;line-height:1.65;max-width:880px;}
.admin-role-chip{min-width:220px;padding:16px 18px;border-radius:18px;border:1px solid rgba(90,167,255,.28);background:#dfeaf6;}.admin-role-chip span,.admin-role-chip small{display:block;color:#64748b;font-size:14px;line-height:1.4}.admin-role-chip strong{display:block;color:#26364b;font-size:15px;margin:4px 0;}
.admin-tabs{display:flex;gap:8px;padding:7px;border:1px solid #cbddee;border-radius:18px;background:#e3eef9;overflow:auto;scrollbar-width:thin;}.admin-tabs button{appearance:none;border:0;border-radius:12px;background:transparent;color:#556a7f;padding:10px 13px;font-size:14px;font-weight:750;white-space:nowrap}.admin-tabs button:hover{background:#d8e6f3;color:#26364b}.admin-tabs button.active{background:#d5e5f4;color:#1f4f82;box-shadow:inset 0 0 0 1px rgba(90,167,255,.26)}
.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}.admin-metric{padding:18px;border:1px solid #cbddee;border-radius:18px;background:#eaf2f9;min-width:0;}.admin-metric span{display:block;color:#64748b;font-size:14px;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.admin-metric strong{display:block;margin-top:7px;color:#26364b;font-size:28px;line-height:1.05;overflow-wrap:anywhere}.admin-metric small{display:block;margin-top:6px;color:#6f8093;font-size:14px;line-height:1.4}
.admin-grid{align-items:start}.admin-kv-grid,.admin-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-kv-grid>div,.admin-health-grid>div{padding:15px;border-radius:15px;border:1px solid #cbddee;background:#e7f0fa}.admin-kv-grid span,.admin-health-grid span{display:block;color:#64748b;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.admin-kv-grid strong,.admin-health-grid strong{display:block;color:#26364b;font-size:16px;margin-top:5px;line-height:1.3}
.admin-status-stack,.admin-list{display:grid;gap:9px}.admin-status-stack>div,.admin-rank-row,.admin-policy-row,.admin-audit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid #cbddee;border-radius:14px;background:#eaf2f9;min-width:0}.admin-status-stack span,.admin-rank-row span{color:#64748b;font-size:14px}.admin-status-stack strong,.admin-rank-row strong,.admin-policy-row strong,.admin-audit-row strong{color:#26364b;font-size:14px}.admin-policy-row>div,.admin-audit-row>div{min-width:0}.admin-policy-row small,.admin-audit-row small{display:block;margin-top:4px;color:#64748b;font-size:14px;line-height:1.45}.admin-audit-row{align-items:flex-start}.admin-audit-row code{max-width:52%;white-space:normal;overflow-wrap:anywhere;color:#49627c;background:#dfeaf6;border:1px solid #c6d7e8;border-radius:10px;padding:8px;font-size:14px;line-height:1.45}
.admin-subsection{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.admin-subsection span,.admin-role-pill{display:inline-flex;align-items:center;border:1px solid #c7d9ea;border-radius:999px;background:#dfeaf6;color:#49627c;padding:6px 9px;font-size:14px;font-weight:720}.admin-subsection b{margin-left:5px;color:#1f4f82}
.admin-table-wrap{width:100%;overflow:auto;border:1px solid #cbddee;border-radius:16px;background:#eaf2f9}.admin-table{width:100%;border-collapse:collapse;min-width:760px}.admin-table th{padding:11px 12px;text-align:left;color:#64748b;background:#dfeaf6;font-size:14px;letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid #c6d7e8}.admin-table td{padding:12px;color:#33485e;font-size:14px;vertical-align:top;border-bottom:1px solid #d3e0ec}.admin-table tr:last-child td{border-bottom:0}.admin-table td strong{display:block;color:#26364b;font-size:14px}.admin-table td small{display:block;color:#708197;font-size:14px;margin-top:4px;line-height:1.35}.admin-empty-cell{text-align:center!important;color:#64748b!important;padding:26px!important}.live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a7b6c6;margin-right:7px}.live-indicator.online{background:#3dd79a;box-shadow:0 0 0 4px rgba(61,215,154,.12)}
.admin-hierarchy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-hierarchy-grid>div{padding:16px;border:1px solid #cbddee;border-radius:16px;background:#e7f0fa}.admin-hierarchy-grid span{display:block;color:#64748b;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.admin-hierarchy-grid strong{display:block;color:#26364b;font-size:24px;margin-top:6px}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-create-form{display:flex;flex-direction:column;gap:12px;margin:0!important}.admin-create-form h3{margin:0;color:#26364b;font-size:18px}.admin-create-form .field{margin:0}.admin-create-form .button{align-self:flex-start}
.admin-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-template-grid article{padding:15px;border:1px solid #cbddee;border-radius:16px;background:#eaf2f9}.admin-template-grid article span{display:block;color:#2388ff;font-size:14px;font-weight:800;letter-spacing:.07em}.admin-template-grid article strong{display:block;color:#26364b;font-size:14px;margin-top:6px}.admin-template-grid article small{display:block;color:#64748b;font-size:14px;margin-top:6px;line-height:1.4}
.admin-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-feature-grid article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #cbddee;border-radius:16px;background:#eaf2f9}.admin-feature-grid strong{display:block;color:#26364b;font-size:14px}.admin-feature-grid small{display:block;color:#64748b;font-size:14px;line-height:1.45;margin-top:4px}.admin-toggle{appearance:none;display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 10px;border:1px solid #bfcfe0;border-radius:999px;background:#dfeaf6;color:#5d7085;font-size:14px;font-weight:750}.admin-toggle span{width:18px;height:18px;border-radius:50%;background:#9aabbd}.admin-toggle.on{border-color:rgba(61,215,154,.45);background:rgba(61,215,154,.12);color:#287557}.admin-toggle.on span{background:#3dd79a}
@media(max-width:1180px){.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-hierarchy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.admin-hero{grid-template-columns:1fr;padding:22px}.admin-role-chip{width:100%}.admin-metric-grid,.admin-hierarchy-grid,.admin-form-grid,.admin-template-grid,.admin-feature-grid,.admin-kv-grid,.admin-health-grid{grid-template-columns:1fr}.admin-table{min-width:700px}.admin-audit-row{flex-direction:column}.admin-audit-row code{max-width:100%;width:100%}}

/* V9.2 — GLOBAL PROJECT TEMPLATE LIBRARY / REAL PROJECT INSTALLATION */
.template-library-tools{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,320px) auto;gap:12px;align-items:center;margin:20px 0 8px;padding:14px;border:1px solid #cbddee;border-radius:16px;background:#eaf2f9}.template-library-tools>span{color:#64748b;font-size:14px;font-weight:700;white-space:nowrap}.template-pick em{display:block;margin-top:7px;color:#49627c;font-size:14px;font-style:normal;line-height:1.4}.template-pick b{display:block;margin-top:6px;color:#64748b;font-size:14px;font-weight:700}.template-reference-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin:0 0 16px}.template-reference-strip>div{padding:16px;border:1px solid #cbddee;border-radius:16px;background:#e7f0fa}.template-reference-strip span{display:block;color:#2388ff;font-size:14px;font-weight:800;letter-spacing:.08em}.template-reference-strip strong{display:block;margin-top:6px;color:#26364b;font-size:14px;line-height:1.45}.template-reference-strip small{display:block;margin-top:6px;color:#64748b;font-size:14px;line-height:1.5}.template-install-card{margin-top:16px}.template-create-form{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(260px,1.3fr) auto;gap:12px;align-items:end}.template-create-form label{display:flex;flex-direction:column;gap:6px}.template-create-form label>span{color:#64748b;font-size:14px;font-weight:700}.template-create-form .button{min-height:42px}.studio-model-section{background:linear-gradient(145deg,#eef5fb 0%,#e7f0fa 58%,#eaf2f9 100%)}.studio-model-badge{min-width:230px;padding:14px 16px;border:1px solid #c6d7e8;border-radius:16px;background:#dfeaf6}.studio-model-badge span,.studio-model-badge small{display:block;color:#64748b;font-size:14px}.studio-model-badge strong{display:block;color:#26364b;font-size:14px;margin:5px 0}.studio-model-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.studio-model-stages>div{padding:12px;border:1px solid #cbddee;border-radius:14px;background:#eaf2f9;min-width:0}.studio-model-stages span{display:block;color:#2388ff;font-size:14px;font-weight:800}.studio-model-stages strong{display:block;margin-top:5px;color:#26364b;font-size:14px;line-height:1.35}.studio-model-grid{align-items:start}.studio-model-list{display:grid;gap:9px}.studio-model-list>div{position:relative;padding:13px 94px 13px 14px;border:1px solid #cbddee;border-radius:14px;background:#e7f0fa;min-height:66px}.studio-model-list>div>span{display:block;color:#2388ff;font-size:14px;font-weight:800;letter-spacing:.05em}.studio-model-list>div>strong{display:block;color:#26364b;font-size:14px;margin-top:4px}.studio-model-list>div>small{display:block;color:#64748b;font-size:14px;margin-top:4px;line-height:1.4}.studio-model-list>div>.status{position:absolute;right:12px;top:14px}.studio-model-list p{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.65}.studio-model-list code,.studio-model-known code{display:inline-block;margin:2px 3px 2px 0;padding:3px 6px;border:1px solid #c6d7e8;border-radius:8px;background:#dfeaf6;color:#49627c;font-size:14px}.studio-model-editor{align-items:start}.studio-model-editor .studio-builder-form{height:100%;padding:18px;border:1px solid #cbddee;border-radius:18px;background:#eaf2f9}.studio-model-editor h4{margin:7px 0 14px;color:#26364b;font-size:16px}.studio-model-known{margin:12px 0;padding:12px;border:1px solid #cbddee;border-radius:14px;background:#e7f0fa}.studio-model-known strong{display:block;color:#26364b;font-size:14px}.studio-model-known p{margin:7px 0 0;line-height:1.8}.template-dependency-node small{overflow-wrap:anywhere}
@media(max-width:1100px){.template-library-tools{grid-template-columns:1fr 1fr}.template-library-tools>span{grid-column:1/-1}.template-create-form{grid-template-columns:1fr 1fr}.template-create-form .button{grid-column:1/-1}.studio-model-stages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.template-library-tools,.template-reference-strip,.template-create-form,.studio-model-stages{grid-template-columns:1fr}.studio-model-badge{width:100%;min-width:0}.studio-model-list>div{padding-right:14px}.studio-model-list>div>.status{position:static;margin-top:8px}}

/* V9.2.1 — TEMPLATE QUICK-VIEW MODAL
   Template details open in the current viewport instead of rendering below the full catalog. */
body.template-modal-open{overflow:hidden;}
.template-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(218,232,246,.88);}
.template-modal{width:min(1500px,94vw);height:min(920px,90dvh);min-height:560px;border:1px solid var(--line2);border-radius:26px;background:var(--surface);box-shadow:0 24px 70px rgba(44,79,112,.20);overflow:hidden;}
.template-modal-shell{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0;}
.template-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 16px;background:var(--surface);border-bottom:1px solid var(--line2);}
.template-modal-header .template-title-block{min-width:0;flex:1;}
.template-modal-header h2{margin:3px 0 7px;color:#142033;font-size:clamp(22px,2.4vw,31px);line-height:1.08;letter-spacing:-.035em;}
.template-modal-header p{margin:0;max-width:900px;color:#44546a;font-size:14px;line-height:1.55;}
.template-modal-actions{display:flex;align-items:flex-start;gap:10px;flex:0 0 auto;}
.template-modal-close{appearance:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid var(--line2);border-radius:14px;background:#e7f0fa;color:#26364b;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.template-modal-close:hover{background:#dfeaf6;border-color:rgba(90,167,255,.42);transform:translateY(-1px);}
.template-modal-close:focus-visible{outline:3px solid rgba(48,139,255,.24);outline-offset:2px;}
.template-modal-close span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#dfeaf6;color:#2388ff;font-size:21px;font-weight:500;line-height:1;}
.template-modal-close b{font-weight:750;}
.template-modal-tabs{margin:0;padding:10px 24px;border:0;border-bottom:1px solid var(--line2);border-radius:0;background:#eaf2f9;scrollbar-width:thin;}
.template-modal-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 24px 28px;background:var(--surface);scrollbar-width:thin;}
.template-modal-scroll>.template-tab-body{min-width:0;}
.template-pick{position:relative;}
.template-pick::after{content:'Open';position:absolute;right:12px;bottom:11px;padding:3px 7px;border:1px solid #c6d7e8;border-radius:9px;background:#dfeaf6;color:#49627c;font-size:14px;font-weight:800;letter-spacing:.04em;}
.template-pick>span:nth-child(2){padding-bottom:20px;}
@media (max-width:900px){
  .template-modal-backdrop{padding:12px;}
  .template-modal{width:100%;height:calc(100dvh - 24px);min-height:0;border-radius:22px;}
  .template-modal-header{padding:18px;}
  .template-modal-actions .template-engine-chip{display:none;}
  .template-modal-tabs{padding:9px 16px;}
  .template-modal-scroll{padding:18px;}
}
@media (max-width:620px){
  .template-modal-backdrop{padding:0;}
  .template-modal{height:100dvh;border-radius:0;border-left:0;border-right:0;}
  .template-modal-header{gap:12px;padding:14px 15px 12px;}
  .template-modal-header .template-title-icon{width:34px;height:34px;}
  .template-modal-header h2{font-size:20px;}
  .template-modal-header p{font-size:14px;line-height:1.45;}
  .template-modal-close{padding:7px;min-height:40px;}
  .template-modal-close b{display:none;}
  .template-modal-tabs{padding:8px 12px;}
  .template-modal-scroll{padding:14px 12px 22px;}
}

/* V9.3.0 — NAVIGATION INFORMATION ARCHITECTURE
   Business Value / Work / Model / Control / Enterprise.
   Commercial is now a domain pack inside Model, not a competing top-level product. */
.model-menu{width:min(1220px,calc(100vw - 72px))!important;grid-template-columns:minmax(220px,.58fr) minmax(0,2.7fr)!important;}
.model-menu-body{display:grid;gap:18px;min-width:0;}
.model-core-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.work-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.control-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.domain-pack-section{padding:14px;border:1px solid #d9e5f0;border-radius:18px;background:linear-gradient(145deg,#f5f9ff,#eef6fd);min-width:0;}
.domain-pack-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px;padding:0 4px;}
.domain-pack-head>div>strong{display:block;margin-top:5px;color:#253d55;font-size:14px;line-height:1.35;}
.domain-pack-all{appearance:none;border:0;background:transparent;color:#245eb4;font:inherit;font-size:14px;font-weight:760;white-space:nowrap;cursor:pointer;padding:5px 2px;}
.domain-pack-all:hover{color:#174b91;text-decoration:underline;}
.domain-pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.domain-pack-grid .subnav-item{margin:0;height:100%;}
.domain-pack-featured{background:linear-gradient(145deg,#e9f3ff,#edf9fb)!important;border-color:#b7d2ee!important;}
html[data-theme="light"] .domain-pack-section{border-color:#d9e5f0!important;background:linear-gradient(145deg,#f5f9ff,#eef6fd)!important;}
html[data-theme="light"] .domain-pack-head>div>strong{color:var(--read-title)!important;}
html[data-theme="light"] .domain-pack-all{color:#245eb4!important;}
@media(max-width:1180px){
  .model-menu{width:min(1040px,calc(100vw - 40px))!important;}
  .model-core-grid,.domain-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:820px){
  .model-menu{width:auto!important;grid-template-columns:1fr!important;}
  .model-core-grid,.work-menu-grid,.control-menu-grid,.domain-pack-grid{grid-template-columns:1fr 1fr!important;}
  .domain-pack-head{align-items:flex-start;flex-direction:column;gap:6px;}
}
@media(max-width:560px){
  .model-core-grid,.work-menu-grid,.control-menu-grid,.domain-pack-grid{grid-template-columns:1fr!important;}
}

/* V9.4 — CONTROLLED CHANGE DECLARATION / REVISION LEDGER */
.editor-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.governed-delta-panel{margin-top:18px;padding:22px;border:1px solid #cbddee;border-radius:22px;background:linear-gradient(145deg,#eef6fd 0%,#e7f1fb 58%,#edf7f8 100%);box-shadow:0 16px 42px rgba(39,76,119,.08);}
.governed-delta-head{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;align-items:start;margin-bottom:18px;}
.governed-delta-head h3{margin:6px 0 8px;color:#26364b;font-size:20px;line-height:1.2;letter-spacing:-.02em;}
.governed-delta-head p{margin:0;max-width:880px;color:#53677d;font-size:14px;line-height:1.6;}
.delta-boundary-badge{padding:14px 15px;border:1px solid #bfd5e8;border-radius:16px;background:#dfeaf6;}
.delta-boundary-badge span,.delta-version-strip span,.delta-system-boundary span{display:block;color:#2388ff;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.delta-boundary-badge strong{display:block;margin-top:6px;color:#26364b;font-size:14px;}
.delta-boundary-badge small{display:block;margin-top:5px;color:#64748b;font-size:14px;line-height:1.45;}
.governed-delta-form{display:grid;gap:16px;}
.delta-version-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.delta-version-strip>div{padding:12px 13px;border:1px solid #cbddee;border-radius:14px;background:#f4f8fc;min-width:0;}
.delta-version-strip strong{display:block;margin-top:5px;color:#26364b;font-size:14px;overflow-wrap:anywhere;}
.delta-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.delta-form-grid>label{display:flex;flex-direction:column;gap:6px;min-width:0;}
.delta-form-grid>label>span{color:#53677d;font-size:14px;font-weight:720;}
.delta-form-grid>label>small{color:#718197;font-size:14px;line-height:1.45;}
.delta-form-wide{grid-column:1/-1;}
.delta-form-grid .textarea{min-height:84px;resize:vertical;}
.delta-system-boundary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 15px;border:1px solid #c6dbea;border-radius:16px;background:#e6f3f6;}
.delta-system-boundary>div{min-width:0;}
.delta-system-boundary strong{display:block;margin-top:5px;color:#36566d;font-size:14px;line-height:1.5;}
.revision-ledger-card{margin-top:18px!important;}
.revision-count{min-width:118px;text-align:right;}
.revision-count strong{display:block;color:#26364b;font-size:24px;line-height:1;}
.revision-count span{display:block;margin-top:5px;color:#718197;font-size:14px;}
.revision-timeline{display:grid;gap:10px;}
.revision-entry{display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;padding:14px;border:1px solid #cbddee;border-radius:16px;background:#eef5fb;}
.revision-entry-version{padding:10px;border-radius:13px;background:#dfeaf6;text-align:center;align-self:start;}
.revision-entry-version strong{display:block;color:#2388ff;font-size:15px;}
.revision-entry-version small{display:block;margin-top:4px;color:#64748b;font-size:14px;font-weight:760;}
.revision-entry-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.revision-entry-main>div:first-child>strong{color:#26364b;font-size:14px;}
.revision-entry-main p{margin:7px 0 5px;color:#44546a;font-size:14px;line-height:1.5;}
.revision-entry-main>small{display:block;color:#718197;font-size:14px;line-height:1.45;}
.revision-flags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
.revision-flags span{padding:4px 7px;border:1px solid #c6d7e8;border-radius:999px;background:#e7f0fa;color:#53677d;font-size:14px;font-weight:700;}
@media(max-width:980px){.governed-delta-head{grid-template-columns:1fr}.delta-boundary-badge{max-width:520px}.delta-version-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-grid-2{grid-template-columns:1fr}}
@media(max-width:620px){.governed-delta-panel{padding:16px;border-radius:18px}.delta-version-strip,.delta-form-grid{grid-template-columns:1fr}.delta-form-wide{grid-column:auto}.delta-system-boundary{align-items:stretch;flex-direction:column}.delta-system-boundary .button{width:100%}.revision-entry{grid-template-columns:1fr}.revision-entry-version{text-align:left;display:flex;align-items:center;gap:8px}.revision-entry-version small{margin-top:0}.revision-entry-main>div:first-child{align-items:flex-start;flex-direction:column}.revision-count{text-align:left;min-width:0}}

/* ========================================================================== 
   V9.5.0 — BUSINESS VALUE: PROJECT-FIRST PUBLIC POSITIONING
   Public page shows business outcomes and current project position while keeping
   internal validity-resolution mechanisms out of the explanatory surface.
   ========================================================================== */
.value-page-v95{--v95-line:#d8e3ef;--v95-soft:#f4f8fd;--v95-blue:#2563eb;--v95-teal:#0f8fa8;--v95-green:#15803d;--v95-amber:#a16207;--v95-red:#b42318;}
.value-page-v95 .value-hero-v95{grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:38px;align-items:center;}
.value-page-v95 .value-hero-v95 h2{max-width:860px;}
.value-start-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:25px;padding-top:21px;border-top:1px solid rgba(255,255,255,.075);font-size:14px;line-height:1.55;}
.value-start-line strong{font-weight:760;}
.value-scenario{min-width:0;padding:24px;border:1px solid rgba(102,138,182,.22);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,250,254,.98));box-shadow:0 18px 46px rgba(20,32,51,.12);}
.value-scenario-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #dfe7ef;}
.value-scenario-head>div>span{display:block;font-size:14px;font-weight:800;letter-spacing:.12em;color:#5f7288;}
.value-scenario-head>div>strong{display:block;margin-top:7px;font-size:22px;line-height:1.2;color:#14243a;letter-spacing:-.025em;}
.value-change-badge{max-width:210px;padding:7px 9px;border-radius:999px;background:#fff7e6;color:#8a5600;font-size:14px;font-weight:800;line-height:1.35;text-align:center;letter-spacing:.045em;}
.value-scenario-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;}
.value-scenario-summary>div{padding:14px;border:1px solid #dbe5ee;border-radius:16px;background:#f7fafc;}
.value-scenario-summary strong{display:block;color:#14243a;font-size:25px;line-height:1;letter-spacing:-.04em;}
.value-scenario-summary span{display:block;margin-top:7px;color:#60758b;font-size:14px;}
.value-scenario-list{display:grid;gap:0;margin-top:17px;border:1px solid #dfe7ef;border-radius:17px;overflow:hidden;background:#fff;}
.value-scenario-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 14px;border-bottom:1px solid #e6edf4;color:#334b63;font-size:14px;}
.value-scenario-row:last-child{border-bottom:0;}
.value-scenario-row strong{font-size:14px;letter-spacing:.055em;}
.scenario-valid{color:var(--v95-green);}.scenario-review{color:var(--v95-amber);}.scenario-paused{color:var(--v95-red);}
.value-scenario-note{margin:15px 2px 0!important;color:#526a82!important;font-size:14px!important;line-height:1.55!important;font-weight:650;}

.value-questions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.value-questions-grid article{min-height:190px;padding:22px;border:1px solid #d8e3ef;border-radius:20px;background:linear-gradient(180deg,#ffffff,#f7faff);}
.value-questions-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eaf2ff;color:#2563eb;font-size:14px;font-weight:800;}
.value-questions-grid strong{display:block;margin-top:24px;color:#14243a;font-size:20px;line-height:1.25;letter-spacing:-.025em;}
.value-questions-grid p{margin:9px 0 0;color:#52687e;font-size:14px;line-height:1.65;}

.value-project-demo{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.55fr);gap:24px;align-items:stretch;}
.value-project-intro{padding:24px;border:1px solid #d8e3ef;border-radius:21px;background:linear-gradient(145deg,#eef5ff,#ffffff);}
.value-project-intro>span{display:block;color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.11em;}
.value-project-intro>strong{display:block;margin-top:16px;color:#14243a;font-size:21px;line-height:1.35;letter-spacing:-.025em;}
.value-project-intro>p{margin:12px 0 0;color:#52687e;font-size:14px;line-height:1.68;}
.value-project-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;padding:24px;border:1px solid #d8e3ef;border-radius:21px;background:#fff;}
.value-project-flow>i{font-style:normal;color:#8ca0b4;font-size:17px;text-align:center;}
.value-project-step{min-width:0;min-height:128px;padding:15px;border:1px solid #dbe5ee;border-radius:16px;background:#f8fbfe;}
.value-project-step>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#edf3f8;color:#60768e;font-size:14px;font-weight:800;}
.value-project-step>strong{display:block;margin-top:16px;color:#263d55;font-size:14px;line-height:1.35;}
.value-project-step>small{display:block;margin-top:8px;font-size:14px;font-weight:760;}
.value-project-step.valid{background:#f2fbf6;border-color:#cfe8d8}.value-project-step.valid small{color:#15803d}
.value-project-step.review{background:#fffaf0;border-color:#ead9af}.value-project-step.review small{color:#a16207}
.value-project-step.changed{background:#fff8ed;border-color:#e8cf9f}.value-project-step.changed small{color:#9a5c00}
.value-project-step.paused{background:#fff5f4;border-color:#edcfcb}.value-project-step.paused small{color:#b42318}
.value-project-result{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:15px 18px;border:1px solid #cddced;border-radius:16px;background:#f2f7fd;color:#3f5872;font-size:14px;}
.value-project-result strong{color:#18314b;}

.value-outcome-story-card{min-height:300px!important;}
.value-outcome-story-card .value-result{margin-top:auto!important;}
.value-use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.value-use-case-card{display:flex;flex-direction:column;min-height:260px;padding:23px;border:1px solid #d8e3ef;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe);}
.value-use-case-card>span{color:#2563eb;font-size:14px;font-weight:800;letter-spacing:.1em;}
.value-use-case-card h3{margin:16px 0 0;color:#14243a;font-size:19px;line-height:1.3;letter-spacing:-.025em;}
.value-use-case-card p{margin:10px 0 0;color:#52687e;font-size:14px;line-height:1.65;}
.value-use-case-card .value-link{margin-top:auto!important;padding-top:13px!important;}

.value-scale-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;}
.value-scale-step{min-height:170px;padding:18px;border:1px solid #d8e3ef;border-radius:18px;background:#fff;}
.value-scale-step.active{background:linear-gradient(145deg,#eaf2ff,#fff);border-color:#b8cdeb;}
.value-scale-step>span{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#eaf2ff;color:#2563eb;font-size:14px;font-weight:800;}
.value-scale-step strong{display:block;margin-top:18px;color:#14243a;font-size:15px;line-height:1.35;}
.value-scale-step p{margin:8px 0 0;color:#52687e;font-size:14px;line-height:1.6;}
.value-scale-arrow{display:grid;place-items:center;color:#8296aa;font-size:18px;}

.value-environment{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:30px;align-items:center;}
.value-environment-copy h2{margin:7px 0 0;color:#14243a;font-size:27px;line-height:1.12;letter-spacing:-.035em;}
.value-environment-copy p{margin:12px 0 0;color:#52687e;font-size:14px;line-height:1.68;}

html[data-theme="light"] .value-page-v95 .value-start-line{border-color:#d8e3ef!important;color:#52687e!important;}
html[data-theme="light"] .value-page-v95 .value-start-line strong{color:#14243a!important;}
html[data-theme="light"] .value-page-v95 .value-questions-grid article,
html[data-theme="light"] .value-page-v95 .value-project-intro,
html[data-theme="light"] .value-page-v95 .value-project-flow,
html[data-theme="light"] .value-page-v95 .value-use-case-card,
html[data-theme="light"] .value-page-v95 .value-scale-step{box-shadow:0 10px 26px rgba(20,32,51,.045);}

@media(max-width:1180px){
  .value-page-v95 .value-hero-v95{grid-template-columns:1fr;}
  .value-project-demo{grid-template-columns:1fr;}
  .value-environment{grid-template-columns:1fr!important;}
  .value-questions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-project-flow,.value-scale-track{grid-template-columns:1fr;}
  .value-project-flow>i,.value-scale-arrow{transform:rotate(90deg);min-height:22px;}
}
@media(max-width:720px){
  .value-page-v95 .value-hero-v95{padding:26px 20px!important;}
  .value-scenario{padding:18px;}
  .value-scenario-head{flex-direction:column;}
  .value-change-badge{max-width:none;}
  .value-scenario-summary{grid-template-columns:1fr;}
  .value-questions-grid,.value-use-case-grid{grid-template-columns:1fr;}
  .value-project-intro,.value-project-flow{padding:18px;}
  .value-scenario-row{align-items:flex-start;flex-direction:column;gap:6px;}
  .value-environment .fit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:430px){
  .value-page-v95 .value-hero-v95 h2{font-size:31px!important;line-height:1.04!important;}
  .value-page-v95 .value-section{padding:20px!important;}
  .value-questions-grid article{min-height:0;}
  .value-environment .fit-grid{grid-template-columns:1fr!important;}
}


/* ========================================================================== 
   V9.6.0 — NAVIGATION REBALANCE
   Keep each top-level menu focused: Work = run/start work; Model = inspect the
   core state model; Control = govern validity; Enterprise = configure/connect.
   Domain packs live behind the Work template library instead of inside Model.
   ========================================================================== */
@media (min-width:821px){
  html[data-theme="light"] .nav-dropdown{
    max-height:none!important;
    overflow:visible!important;
  }
  .work-menu{width:min(980px,calc(100vw - 72px))!important;}
  .model-menu{width:min(760px,calc(100vw - 72px))!important;grid-template-columns:minmax(220px,.82fr) minmax(0,1.55fr)!important;}
  .control-menu{width:min(1050px,calc(100vw - 72px))!important;}
  .enterprise-menu{width:min(1080px,calc(100vw - 72px))!important;}
}
.model-menu .nav-dropdown-intro{align-self:stretch;}
.model-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;}
.work-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.control-menu-grid,.enterprise-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.work-menu-grid .nav-item,
.model-core-grid .nav-item,
.control-menu-grid .nav-item,
.enterprise-menu-grid .nav-item{min-height:82px;}
/* Old Domain Pack mega-grid is intentionally removed from Model in V9.6. */
.domain-pack-section{display:none!important;}
@media(max-width:980px) and (min-width:821px){
  .work-menu-grid,.control-menu-grid,.enterprise-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .model-core-grid{grid-template-columns:1fr!important;}
}
@media(max-width:820px){
  .work-menu,.model-menu,.control-menu,.enterprise-menu{width:auto!important;grid-template-columns:1fr!important;}
  .work-menu-grid,.model-core-grid,.control-menu-grid,.enterprise-menu-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:560px){
  .work-menu-grid,.model-core-grid,.control-menu-grid,.enterprise-menu-grid{grid-template-columns:1fr!important;}
}

/* V9.7 Visitor Map + Vercel WAF access control */
.visitor-map-card{overflow:hidden}
.visitor-map-head{align-items:flex-start;gap:20px}
.visitor-map-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.visitor-map-controls button,.admin-mini-action{appearance:none;border:1px solid rgba(35,136,255,.22);background:rgba(248,251,255,.92);color:var(--ink);border-radius:10px;padding:8px 11px;font-size:14px;font-weight:750;box-shadow:0 4px 14px rgba(35,77,122,.06)}
.visitor-map-controls button:first-child,.visitor-map-controls button:nth-child(2){width:38px;padding-inline:0;font-size:18px;line-height:1}
.visitor-map-controls button:hover:not(:disabled),.admin-mini-action:hover:not(:disabled){border-color:rgba(35,136,255,.5);background:var(--surface)}
.visitor-map{position:relative;height:430px;overflow:hidden;border:1px solid rgba(35,136,255,.18);border-radius:20px;background:var(--surface3);touch-action:none;user-select:none;cursor:grab;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.visitor-map.dragging{cursor:grabbing}
.visitor-map-tiles,.visitor-map-markers{position:absolute;inset:0;overflow:hidden}
.visitor-map-tiles img{position:absolute;width:256px;height:256px;max-width:none;pointer-events:none;-webkit-user-drag:none}
.visitor-map-markers{pointer-events:none}
.visitor-map-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;width:34px;height:34px;border-radius:50%;border:3px solid rgba(248,251,255,.96);background:var(--blue2);color:var(--surface);font-weight:850;font-size:14px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(35,77,122,.24)}
.visitor-map-marker.online{background:var(--green)}
.visitor-map-marker::after{content:"";position:absolute;inset:-7px;border:1px solid currentColor;border-radius:50%;opacity:.22}
.visitor-map-popup{position:absolute;z-index:6;left:18px;bottom:28px;max-width:min(360px,calc(100% - 36px));padding:16px 42px 16px 16px;border:1px solid rgba(35,136,255,.2);border-radius:16px;background:rgba(248,251,255,.96);box-shadow:0 16px 42px rgba(35,77,122,.18);backdrop-filter:blur(14px)}
.visitor-map-popup strong,.visitor-map-popup span,.visitor-map-popup small{display:block}
.visitor-map-popup strong{font-size:14px;margin-bottom:5px}.visitor-map-popup span{font-size:14px;color:var(--ink2)}.visitor-map-popup small{font-size:14px;color:var(--muted);margin-top:5px}
.visitor-map-popup-close{position:absolute;right:9px;top:8px;width:28px;height:28px;border:0;border-radius:9px;background:var(--surface2);font-size:18px}
.visitor-map-empty{position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 40px));padding:18px;text-align:center;border-radius:16px;background:rgba(248,251,255,.9);border:1px solid rgba(35,136,255,.14);pointer-events:none}
.visitor-map-empty strong,.visitor-map-empty span{display:block}.visitor-map-empty strong{font-size:14px}.visitor-map-empty span{margin-top:6px;font-size:14px;color:var(--muted);line-height:1.55}
.visitor-map-attribution{position:absolute;z-index:5;right:7px;bottom:6px;padding:3px 6px;border-radius:6px;background:rgba(248,251,255,.82);font-size:14px;color:var(--muted);pointer-events:none}
.admin-row-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:190px}
.admin-mini-action{padding:6px 8px;font-size:14px;border-radius:8px;white-space:nowrap}
.admin-mini-action.danger{border-color:rgba(255,107,129,.25);color:#9b3345}
.access-control-card{overflow:visible}
.access-provider-status{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:4px 0 16px;border-radius:14px;border:1px solid rgba(61,215,154,.24);background:var(--green-soft)}
.access-provider-status>span{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(61,215,154,.13)}
.access-provider-status strong,.access-provider-status small{display:block}.access-provider-status strong{font-size:14px}.access-provider-status small{margin-top:2px;color:var(--muted);font-size:14px}
.access-rule-list{display:grid;gap:9px;margin-top:12px}
.access-rule-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--surface2)}
.access-rule-row>div:first-child{min-width:0}.access-rule-row>div:last-child{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.access-rule-row strong,.access-rule-row small{display:block}.access-rule-row strong{margin-top:3px;font-size:14px}.access-rule-row small{margin-top:3px;color:var(--muted);font-size:14px;max-width:640px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.access-rule-type{font-size:14px;font-weight:850;letter-spacing:.13em;color:var(--blue2)}
.access-dialog{width:min(560px,calc(100vw - 32px));border:1px solid rgba(35,136,255,.19);border-radius:22px;padding:0;background:var(--surface);color:var(--ink);box-shadow:0 28px 80px rgba(35,77,122,.25)}
.access-dialog::backdrop{background:rgba(50,70,95,.3);backdrop-filter:blur(7px)}
.access-dialog form{padding:25px}.access-dialog h3{font-size:21px;margin:7px 0 3px}.access-dialog p{margin:0 0 18px;color:var(--muted);font-size:14px}
.access-dialog label{display:grid;gap:7px;font-size:14px;font-weight:750}.access-dialog textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:11px;line-height:1.5;outline:none}.access-dialog textarea:focus{border-color:rgba(35,136,255,.5);box-shadow:0 0 0 3px rgba(35,136,255,.08)}
.access-dialog-warning{display:grid;gap:3px;margin:15px 0;padding:12px 13px;border-radius:13px;background:var(--amber-soft);border:1px solid rgba(244,185,66,.25)}.access-dialog-warning strong{font-size:14px}.access-dialog-warning span{font-size:14px;color:var(--ink2);line-height:1.45}
.access-dialog .dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.access-dialog .dialog-actions button{border-radius:10px;padding:9px 13px;font-weight:750;border:1px solid var(--line)}.access-dialog .dialog-actions .ghost{background:var(--surface2)}.access-dialog .dialog-actions .primary{background:var(--blue2);border-color:var(--blue2);color:var(--surface)}
@media(max-width:900px){.visitor-map-head{display:grid}.visitor-map-controls{justify-content:flex-start}.visitor-map{height:360px}.admin-row-actions{min-width:150px}.access-rule-row{align-items:flex-start;display:grid}.access-rule-row>div:last-child{justify-content:space-between}}
@media(max-width:600px){.visitor-map{height:310px;border-radius:16px}.visitor-map-controls{display:grid;grid-template-columns:42px 42px 1fr 1fr;width:100%}.visitor-map-controls button{padding-inline:7px}.visitor-map-popup{left:10px;bottom:24px;max-width:calc(100% - 20px)}.admin-row-actions{min-width:130px}.access-dialog form{padding:20px}}

/* V9.8 — structured public privacy, terms and security information. */
.public-info-panel{
  width:min(900px,calc(100vw - 36px));
  max-height:min(86vh,900px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
.public-info-copy{padding:2px 2px 8px;}
.public-info-intro{margin:20px 0 0!important;font-size:15px!important;line-height:1.72!important;max-width:78ch;}
.public-info-section{margin-top:24px;padding-top:22px;border-top:1px solid rgba(114,145,174,.22);}
.public-info-section h3{margin:0 0 10px;font-size:16px;line-height:1.25;letter-spacing:-.012em;}
.public-info-section p{margin:9px 0 0!important;font-size:14px!important;line-height:1.7!important;max-width:82ch;}
.public-info-section ul{margin:10px 0 0;padding-left:20px;display:grid;gap:8px;max-width:82ch;}
.public-info-section li{font-size:14px;line-height:1.65;}
html[data-theme="light"] .public-info-section{border-top-color:#d8e4ee;}
html[data-theme="light"] .public-info-section h3{color:#263f58!important;}
html[data-theme="light"] .public-info-section li{color:#536b82!important;}
html[data-theme="dark"] .public-info-section h3{color:var(--text-title)!important;}
html[data-theme="dark"] .public-info-section li{color:var(--text-body)!important;}
@media (max-width:720px){
  .public-info-modal{padding:12px;}
  .public-info-panel{width:100%;max-height:90vh;padding:20px;border-radius:18px;}
  .public-info-intro{font-size:14px!important;}
  .public-info-section{margin-top:20px;padding-top:18px;}
}

/* ========================================================================== 
   V9.9.0 — BUSINESS VALUE: PAIN-FIRST ENTERPRISE POSITIONING
   Lead with the operational cost of change, then show what Validelta gives back.
   Public copy stays outcome-focused and keeps internal validity mechanisms private.
   ========================================================================== */
.value-page-v99{--v99-ink:#17283b;--v99-body:#425a70;--v99-muted:#667a8e;--v99-line:#d7e3ee;--v99-soft:#f5f9fd;--v99-blue:#2563eb;--v99-warm:#fff8ed;--v99-warm-line:#ead6b3;}
.value-page-v99 .value-hero-v99{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:34px;align-items:start;padding:42px;}
.value-page-v99 .value-hero-v99 h2{max-width:940px;font-size:clamp(38px,3.45vw,56px)!important;line-height:1.04!important;letter-spacing:-.045em!important;}
.value-page-v99 .value-hero-copy>p{max-width:870px;font-size:16px!important;line-height:1.72!important;}
.value-pressure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;}
.value-pressure-card{padding:17px 18px;border:1px solid #d9e4ee;border-radius:17px;background:rgba(255,255,255,.74);box-shadow:0 8px 24px rgba(39,76,119,.045);}
.value-pressure-card>span{display:block;color:#5d7186;font-size:14px;font-weight:820;letter-spacing:.105em;}
.value-pressure-card>strong{display:block;margin-top:9px;color:#263b51;font-size:14px;line-height:1.55;font-weight:690;}
.value-hero-answer{margin:18px 0 0!important;padding:16px 18px;border-left:3px solid #4d8be8;border-radius:0 14px 14px 0;background:rgba(234,243,255,.78);color:#405a73!important;font-size:14px!important;line-height:1.65!important;}
.value-hero-answer strong{color:#183552;font-weight:760;}
.value-page-v99 .value-hero-actions{margin-top:20px;}
.value-audience-strip{grid-column:1/-1;display:grid;grid-template-columns:minmax(250px,.54fr) minmax(0,1.46fr);gap:18px;align-items:center;margin-top:2px;padding:17px 19px;border:1px solid #d7e3ee;border-radius:17px;background:rgba(255,255,255,.7);}
.value-audience-strip>span{color:#4e657b;font-size:14px;line-height:1.5;font-weight:700;}
.value-audience-strip>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;}
.value-audience-strip b{padding:7px 9px;border:1px solid #d9e4ee;border-radius:999px;background:#f7faff;color:#52677c;font-size:14px;line-height:1;font-weight:760;}

.value-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.value-pain-card{display:flex;flex-direction:column;min-height:300px;padding:23px;border:1px solid var(--v99-line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 10px 28px rgba(39,76,119,.05);}
.value-pain-card h3{margin:19px 0 0;color:var(--v99-ink);font-size:19px;line-height:1.34;letter-spacing:-.02em;}
.value-pain-card>p{margin:11px 0 0;color:var(--v99-body);font-size:14px;line-height:1.67;}
.value-pain-impact{margin-top:auto;padding-top:17px;border-top:1px solid #e1e9f1;color:#60758a;font-size:14px;line-height:1.5;font-weight:720;letter-spacing:.01em;}
.value-page-v99 .value-pain-card .value-card-top>span{background:#edf3fb;color:#3f6fa7;}
.value-page-v99 .value-pain-card .value-card-top small{color:#65788b;}

.value-answers-v99{background:linear-gradient(145deg,#f8fbff 0%,#eef6ff 58%,#f8fbff 100%)!important;}
.value-page-v99 .value-questions-grid article{min-height:176px;}
.value-page-v99 .value-questions-grid strong{margin-top:20px;}
.value-use-case-v99{min-height:278px;}
.value-use-case-v99 h3{font-size:18px;line-height:1.34;}
.value-use-case-v99 p{font-size:14px;line-height:1.67;}
.value-outcome-v99{min-height:184px;}
.value-outcome-v99>span{font-size:14px;}
.value-outcome-v99 strong{font-size:17px;line-height:1.28;}
.value-outcome-v99 p{font-size:14px;line-height:1.64;}
.value-scale-v99 .value-scale-step{min-height:182px;}
.value-cta-v99 h2{max-width:980px;}

html[data-theme="light"] .value-page-v99 .value-hero-v99{border-color:#d2e0ec!important;background:radial-gradient(circle at 88% 8%,rgba(61,133,217,.10),transparent 31%),radial-gradient(circle at 8% 94%,rgba(24,154,154,.06),transparent 28%),linear-gradient(150deg,#f8fbff 0%,#eef6ff 100%)!important;box-shadow:0 20px 54px rgba(39,76,119,.075)!important;}
html[data-theme="light"] .value-page-v99 .value-hero-v99 h2{color:var(--v99-ink)!important;}
html[data-theme="light"] .value-page-v99 .value-hero-copy>p{color:var(--v99-body)!important;}
html[data-theme="light"] .value-page-v99 .value-pressure-card{background:rgba(255,255,255,.88)!important;}
html[data-theme="light"] .value-page-v99 .value-hero-answer{background:#edf5ff!important;color:#405a73!important;}
html[data-theme="light"] .value-page-v99 .value-audience-strip{background:rgba(255,255,255,.82)!important;}
html[data-theme="light"] .value-page-v99 .value-pain-card,
html[data-theme="light"] .value-page-v99 .value-use-case-v99,
html[data-theme="light"] .value-page-v99 .value-outcome-v99{background:linear-gradient(180deg,#ffffff,#f8fbfe)!important;border-color:#d7e3ee!important;}

@media(max-width:1180px){
  .value-page-v99 .value-hero-v99{grid-template-columns:1fr;}
  .value-audience-strip{grid-template-columns:1fr;}
  .value-audience-strip>div{justify-content:flex-start;}
  .value-pain-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .value-page-v99 .value-hero-v99{padding:26px 20px!important;}
  .value-page-v99 .value-hero-v99 h2{font-size:34px!important;}
  .value-pressure-grid{grid-template-columns:1fr;}
  .value-audience-strip{padding:15px;}
  .value-pain-grid{grid-template-columns:1fr;}
  .value-pain-card{min-height:0;padding:19px;}
  .value-use-case-v99{min-height:0;}
}
@media(max-width:430px){
  .value-page-v99 .value-hero-v99 h2{font-size:31px!important;}
  .value-pressure-card{padding:15px;}
  .value-hero-answer{padding:14px 15px;}
  .value-audience-strip b{font-size:14px;}
}

/* ========================================================================== 
   V10.0.0 — BUSINESS VALUE: CURRENT POSITION / CONTINUITY / READINESS
   Copy and information hierarchy broaden the public story beyond change management.
   The V9.9 responsive card system is intentionally retained for visual continuity.
   ========================================================================== */
.value-page-v100 .value-scenario-note{max-width:760px;}

/* ========================================================================== 
   V10.1.0 — BUSINESS VALUE: DECISION-TO-ACTION VALIDITY
   Final public positioning baseline.
   The page sells continuity, selective revalidation, action control and later
   accountability; current-position cards remain an output, not the product identity.
   ========================================================================== */
.value-page-v101{--v101-ink:#17283b;--v101-body:#425a70;--v101-line:#d7e3ee;--v101-blue:#2563eb;--v101-soft:#f4f8fc;}
.value-page-v101 .value-hero-v101{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:34px;align-items:start;padding:42px;}
.value-page-v101 .value-hero-v101 h2{max-width:900px;font-size:clamp(39px,3.55vw,57px)!important;line-height:1.03!important;letter-spacing:-.046em!important;}
.value-page-v101 .value-hero-copy>p{max-width:900px;font-size:16px!important;line-height:1.72!important;}
.value-pressure-v101{margin-top:25px;}
.value-page-v101 .value-hero-answer{margin-top:18px!important;}

.value-lifeline-card{position:relative;padding:25px;border:1px solid #d4e1ed;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#f5f9fd 100%);box-shadow:0 18px 48px rgba(39,76,119,.08);overflow:hidden;}
.value-lifeline-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#2d6cdf,#50a3dd,#64b9ad);opacity:.9;}
.value-lifeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-top:3px;}
.value-lifeline-head>div>span{display:block;color:#657a8e;font-size:14px;font-weight:850;letter-spacing:.12em;}
.value-lifeline-head>div>strong{display:block;margin-top:7px;color:#1d3349;font-size:18px;line-height:1.3;}
.value-lifeline-track{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:24px;padding:17px;border:1px solid #dbe6f0;border-radius:18px;background:#f8fbfe;}
.value-life-node{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-items:center;min-width:0;}
.value-life-node>span{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid #c8d8e8;background:#fff;color:#577087;font-size:14px;font-weight:850;}
.value-life-node>strong{color:#273f57;font-size:14px;line-height:1.25;}
.value-life-node>small{margin-top:2px;color:#6f8294;font-size:14px;line-height:1.35;}
.value-life-node.complete>span{border-color:#b6d4ca;background:#eff9f5;color:#2f7b67;}
.value-life-node.active>span{border-color:#b8cef1;background:#edf4ff;color:#2d66bb;box-shadow:0 0 0 4px rgba(45,108,223,.07);}
.value-lifeline-track>i{font-style:normal;color:#8aa0b4;font-size:17px;}
.value-lifeline-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
.value-lifeline-results>div{padding:14px 13px;border:1px solid #dbe6f0;border-radius:15px;background:#fff;}
.value-lifeline-results strong,.value-lifeline-results span,.value-lifeline-results small{display:block;}
.value-lifeline-results strong{color:#1c344d;font-size:26px;line-height:1;}
.value-lifeline-results span{margin-top:6px;color:#344e66;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.value-lifeline-results small{margin-top:4px;color:#76899a;font-size:14px;line-height:1.35;}
.value-lifeline-results .carry{border-color:#cfe2da;background:#f4fbf8;}
.value-lifeline-results .review{border-color:#eadcbf;background:#fffaf0;}
.value-lifeline-results .hold{border-color:#e7ccd1;background:#fff7f8;}
.value-lifeline-list{margin-top:15px;}
.value-lifeline-list .value-scenario-row{background:rgba(255,255,255,.76);}

.value-friction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.value-friction-card{display:flex;flex-direction:column;min-height:290px;padding:23px;border:1px solid var(--v101-line);border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 10px 28px rgba(39,76,119,.05);}
.value-friction-card h3{margin:19px 0 0;color:var(--v101-ink);font-size:20px;line-height:1.32;letter-spacing:-.021em;}
.value-friction-card>p{margin:11px 0 0;color:var(--v101-body);font-size:14px;line-height:1.67;}
.value-friction-card .value-pain-impact{margin-top:auto;}
.value-friction-card .value-card-top>span{background:#edf3fb;color:#3f6fa7;}
.value-friction-card .value-card-top small{color:#65788b;}

.value-capabilities-section{background:linear-gradient(145deg,#f8fbff 0%,#eef6ff 58%,#f8fbff 100%)!important;}
.value-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;}
.value-capability-card{min-height:255px;padding:22px;border:1px solid #d4e1ed;border-radius:19px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(39,76,119,.045);}
.value-capability-card h3{margin:22px 0 0;color:#1c344d;font-size:20px;line-height:1.28;letter-spacing:-.02em;}
.value-capability-card p{margin:11px 0 0;color:#456077;font-size:14px;line-height:1.67;}
.value-capability-card .value-card-top>span{background:#eaf2ff;color:#3268b3;}
.value-capability-card .value-card-top small{color:#65788b;}

.value-use-case-v101{min-height:285px;}
.value-use-case-v101 h3{font-size:18px;line-height:1.34;}
.value-use-case-v101 p{font-size:14px;line-height:1.67;}
.value-outcome-v101{min-height:188px;}
.value-outcome-v101 strong{font-size:17px;line-height:1.3;}
.value-outcome-v101 p{font-size:14px;line-height:1.64;}

.value-fit-conditions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.value-fit-conditions article{min-height:175px;padding:20px;border:1px solid #d7e3ee;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfe);box-shadow:0 8px 24px rgba(39,76,119,.04);}
.value-fit-conditions strong{display:block;color:#213a52;font-size:15px;line-height:1.35;}
.value-fit-conditions p{margin:9px 0 0;color:#536d84;font-size:14px;line-height:1.62;}
.value-scale-v101 .value-scale-step{min-height:178px;}
.value-cta-v101 h2{max-width:920px;}

html[data-theme="light"] .value-page-v101 .value-hero-v101{border-color:#d2e0ec!important;background:radial-gradient(circle at 88% 8%,rgba(61,133,217,.10),transparent 31%),radial-gradient(circle at 8% 94%,rgba(24,154,154,.06),transparent 28%),linear-gradient(150deg,#f8fbff 0%,#eef6ff 100%)!important;box-shadow:0 20px 54px rgba(39,76,119,.075)!important;}
html[data-theme="light"] .value-page-v101 .value-hero-v101 h2{color:var(--v101-ink)!important;}
html[data-theme="light"] .value-page-v101 .value-hero-copy>p{color:var(--v101-body)!important;}

@media(max-width:1240px){
  .value-page-v101 .value-hero-v101{grid-template-columns:1fr;}
  .value-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-fit-conditions{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
  .value-friction-grid{grid-template-columns:1fr;}
  .value-friction-card{min-height:0;}
  .value-fit-conditions{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-lifeline-track{grid-template-columns:1fr;gap:8px;}
  .value-lifeline-track>i{transform:rotate(90deg);justify-self:center;}
}
@media(max-width:720px){
  .value-page-v101 .value-hero-v101{padding:26px 20px!important;}
  .value-page-v101 .value-hero-v101 h2{font-size:34px!important;}
  .value-lifeline-card{padding:19px;border-radius:19px;}
  .value-lifeline-head{flex-direction:column;}
  .value-lifeline-results{grid-template-columns:1fr;}
  .value-capability-grid,.value-fit-conditions{grid-template-columns:1fr;}
  .value-capability-card,.value-fit-conditions article{min-height:0;}
}
@media(max-width:430px){
  .value-page-v101 .value-hero-v101 h2{font-size:31px!important;}
  .value-lifeline-card{padding:16px;}
  .value-lifeline-track{padding:13px;}
}

/* V10.2 Resolution Chains */
.resolution-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:stretch;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(90,167,255,.13),rgba(38,214,197,.08)),var(--surface);box-shadow:0 18px 48px rgba(42,74,108,.10)}
.resolution-hero h2{margin:8px 0 10px;font-size:clamp(28px,4vw,48px);line-height:1.04;letter-spacing:-.045em;color:var(--ink)}
.resolution-hero p{margin:0;max-width:820px;color:var(--ink2);font-size:15px;line-height:1.7}
.resolution-hero-rule{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:24px;border:1px solid var(--line2);border-radius:22px;background:rgba(248,251,255,.82)}
.resolution-hero-rule span{padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface2);font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--ink2)}
.resolution-hero-rule i{font-style:normal;color:var(--blue2);font-weight:800}
.resolution-metrics{margin-top:18px}.resolution-controls{margin-top:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.resolution-filter-row{display:flex;gap:10px;flex-wrap:wrap}.resolution-filter-row label{display:grid;gap:6px;color:var(--muted);font-size:14px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.resolution-filter-row .select{min-width:160px}
.resolution-workspace{display:grid;grid-template-columns:minmax(280px,.34fr) minmax(0,.66fr);gap:18px;margin-top:18px;align-items:start}.resolution-chain-list{display:grid;gap:10px;position:sticky;top:92px}.resolution-chain-card{width:100%;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:16px;text-align:left;box-shadow:0 10px 26px rgba(42,74,108,.06);transition:.16s ease}.resolution-chain-card:hover,.resolution-chain-card.active{transform:translateY(-1px);border-color:rgba(35,136,255,.34);box-shadow:0 14px 34px rgba(42,74,108,.12)}.resolution-chain-card.active{background:linear-gradient(135deg,rgba(90,167,255,.12),rgba(38,214,197,.06)),var(--surface)}
.resolution-chain-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.resolution-chain-head>div{display:grid;gap:5px}.resolution-chain-head span:first-child{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.resolution-chain-head strong{font-size:14px;line-height:1.3;color:var(--ink)}.resolution-chain-card p{margin:10px 0;color:var(--ink2);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resolution-chain-facts{display:flex;gap:8px;flex-wrap:wrap}.resolution-chain-facts span{font-size:14px;color:var(--muted);background:var(--surface2);border-radius:999px;padding:5px 8px}.resolution-chain-facts b{color:var(--ink)}
.resolution-detail{overflow:hidden}.resolution-detail-head{align-items:flex-start}.resolution-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.resolution-summary-grid>div{padding:12px;border:1px solid var(--line2);border-radius:14px;background:var(--surface2)}.resolution-summary-grid span{display:block;font-size:14px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em}.resolution-summary-grid strong{display:block;margin-top:6px;font-size:16px;color:var(--ink)}.resolution-origin{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.resolution-origin>div{padding:14px;border-left:3px solid var(--blue);background:var(--surface2);border-radius:0 14px 14px 0}.resolution-origin span,.resolution-resolvers>span{font-size:14px;color:var(--muted);font-weight:800;letter-spacing:.08em}.resolution-origin p{margin:6px 0 0;color:var(--ink2);line-height:1.55;font-size:14px}.resolution-resolvers{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(61,215,154,.07);margin-bottom:14px}.resolution-actor{display:inline-grid;gap:2px}.resolution-actor b{font-size:14px;color:var(--ink)}.resolution-actor small{font-size:14px;color:var(--muted)}
.resolution-mode-tabs{display:flex;gap:6px;margin:14px 0}.resolution-mode-tabs button{border:1px solid var(--line);background:var(--surface2);border-radius:999px;padding:7px 11px;font-size:14px;font-weight:750;color:var(--ink2)}.resolution-mode-tabs button.active{background:var(--blue-soft);border-color:rgba(35,136,255,.26);color:var(--blue2)}
.resolution-timeline{display:grid}.resolution-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:90px}.resolution-event-rail{display:grid;grid-template-rows:28px 1fr;justify-items:center}.resolution-event-rail span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--ink2)}.resolution-event-rail i{width:1px;background:var(--line);min-height:60px}.resolution-event:last-child .resolution-event-rail i{display:none}.resolution-event-body{position:relative;margin-bottom:12px;padding:13px 14px;border:1px solid var(--line2);border-radius:15px;background:var(--surface)}.resolution-event-body h4{margin:7px 100px 6px 0;font-size:14px;line-height:1.35;color:var(--ink)}.resolution-event-body p{margin:7px 0 0;color:var(--ink2);font-size:14px;line-height:1.55}.resolution-event-top{display:flex;justify-content:space-between;gap:12px}.resolution-event-top span{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--muted)}.resolution-event-top time{font-size:14px;color:var(--muted2)}.resolution-event-status{position:absolute;right:12px;top:36px}.resolution-outcome{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:14px;font-weight:800;letter-spacing:.03em;border:1px solid var(--line)}.resolution-outcome.success{background:var(--green-soft);color:#197553}.resolution-outcome.warning{background:var(--amber-soft);color:#8d6410}.resolution-outcome.danger{background:var(--red-soft);color:#a23d50}.resolution-outcome.blue{background:var(--blue-soft);color:var(--blue2)}.resolution-outcome.neutral{background:var(--surface2);color:var(--ink2)}
.resolution-path-view{padding:4px 0}.resolution-path-note{display:grid;gap:4px;margin-bottom:14px;padding:12px 14px;border-radius:14px;background:var(--surface2)}.resolution-path-note strong{font-size:14px}.resolution-path-note span{font-size:14px;color:var(--muted);line-height:1.5}.resolution-path-grid{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:6px 2px 12px}.resolution-path-node{min-width:205px;max-width:240px;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px;display:grid;align-content:start;gap:8px}.resolution-path-node.barrier{border-top:3px solid var(--red)}.resolution-path-node.intervention{border-top:3px solid var(--blue)}.resolution-path-node.outcome{border-top:3px solid var(--teal)}.resolution-path-node.transition{border-top:3px solid var(--green)}.resolution-path-node-top{display:flex;justify-content:space-between;gap:6px;align-items:center}.resolution-path-node-top>span:first-child{font-size:14px;font-weight:800;color:var(--muted)}.resolution-path-node>strong{font-size:14px;line-height:1.4}.resolution-path-node>small{color:var(--muted);font-size:14px}.resolution-path-arrow{display:grid;place-items:center;color:var(--blue2);font-size:18px;font-weight:800}.resolution-editor-grid{display:grid;gap:10px;margin-top:14px}
.resolution-intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.resolution-intelligence-grid h4{margin:0 0 10px;font-size:14px}.resolution-intel-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line2)}.resolution-intel-row strong{font-size:14px}.resolution-intel-row small{display:block;margin-top:3px;color:var(--muted);font-size:14px}.resolution-intel-row>span{font-size:14px;color:var(--ink2);white-space:nowrap}.resolution-method-note{margin-top:14px;padding:10px 12px;border-radius:12px;background:var(--surface2);color:var(--muted);font-size:14px;line-height:1.55}
@media (max-width:1050px){.resolution-hero,.resolution-workspace{grid-template-columns:1fr}.resolution-chain-list{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.resolution-intelligence-grid{grid-template-columns:1fr}}
@media (max-width:720px){.resolution-hero{padding:22px}.resolution-chain-list{grid-template-columns:1fr}.resolution-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resolution-origin{grid-template-columns:1fr}.resolution-controls{align-items:stretch;flex-direction:column}.resolution-filter-row{display:grid;grid-template-columns:1fr 1fr}.resolution-filter-row .select{min-width:0;width:100%}.resolution-intel-row{grid-template-columns:1fr}.resolution-path-grid{padding-bottom:16px}}
/* V10.2 Resolution Chain detail metadata */
.resolution-outcome-strip{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 16px}.resolution-outcome-strip>span{padding:7px 9px;border:1px solid var(--line2);border-radius:999px;background:var(--surface2);font-size:14px;color:var(--muted);font-weight:700}.resolution-outcome-strip b{color:var(--ink);font-size:14px}
.resolution-event-people,.resolution-event-facts{display:flex;gap:7px 12px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid var(--line2)}.resolution-event-people span,.resolution-event-facts span{font-size:14px;line-height:1.45;color:var(--muted)}.resolution-event-people b,.resolution-event-facts b{color:var(--ink2);font-weight:800}.resolution-event-expected,.resolution-event-resolution{display:grid;gap:3px;margin-top:9px;padding:9px 10px;border-radius:11px;background:var(--surface2)}.resolution-event-expected b,.resolution-event-resolution b{font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.resolution-event-expected span,.resolution-event-resolution span{font-size:14px;line-height:1.5;color:var(--ink2)}.field-help{display:block;margin-top:6px;color:var(--muted);font-size:14px;line-height:1.4}
@media(max-width:720px){.resolution-outcome-strip{gap:6px}.resolution-event-people,.resolution-event-facts{display:grid;grid-template-columns:1fr}.resolution-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V10.3 — PUBLIC VALUE BOUNDARY + RECOVERY STORY */
.value-recovery-section{position:relative;overflow:hidden}
.value-recovery-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;align-items:stretch}
.value-recovery-track{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:10px;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.58)}
.value-recovery-track>article,.value-recovery-outcomes>article{padding:18px;border:1px solid rgba(120,160,205,.28);border-radius:18px;background:rgba(246,251,255,.82);box-shadow:0 10px 30px rgba(62,103,150,.08)}
.value-recovery-track>article.active{background:linear-gradient(180deg,rgba(235,248,255,.96),rgba(244,250,255,.9))}
.value-recovery-track>article.ready{background:linear-gradient(180deg,rgba(239,251,247,.96),rgba(247,252,250,.92))}
.value-recovery-track>article>span,.value-recovery-outcomes>article>span{display:block;margin-bottom:10px;font-size:14px;letter-spacing:.13em;font-weight:800;color:var(--muted)}
.value-recovery-track>article>strong,.value-recovery-outcomes>article>strong{display:block;font-size:18px;line-height:1.28;color:var(--ink)}
.value-recovery-track>article>p,.value-recovery-outcomes>article>p{margin:9px 0 0;color:var(--muted);line-height:1.6}
.value-recovery-track>i{display:grid;place-items:center;font-style:normal;font-size:21px;color:var(--accent)}
.value-recovery-outcomes{display:grid;grid-template-columns:1fr;gap:12px}
.value-recovery-actions{display:flex;justify-content:flex-end;margin-top:16px}
@media(max-width:980px){.value-recovery-layout{grid-template-columns:1fr}}
@media(max-width:720px){.value-recovery-track{grid-template-columns:1fr}.value-recovery-track>i{transform:rotate(90deg)}.value-recovery-actions{justify-content:stretch}.value-recovery-actions .button{width:100%}}


/* V11 Source-to-Meaning Work Setup */
.guided-studio-hero{align-items:stretch}.guided-hero-note{margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.58);display:grid;gap:4px}.guided-hero-note strong{color:var(--text)}.guided-hero-note span{color:var(--muted)}.studio-hero-flow.guided{min-width:min(100%,430px)}
.guided-safety-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:14px 16px;border:1px solid #b9d5f6;border-radius:16px;background:#eef7ff}.guided-safety-note strong{white-space:nowrap}.guided-safety-note span{color:var(--muted)}
.guided-draft-badge,.guided-active-badge{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.06em}.guided-draft-badge{background:#fff7df;color:#72551d;border:1px solid #efddb0}.guided-active-badge{background:#eaf8f3;color:#17654f;border:1px solid #b9e1d4}
.guided-found-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}.guided-found-grid article{position:relative;display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.68)}.guided-found-grid article>span:first-child{font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.guided-found-grid article strong{font-size:16px}.guided-found-grid article small{color:var(--muted);line-height:1.45}.studio-confidence{justify-self:start;padding:4px 7px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.05em}.studio-confidence.high{background:#e8f7f1;color:#17654f}.studio-confidence.medium{background:#eef5ff;color:#245d9e}.studio-confidence.low{background:#f6f2ea;color:#735e3d}
.guided-confirm-form{display:grid;gap:16px}.guided-question{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.7)}.guided-question>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#e8f2ff;color:#1e5fae;font-weight:900}.guided-question>div{display:grid;gap:8px}.guided-question label{font-weight:800;font-size:16px}.guided-question p{margin:0 0 4px;color:var(--muted);line-height:1.5}.guided-requirements{display:grid;gap:10px}.guided-requirement-row{display:grid;grid-template-columns:64px 1.2fr 1fr;gap:10px;align-items:end}.guided-requirement-row>label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--muted)}.guided-check{align-self:center!important;display:flex!important;align-items:center;gap:7px;color:var(--text)!important}.guided-check input{width:17px;height:17px}.guided-inline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guided-identifiers{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(248,251,255,.78)}.guided-identifiers summary{cursor:pointer;font-weight:800}.guided-identifiers .guided-inline-grid{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.guided-identifiers label{display:grid;gap:6px}.guided-identifiers label span{font-size:14px;color:var(--muted);font-weight:700}.guided-publish-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #b9d5f6;border-radius:18px;background:#edf6ff}.guided-publish-bar.active{border-color:#bee3d6;background:#edf9f5}.guided-publish-bar>div{display:grid;gap:3px}.guided-publish-bar span{color:var(--muted)}
.guided-evaluation{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.studio-section-head.compact{margin-bottom:14px}.guided-evaluation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guided-evaluation-metrics>div{padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.76)}.guided-evaluation-metrics strong{display:block;font-size:28px}.guided-evaluation-metrics span{color:var(--muted);font-size:14px}.guided-evaluation-list{display:grid;gap:9px;margin-top:14px}.guided-evaluation-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.7)}.guided-evaluation-list article div{display:grid;gap:3px}.guided-evaluation-list small,.guided-evaluation-list p{color:var(--muted)}.guided-evaluation-list p{grid-column:1/-1;margin:0;font-size:14px}.guided-readiness{align-self:start;padding:6px 9px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.04em}.guided-readiness.ready{background:#e8f7f1;color:#17654f}.guided-readiness.needs_attention{background:#fff5dd;color:#76571d}.guided-readiness.blocked{background:#faeceb;color:#8a332d}
.studio-advanced{margin-top:24px;border:1px solid var(--line);border-radius:22px;background:rgba(247,250,255,.68);overflow:hidden}.studio-advanced>summary{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer;list-style:none}.studio-advanced>summary::-webkit-details-marker{display:none}.studio-advanced>summary span{display:grid;gap:3px}.studio-advanced>summary small{color:var(--muted);font-weight:500}.studio-advanced>summary b{font-size:22px}.studio-advanced[open]>summary b{transform:rotate(45deg)}.studio-advanced-body{padding:0 18px 18px}.button.tertiary{background:transparent;border:1px dashed #9cb9dc;color:#255b98;box-shadow:none}
@media(max-width:900px){.guided-found-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-requirement-row{grid-template-columns:54px 1fr}.guided-requirement-row>label:nth-of-type(3){grid-column:2}.guided-identifiers .guided-inline-grid,.guided-inline-grid{grid-template-columns:1fr}.guided-evaluation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.guided-found-grid{grid-template-columns:1fr}.guided-question{grid-template-columns:1fr}.guided-question>span{width:34px;height:34px}.guided-requirement-row{grid-template-columns:1fr}.guided-requirement-row>label:nth-of-type(3){grid-column:auto}.guided-publish-bar{align-items:stretch;flex-direction:column}.guided-evaluation-list article{grid-template-columns:1fr}.guided-readiness{justify-self:start}}

/* V11 Source-to-Meaning Work Setup */
.studio-hero-flow.source-meaning{min-width:min(100%,560px);grid-template-columns:repeat(9,auto);align-content:center}.studio-hero-flow.source-meaning span{white-space:nowrap}
.source-to-meaning-shell{position:relative;overflow:hidden}.source-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.source-map-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72)}.source-map-card>div:first-child{display:grid;gap:4px}.source-map-card>div:first-child>span{font-size:14px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.source-map-card strong{font-size:16px}.source-map-card small,.source-map-card p{color:var(--muted)}.source-map-card p{grid-column:1/-1;margin:0;line-height:1.5}.source-delta{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.source-delta span{padding:5px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--muted)}
.source-map-connections{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:19px;background:rgba(248,251,255,.7);display:grid;gap:9px}.mini-head{display:flex;justify-content:space-between;gap:12px;align-items:end}.mini-head span{font-size:14px;color:var(--muted)}.source-map-link{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.72)}.source-map-link>div{display:flex;align-items:center;gap:8px;min-width:0}.source-map-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-map-link small{color:var(--muted);text-align:right}
.business-map-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.business-map-grid>article{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.72)}.business-map-grid h4{margin:5px 0 14px}.business-map-list{display:grid;gap:8px}.business-map-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.business-map-list>div>span:not(.meaning-level){grid-column:1/2;color:var(--muted);font-size:14px}.business-map-list .meaning-level{grid-column:2;grid-row:1/3;align-self:center}.business-relationship-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.business-relationship-strip span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:14px;color:var(--muted)}
.meaning-level{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line)}.meaning-level.observed{background:#f4f7fa;color:#516477}.meaning-level.suggested{background:#eef5ff;color:#245d9e}.meaning-level.confirmed{background:#edf7ff;color:#1f5b82}.meaning-level.governed{background:#eaf8f3;color:#17654f}
.understood-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.understood-grid>div{min-height:100px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.7);display:grid;align-content:start;gap:5px}.understood-grid span{font-size:14px;font-weight:800;color:var(--muted)}.understood-grid strong{font-size:17px}.understood-grid small{color:var(--muted);line-height:1.4}
.setup-readiness{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(248,251,255,.72)}.setup-readiness>div{display:grid;gap:3px;padding:10px}.setup-readiness span{font-size:14px;font-weight:800;color:var(--muted)}.setup-readiness strong{font-size:18px}.setup-readiness.ready>div:last-child strong{color:var(--positive)}.setup-readiness.review>div:last-child strong{color:var(--warning-text,#76571d)}
.adaptive-question-summary{display:grid;gap:5px;margin:0 0 12px;padding:14px 16px;border:1px solid #b9d5f6;border-radius:16px;background:#eef7ff}.adaptive-question-summary strong{font-size:15px}.adaptive-question-summary span{font-size:14px;line-height:1.5;color:var(--muted)}.adaptive-question-list{display:grid;gap:12px}.adaptive-question-optional{margin-top:16px;border:1px solid var(--line);border-radius:18px;background:rgba(248,251,255,.72);overflow:hidden}.adaptive-question-optional>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;cursor:pointer;list-style:none}.adaptive-question-optional>summary::-webkit-details-marker{display:none}.adaptive-question-optional>summary>span{display:grid;gap:3px}.adaptive-question-optional>summary strong{font-size:14px}.adaptive-question-optional>summary small{font-size:14px;color:var(--muted)}.adaptive-question-optional>summary b{font-size:18px}.adaptive-question-optional[open]>summary b{transform:rotate(45deg)}.adaptive-question-optional>.adaptive-question-list{padding:0 16px 16px}.adaptive-question{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.74);display:grid;gap:12px}.adaptive-question.high{border-color:#d9bcbc}.adaptive-question.medium{border-color:#bdd4ef}.adaptive-question-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.adaptive-question-head>div{display:grid;gap:5px}.adaptive-question-head span{font-size:14px;font-weight:900;letter-spacing:.06em;color:var(--muted)}.adaptive-question-head strong{font-size:16px;line-height:1.4}.adaptive-question>p{margin:0;color:var(--muted);line-height:1.5}.adaptive-question label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--muted)}.adaptive-question-actions{display:flex;gap:9px;flex-wrap:wrap}.source-activate{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid #b9d5f6;border-radius:18px;background:#eef7ff}.source-evaluation{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.lineage-note{grid-column:1/-1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px!important}.guided-readiness.unresolved{background:#f1f3f5;color:#56626e}
.studio-model-inspector{margin-top:22px;border:1px solid var(--line);border-radius:19px;background:rgba(248,251,255,.75);overflow:hidden}.studio-model-inspector summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 18px}.studio-model-inspector summary span{display:grid;gap:3px}.studio-model-inspector summary small{color:var(--muted)}.studio-model-inspector-body{padding:0 18px 18px}.inspector-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.inspector-metrics>div{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);display:grid;gap:3px}.inspector-metrics span{font-size:14px;color:var(--muted);font-weight:800}.inspector-metrics strong{font-size:20px}.inspector-list{display:grid;gap:8px;margin-top:12px}.inspector-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.inspector-list>div>span:not(.meaning-level){color:var(--muted);font-size:14px}
@media(max-width:1050px){.studio-hero-flow.source-meaning{grid-template-columns:repeat(5,auto)}.studio-hero-flow.source-meaning b:nth-of-type(n+3),.studio-hero-flow.source-meaning span:nth-of-type(n+4){display:none}.setup-readiness{grid-template-columns:repeat(3,minmax(0,1fr))}.understood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.source-map-grid,.business-map-grid{grid-template-columns:1fr}.source-map-link,.mini-head,.source-activate{align-items:stretch;flex-direction:column}.source-map-link small{text-align:left}.setup-readiness{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.inspector-list>div{grid-template-columns:1fr}.business-map-list>div{grid-template-columns:1fr}.business-map-list .meaning-level{grid-column:1;grid-row:auto;justify-self:start}}
@media(max-width:520px){.understood-grid,.setup-readiness,.inspector-metrics{grid-template-columns:1fr}.adaptive-question-head{display:grid}.studio-hero-flow.source-meaning{display:none}}
.setup-template-suggestions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:17px;background:rgba(248,251,255,.72)}.setup-template-suggestions>div{display:grid;gap:2px;margin-right:auto;min-width:min(100%,340px)}.setup-template-suggestions>div span{font-size:14px;color:var(--muted)}.setup-template-suggestions>span{padding:6px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:14px;font-weight:800;color:var(--muted)}

/* V12 Model Discovery & Compilation */
.data-shape-grid,.candidate-model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.data-shape-card,.candidate-model-card{background:var(--surface,#f8fbff);border:1px solid var(--border,#cbd9e8);border-radius:20px;padding:20px;min-width:0}.data-shape-card-head,.candidate-model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.data-shape-card-head div,.candidate-model-head{min-width:0}.data-shape-card-head span,.candidate-model-head span{font-size:.875rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.data-shape-card-head strong{display:block;margin-top:5px}.data-shape-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.data-shape-metrics span{padding:6px 9px;border-radius:999px;background:rgba(55,118,183,.08);font-size:.875rem;font-weight:650}.data-shape-columns,.candidate-model-list,.activity-sample{display:grid;gap:9px}.data-shape-columns>div,.candidate-model-list>div,.activity-sample>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(108,137,166,.18);min-width:0}.data-shape-columns strong,.candidate-model-list strong,.activity-sample strong{font-size:.9rem}.data-shape-columns span,.candidate-model-list span,.activity-sample span{font-size:.875rem;color:var(--muted-text,#465d73)}.candidate-model-head strong{font-size:1.45rem}.candidate-model-list>div>div{display:grid;gap:3px;min-width:0;flex:1}.candidate-confidence{font-size:.875rem!important;font-weight:800;letter-spacing:.04em;border-radius:999px;padding:4px 7px}.candidate-confidence.high{background:rgba(25,132,89,.1)}.candidate-confidence.medium{background:rgba(179,118,16,.12)}.candidate-confidence.low{background:rgba(82,106,132,.1)}.lifecycle-discovery{display:grid;gap:20px}.lifecycle-path{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:8px 2px 14px}.lifecycle-path>div{min-width:150px;padding:14px;border:1px solid var(--border,#cbd9e8);border-radius:16px;background:var(--surface,#f8fbff)}.lifecycle-path>div>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(55,118,183,.1);font-weight:800;font-size:.875rem}.lifecycle-path strong,.lifecycle-path small{display:block;margin-top:6px}.lifecycle-path b{font-size:1.3rem;font-weight:500}.empty.compact{padding:12px 0}@media(max-width:720px){.data-shape-grid,.candidate-model-grid{grid-template-columns:1fr}.lifecycle-path{align-items:stretch}.lifecycle-path b{display:flex;align-items:center}}

/* V12.2 administrator-only real-work model discovery test project */
.studio-test-tools,.test-project-control{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:22px;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(237,247,255,.92),rgba(246,250,255,.9));}
.studio-test-tools>div,.test-project-control>div{display:grid;gap:6px;min-width:0}.studio-test-tools strong,.test-project-control h3{margin:0;color:var(--text);font-size:1.05rem}.studio-test-tools small,.test-project-control p{margin:0;color:var(--muted);line-height:1.55;max-width:860px}.test-project-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);font-size:.875rem;font-weight:800;letter-spacing:.05em;color:var(--text)}
.test-projection-shell{border:1px solid rgba(67,137,206,.32)!important;background:linear-gradient(180deg,rgba(245,251,255,.98),rgba(250,252,255,.98))!important}.test-projection-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.test-projection-metrics>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;gap:4px}.test-projection-metrics span{font-size:.875rem;color:var(--muted)}.test-projection-metrics strong{font-size:1.4rem;color:var(--text)}.test-projection-grid{align-items:start}.test-projection-list{display:grid;gap:9px;margin-top:12px}.test-projection-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.test-projection-list>div:first-child{border-top:0}.test-projection-list strong{font-size:.92rem;color:var(--text)}.test-projection-list span:nth-child(2){grid-column:1/2;color:var(--muted);font-size:.875rem;line-height:1.45}.test-requirement-split{display:grid;gap:18px}.test-requirement-split>div>strong{display:block;margin-top:12px;color:var(--text)}.test-relations-panel{margin-top:18px}.test-relation-table{display:grid;gap:0;margin-top:12px;border-top:1px solid var(--line)}.test-relation-table>div{display:grid;grid-template-columns:38px minmax(140px,1fr) 24px minmax(140px,1fr) minmax(130px,.7fr);gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.test-relation-table>div>span{font-size:.875rem;color:var(--muted);font-weight:800}.test-relation-table>div>strong{font-size:.875rem;color:var(--text)}.test-relation-table>div>b{text-align:center;color:var(--accent)}.test-relation-table>div>small{color:var(--muted);font-size:.875rem;text-align:right}
@media(max-width:900px){.studio-test-tools,.test-project-control{align-items:flex-start;flex-direction:column}.test-projection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.test-relation-table>div{grid-template-columns:30px minmax(0,1fr) 20px minmax(0,1fr)}.test-relation-table>div>small{grid-column:2/5;text-align:left}.test-projection-list>div{grid-template-columns:minmax(0,1fr) auto}.test-projection-list>div>.meaning-level{grid-column:2}.test-projection-list span:nth-child(2){grid-column:1/2}}

/* V12.3 real-work import resilience */
.studio-test-status{display:block;margin-top:.7rem;line-height:1.55;font-size:.94rem;max-width:58rem}
.studio-test-tools input[type=file]{margin-top:.8rem;max-width:42rem}
.studio-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.25rem;padding:1rem 0}
.studio-pagination span{font-size:.95rem}

/* V12.4 MNO operations command center */
.mno-command-center{display:grid;gap:22px}.mno-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mno-metrics>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft);display:grid;gap:4px}.mno-metrics span{font-size:.875rem;color:var(--muted);font-weight:700}.mno-metrics strong{font-size:1.55rem;color:var(--text)}.mno-life{border:1px solid var(--line);border-radius:18px;background:var(--panel)}.mno-life summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;padding:18px 20px}.mno-life summary span{display:grid;gap:4px}.mno-life summary small{color:var(--muted)}.mno-life-grid{padding:0 20px 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mno-life-step{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;gap:5px}.mno-life-step>span{font-size:.875rem;font-weight:800;color:var(--accent)}.mno-life-step small{color:var(--muted);line-height:1.4}.mno-life-step em{font-size:.875rem;font-style:normal;font-weight:800;color:var(--teal)}.mno-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:end}.mno-filters label{display:grid;gap:6px}.mno-filters label>span,.mno-filters>span{font-size:.875rem;font-weight:750;color:var(--muted)}.mno-command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.8fr);gap:18px;align-items:start}.mno-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.mno-row{width:100%;display:grid;grid-template-columns:1fr 1.15fr .9fr .8fr 1.5fr;gap:12px;text-align:left;padding:13px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer}.mno-row:hover,.mno-row.active{background:var(--panel-soft)}.mno-row>span{display:grid;gap:3px;min-width:0}.mno-row strong{font-size:.875rem;white-space:normal;overflow-wrap:anywhere}.mno-row small{font-size:.875rem;color:var(--muted);white-space:normal;overflow-wrap:anywhere}.mno-row-head{cursor:default;background:var(--panel-soft);font-size:.875rem;font-weight:800;color:var(--muted)}.mno-detail-card{position:sticky;top:96px;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:20px;display:grid;gap:18px}.mno-detail-head{display:flex;justify-content:space-between;gap:14px}.mno-detail-head>div{display:grid;gap:3px}.mno-detail-head h4{font-size:1.25rem}.mno-detail-head small{color:var(--muted)}.mno-risk{height:max-content;padding:6px 9px;border-radius:999px;font-size:.875rem;font-weight:850;background:var(--panel-soft)}.mno-risk.high{background:#fff0ed;color:#9a2d1f}.mno-risk.medium{background:#fff7df;color:#805b08}.mno-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mno-detail-grid>div{border:1px solid var(--line);border-radius:13px;padding:11px;display:grid;gap:4px}.mno-detail-grid .wide{grid-column:1/-1}.mno-detail-grid span{font-size:.875rem;color:var(--muted);font-weight:750}.mno-detail-grid strong{font-size:.875rem;line-height:1.4}.mno-detail-card details{border-top:1px solid var(--line);padding-top:12px}.mno-detail-card details summary{cursor:pointer;font-weight:800}.mno-detail-card details p{color:var(--muted);font-size:.875rem;overflow-wrap:anywhere}.mno-scenario-box{border-top:1px solid var(--line);padding-top:14px}.mno-scenario-box>span{font-size:.875rem;font-weight:850;color:var(--accent)}.mno-scenario-box p{font-size:.875rem;color:var(--muted)}.mno-scenario-actions{display:flex;flex-wrap:wrap;gap:7px}.mno-reaction-card{border:1px solid var(--accent-soft);background:var(--panel-soft);border-radius:15px;padding:14px;display:grid;gap:11px}.mno-reaction-card>div:first-child{display:grid;gap:3px}.mno-reaction-card>div:first-child span{font-size:.875rem;font-weight:850;color:var(--accent)}.mno-reaction-card p{margin:0;font-size:.875rem;line-height:1.5}.mno-impact-list,.mno-remedy{display:grid;gap:5px}.mno-impact-list span,.mno-remedy span{font-size:.875rem}.mno-impact-list.good span{color:var(--teal)}
@media(max-width:1100px){.mno-command-grid{grid-template-columns:1fr}.mno-detail-card{position:static}.mno-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mno-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.mno-life-grid,.mno-metrics,.mno-detail-grid{grid-template-columns:1fr}.mno-filters{grid-template-columns:1fr}.mno-row{grid-template-columns:1fr;gap:7px}.mno-row-head{display:none}.mno-detail-grid .wide{grid-column:auto}}

/* =========================================================
   V12.5 · MNO Closure Engine
   ========================================================= */
.closure-engine{display:grid;gap:28px;}
.closure-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr);gap:24px;align-items:stretch;padding:28px;border:1px solid rgba(35,136,255,.18);border-radius:24px;background:linear-gradient(145deg,#eef6ff 0%,#e7f3fb 52%,#edf8f5 100%);}
.closure-hero h3{margin:8px 0 10px;font-size:clamp(26px,3vw,40px);line-height:1.08;color:#26364b;}
.closure-hero p{max-width:900px;margin:0;color:#536d84;font-size:15px;line-height:1.65;}
.closure-north-star{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:160px;padding:24px;border:1px solid rgba(35,136,255,.20);border-radius:20px;background:#f7fbff;box-shadow:0 14px 38px rgba(47,87,125,.08);}
.closure-north-star span{font-size:14px;font-weight:800;letter-spacing:.12em;color:#56728a;}
.closure-north-star strong{margin:6px 0;font-size:54px;line-height:1;color:#2d5f91;}
.closure-north-star small{color:#5e7388;font-size:14px;line-height:1.45;}
.closure-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.closure-metrics>div{min-height:116px;padding:18px;border:1px solid rgba(38,77,116,.13);border-radius:18px;background:#f5f9fd;display:flex;flex-direction:column;gap:5px;justify-content:center;}
.closure-metrics span{font-size:14px;font-weight:700;color:#657a8f;}
.closure-metrics strong{font-size:30px;line-height:1;color:#2c4158;}
.closure-metrics small{font-size:14px;color:#7a8da0;line-height:1.35;}
.closure-primary-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px;align-items:start;}
.closure-panel{padding:22px;border:1px solid rgba(38,77,116,.13);border-radius:22px;background:#f7fbff;box-shadow:0 12px 30px rgba(44,72,104,.055);}
.closure-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;}
.closure-panel-head span{font-size:14px;letter-spacing:.11em;font-weight:800;color:#5b7691;}
.closure-panel-head h4{margin:5px 0 0;font-size:19px;color:#2a3d52;}
.closure-panel-head>strong{display:grid;place-items:center;min-width:42px;height:42px;border-radius:14px;background:#e6f1fb;color:#2e618f;font-size:18px;}
.closure-today{padding:0;overflow:hidden;}
.closure-today .closure-panel-head{padding:22px 22px 0;}
.closure-queue-row{width:100%;display:grid;grid-template-columns:42px minmax(150px,.7fr) minmax(170px,.8fr) minmax(260px,1.6fr);gap:14px;align-items:center;text-align:left;padding:15px 20px;border:0;border-top:1px solid rgba(38,77,116,.09);background:transparent;color:#2d4155;cursor:pointer;}
.closure-queue-row:hover{background:#eef6fc;}
.closure-queue-row>span:not(.closure-rank){display:flex;flex-direction:column;gap:3px;min-width:0;}
.closure-queue-row strong{font-size:14px;line-height:1.35;color:#30465b;}
.closure-queue-row small{font-size:14px;line-height:1.45;color:#71859a;white-space:normal;}
.closure-rank{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#e3effa;color:#345d85;font-weight:800;font-size:14px;}
.closure-funnel{display:grid;gap:12px;}
.closure-funnel-row{display:grid;grid-template-columns:95px minmax(80px,1fr) 34px 78px;gap:10px;align-items:center;}
.closure-funnel-row>span{font-size:14px;font-weight:700;color:#536a80;}
.closure-funnel-row>div{height:10px;border-radius:999px;background:#e4edf5;overflow:hidden;}
.closure-funnel-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5aa7ff,#56c9ff);}
.closure-funnel-row strong{font-size:14px;color:#2b4054;text-align:right;}
.closure-funnel-row small{font-size:14px;color:#7c8ea0;text-align:right;}
.bottleneck-callout{margin-top:18px;padding:16px;border:1px solid rgba(244,185,66,.28);border-radius:16px;background:#fff9ec;display:flex;flex-direction:column;gap:4px;}
.bottleneck-callout span{font-size:14px;font-weight:800;letter-spacing:.1em;color:#8d6b2a;}
.bottleneck-callout strong{font-size:18px;color:#554521;}
.bottleneck-callout small{font-size:14px;line-height:1.5;color:#7b6b4d;}
.closure-owner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.closure-owner-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 86px;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(38,77,116,.10);border-radius:16px;background:#f1f7fc;}
.closure-owner-row>span{display:flex;flex-direction:column;gap:2px;min-width:0;}
.closure-owner-row strong{font-size:14px;color:#30465b;}
.closure-owner-row small{font-size:14px;color:#75889b;line-height:1.35;}
.closure-distance-badge{padding:10px 12px;border-radius:12px;background:#e6f1fb;color:#2d628f;font-size:14px;font-weight:800;letter-spacing:.05em;white-space:nowrap;}
.closure-five-blocks{display:grid;gap:12px;margin-top:18px;}
.closure-five-blocks>section{display:flex;flex-direction:column;gap:6px;padding:16px;border:1px solid rgba(38,77,116,.11);border-radius:16px;background:#f6faff;}
.closure-five-blocks>section>span{font-size:14px;font-weight:800;letter-spacing:.09em;color:#678098;}
.closure-five-blocks>section>strong{font-size:14px;line-height:1.5;color:#30465b;}
.closure-five-blocks>section>small{font-size:14px;line-height:1.5;color:#72879b;}
.closure-five-blocks .primary-action{border-color:rgba(38,214,197,.25);background:#eefaf7;}
.closure-five-blocks .primary-action>strong{font-size:16px;color:#285f5a;}
.escalation-path{display:grid;gap:8px;}
.escalation-path>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;}
.escalation-path span,.route-step span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e5eff8;color:#426482;font-size:14px;font-weight:800;}
.escalation-path strong{font-size:14px;line-height:1.45;color:#3e5367;}
.route-to-close{display:grid;gap:8px;}
.route-step{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;}
.route-step strong{font-size:14px;color:#3d5266;}
.route-step:not(:last-child)::after{content:'↓';grid-column:1;text-align:center;color:#8ba0b3;font-size:14px;margin-top:-4px;}
.closure-detail .mno-detail-head{align-items:flex-start;}
@media(max-width:1260px){.closure-metrics{grid-template-columns:repeat(3,minmax(0,1fr));}.closure-primary-grid{grid-template-columns:1fr;}.closure-owner-list{grid-template-columns:1fr;}}
@media(max-width:820px){.closure-hero{grid-template-columns:1fr;padding:20px;}.closure-north-star{min-height:0}.closure-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.closure-queue-row{grid-template-columns:34px 1fr;}.closure-queue-row>span:nth-child(3),.closure-queue-row>span:nth-child(4){grid-column:2}.closure-funnel-row{grid-template-columns:82px 1fr 28px}.closure-funnel-row small{display:none}.closure-owner-row{grid-template-columns:1fr 64px}.closure-owner-row>span:last-child{display:none}}
@media(max-width:540px){.closure-metrics{grid-template-columns:1fr}.closure-owner-row{grid-template-columns:1fr}.closure-owner-row>span:nth-child(n+2){display:none}}

/* V12.6 · MNO lifecycle timelines */
.portfolio-timeline-panel{overflow:hidden;}
.portfolio-timeline-panel .closure-panel-head small{display:block;margin-top:6px;color:#72879b;font-size:14px;line-height:1.45;}
.portfolio-timeline-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(38,77,116,.10);border-radius:14px;background:#f2f7fc;}
.portfolio-timeline-legend span{display:inline-flex;align-items:center;gap:6px;color:#60758a;font-size:14px;font-weight:700;}
.portfolio-timeline-legend i{width:10px;height:10px;border-radius:4px;background:#7fb4e4;box-shadow:inset 0 0 0 1px rgba(44,83,120,.10);}
.portfolio-timeline-legend [data-phase="CONTACT_CONFIRMATION"] i,.portfolio-timeline-segment[data-phase="CONTACT_CONFIRMATION"]{background:#8db8da;}
.portfolio-timeline-legend [data-phase="CONTACT_OUTREACH"] i,.portfolio-timeline-segment[data-phase="CONTACT_OUTREACH"]{background:#72a9dc;}
.portfolio-timeline-legend [data-phase="COMMERCIAL"] i,.portfolio-timeline-segment[data-phase="COMMERCIAL"]{background:#5b9ce0;}
.portfolio-timeline-legend [data-phase="BD_APPROVAL"] i,.portfolio-timeline-segment[data-phase="BD_APPROVAL"]{background:#72b9d0;}
.portfolio-timeline-legend [data-phase="CONTRACT"] i,.portfolio-timeline-segment[data-phase="CONTRACT"]{background:#68b7b0;}
.portfolio-timeline-legend [data-phase="SIGNATURE"] i,.portfolio-timeline-segment[data-phase="SIGNATURE"]{background:#86c7a7;}
.portfolio-timeline-legend [data-phase="CLOSED"] i,.portfolio-timeline-segment[data-phase="CLOSED"]{background:#6dbd8b;}
.portfolio-timeline-legend [data-phase="POST_CONTRACT"] i,.portfolio-timeline-segment[data-phase="POST_CONTRACT"]{background:#8abf9c;}
.portfolio-timeline-legend [data-phase="FULLY_COMPLETED"] i,.portfolio-timeline-segment[data-phase="FULLY_COMPLETED"]{background:#5eae7b;}
.portfolio-timeline-axis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:0 0 6px;padding-left:230px;color:#7a8ea1;font-size:14px;}
.portfolio-timeline-axis span:last-child{text-align:right;}.portfolio-timeline-axis b{font-size:14px;letter-spacing:.1em;color:#8ba0b3;}
.portfolio-timeline-list{display:grid;max-height:720px;overflow:auto;border:1px solid rgba(38,77,116,.10);border-radius:16px;background:#f6faff;}
.portfolio-timeline-row{display:grid;grid-template-columns:210px minmax(420px,1fr);gap:18px;align-items:center;width:100%;min-height:58px;padding:10px 14px;border:0;border-bottom:1px solid rgba(38,77,116,.08);background:transparent;text-align:left;cursor:pointer;}
.portfolio-timeline-row:last-child{border-bottom:0;}.portfolio-timeline-row:hover,.portfolio-timeline-row.active{background:#edf6fd;}
.portfolio-timeline-name{display:flex;flex-direction:column;gap:3px;min-width:0;}.portfolio-timeline-name strong{overflow:hidden;color:#30465b;font-size:14px;text-overflow:ellipsis;white-space:nowrap;}.portfolio-timeline-name small{overflow:hidden;color:#74899d;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;}
.portfolio-timeline-track{position:relative;display:block;height:22px;border-radius:999px;background:linear-gradient(90deg,#edf3f8,#e8f1f8);box-shadow:inset 0 0 0 1px rgba(42,75,109,.08);overflow:visible;}
.portfolio-timeline-segment{position:absolute;top:4px;height:14px;min-width:4px;border-radius:999px;opacity:.92;box-shadow:0 2px 7px rgba(62,99,132,.10);}
.portfolio-timeline-segment.current{top:2px;height:18px;box-shadow:0 0 0 2px #f7fbff,0 0 0 4px rgba(71,151,207,.20);}
.portfolio-timeline-track>b{position:absolute;top:-3px;width:2px;height:28px;border-radius:2px;background:#315d84;transform:translateX(-1px);}
.portfolio-timeline-track>b::after{content:"";position:absolute;top:-3px;left:50%;width:8px;height:8px;border-radius:50%;background:#315d84;transform:translateX(-50%);box-shadow:0 0 0 3px #eef6fc;}
.portfolio-timeline-empty{position:absolute;left:0;right:0;top:9px;height:4px;border-radius:4px;background:#dce7f0;}
.mno-detail-timeline{margin-top:18px;padding:18px;border:1px solid rgba(38,77,116,.12);border-radius:18px;background:#f4f9fd;}
.mno-detail-timeline-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:18px;align-items:start;margin-bottom:16px;}
.mno-detail-timeline-head>div{display:flex;flex-direction:column;gap:5px;}.mno-detail-timeline-head span{color:#678198;font-size:14px;font-weight:800;letter-spacing:.1em;}.mno-detail-timeline-head strong{color:#2e465b;font-size:15px;}.mno-detail-timeline-head small{color:#71869a;font-size:14px;line-height:1.5;}
.mno-timeline-scroll{display:flex;gap:0;overflow-x:auto;padding:8px 2px 14px;scroll-snap-type:x proximity;}
.mno-timeline-step{position:relative;display:grid;grid-template-columns:40px minmax(170px,220px);gap:10px;flex:0 0 auto;align-items:start;scroll-snap-align:start;}
.mno-timeline-step:not(:last-child)::after{content:"";position:absolute;left:31px;right:-8px;top:17px;height:2px;background:#bbd4e8;z-index:0;}
.mno-timeline-node{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:3px solid #f4f9fd;border-radius:50%;background:#78aede;color:#f8fbfe;box-shadow:0 0 0 1px rgba(54,101,142,.14);}
.mno-timeline-node span{font-size:14px;font-weight:900;letter-spacing:.02em;}.mno-timeline-step.current .mno-timeline-node{background:#4b8fc7;box-shadow:0 0 0 4px rgba(75,143,199,.14);}
.mno-timeline-copy{display:flex;flex-direction:column;gap:3px;padding-right:22px;}.mno-timeline-copy>span{color:#668099;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}.mno-timeline-copy strong{color:#30475d;font-size:14px;line-height:1.35;}.mno-timeline-copy small{color:#74899e;font-size:14px;line-height:1.4;}.mno-timeline-copy em{max-width:210px;margin-top:3px;color:#60778d;font-size:14px;font-style:normal;line-height:1.35;}
@media(max-width:900px){.portfolio-timeline-axis{padding-left:0}.portfolio-timeline-row{grid-template-columns:150px minmax(340px,1fr)}.mno-detail-timeline-head{grid-template-columns:1fr}.portfolio-timeline-list{overflow:auto}.portfolio-timeline-panel{overflow:auto}}
@media(max-width:620px){.portfolio-timeline-row{grid-template-columns:130px minmax(300px,1fr);padding:9px 10px}.portfolio-timeline-name small{white-space:normal}.mno-timeline-step{grid-template-columns:36px minmax(155px,190px)}}

/* V12.7.0 · MNO Validity Lab — isolated Validelta validation system */
.validity-lab-page{display:grid;gap:28px;padding-bottom:36px}
.validity-lab-hero,.validity-portfolio-shell,.validity-detail-shell,.validity-panel{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,var(--surface),var(--surface2));box-shadow:0 18px 48px rgba(58,91,126,.12)}
.validity-lab-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:26px;padding:32px}
.validity-lab-hero h2{margin:10px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.08;color:var(--ink)}
.validity-lab-hero p{max-width:900px;margin:0;color:var(--ink2);font-size:15px;line-height:1.7}
.validity-lab-source{align-self:stretch;display:grid;align-content:center;gap:8px;padding:20px;border:1px solid rgba(90,167,255,.26);border-radius:20px;background:linear-gradient(145deg,var(--surface2),var(--surface4))}
.validity-lab-source span,.validity-lab-metrics article span,.validity-scope-grid article span,.validity-purpose-grid article span{font-size:14px;font-weight:900;letter-spacing:.08em;color:var(--muted)}
.validity-lab-source strong{font-size:14px;color:var(--ink)}
.validity-lab-source small{color:var(--muted);line-height:1.45}
.validity-lab-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.validity-lab-metrics article{min-height:132px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface2),var(--surface3));box-shadow:0 12px 34px rgba(50,85,120,.08)}
.validity-lab-metrics article strong{display:block;margin:13px 0 8px;font-size:31px;line-height:1;color:var(--ink)}
.validity-lab-metrics article small{display:block;color:var(--muted);font-size:14px;line-height:1.45}
.validity-purpose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.validity-purpose-grid article{min-height:190px;padding:22px;border:1px solid rgba(90,167,255,.20);border-radius:22px;background:linear-gradient(150deg,var(--surface2),var(--surface4))}
.validity-purpose-grid article strong{display:block;margin-top:13px;font-size:17px;line-height:1.35;color:var(--ink)}
.validity-purpose-grid article p{margin:10px 0 0;font-size:14px;line-height:1.62;color:var(--ink2)}
.validity-portfolio-shell{padding:26px}
.validity-portfolio-head,.validity-detail-head,.validity-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}
.validity-portfolio-head h3,.validity-detail-head h3,.validity-panel-head h4{margin:7px 0 0;color:var(--ink)}
.validity-portfolio-head h3{font-size:22px}
.validity-lab-filters{display:grid;grid-template-columns:minmax(220px,1.25fr) minmax(160px,.8fr) minmax(210px,1fr);gap:10px;min-width:min(620px,100%)}
.validity-portfolio-count{margin:18px 0 10px;color:var(--muted);font-size:14px;font-weight:800}
.validity-portfolio-table{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface2)}
.validity-portfolio-row{width:100%;display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(180px,.95fr) minmax(180px,.95fr) minmax(210px,1fr) minmax(190px,.9fr);gap:14px;align-items:center;padding:14px 16px;border:0;border-bottom:1px solid var(--line2);background:transparent;text-align:left;color:var(--ink)}
.validity-portfolio-row:last-child{border-bottom:0}
.validity-portfolio-row:not(.head):hover,.validity-portfolio-row.selected{background:rgba(90,167,255,.10)}
.validity-portfolio-row.selected{box-shadow:inset 4px 0 0 var(--blue2)}
.validity-portfolio-row.head{background:var(--surface4);font-size:14px;font-weight:900;letter-spacing:.05em;color:var(--muted);cursor:default}
.validity-portfolio-row>span{min-width:0}
.validity-portfolio-row strong{display:block;overflow-wrap:anywhere;font-size:14px;color:var(--ink)}
.validity-portfolio-row small{display:block;margin-top:4px;color:var(--muted);font-size:14px;line-height:1.35}
.validity-muted{color:var(--muted);font-size:14px;font-weight:800}
.validity-lab-badge{display:inline-flex;align-items:center;max-width:100%;padding:6px 9px;border-radius:999px;border:1px solid rgba(90,167,255,.20);background:var(--blue-soft);color:var(--ink);font-size:14px;font-weight:900;line-height:1.25;overflow-wrap:anywhere}
.validity-lab-badge.good{background:var(--green-soft);border-color:rgba(61,215,154,.24);color:#237b5b}
.validity-lab-badge.warn{background:var(--amber-soft);border-color:rgba(244,185,66,.26);color:#8f6311}
.validity-lab-badge.bad{background:var(--red-soft);border-color:rgba(255,107,129,.24);color:#a13d50}
.validity-lab-badge.neutral{background:var(--blue-soft);color:#315f93}
.validity-detail-shell{padding:28px}
.validity-detail-head h3{font-size:28px}
.validity-detail-head p{margin:7px 0 0;color:var(--muted);font-size:14px}
.validity-detail-signals{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.validity-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px}
.validity-scope-grid article{min-height:126px;padding:18px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface2),var(--surface4))}
.validity-scope-grid article strong{display:block;margin:11px 0 7px;font-size:15px;line-height:1.38;color:var(--ink)}
.validity-scope-grid article small{color:var(--muted);font-size:14px;line-height:1.45}
.validity-detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:20px;margin-top:20px}
.validity-panel{padding:22px;border-radius:22px;box-shadow:none}
.validity-panel-head h4{font-size:17px;line-height:1.38}
.validity-panel-head p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.validity-branch-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line2)}
.validity-branch-section:first-of-type{padding-top:0;border-top:0}
.validity-branch-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.validity-branch-title strong{font-size:14px;color:var(--ink)}
.validity-branch-title span{font-size:14px;font-weight:800;color:var(--muted)}
.validity-context-card{padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface2),var(--surface3))}
.validity-context-card+.validity-context-card{margin-top:10px}
.validity-context-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.validity-context-head span:not(.validity-lab-badge){display:block;font-size:14px;font-weight:900;letter-spacing:.05em;color:var(--muted)}
.validity-context-head strong{display:block;margin-top:4px;font-size:18px;color:var(--ink)}
.validity-context-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:14px;font-weight:800}
.validity-context-events{display:grid;gap:5px;margin-top:11px}
.validity-context-events>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start;padding:8px 9px;border-radius:11px;background:rgba(90,167,255,.065)}
.validity-context-events span,.validity-context-events small{font-size:14px;color:var(--muted)}
.validity-context-events strong{font-size:14px;color:var(--ink)}
.validity-context-events small{grid-column:2}
.validity-sim-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.validity-lab-empty{padding:18px;border:1px dashed rgba(90,167,255,.28);border-radius:15px;background:var(--surface3);color:var(--muted);font-size:14px;line-height:1.55}
.validity-simulation-result{margin-top:16px}
.validity-simulation-callout{padding:14px;border:1px solid rgba(90,167,255,.26);border-radius:15px;background:linear-gradient(145deg,var(--surface3),var(--surface4))}
.validity-simulation-callout span{font-size:14px;font-weight:900;letter-spacing:.07em;color:var(--blue2)}
.validity-simulation-callout strong{display:block;margin-top:5px;color:var(--ink);font-size:14px}
.validity-simulation-callout p{margin:6px 0 0;color:var(--ink2);font-size:14px;line-height:1.5}
.validity-simulation-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.validity-simulation-columns section{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}
.validity-simulation-columns h4{margin:5px 0 10px;font-size:14px;color:var(--ink)}
.validity-impact-row{padding:10px;border-radius:11px}
.validity-impact-row+.validity-impact-row{margin-top:6px}
.validity-impact-row.affected{background:var(--amber-soft)}
.validity-impact-row.preserved{background:var(--green-soft)}
.validity-impact-row strong{font-size:14px;color:var(--ink)}
.validity-impact-row p{margin:3px 0 0;color:var(--ink2);font-size:14px;line-height:1.45}
.validity-timeline-panel{margin-top:20px}
.validity-time-toggle{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--surface3)}
.validity-time-toggle button{border:0;border-radius:9px;background:transparent;padding:8px 10px;color:var(--muted);font-size:14px;font-weight:900}
.validity-time-toggle button.active{background:var(--blue-soft);color:var(--blue2)}
.validity-timeline{margin-top:16px;overflow:auto;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}
.validity-timeline-row{min-width:900px;display:grid;grid-template-columns:150px 180px 190px minmax(380px,1fr);gap:12px;padding:11px 13px;border-bottom:1px solid var(--line2);align-items:start}
.validity-timeline-row:last-child{border-bottom:0}
.validity-timeline-row.head{position:sticky;top:0;z-index:2;background:var(--surface4);color:var(--muted);font-size:14px;font-weight:900;letter-spacing:.05em}
.validity-timeline-row.late{background:rgba(244,185,66,.07)}
.validity-timeline-row span{font-size:14px;color:var(--ink2)}
.validity-timeline-row strong{font-size:14px;color:var(--ink);line-height:1.4}
.validity-timeline-row small{display:block;margin-top:3px;color:var(--muted);font-size:14px;font-weight:800}
@media(max-width:1280px){.validity-lab-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.validity-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.validity-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.validity-detail-grid{grid-template-columns:1fr}.validity-portfolio-head{display:grid}.validity-lab-filters{min-width:0;width:100%}}
@media(max-width:920px){.validity-lab-hero{grid-template-columns:1fr}.validity-lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.validity-portfolio-table{overflow:auto}.validity-portfolio-row{min-width:1050px}.validity-simulation-columns{grid-template-columns:1fr}}
@media(max-width:640px){.validity-lab-page{gap:20px}.validity-lab-hero,.validity-portfolio-shell,.validity-detail-shell{padding:20px}.validity-lab-metrics,.validity-purpose-grid,.validity-scope-grid{grid-template-columns:1fr}.validity-lab-filters{grid-template-columns:1fr}.validity-panel-head,.validity-detail-head{display:grid}.validity-detail-signals{justify-content:flex-start}.validity-time-toggle{width:max-content}}

/* V13.0 goal, strategy, evidence and outcome execution layer */
.goal-layout{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:18px;align-items:start}
.goal-sidebar{position:sticky;top:calc(var(--header-height) + 110px);min-width:0}.goal-main{min-width:0}.goal-list{display:grid;gap:9px;margin:4px 0 14px}
.goal-list-card{width:100%;text-align:left;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(180deg,var(--surface),var(--surface2));padding:14px;box-shadow:0 10px 28px rgba(37,63,92,.06);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.goal-list-card:hover,.goal-list-card.active{transform:translateY(-1px);border-color:rgba(35,136,255,.24);box-shadow:0 14px 34px rgba(35,136,255,.10)}
.goal-list-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.goal-list-top>div>span{display:block;font-size:14px;font-weight:800;letter-spacing:.12em;color:var(--blue2);margin-bottom:5px}.goal-list-top strong{display:block;font-size:14px;line-height:1.35;color:var(--ink)}
.goal-list-values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.goal-list-values span{font-size:14px;color:var(--muted);padding:8px;border-radius:12px;background:rgba(90,167,255,.07)}.goal-list-values b{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.goal-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;padding:7px;border:1px solid var(--line2);border-radius:18px;background:rgba(248,251,255,.72)}.goal-tabs button{border:1px solid transparent;border-radius:12px;background:transparent;padding:9px 12px;color:var(--muted);font-size:14px;font-weight:750}.goal-tabs button:hover,.goal-tabs button.active{color:var(--ink);border-color:rgba(35,136,255,.14);background:linear-gradient(180deg,rgba(90,167,255,.12),rgba(38,214,197,.06))}
.goal-overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.75fr);gap:16px}.goal-progress{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:14px;align-items:end;margin:18px 0}.goal-progress>div>span{display:block;font-size:14px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.goal-progress>div>strong{display:block;font-size:28px;letter-spacing:-.045em;color:var(--ink)}.goal-progress-track{height:9px;border-radius:99px;background:var(--surface3);overflow:hidden;margin-bottom:7px}.goal-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue2),var(--teal))}
.goal-route{display:grid;gap:0;margin-top:8px}.goal-route-node{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;min-height:108px}.goal-route-rail{display:flex;flex-direction:column;align-items:center}.goal-route-rail span{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(35,136,255,.15),rgba(38,214,197,.10));border:1px solid rgba(35,136,255,.16);color:var(--blue2);font-size:14px;font-weight:800}.goal-route-rail i{width:1px;flex:1;background:linear-gradient(var(--blue-soft),var(--teal-soft));margin:5px 0}.goal-route-node:last-child .goal-route-rail i{display:none}.goal-route-body{padding:0 0 18px}.goal-route-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.goal-route-top>span{font-size:14px;font-weight:800;letter-spacing:.11em;color:var(--blue2)}.goal-route-body>strong{display:block;margin-top:4px;font-size:14px;color:var(--ink)}.goal-route-body p{margin:5px 0 7px;font-size:14px;line-height:1.55;color:var(--muted)}.goal-route-body small{color:var(--ink2);font-size:14px}.goal-route-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.goal-route-meta span{font-size:14px;color:var(--muted);padding:5px 8px;border-radius:99px;background:var(--surface2);border:1px solid var(--line2)}
.strategy-evidence-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.strategy-evidence-strip span{padding:10px;border-radius:14px;background:var(--surface2);font-size:14px;color:var(--muted)}.strategy-evidence-strip b{display:block;color:var(--ink);font-size:14px;margin-bottom:3px}.strategy-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.strategy-library-card{min-width:0}.strategy-action-graph{display:grid;gap:7px;margin:14px 0}.strategy-action-graph>div{display:grid;grid-template-columns:26px 1fr;gap:9px;align-items:center;padding:9px 10px;border:1px solid var(--line2);border-radius:14px;background:var(--surface)}.strategy-action-graph span{width:24px;height:24px;border-radius:9px;display:grid;place-items:center;background:var(--blue-soft);font-size:14px;font-weight:800;color:var(--blue2)}.strategy-action-graph strong{font-size:14px;color:var(--ink)}
.goal-evidence-stack,.evidence-condition-grid{display:grid;gap:12px}.evidence-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-condition-card{border:1px solid var(--line2);border-radius:18px;padding:13px;background:linear-gradient(180deg,var(--surface),var(--surface2))}.evidence-condition-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.evidence-condition-head>div>span{display:block;font-size:14px;color:var(--blue2);font-weight:800;letter-spacing:.1em}.evidence-condition-head strong{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--ink)}.resolution-path-choices{display:grid;gap:7px;margin-top:10px}.resolution-path-choice{border:1px solid var(--line2);border-radius:13px;padding:9px;background:rgba(248,251,255,.78)}.resolution-path-choice.ready{border-color:rgba(61,215,154,.24);background:var(--green-soft)}.resolution-path-choice>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.resolution-path-choice strong{font-size:14px;color:var(--ink)}.resolution-path-choice p{font-size:14px;line-height:1.55;color:var(--muted);margin:5px 0}.resolution-path-choice small{font-size:14px;color:var(--ink2)}
.evidence-readiness-row,.route-assurance-list>article,.outcome-evidence-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line2)}.evidence-readiness-row:last-child,.route-assurance-list>article:last-child,.outcome-evidence-list>article:last-child{border-bottom:0}.evidence-readiness-row>div>span,.route-assurance-list>article>div>span,.outcome-evidence-list>article>div>span{display:block;font-size:14px;color:var(--blue2);font-weight:750}.evidence-readiness-row strong,.route-assurance-list strong,.outcome-evidence-list strong{display:block;margin-top:3px;font-size:14px;color:var(--ink)}.evidence-readiness-row small,.route-assurance-list small,.outcome-evidence-list small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.semantic-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.semantic-id-box{padding:12px;border-radius:16px;background:linear-gradient(145deg,var(--blue-soft),var(--teal-soft));border:1px solid rgba(35,136,255,.12);margin:12px 0}.semantic-id-box span{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.semantic-id-box code{display:block;margin-top:5px;font-size:14px;color:var(--ink);word-break:break-all}.semantic-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.semantic-component-grid>div{padding:9px;border-radius:12px;background:var(--surface2);border:1px solid var(--line2)}.semantic-component-grid span{display:block;font-size:14px;color:var(--muted)}.semantic-component-grid strong{display:block;margin-top:4px;font-size:14px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis}.semantic-admission-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}.semantic-admission-flow span{padding:8px;border-radius:11px;background:var(--surface2);font-size:14px;color:var(--ink2);text-align:center}
.route-assurance-gates{display:flex;gap:6px;flex-wrap:wrap}.route-assurance-gates span{font-size:14px;padding:5px 8px;border-radius:99px;border:1px solid var(--line2)}.route-assurance-gates .pass{background:var(--green-soft);color:#19805c;border-color:rgba(61,215,154,.22)}.route-assurance-gates .hold{background:var(--amber-soft);color:#8f6916;border-color:rgba(244,185,66,.22)}
.outcome-evidence-list{display:grid}.outcome-evidence-list>article{grid-template-columns:minmax(0,1fr) auto}.outcome-evidence-list>article>div:last-child{text-align:right}.outcome-evidence-list>article>div:last-child>span{color:var(--ink2);margin-bottom:4px}
@media(max-width:1100px){.goal-layout{grid-template-columns:1fr}.goal-sidebar{position:static}.goal-overview-grid,.strategy-library-grid,.semantic-metric-grid{grid-template-columns:1fr}.evidence-condition-grid{grid-template-columns:1fr}}
@media(max-width:720px){.strategy-evidence-strip,.goal-list-values,.semantic-component-grid,.semantic-admission-flow{grid-template-columns:1fr}.evidence-readiness-row,.route-assurance-list>article{grid-template-columns:1fr}.goal-progress{grid-template-columns:1fr}.goal-progress-track{order:3}.goal-tabs{overflow:auto;flex-wrap:nowrap}.goal-tabs button{white-space:nowrap}}


/* ========================================================================== 
   V13.1.0 — BUSINESS VALUE: EVIDENCE TO VERIFIED OUTCOME
   Consolidated public value namespace for the V13 goal/evidence/execution model.
   Keeps the existing Ice Blue visual language while extending the story from
   decision validity into supported routes and verified outcomes.
   ========================================================================== */
.value-page-v13{--v13-ink:#17283b;--v13-body:#425a70;--v13-muted:#667a8e;--v13-line:#d7e3ee;--v13-soft:#f4f8fc;--v13-blue:#2563eb;--v13-teal:#0f8fa8;}
.value-page-v13 .value-hero-v13{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);gap:34px;align-items:start;padding:42px;border-color:#d2e0ec!important;background:radial-gradient(circle at 88% 8%,rgba(61,133,217,.10),transparent 31%),radial-gradient(circle at 8% 94%,rgba(24,154,154,.06),transparent 28%),linear-gradient(150deg,#f8fbff 0%,#eef6ff 100%)!important;box-shadow:0 20px 54px rgba(39,76,119,.075)!important;}
.value-page-v13 .value-hero-v13 h2{max-width:900px;color:var(--v13-ink)!important;font-size:clamp(39px,3.55vw,57px)!important;line-height:1.03!important;letter-spacing:-.046em!important;}
.value-page-v13 .value-hero-copy>p{max-width:900px;color:var(--v13-body)!important;font-size:16px!important;line-height:1.72!important;}
.value-page-v13 .value-pressure-v13{margin-top:25px;}
.value-page-v13 .value-hero-answer{margin-top:18px!important;background:#edf5ff!important;color:#405a73!important;}
.value-page-v13 .value-hero-actions{margin-top:20px;}
.value-page-v13 .value-audience-strip{background:rgba(255,255,255,.82)!important;}

.value-page-v13 .value-outcome-path-section{background:linear-gradient(145deg,#f8fbff 0%,#eef7fb 58%,#f8fbff 100%)!important;}
.value-outcome-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;}
.value-outcome-path-card{min-height:250px;padding:22px;border:1px solid #d4e1ed;border-radius:19px;background:rgba(255,255,255,.92);box-shadow:0 10px 28px rgba(39,76,119,.045);}
.value-outcome-path-card h3{margin:22px 0 0;color:#1c344d;font-size:20px;line-height:1.28;letter-spacing:-.02em;}
.value-outcome-path-card p{margin:11px 0 0;color:#456077;font-size:14px;line-height:1.67;}
.value-outcome-path-card .value-card-top>span{background:#eaf2ff;color:#3268b3;}
.value-outcome-path-card:nth-child(2) .value-card-top>span{background:#eaf7f6;color:#27796f;}
.value-outcome-path-card:nth-child(3) .value-card-top>span{background:#edf7f2;color:#2d765d;}
.value-outcome-path-card .value-card-top small{color:#65788b;}

.value-page-v13 .value-recovery-layout-v13{grid-template-columns:1fr;}
.value-page-v13 .value-recovery-track-v13{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);}
.value-page-v13 .value-recovery-track>article.verified{background:linear-gradient(180deg,rgba(236,249,246,.98),rgba(247,252,250,.94));border-color:#c8e1d8;}
.value-page-v13 .value-recovery-outcomes-v13{grid-template-columns:repeat(2,minmax(0,1fr));}
.value-verification-strip{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:stretch;margin-top:18px;padding:17px;border:1px solid #d6e3ee;border-radius:20px;background:linear-gradient(180deg,#f8fbfe,#f4f9fd);}
.value-verification-strip>article{padding:17px;border:1px solid #d9e5ef;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(39,76,119,.04);}
.value-verification-strip>article.pending{background:#fffaf0;border-color:#eadcbf;}
.value-verification-strip>article.verified{background:#f1faf6;border-color:#cfe2da;}
.value-verification-strip>article>span{display:block;color:#65798d;font-size:14px;font-weight:850;letter-spacing:.105em;}
.value-verification-strip>article>strong{display:block;margin-top:8px;color:#213a52;font-size:15px;line-height:1.32;}
.value-verification-strip>article>p{margin:7px 0 0;color:#5b7186;font-size:14px;line-height:1.58;}
.value-verification-strip>i{display:grid;place-items:center;font-style:normal;color:#6f91b5;font-size:20px;font-weight:800;}

.value-use-case-v13{min-height:285px;}
.value-use-case-v13 h3{font-size:18px;line-height:1.34;}
.value-use-case-v13 p{font-size:14px;line-height:1.67;}
.value-outcome-v13{min-height:198px;background:linear-gradient(180deg,#ffffff,#f8fbfe)!important;border-color:#d7e3ee!important;}
.value-outcome-v13>span{font-size:14px;}
.value-outcome-v13 strong{font-size:17px;line-height:1.3;}
.value-outcome-v13 p{font-size:14px;line-height:1.64;}
.value-scale-v13 .value-scale-step{min-height:188px;}
.value-cta-v13{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:center;}
.value-cta-v13 h2{max-width:920px;}
.value-patent-note{grid-column:1/-1;margin:0;padding-top:15px;border-top:1px solid rgba(91,129,169,.18);color:#667a8e!important;font-size:14px!important;line-height:1.55!important;letter-spacing:.01em;}

@media(max-width:1240px){
  .value-page-v13 .value-hero-v13{grid-template-columns:1fr;}
  .value-outcome-path-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .value-page-v13 .value-recovery-track-v13{grid-template-columns:1fr;}
  .value-page-v13 .value-recovery-track-v13>i{transform:rotate(90deg);}
}
@media(max-width:900px){
  .value-outcome-path-grid{grid-template-columns:1fr;}
  .value-outcome-path-card{min-height:0;}
  .value-verification-strip{grid-template-columns:1fr;}
  .value-verification-strip>i{transform:rotate(90deg);}
  .value-page-v13 .value-recovery-outcomes-v13{grid-template-columns:1fr;}
  .value-cta-v13{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .value-page-v13 .value-hero-v13{padding:26px 20px!important;}
  .value-page-v13 .value-hero-v13 h2{font-size:34px!important;}
  .value-outcome-path-card{padding:19px;}
  .value-verification-strip{padding:14px;}
  .value-cta-v13 .value-cta-actions{justify-content:flex-start;}
}
@media(max-width:430px){
  .value-page-v13 .value-hero-v13 h2{font-size:31px!important;}
  .value-patent-note{font-size:14px!important;}
}


/* ========================================================================== 
   V13.2.0 — READABLE ENTERPRISE TYPOGRAPHY
   One readable hierarchy across every Validelta surface. This layer intentionally
   changes typography only; the current Ice Blue palette, spacing model, cards,
   Business Value composition and interaction design remain unchanged.
   ========================================================================== */
:root{
  --type-page-title:30px;
  --type-hero-title:clamp(40px,3.3vw,54px);
  --type-section-title:23px;
  --type-card-title:19px;
  --type-subtitle:16px;
  --type-body:15px;
  --type-body-compact:14px;
  --type-small:14px;
  --type-label:14px;
  --type-micro:14px;
}
body{font-size:var(--type-body)!important;line-height:1.58;}

/* Application chrome */
.brand strong{font-size:19px!important;}
.brand small{font-size:14px!important;line-height:1.4!important;}
.primary-nav-item{font-size:15px!important;line-height:1.25!important;}
.primary-nav-item span{font-size:14px!important;}
.nav-dropdown-intro>span,.menu-group-label,.eyebrow{font-size:14px!important;line-height:1.35!important;}
.nav-dropdown-intro>strong{font-size:24px!important;line-height:1.16!important;}
.nav-dropdown-intro p{font-size:14.5px!important;line-height:1.62!important;}
.nav-icon{font-size:14px!important;}
.nav-item strong,.subnav-item strong{font-size:15px!important;line-height:1.35!important;}
.nav-item small,.subnav-item small{font-size:14px!important;line-height:1.5!important;}
.topbar h1{font-size:30px!important;}
.topbar p{font-size:15px!important;line-height:1.55!important;}
.top-actions select{font-size:14px!important;}
.user-chip strong{font-size:14px!important;}
.user-chip small{font-size:14px!important;}
.workspace-pill span,.trust-pill small{font-size:14px!important;}
.workspace-pill strong,.trust-pill strong{font-size:14px!important;}

/* General content hierarchy */
.hero-kicker,.section-label{font-size:14px!important;line-height:1.35!important;}
.card-title{font-size:23px!important;line-height:1.24!important;}
.card-sub{font-size:14.5px!important;line-height:1.62!important;}
.button{font-size:14px!important;line-height:1.28!important;}
.button.small{font-size:14px!important;}
.text-button{font-size:14px!important;}
.select,.input,.textarea{font-size:14.5px!important;line-height:1.45!important;}
.field label{font-size:14px!important;}
.field small,.field-help,.small,small{font-size:14px!important;line-height:1.5!important;}
.notice,.trace-item,.empty,.toast{font-size:14px!important;line-height:1.6!important;}
.status{font-size:14px!important;line-height:1.25!important;}
.mono,.proof-box code,.terminal{font-size:14px!important;line-height:1.55!important;}
.metric-label{font-size:14px!important;}
.metric-foot{font-size:14px!important;line-height:1.55!important;}
.table th,.admin-table th,.studio-table th{font-size:14px!important;line-height:1.35!important;}
.table td,.admin-table td,.commercial-table td{font-size:14px!important;line-height:1.5!important;}

/* V13 goal, evidence, route and semantic-control surfaces */
.goal-list-top>div>span,.goal-list-values span,.goal-progress>div>span,
.goal-route-top>span,.goal-route-meta span,.strategy-evidence-strip span,
.evidence-condition-head>div>span,.evidence-readiness-row>div>span,
.route-assurance-list>article>div>span,.outcome-evidence-list>article>div>span,
.semantic-id-box span,.semantic-component-grid span,.semantic-admission-flow span,
.route-assurance-gates span{font-size:14px!important;line-height:1.4!important;}
.goal-tabs button{font-size:14px!important;}
.goal-route-rail span{font-size:14px!important;}
.goal-route-body>strong{font-size:16px!important;line-height:1.35!important;}
.goal-route-body p{font-size:14px!important;line-height:1.6!important;}
.goal-route-body small{font-size:14px!important;}
.strategy-action-graph span{font-size:14px!important;}
.strategy-action-graph strong{font-size:14px!important;}
.evidence-condition-head strong{font-size:15px!important;}
.resolution-path-choice strong{font-size:14px!important;}
.resolution-path-choice p,.resolution-path-choice small{font-size:14px!important;line-height:1.5!important;}
.evidence-readiness-row strong,.route-assurance-list strong,.outcome-evidence-list strong{font-size:15px!important;}
.evidence-readiness-row small,.route-assurance-list small,.outcome-evidence-list small{font-size:14px!important;}
.semantic-id-box code{font-size:14px!important;line-height:1.5!important;}
.semantic-component-grid strong{font-size:14px!important;line-height:1.45!important;}

/* Business Value stays visually identical but its supporting copy never falls below
   the same readable floor used by authenticated product surfaces. */
.value-page-v13 .value-card-top>span,.value-page-v13 .value-card-top small,
.value-page-v13 .value-pressure-card>span,.value-page-v13 .value-audience-strip b,
.value-page-v13 .value-pain-impact,.value-page-v13 .value-outcome-v13>span,
.value-page-v13 .value-verification-strip>article>span,.value-page-v13 .value-patent-note{
  font-size:14px!important;
  line-height:1.48!important;
}
.value-page-v13 .value-verification-strip>article>p{font-size:14px!important;line-height:1.6!important;}

@media(max-width:720px){
  :root{--type-page-title:27px;--type-hero-title:36px;--type-section-title:21px;--type-body:15px;--type-small:14px;--type-label:14px;--type-micro:14px;}
  .topbar h1{font-size:27px!important;}
  .nav-item strong,.subnav-item strong{font-size:14.5px!important;}
  .nav-item small,.subnav-item small{font-size:14px!important;}
}
/* V13.2.0 — READABLE ENTERPRISE TYPOGRAPHY */
/*
  Readability pass for the complete interface. This deliberately changes only
  type scale / line-height and leaves the existing Ice Blue palette, card
  geometry, spacing system and Business Value composition intact.
*/
:root{
  --vd-type-page-title:32px;
  --vd-type-section-title:24px;
  --vd-type-card-title:19px;
  --vd-type-subtitle:16px;
  --vd-type-body:15.5px;
  --vd-type-body-compact:14.5px;
  --vd-type-small:14px;
  --vd-type-label:14px;
  --vd-type-micro:14px;
}
body{font-size:var(--vd-type-body);line-height:1.58}
.primary-nav-item,.nav-menu-trigger{font-size:16px;line-height:1.35}
.nav-menu-card strong,.nav-menu-card .title{font-size:16px;line-height:1.35}
.nav-menu-card p,.nav-menu-card .description{font-size:14.5px;line-height:1.55}
.eyebrow,.kicker,.overline{font-size:14px;line-height:1.4;letter-spacing:.055em}
.topbar h1,.page-title{font-size:var(--vd-type-page-title);line-height:1.15}
.topbar .subtitle,.page-subtitle{font-size:var(--vd-type-subtitle);line-height:1.55}
.section-title,h2.card-title,.card-title{font-size:var(--vd-type-section-title);line-height:1.25}
.card h3,.panel h3,.route-card h3{font-size:var(--vd-type-card-title);line-height:1.32}
.card-sub,.section-subtitle,.muted-copy,.supporting-copy{font-size:14.5px;line-height:1.58}
p,li,.body-copy,.notice,.empty-state{font-size:var(--vd-type-body);line-height:1.58}
button,.button,.btn{font-size:14.5px;line-height:1.35}
button.small,.button.small,.btn.small{font-size:14px}
input,select,textarea{font-size:15px;line-height:1.4}
label,.field-label,.form-label{font-size:14px;line-height:1.4}
small,.small,.help,.hint,.helper-text{font-size:14px;line-height:1.5}
.badge,.pill,.chip,.status,.tag,.metric-label,.meta-label{font-size:14px;line-height:1.35}
table th{font-size:14px;line-height:1.4}
table td{font-size:14.5px;line-height:1.5}

/* V13 goal/evidence execution surfaces */
.goal-shell,.strategy-shell,.evidence-shell,.metric-shell,.route-assurance-shell,.outcome-qualification-shell{font-size:15.5px}
.goal-tabs button,.semantic-tabs button,.evidence-tabs button{font-size:14.5px}
.goal-meta,.strategy-meta,.evidence-meta,.semantic-meta,.route-meta,.outcome-meta{font-size:14px;line-height:1.5}
.goal-route-card p,.strategy-card p,.evidence-card p,.semantic-card p,.route-card p,.outcome-card p{font-size:14.5px;line-height:1.58}
.goal-route-card strong,.strategy-card strong,.evidence-card strong,.semantic-card strong,.route-card strong,.outcome-card strong{font-size:15.5px}

/* Preserve the current Business Value composition while keeping every supporting line readable. */
.value-page small,.value-page .small,.value-page .eyebrow,.value-page .micro,
.business-value small,.business-value .small,.business-value .eyebrow,.business-value .micro{font-size:14px;line-height:1.5}

@media (max-width:820px){
  :root{--vd-type-page-title:28px;--vd-type-section-title:22px;--vd-type-card-title:18px;--vd-type-body:15px;--vd-type-subtitle:15px}
  .primary-nav-item,.nav-menu-trigger{font-size:15px}
  .nav-menu-card strong,.nav-menu-card .title{font-size:15px}
  .nav-menu-card p,.nav-menu-card .description{font-size:14px}
  small,.small,.help,.hint,.helper-text,.badge,.pill,.chip,.status,.tag{font-size:14px}
}


/* V13.3.0 — END-TO-END METRICS + STABLE IN-PAGE NAVIGATION */
.field-help{display:block;margin-top:7px;font-size:14px;line-height:1.45;color:var(--muted,#5e718a)}
.studio-builder-note{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;padding:14px 16px;border:1px solid rgba(89,159,222,.28);border-radius:16px;background:rgba(224,241,255,.48);font-size:14.5px;line-height:1.5;color:#526b83}
.studio-builder-note strong{flex:0 0 auto;color:#1d4164;font-size:15px}.studio-builder-note span{min-width:0}
.studio-builder-form .studio-form-grid{align-items:end}.goal-create-editor .field small{font-size:14px}
@media (max-width:820px){.studio-builder-note{display:block}.studio-builder-note strong{display:block;margin-bottom:5px}}

.mature-metric-builder .metric-population-editor{grid-column:1/-1;margin-top:12px;border:1px solid rgba(104,159,211,.24);border-radius:15px;background:rgba(248,252,255,.72);padding:12px 14px}
.mature-metric-builder .metric-population-editor summary{cursor:pointer;font-size:14.5px;font-weight:800;color:#284c6f;display:flex;justify-content:space-between;align-items:center}
.mature-metric-builder .metric-population-editor[open] summary{margin-bottom:12px}
.studio-metric-definition{display:block;margin-top:6px;color:var(--muted);font-size:14px!important;line-height:1.45}
[hidden]{display:none!important}

/* ========================================================================== 
   V13.4.0 — MATURE TABLET + MOBILE EXPERIENCE
   One responsive navigation system replaces the stacked tablet/mobile menus.
   Desktop mega-navigation is unchanged. Touch layouts prioritise readable
   hierarchy, 44px+ targets, safe-area support, horizontal tab/table scrolling,
   and compact page context without trapping the user at the top of a page.
   ========================================================================== */
.mobile-page-context,.mobile-nav-layer{display:none}

@media (max-width:1024px){
  :root{--header-height:68px}
  html,body{overscroll-behavior-x:none}
  body.mobile-navigation-open{overflow:hidden;touch-action:none}
  .app-shell{padding-top:var(--header-height)}

  /* Compact application bar: brand + current location + one clear menu action. */
  html[data-theme="light"] .global-nav-inner,
  .global-nav-inner{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:14px!important;
    padding:0 18px!important;
  }
  .primary-nav{display:none!important}
  .nav-dropdown,.nav-scrim{display:none!important}
  .global-nav-tools{justify-self:end!important;min-width:auto!important}
  .global-nav-tools>.nav-tool-button{display:none!important}
  .mobile-menu{
    display:grid!important;place-content:center;width:46px!important;height:46px!important;padding:11px!important;
    border:1px solid #c7d9e9!important;border-radius:15px!important;background:linear-gradient(180deg,#f7fbff,#eaf3fc)!important;
    box-shadow:0 7px 20px rgba(36,79,122,.08)!important;transition:background .16s ease,border-color .16s ease,transform .16s ease;
  }
  .mobile-menu:active{transform:scale(.97)}
  .mobile-menu span{width:21px!important;height:2px!important;margin:2.5px 0!important;background:#375a79!important;border-radius:99px!important;transition:transform .18s ease,opacity .18s ease}
  .mobile-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-page-context{display:block;min-width:0;text-align:center;padding:0 8px}
  .mobile-page-context span{display:block;color:#6a8197;font-size:14px!important;line-height:1.15;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-page-context strong{display:block;margin-top:3px;color:#1c3853;font-size:15px!important;line-height:1.2;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Single responsive navigation drawer. */
  .mobile-nav-layer{display:block;position:fixed;inset:0;z-index:160;pointer-events:none;visibility:hidden}
  .mobile-nav-backdrop{position:absolute;inset:0;border:0;background:rgba(108,146,184,.24);opacity:0;backdrop-filter:blur(9px) saturate(110%);-webkit-backdrop-filter:blur(9px) saturate(110%);transition:opacity .22s ease}
  .mobile-nav-drawer{
    position:absolute;top:10px;right:10px;bottom:10px;width:min(440px,calc(100vw - 28px));
    display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;outline:none;
    border:1px solid rgba(182,207,229,.92);border-radius:28px;
    background:radial-gradient(circle at 92% 0,rgba(109,92,231,.075),transparent 31%),radial-gradient(circle at 4% 100%,rgba(8,145,178,.06),transparent 28%),linear-gradient(155deg,rgba(251,253,255,.995),rgba(238,247,255,.995));
    box-shadow:0 34px 90px rgba(26,64,102,.23),inset 0 1px 0 rgba(255,255,255,.82);
    transform:translateX(calc(100% + 28px));transition:transform .24s cubic-bezier(.2,.8,.2,1);
    padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));
  }
  .mobile-nav-layer.open{pointer-events:auto;visibility:visible}
  .mobile-nav-layer.open .mobile-nav-backdrop{opacity:1}
  .mobile-nav-layer.open .mobile-nav-drawer{transform:translateX(0)}
  .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 20px 14px;border-bottom:1px solid #dbe7f1}
  .mobile-nav-brand{display:flex;align-items:center;gap:12px;min-width:0}
  .mobile-nav-brand img{width:42px;height:42px;flex:0 0 42px;border-radius:13px;box-shadow:0 7px 18px rgba(50,101,151,.11)}
  .mobile-nav-brand div{min-width:0}.mobile-nav-brand span{display:block;color:#6c8297;font-size:14px!important;line-height:1.2;font-weight:850;letter-spacing:.11em}
  .mobile-nav-brand strong{display:block;margin-top:3px;color:#1b3650;font-size:18px!important;line-height:1.2;font-weight:780}
  .mobile-nav-close{width:44px;height:44px;flex:0 0 44px;border:1px solid #cfdeeb;border-radius:14px;background:#f3f8fd;color:#385a78;font-size:28px!important;line-height:1;display:grid;place-items:center;padding:0}
  .mobile-nav-current{margin:14px 18px 0;padding:12px 14px;border:1px solid #cfe0ef;border-radius:16px;background:linear-gradient(145deg,#edf5ff,#eff9fb)}
  .mobile-nav-current span{display:block;color:#5175a0;font-size:14px!important;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
  .mobile-nav-current strong{display:block;margin-top:4px;color:#1d4267;font-size:16px!important;line-height:1.3}
  .mobile-nav-search{display:block;margin:12px 18px 10px}
  .mobile-nav-search>span{display:block;margin:0 0 7px 2px;color:#5b7186;font-size:14px!important;line-height:1.3;font-weight:750}
  .mobile-nav-search input{width:100%;height:48px;padding:0 15px;border:1px solid #caddeb;border-radius:15px;background:#fff;color:#213d57;font-size:16px!important;line-height:1.2;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
  .mobile-nav-search input:focus{border-color:#8fbbe6;box-shadow:0 0 0 4px rgba(70,145,219,.11)}
  .mobile-nav-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 14px 18px;scrollbar-width:thin;scrollbar-color:#bfd2e4 transparent}
  .mobile-nav-home,.mobile-nav-section-toggle,.mobile-nav-link{appearance:none;width:100%;border:0;color:#27425c;text-align:left}
  .mobile-nav-home{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;margin:5px 0 10px;padding:11px 12px;border:1px solid #d2e1ed;border-radius:17px;background:linear-gradient(145deg,#f9fcff,#f1f7fd)}
  .mobile-nav-home.active{border-color:#a9cbed;background:linear-gradient(145deg,#e8f2ff,#edf9fb);box-shadow:0 7px 20px rgba(37,99,235,.07)}
  .mobile-nav-home-icon,.mobile-nav-section-icon,.mobile-nav-link-icon{display:grid;place-items:center;font-weight:850;letter-spacing:.02em}
  .mobile-nav-home-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#e0ecff,#e9f7fb);border:1px solid #c6dbef;color:#275ca8;font-size:14px!important}
  .mobile-nav-home strong{display:block;color:#213c56;font-size:15.5px!important;line-height:1.3}.mobile-nav-home small{display:block;margin-top:3px;color:#6e8295;font-size:14px!important;line-height:1.4}
  .mobile-nav-section{margin-top:9px;border:1px solid #d4e3ef;border-radius:18px;background:rgba(248,252,255,.77);overflow:hidden}
  .mobile-nav-section.current{border-color:#bdd6ec;background:linear-gradient(145deg,rgba(238,246,255,.96),rgba(243,250,252,.96))}
  .mobile-nav-section-toggle{display:grid;grid-template-columns:38px minmax(0,1fr) 28px;gap:12px;align-items:center;min-height:68px;padding:11px 12px;background:transparent}
  .mobile-nav-section-toggle:active,.mobile-nav-link:active,.mobile-nav-home:active{background:#eaf3fb}
  .mobile-nav-section-icon{width:38px;height:38px;border-radius:12px;background:#eaf2fb;border:1px solid #d0dfec;color:#3e6282;font-size:14px!important}
  .mobile-nav-section.current .mobile-nav-section-icon{background:linear-gradient(145deg,#e1edff,#e9f7fb);border-color:#c3daee;color:#245eae}
  .mobile-nav-section-copy strong{display:block;color:#203b55;font-size:16px!important;line-height:1.3}.mobile-nav-section-copy small{display:block;margin-top:3px;color:#697f93;font-size:14px!important;line-height:1.38}
  .mobile-nav-chevron{justify-self:end;color:#668097;font-size:18px!important;transition:transform .17s ease}.mobile-nav-section-toggle[aria-expanded="true"] .mobile-nav-chevron{transform:rotate(180deg)}
  .mobile-nav-section-items{display:grid;gap:6px;padding:0 8px 9px}.mobile-nav-section-items[hidden]{display:none!important}
  .mobile-nav-link{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:60px;padding:10px;border:1px solid transparent;border-radius:14px;background:transparent}
  .mobile-nav-link:hover{background:#f0f6fc;border-color:#d8e5ef}.mobile-nav-link.active{background:#e8f2ff;border-color:#b9d2eb}
  .mobile-nav-link-icon{width:36px;height:36px;border-radius:11px;background:#edf4fb;border:1px solid #d7e4ef;color:#456987;font-size:14px!important}
  .mobile-nav-link.active .mobile-nav-link-icon{color:#225da9;background:#e0edff;border-color:#c2d8ef}
  .mobile-nav-link-copy{min-width:0}.mobile-nav-link-copy strong{display:block;color:#29445e;font-size:14.5px!important;line-height:1.3}.mobile-nav-link-copy small{display:block;margin-top:3px;color:#718598;font-size:14px!important;line-height:1.38}
  .mobile-nav-arrow{color:#7990a5;font-size:22px!important;line-height:1}.mobile-nav-protected{padding:4px 7px;border:1px solid #d3dfeb;border-radius:999px;background:#f2f6fa;color:#6a7f92;font-size:14px!important;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
  .mobile-nav-empty{margin:18px 4px;padding:22px;text-align:center;border:1px dashed #c9dae9;border-radius:17px;color:#60788e}.mobile-nav-empty strong{display:block;color:#2a465f;font-size:15px}.mobile-nav-empty span{display:block;margin-top:5px;font-size:14px}
  .mobile-nav-footer{display:grid;gap:10px;padding:13px 18px 16px;border-top:1px solid #d8e5f0;background:rgba(246,250,254,.94)}
  .mobile-nav-user{display:flex;align-items:center;gap:10px;min-width:0}.mobile-nav-user>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:#e3effc;color:#275d9a;font-size:14px!important;font-weight:850}.mobile-nav-user div{min-width:0}.mobile-nav-user strong,.mobile-nav-access-copy strong{display:block;color:#263f57;font-size:14px!important;line-height:1.3}.mobile-nav-user small,.mobile-nav-access-copy small{display:block;margin-top:3px;color:#718598;font-size:14px!important;line-height:1.35}
  .mobile-nav-footer-actions{display:flex;gap:8px}.mobile-nav-footer-actions button{min-height:44px;flex:1 1 0;padding:9px 12px;border:1px solid #cdddea;border-radius:13px;background:#f7fbff;color:#355572;font-size:14px!important;font-weight:720}.mobile-nav-footer-actions button.primary{color:#174d8a;background:linear-gradient(180deg,#e7f1ff,#e9f8fb);border-color:#b9d3ed}

  /* Tablet page chrome: the global app bar already preserves current location.
     Let the detailed page header scroll with content and keep contextual controls
     in a single touch-scroll row instead of creating a tall sticky control wall. */
  .topbar{position:relative!important;top:auto!important;min-height:auto!important;padding:17px 20px!important;gap:12px!important;flex-wrap:wrap!important;align-items:flex-start!important}
  .top-left{flex:1 1 100%!important}.topbar h1{font-size:26px!important}.topbar p{font-size:14.5px!important;line-height:1.5!important;max-width:720px}
  .top-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%!important;gap:9px!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .top-actions::-webkit-scrollbar{display:none}
  .top-actions>*{flex:0 0 auto!important;min-width:0!important;max-width:min(310px,72vw)!important}
  .top-actions select,.top-actions input{min-height:46px!important;width:auto!important;min-width:190px!important}
  .top-actions .user-chip,.top-actions .fabric-status-chip,.top-actions .auth-signout{display:none!important}
  .view{padding:24px 20px calc(62px + env(safe-area-inset-bottom))!important}
  .view>*+*{margin-top:24px!important}

  /* Touch interactions must be comfortable on both iPad and phone. */
  .button,.text-button,button[data-go],button[data-view],summary{min-height:44px}
  input,select,textarea{font-size:16px!important}
  .goal-tabs,.project-tabs,.commercial-tabs,.semantic-tabs,.evidence-tabs,.admin-tabs,.template-tabs{
    max-width:100%;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px
  }
  .goal-tabs::-webkit-scrollbar,.project-tabs::-webkit-scrollbar,.commercial-tabs::-webkit-scrollbar,.semantic-tabs::-webkit-scrollbar,.evidence-tabs::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar,.template-tabs::-webkit-scrollbar{display:none}
  .goal-tabs button,.project-tabs button,.commercial-tab,.semantic-tabs button,.evidence-tabs button,.admin-tabs button,.template-tabs button{flex:0 0 auto!important;scroll-snap-align:start;min-height:44px!important;white-space:nowrap!important}

  /* Dense technical tables scroll inside their surface instead of forcing the page wide. */
  .table-wrap,.validity-portfolio-table,.validity-timeline-scroll,.mno-timeline-scroll,.portfolio-timeline-list,.commercial-table-wrap,.admin-table-wrap,.studio-table-wrap{max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  table.table,.admin-table,.studio-table{max-width:none}

  /* Desktop-only sticky side rails become ordinary document flow on touch layouts. */
  .goal-sidebar,.resolution-chain-list,.mno-detail-card,.project-sidebar,.studio-sidebar{position:static!important;top:auto!important}
}

@media (max-width:720px){
  :root{--header-height:64px}
  html[data-theme="light"] .global-nav-inner,.global-nav-inner{padding:0 12px!important;gap:9px!important}
  .brand{gap:8px!important}.brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}.brand>div:last-child{display:none!important}
  .mobile-page-context{padding:0 3px;text-align:left}.mobile-page-context span{font-size:14px!important}.mobile-page-context strong{font-size:14px!important}
  .mobile-menu{width:44px!important;height:44px!important;border-radius:14px!important}

  .mobile-nav-drawer{top:6px;right:6px;bottom:6px;width:calc(100vw - 12px);border-radius:24px}
  .mobile-nav-head{padding:17px 16px 12px}.mobile-nav-current{margin:12px 14px 0}.mobile-nav-search{margin:10px 14px 8px}.mobile-nav-body{padding:2px 10px 14px}.mobile-nav-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
  .mobile-nav-section-copy small,.mobile-nav-link-copy small{font-size:14px!important}.mobile-nav-link{min-height:58px}

  /* The fixed global bar already carries current location; let the page header scroll
     away on phones so controls never consume half of the viewport. */
  .topbar,html[data-theme="light"] .topbar{position:relative!important;top:auto!important;padding:16px 14px!important;gap:12px!important}
  .topbar h1{font-size:24px!important;line-height:1.14!important}.topbar p{display:none!important}.eyebrow{font-size:14px!important;margin-bottom:4px!important}
  .top-actions{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .top-actions::-webkit-scrollbar{display:none}.top-actions>*{flex:0 0 min(78vw,280px)!important}.top-actions .user-chip,.top-actions .fabric-status-chip{display:none!important}.top-actions .auth-signout{flex:0 0 auto!important;min-width:96px!important}
  .view,html[data-theme="light"] .view{padding:20px 14px calc(58px + env(safe-area-inset-bottom))!important}.view>*+*{margin-top:20px!important}

  /* Mobile page hierarchy: one intentional column unless a control is explicitly
     designed as a compact metric pair. */
  .grid-2,.grid-2.equal,.grid-3,.grid-4,.form-grid,.metric-grid,.source-grid,.frontier-grid,.passport-grid,.arch-grid,
  .goal-layout,.goal-overview-grid,.strategy-library-grid,.semantic-metric-grid,.evidence-condition-grid,.route-assurance-grid,
  .resolution-hero,.resolution-workspace,.resolution-intelligence-grid,.value-recovery-layout,.closure-hero,.closure-primary-grid,
  .validity-lab-hero,.validity-purpose-grid,.validity-scope-grid,.studio-main-grid,.source-map-grid,.business-map-grid,
  .project-portfolio-hero,.project-detail-hero,.project-main-grid,.project-summary-grid,.team-performance-grid,.performance-card-grid,
  .enterprise-hero,.gateway-hero,.assurance-hero,.assurance-layer-grid,.sector-control-grid,.sector-two-col,.editor-grid{
    grid-template-columns:1fr!important
  }
  .hero,.commercial-hero,.assurance-hero,.workspace-hero,.enterprise-hero,.gateway-hero,.compact-hero,.project-portfolio-hero,.project-detail-hero,.studio-hero,.closure-hero,.validity-lab-hero{padding:22px 18px!important;border-radius:22px!important}
  .hero h2,.commercial-hero h2,.assurance-hero h2,.workspace-hero h2,.enterprise-hero h2,.gateway-hero h2,.project-portfolio-hero h2,.project-detail-hero h2,.studio-hero h2{font-size:clamp(29px,8.5vw,36px)!important;line-height:1.06!important}
  .card,.metric,.passport,.operation-card,.connector-card,.policy-card,.frontier-item,.source-card,.arch-block,.matter-card,.onboarding-card,.workspace-card,.sector-product-card,.identity-card,.role-card,.integration-card,.api-client-card,.deployment-card,.project-card,.performance-card,.team-member-card,.strategy-card{padding:18px!important;border-radius:18px!important}
  .card-head{gap:12px!important;margin-bottom:15px!important}.card-head>*{min-width:0}
  .card-title{font-size:20px!important}.card-sub{font-size:14px!important}
  .inline-actions,.hero-actions,.value-cta-actions{gap:8px!important}

  /* Progress and metric strips keep only compact pairs where two-up remains legible. */
  .hero-stat-strip,.commercial-number-grid,.liveness-panel,.contract-summary-strip,.renewal-decision-grid,.resolution-summary-grid,.closure-metrics,.mno-metrics,.test-projection-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-stat{padding:12px!important;border:0!important;border-top:1px solid var(--line2)!important}.hero-stat strong{font-size:23px!important}
  .goal-progress{grid-template-columns:1fr!important;align-items:start!important}.goal-progress>*{min-width:0!important}

  /* Lists become stacked touch cards rather than compressed desktop rows. */
  .queue-row,.renewal-row,.sector-matter-row,.closure-queue-row,.validity-portfolio-row,.admin-audit-row,.action-ledger-row,.goal-list-item,.route-assurance-list>article,.evidence-readiness-row{grid-template-columns:1fr!important;gap:8px!important}
  .queue-row>*,.renewal-row>*,.closure-queue-row>*{grid-column:auto!important;text-align:left!important}
  .validity-portfolio-row{min-width:760px!important} /* intentional scrollable table-like row */

  /* Forms and actions are thumb-friendly. */
  .field input,.field select,.field textarea,.input,.select,.textarea{min-height:48px!important;border-radius:13px!important}
  textarea,.textarea{min-height:110px!important}
  .button{min-height:46px!important;padding:11px 15px!important}.button.small{min-height:42px!important}
  details>summary{padding-block:8px}

  /* Dialogs stay inside the phone viewport and respect the home indicator. */
  .public-info-panel,.template-modal,.modal-panel,.dialog-panel{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100dvh - 20px)!important;margin:10px!important;border-radius:22px!important;padding-bottom:env(safe-area-inset-bottom)!important}
  .toast-root{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}.toast{width:100%!important;max-width:none!important}
  .site-footer-inner{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding-left:14px!important;padding-right:14px!important}.footer-links{flex-wrap:wrap!important}
}

@media (max-width:480px){
  .mobile-nav-section-copy small{display:none}.mobile-nav-section-toggle{min-height:60px}.mobile-nav-current{padding:10px 12px}
  .hero-stat-strip,.commercial-number-grid,.liveness-panel,.contract-summary-strip,.renewal-decision-grid,.resolution-summary-grid,.closure-metrics,.mno-metrics,.test-projection-metrics{grid-template-columns:1fr!important}
  .inline-actions,.hero-actions,.value-cta-actions,.mobile-nav-footer-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.inline-actions .button,.hero-actions .button,.value-cta-actions .button{width:100%!important}
  .top-actions>*{flex-basis:82vw!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-nav-drawer,.mobile-nav-backdrop,.mobile-menu span,.mobile-nav-chevron{transition:none!important}
}

/* ========================================================================== 
   V13.5.0 — MATURE COLLAPSIBLE LEFT NAVIGATION
   Desktop/tablet: persistent primary rail + adjacent contextual secondary panel.
   Phone: existing searchable drawer. Main content always reserves navigation space,
   so neither primary nor secondary navigation obscures operational content.
   ========================================================================== */
:root{
  --sidebar-expanded:248px;
  --sidebar-collapsed:84px;
  --sidebar-width:var(--sidebar-expanded);
  --secondary-nav-width:316px;
  --sidebar-edge:#cbdceb;
  --sidebar-surface:rgba(244,249,253,.97);
  --sidebar-surface-strong:#eef6fc;
  --sidebar-hover:#e6f1fb;
  --sidebar-active:#dfeefe;
  --sidebar-active-border:#9fc8f4;
  --sidebar-text:#1f3851;
  --sidebar-muted:#61798f;
  --sidebar-icon:#2c69aa;
}
body.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)}

@media (min-width:761px){
  html,body{overflow-x:hidden}
  .app-shell{
    min-height:100vh;
    padding-top:0!important;
    padding-left:var(--sidebar-width)!important;
    transition:padding-left .22s cubic-bezier(.2,.7,.2,1);
  }
  body.nav-menu-open .app-shell{
    padding-left:calc(var(--sidebar-width) + var(--secondary-nav-width))!important;
  }
  .main{
    min-width:0;
    width:100%;
    transition:width .22s cubic-bezier(.2,.7,.2,1);
  }

  /* Primary left rail */
  .global-nav,
  html[data-theme="light"] .global-nav,
  .value-view .global-nav{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:100!important;
    width:var(--sidebar-width)!important;
    height:100dvh!important;
    border:0!important;
    border-right:1px solid var(--sidebar-edge)!important;
    border-radius:0!important;
    color:var(--sidebar-text)!important;
    background:
      radial-gradient(circle at 0 0,rgba(72,161,239,.10),transparent 35%),
      linear-gradient(180deg,rgba(248,252,255,.99),rgba(239,247,253,.985))!important;
    box-shadow:10px 0 34px rgba(55,88,120,.07)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
    overflow:visible!important;
    transition:width .22s cubic-bezier(.2,.7,.2,1)!important;
  }
  .global-nav-inner,
  html[data-theme="light"] .global-nav-inner,
  .value-view .global-nav-inner{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:18px 12px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .brand,
  html[data-theme="light"] .brand{
    width:100%!important;
    min-height:54px!important;
    padding:7px 8px!important;
    gap:11px!important;
    border-radius:16px!important;
    color:var(--sidebar-text)!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
  }
  .brand:hover{background:rgba(225,239,250,.72)!important}
  .brand-mark{flex:0 0 40px!important;width:40px!important;height:40px!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(31,110,195,.16)!important}
  .brand>div:last-child{display:block!important;min-width:0!important;overflow:hidden!important;transition:opacity .16s ease,width .2s ease!important}
  .brand strong{font-size:18px!important;color:#1c3853!important;white-space:nowrap!important}
  .brand small{font-size:14px!important;color:#698095!important;white-space:nowrap!important}

  .primary-nav,
  html[data-theme="light"] .primary-nav{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    margin:9px 0 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .primary-nav-item,
  html[data-theme="light"] .primary-nav-item{
    position:relative!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 22px!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    min-height:48px!important;
    padding:5px 9px!important;
    margin:0!important;
    gap:9px!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:transparent!important;
    color:var(--sidebar-text)!important;
    text-align:left!important;
    font-size:15px!important;
    font-weight:720!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background .15s ease,border-color .15s ease,color .15s ease!important;
  }
  .primary-nav-item::before{
    content:attr(data-short);
    width:36px;height:36px;
    display:grid;place-items:center;
    border:1px solid #cadff1;
    border-radius:11px;
    background:linear-gradient(180deg,#f4f9fd,#e8f3fb);
    color:var(--sidebar-icon);
    font-size:14px!important;
    line-height:1!important;
    font-weight:850;
    letter-spacing:.035em;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
  }
  .primary-nav-item:hover,
  html[data-theme="light"] .primary-nav-item:hover,
  .primary-nav-item[aria-expanded="true"]{
    background:var(--sidebar-hover)!important;
    border-color:#d1e2ef!important;
    color:#173653!important;
  }
  .primary-nav-item:hover::before{transform:translateY(-1px);border-color:#afd0ee}
  .primary-nav-item.section-active,
  html[data-theme="light"] .primary-nav-item.section-active{
    color:#123c67!important;
    background:linear-gradient(90deg,#e1effd,#eaf5fc)!important;
    border-color:var(--sidebar-active-border)!important;
    box-shadow:inset 3px 0 0 #4d91d6!important;
  }
  .primary-nav-item.section-active::before{
    background:linear-gradient(145deg,#d8eafd,#e8f5fc)!important;
    border-color:#9fc6ec!important;
    color:#1d5f9f!important;
  }
  .primary-nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .primary-nav-caret{display:grid!important;place-items:center!important;color:#6f8aa2!important;font-size:18px!important;transform:none!important;transition:transform .15s ease!important}
  .primary-nav-item[aria-expanded="true"] .primary-nav-caret{transform:rotate(180deg)!important}
  .mobile-auth-item{display:none!important}

  /* Collapse / expand control */
  .sidebar-collapse-toggle{
    order:5;
    width:100%;
    min-height:46px;
    margin-top:auto;
    padding:6px 10px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    align-items:center;
    gap:9px;
    border:1px solid #d3e2ef;
    border-radius:14px;
    background:rgba(248,252,255,.85);
    color:#4c667d;
    font-size:14px;
    font-weight:750;
    text-align:left;
    box-shadow:0 4px 14px rgba(65,98,128,.035);
  }
  .sidebar-collapse-toggle:hover{background:#eaf4fb;border-color:#bdd6eb;color:#274e73}
  .sidebar-collapse-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e7f1fa;color:#3d6f9f;font-size:22px;line-height:1}
  .sidebar-collapse-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .global-nav-tools{
    order:6;
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-end!important;
    gap:7px!important;
    min-width:0!important;
  }
  .global-nav-tools .nav-tool-button{
    width:100%!important;
    min-height:42px!important;
    justify-content:center!important;
    border-radius:12px!important;
    color:#3e617f!important;
    background:#eef6fc!important;
    border-color:#cfe0ed!important;
  }
  .global-nav-tools .nav-tool-button:hover{background:#e5f1fa!important;color:#214d75!important;border-color:#b8d4ea!important}
  .mobile-menu{display:none!important}
  .mobile-page-context{display:none!important}

  /* Collapsed rail — preserve hierarchy with compact lettermark tiles. */
  body.sidebar-collapsed .global-nav-inner{padding-inline:10px!important}
  body.sidebar-collapsed .brand{justify-content:center!important;padding-inline:0!important}
  body.sidebar-collapsed .brand>div:last-child{display:none!important}
  body.sidebar-collapsed .primary-nav-item{
    width:56px!important;
    min-width:56px!important;
    margin-inline:auto!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    padding:5px!important;
  }
  body.sidebar-collapsed .primary-nav-item::before{width:38px;height:38px}
  body.sidebar-collapsed .primary-nav-label,
  body.sidebar-collapsed .primary-nav-caret{display:none!important}
  body.sidebar-collapsed .sidebar-collapse-toggle{width:54px!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:1fr!important;padding:6px!important;justify-items:center!important}
  body.sidebar-collapsed .sidebar-collapse-label{display:none!important}
  body.sidebar-collapsed .global-nav-tools .nav-tool-button{width:54px!important;margin-inline:auto!important;font-size:0!important;padding-inline:0!important}
  body.sidebar-collapsed .global-nav-tools .nav-tool-button::before{content:'•••';font-size:14px;letter-spacing:.05em;color:#53728e}

  /* Contextual second-level panel. It occupies layout width rather than covering content. */
  .nav-dropdown,
  html[data-theme="light"] .nav-dropdown{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    left:var(--sidebar-width)!important;
    right:auto!important;
    z-index:96!important;
    width:var(--secondary-nav-width)!important;
    height:100dvh!important;
    max-height:none!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:0!important;
    overflow:hidden!important;
    border:0!important;
    border-right:1px solid var(--sidebar-edge)!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(247,251,254,.995),rgba(239,247,252,.99))!important;
    box-shadow:12px 0 38px rgba(53,84,114,.09)!important;
    backdrop-filter:blur(24px)!important;
    -webkit-backdrop-filter:blur(24px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateX(-12px)!important;
    transform-origin:left center!important;
    transition:opacity .16s ease,transform .2s cubic-bezier(.2,.7,.2,1),visibility .16s ease!important;
  }
  .nav-dropdown.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }
  .nav-dropdown-intro{
    position:relative!important;
    padding:24px 52px 19px 22px!important;
    border:0!important;
    border-bottom:1px solid #d9e6f0!important;
    background:rgba(249,252,255,.72)!important;
  }
  .nav-dropdown-intro>span{color:#3f77ad!important;font-size:14px!important;font-weight:850!important;letter-spacing:.10em!important}
  .nav-dropdown-intro>strong{margin-top:7px!important;color:#1e3b55!important;font-size:21px!important;line-height:1.2!important;letter-spacing:-.025em!important}
  .nav-dropdown-intro p{margin:8px 0 0!important;color:#667e94!important;font-size:14px!important;line-height:1.55!important}
  .nav-dropdown-close{
    position:absolute;
    top:18px;right:16px;
    width:34px;height:34px;
    display:grid;place-items:center;
    border:1px solid #d2e1ed;
    border-radius:11px;
    background:#f5f9fc;
    color:#5b748b;
    font-size:21px;
    line-height:1;
  }
  .nav-dropdown-close:hover{background:#eaf3fa;border-color:#bfd5e6;color:#2b567c}
  .nav-dropdown-grid,.nav-dropdown-grid-5,.menu-groups,
  html[data-theme="light"] .nav-dropdown-grid,
  html[data-theme="light"] .nav-dropdown-grid-5{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    align-content:stretch!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:13px 12px 22px!important;
    scrollbar-width:thin!important;
  }
  .nav-item,.subnav-item,
  html[data-theme="light"] .nav-item,
  html[data-theme="light"] .subnav-item{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:start!important;
    width:100%!important;
    min-height:58px!important;
    margin:0!important;
    padding:9px 10px!important;
    gap:10px!important;
    border:1px solid transparent!important;
    border-radius:13px!important;
    background:transparent!important;
    color:var(--sidebar-text)!important;
    transform:none!important;
    box-shadow:none!important;
  }
  .nav-item:hover,.subnav-item:hover{background:#e9f3fa!important;border-color:#d3e4f1!important;transform:none!important}
  .nav-item.featured:not(.active){background:transparent!important;border-color:transparent!important}
  .nav-item.active,.subnav-item.active,.nav-item[aria-current="page"],.subnav-item[aria-current="page"]{
    background:linear-gradient(90deg,#dfedfc,#eaf5fb)!important;
    border-color:#a9cdef!important;
    box-shadow:inset 3px 0 0 #4f91d3!important;
  }
  .nav-icon{
    width:36px!important;height:36px!important;flex-basis:36px!important;
    border:1px solid #c9deef!important;border-radius:10px!important;
    background:#edf6fc!important;color:#28669f!important;
    font-size:14px!important;font-weight:850!important;
  }
  .nav-item>span:last-child,.subnav-item>span:last-child{min-width:0!important}
  .nav-item strong,.subnav-item strong{color:#1f3d58!important;font-size:14.5px!important;line-height:1.3!important}
  .nav-item small,.subnav-item small{margin-top:3px!important;color:#6a8197!important;font-size:14px!important;line-height:1.42!important}
  .nav-scrim{display:none!important}
  body.nav-menu-open{overflow-x:hidden!important}
  .global-nav.menu-open .global-nav-inner>.brand,
  .global-nav.menu-open .global-nav-inner>.primary-nav,
  .global-nav.menu-open .global-nav-inner>.global-nav-tools{filter:none!important;opacity:1!important}

  /* Main page chrome aligns to the left navigation rather than a former top bar. */
  .topbar,
  html[data-theme="light"] .topbar{
    position:sticky!important;
    top:0!important;
    z-index:30!important;
    min-height:94px!important;
    padding:17px clamp(22px,3vw,42px)!important;
    background:linear-gradient(180deg,rgba(244,249,253,.97),rgba(241,247,252,.91))!important;
    border-bottom:1px solid #d6e4ee!important;
    box-shadow:0 7px 24px rgba(60,91,120,.045)!important;
  }
  .view{padding-left:clamp(22px,3vw,42px)!important;padding-right:clamp(22px,3vw,42px)!important}
  .site-footer-inner{padding-left:clamp(22px,3vw,42px)!important;padding-right:clamp(22px,3vw,42px)!important}
}

/* Tablet: default is a compact rail, with the same adjacent secondary panel.
   The user can still expand the rail using the collapse control. */
@media (min-width:761px) and (max-width:1180px){
  :root{--secondary-nav-width:292px}
  .topbar{padding-inline:22px!important}
  .view{padding-inline:22px!important}
  .nav-dropdown-intro{padding-left:18px!important}
  .nav-dropdown-grid{padding-inline:10px!important}
}

/* Phone retains one modal navigation surface. This is deliberate: a persistent
   rail on a narrow viewport would materially reduce usable workspace width. */
@media (max-width:760px){
  :root{--header-height:64px;--sidebar-width:0px;--secondary-nav-width:0px}
  .app-shell,body.nav-menu-open .app-shell{padding-left:0!important;padding-top:var(--header-height)!important}
  .global-nav,
  html[data-theme="light"] .global-nav,
  .value-view .global-nav{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:var(--header-height)!important;
    border-right:0!important;
    border-bottom:1px solid #d4e3ee!important;
    box-shadow:0 8px 26px rgba(57,87,115,.07)!important;
    overflow:visible!important;
  }
  .global-nav-inner,
  html[data-theme="light"] .global-nav-inner,
  .value-view .global-nav-inner{
    height:100%!important;
    padding:0 12px!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    overflow:visible!important;
  }
  .brand{width:auto!important;min-height:0!important;padding:0!important}
  .brand:hover{background:transparent!important}
  .brand-mark{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brand>div:last-child{display:none!important}
  .primary-nav,.sidebar-collapse-toggle{display:none!important}
  .mobile-page-context{display:block!important;min-width:0!important}
  .global-nav-tools{order:initial!important;width:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important}
  .global-nav-tools .nav-tool-button{display:none!important}
  .mobile-menu{display:block!important}
  .nav-dropdown{display:none!important}
  .topbar,html[data-theme="light"] .topbar{top:var(--header-height)!important}
}

@media (prefers-reduced-motion:reduce){
  .app-shell,.global-nav,.nav-dropdown,.primary-nav-item,.sidebar-collapse-toggle{transition:none!important}
}
/* V13.5.0 — MATURE COLLAPSIBLE LEFT NAVIGATION */

/* ========================================================================== 
   V13.6.1 — LEFT NAVIGATION HARDENING
   Fixes tablet/desktop rail overflow, secondary-panel containment and compact
   navigation behaviour.  The rail is application chrome, not page content:
   controls never spill into the workspace and the contextual panel always
   receives its own reserved layout width.
   ========================================================================== */
:root{
  --sidebar-expanded:276px;
  --sidebar-collapsed:72px;
  --secondary-nav-width:324px;
}

/* Proxy controls are used by the mobile/PWA event layer only. They must never
   enter the visual primary navigation, regardless of legacy media rules. */
.navigation-action-proxies,
.navigation-action-proxy,
html[data-theme="light"] .navigation-action-proxy{
  display:none!important;
}

@media (min-width:761px){
  /* Stable fixed rail. Avoid filter/backdrop containing blocks around the
     contextual panel; an opaque shell is visually cleaner and more robust. */
  .global-nav,
  html[data-theme="light"] .global-nav,
  .value-view .global-nav{
    overflow:visible!important;
    background:linear-gradient(180deg,#f6fbff 0%,#edf6fc 100%)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:8px 0 28px rgba(55,88,120,.065)!important;
  }
  .global-nav-inner,
  html[data-theme="light"] .global-nav-inner,
  .value-view .global-nav-inner{
    position:relative!important;
    overflow:visible!important;
    padding:16px 12px 14px!important;
    gap:8px!important;
  }

  /* Brand copy is allowed to wrap instead of being clipped. */
  .brand,
  html[data-theme="light"] .brand{
    min-height:62px!important;
    padding:7px 8px!important;
    gap:11px!important;
    overflow:visible!important;
  }
  .brand-mark{flex:0 0 42px!important;width:42px!important;height:42px!important}
  .brand>div:last-child,
  html[data-theme="light"] .brand>div:last-child{
    display:block!important;
    min-width:0!important;
    width:auto!important;
    overflow:visible!important;
  }
  .brand strong{font-size:17px!important;line-height:1.18!important;white-space:nowrap!important}
  .brand small,
  html[data-theme="light"] .brand small{
    display:block!important;
    max-width:190px!important;
    margin-top:3px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:14px!important;
    line-height:1.28!important;
  }

  /* Navigation gets the available vertical space and scrolls internally on
     short laptop/tablet heights. Footer controls therefore never collide. */
  .primary-nav,
  html[data-theme="light"] .primary-nav{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:8px 0 0!important;
    padding:0 2px 2px 0!important;
    overflow-x:visible!important;
    overflow-y:auto!important;
    scrollbar-width:thin!important;
    overscroll-behavior:contain!important;
  }
  .primary-nav-item,
  html[data-theme="light"] .primary-nav-item{
    flex:0 0 auto!important;
    min-height:47px!important;
    grid-template-columns:36px minmax(0,1fr) 20px!important;
    padding:5px 8px!important;
    gap:9px!important;
    border-radius:12px!important;
  }
  .primary-nav-item::before{width:34px!important;height:34px!important;border-radius:10px!important}

  /* Any historical auth/install proxy that happens to retain primary-nav-item
     classes stays invisible. Specificity intentionally exceeds the light-theme
     primary-nav display rule from older releases. */
  .primary-nav .mobile-auth-item,
  html[data-theme="light"] .primary-nav .mobile-auth-item{
    display:none!important;
  }

  /* Icon-only collapse control. It sits on the rail edge and never consumes a
     row or exposes a redundant "Collapse sidebar" label. */
  .sidebar-collapse-toggle,
  html[data-theme="light"] .sidebar-collapse-toggle{
    position:absolute!important;
    z-index:8!important;
    top:71px!important;
    right:-16px!important;
    order:initial!important;
    width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    grid-template-columns:1fr!important;
    border:1px solid #c8dceb!important;
    border-radius:10px!important;
    background:#f8fcff!important;
    color:#416884!important;
    box-shadow:0 7px 18px rgba(53,84,114,.12)!important;
    transition:background .15s ease,border-color .15s ease,color .15s ease,transform .18s ease!important;
  }
  .sidebar-collapse-toggle:hover{background:#eaf4fb!important;border-color:#a9cbe4!important;color:#1f547e!important;transform:translateY(-1px)!important}
  .sidebar-collapse-icon{
    width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;
    border:0!important;border-radius:9px!important;
    background:transparent!important;color:inherit!important;
    line-height:1!important;
    transition:transform .2s ease!important;
  }
  .sidebar-collapse-icon svg{display:block!important;width:18px!important;height:18px!important}
  body.sidebar-collapsed .sidebar-collapse-icon{transform:rotate(180deg)!important}
  .sidebar-collapse-label{display:none!important}

  /* Footer utilities: proper icon+label controls in expanded mode. */
  .global-nav-tools{
    flex:0 0 auto!important;
    order:6!important;
    width:100%!important;
    margin-top:2px!important;
    gap:6px!important;
  }
  .global-nav-tools .nav-tool-button{
    width:100%!important;
    min-height:40px!important;
    padding:7px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:9px!important;
    border-radius:11px!important;
    font-size:14px!important;
    line-height:1.2!important;
    overflow:hidden!important;
  }
  .nav-tool-icon{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#e5f1fa;color:#326a98}
  .nav-tool-icon svg{display:block}
  .nav-tool-label{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* Compact rail: one clean active tile, no nested borders, no leaking text. */
  body.sidebar-collapsed .global-nav-inner{padding:16px 9px 14px!important}
  body.sidebar-collapsed .brand{width:54px!important;min-height:54px!important;margin:0 auto!important;padding:6px!important;justify-content:center!important}
  body.sidebar-collapsed .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}
  body.sidebar-collapsed .brand>div:last-child{display:none!important}
  body.sidebar-collapsed .primary-nav{padding-right:0!important;overflow-x:hidden!important}
  body.sidebar-collapsed .primary-nav-item,
  html[data-theme="light"] body.sidebar-collapsed .primary-nav-item{
    width:48px!important;min-width:48px!important;min-height:48px!important;
    margin-inline:auto!important;padding:4px!important;gap:0!important;
    grid-template-columns:1fr!important;justify-items:center!important;
    border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  body.sidebar-collapsed .primary-nav-item::before{width:40px!important;height:40px!important;border-radius:11px!important}
  body.sidebar-collapsed .primary-nav-item.section-active,
  html[data-theme="light"] body.sidebar-collapsed .primary-nav-item.section-active{
    border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  body.sidebar-collapsed .primary-nav-item.section-active::before{
    background:#dcecff!important;border-color:#93bfe9!important;color:#155b99!important;
    box-shadow:0 3px 10px rgba(64,125,184,.10)!important;
  }
  body.sidebar-collapsed .primary-nav-item.section-active::after{
    content:'';position:absolute;left:-9px;top:14px;width:3px;height:20px;border-radius:0 4px 4px 0;background:#4c91d5;
  }
  body.sidebar-collapsed .primary-nav-label,
  body.sidebar-collapsed .primary-nav-caret{display:none!important}
  body.sidebar-collapsed .global-nav-tools{align-items:center!important}
  body.sidebar-collapsed .global-nav-tools .nav-tool-button{
    width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;
    margin-inline:auto!important;padding:7px!important;justify-content:center!important;font-size:14px!important;
  }
  body.sidebar-collapsed .global-nav-tools .nav-tool-label{display:none!important}
  body.sidebar-collapsed .global-nav-tools .nav-tool-button::before{content:none!important}
  body.sidebar-collapsed .nav-tool-icon{flex-basis:28px!important}

  /* Secondary navigation is positioned relative to the fixed rail itself.
     This removes the fragile viewport-left calculation that could leave the
     panel behind the rail or outside the visible tablet area. */
  .nav-dropdown,
  html[data-theme="light"] .nav-dropdown{
    position:absolute!important;
    top:0!important;
    bottom:auto!important;
    left:100%!important;
    right:auto!important;
    z-index:6!important;
    width:var(--secondary-nav-width)!important;
    height:100dvh!important;
    min-height:100%!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    border-right:1px solid #cbddea!important;
    background:linear-gradient(180deg,#f9fcff 0%,#eef6fc 100%)!important;
    box-shadow:14px 0 32px rgba(51,83,113,.09)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .nav-dropdown.open{display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(0)!important}
  .nav-dropdown-intro{padding:22px 52px 17px 20px!important;background:#f8fcff!important}
  .nav-dropdown-grid,.nav-dropdown-grid-5,.menu-groups,
  html[data-theme="light"] .nav-dropdown-grid,
  html[data-theme="light"] .nav-dropdown-grid-5{
    min-height:0!important;height:auto!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    padding:12px 11px 20px!important;gap:4px!important;
  }
  .nav-item,.subnav-item,
  html[data-theme="light"] .nav-item,
  html[data-theme="light"] .subnav-item{
    min-height:60px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:9px!important;gap:9px!important;border-radius:12px!important;
  }
  .nav-item strong,.subnav-item strong{font-size:14.5px!important;line-height:1.3!important}
  .nav-item small,.subnav-item small{font-size:14px!important;line-height:1.38!important}

  /* The workspace always reserves both navigation widths while a contextual
     panel is open. No page content is covered by the secondary menu. */
  body.nav-menu-open .app-shell{
    padding-left:calc(var(--sidebar-width) + var(--secondary-nav-width))!important;
  }
}

/* Medium tablet/laptop: opening a secondary panel temporarily compacts the
   primary rail. This leaves a practical content width without overlaying it.
   Closing the panel restores the user's saved rail preference. */
@media (min-width:761px) and (max-width:1180px){
  :root{--secondary-nav-width:300px}
  body.nav-menu-open{--sidebar-width:var(--sidebar-collapsed)}
  body.nav-menu-open .brand{width:54px!important;min-height:54px!important;margin-inline:auto!important;padding:6px!important;justify-content:center!important}
  body.nav-menu-open .brand>div:last-child{display:none!important}
  body.nav-menu-open .primary-nav{padding-right:0!important;overflow-x:hidden!important}
  body.nav-menu-open .primary-nav-item,
  html[data-theme="light"] body.nav-menu-open .primary-nav-item{
    width:48px!important;min-width:48px!important;min-height:48px!important;margin-inline:auto!important;
    grid-template-columns:1fr!important;justify-items:center!important;padding:4px!important;gap:0!important;
    border-color:transparent!important;background:transparent!important;box-shadow:none!important;
  }
  body.nav-menu-open .primary-nav-item::before{width:40px!important;height:40px!important}
  body.nav-menu-open .primary-nav-item.section-active::before{background:#dcecff!important;border-color:#93bfe9!important;color:#155b99!important}
  body.nav-menu-open .primary-nav-label,
  body.nav-menu-open .primary-nav-caret{display:none!important}
  body.nav-menu-open .global-nav-tools .nav-tool-label{display:none!important}
  body.nav-menu-open .global-nav-tools .nav-tool-button{width:44px!important;min-width:44px!important;height:44px!important;margin-inline:auto!important;padding:7px!important;justify-content:center!important}
  body.nav-menu-open .sidebar-collapse-toggle{opacity:0!important;pointer-events:none!important}
}

/* Phone continues to use the dedicated searchable drawer. */
@media (max-width:760px){
  .navigation-action-proxies,.navigation-action-proxy{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .sidebar-collapse-icon,.sidebar-collapse-toggle{transition:none!important}
}

@media (min-width:761px){
  /* Light-theme V13.5 base selector has higher specificity than .open alone;
     explicitly override it so contextual navigation can never remain invisible. */
  html[data-theme="light"] .nav-dropdown.open,
  .value-view .nav-dropdown.open,
  .global-nav .nav-dropdown.open{
    display:grid!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateX(0)!important;
  }
}


/* ==========================================================================
   V13.6.1 — PRIMARY NAV EXPANDED-STATE REGRESSION FIX
   Expanded state rotates only the disclosure caret. The section label must
   remain upright in every rail state and at every responsive breakpoint.
   ========================================================================== */
@media (min-width:761px){
  .primary-nav-item .primary-nav-label,
  html[data-theme="light"] .primary-nav-item .primary-nav-label,
  .primary-nav-item[aria-expanded="true"] .primary-nav-label,
  html[data-theme="light"] .primary-nav-item[aria-expanded="true"] .primary-nav-label{
    transform:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    direction:ltr!important;
  }
  .primary-nav-item .primary-nav-caret{
    transform:none!important;
    transform-origin:center!important;
  }
  .primary-nav-item[aria-expanded="true"] .primary-nav-caret{
    transform:rotate(180deg)!important;
  }
}


/* ========================================================================== 
   V13.7.1 — RESPONSIVE NAVIGATION + MOBILE SURFACE HARDENING
   Mobile navigation is a viewport-level application layer (not a descendant
   of the fixed header), mobile page chrome has one clear vertical rhythm, and
   primary navigation labels can never inherit disclosure-caret rotation.
   ========================================================================== */

/* The section label is content, never an animation target. This override is
   intentionally global and later than every historical navigation rule. */
.primary-nav-item > .primary-nav-label,
.primary-nav-item[aria-expanded="true"] > .primary-nav-label,
html[data-theme="light"] .primary-nav-item > .primary-nav-label,
html[data-theme="light"] .primary-nav-item[aria-expanded="true"] > .primary-nav-label{
  transform:none!important;
  rotate:none!important;
  scale:none!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  direction:ltr!important;
}
.primary-nav-item > .primary-nav-caret{
  transform:none!important;
  rotate:none!important;
  transform-origin:center!important;
}
.primary-nav-item[aria-expanded="true"] > .primary-nav-caret{
  transform:rotate(180deg)!important;
}

@media (max-width:760px){
  :root{--header-height:64px!important;--sidebar-width:0px!important;--secondary-nav-width:0px!important}
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body.mobile-navigation-open{overflow:hidden!important;touch-action:none!important}

  /* Header: one compact application bar. Removing backdrop-filter also avoids
     creating a containing block for any fixed descendants in older browsers. */
  .global-nav,
  html[data-theme="light"] .global-nav,
  .value-view .global-nav{
    position:fixed!important;
    inset:0 0 auto 0!important;
    width:100%!important;
    height:var(--header-height)!important;
    min-height:var(--header-height)!important;
    overflow:visible!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:linear-gradient(90deg,rgba(245,250,254,.985),rgba(239,247,253,.985))!important;
    border:0!important;
    border-bottom:1px solid #d5e4ef!important;
    box-shadow:0 7px 24px rgba(48,81,112,.07)!important;
  }
  .global-nav-inner,
  html[data-theme="light"] .global-nav-inner,
  .value-view .global-nav-inner{
    width:100%!important;height:100%!important;min-height:0!important;
    padding:0 14px!important;margin:0!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;gap:10px!important;overflow:visible!important;
  }
  .brand{width:auto!important;min-height:0!important;padding:0!important;gap:0!important;background:transparent!important}
  .brand-mark{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
  .brand>div:last-child{display:none!important}
  .primary-nav,.sidebar-collapse-toggle,.nav-dropdown,.nav-scrim{display:none!important}
  .global-nav-tools{width:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:0!important}
  .global-nav-tools>.nav-tool-button{display:none!important}
  .mobile-menu{display:grid!important;width:44px!important;height:44px!important;place-content:center!important;padding:10px!important;border-radius:14px!important}

  /* Current location is intentionally one line in app chrome; the full section
     hierarchy belongs to the page header below. */
  .mobile-page-context{display:block!important;min-width:0!important;text-align:left!important;padding:0 4px!important}
  .mobile-page-context>span{display:none!important}
  .mobile-page-context>strong{display:block!important;margin:0!important;color:#26445f!important;font-size:15px!important;line-height:1.2!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Page flow: the fixed application bar consumes exactly one header height.
     The page header participates in normal flow; there is no sticky offset or
     empty spacer between the app bar, page header and content. */
  .app-shell,body.nav-menu-open .app-shell{padding:var(--header-height) 0 0!important;min-height:100dvh!important}
  .main{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .topbar,
  html[data-theme="light"] .topbar,
  .value-view .topbar{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    min-height:0!important;height:auto!important;margin:0!important;
    padding:22px 18px 18px!important;
    background:linear-gradient(180deg,#f6faff 0%,#f1f7fd 100%)!important;
    border:0!important;border-bottom:1px solid #d8e5ef!important;
    box-shadow:none!important;
  }
  .topbar .top-left{width:100%!important;min-width:0!important}
  .topbar .eyebrow{margin:0 0 6px!important;font-size:14px!important;line-height:1.25!important}
  .topbar h1{margin:0!important;font-size:28px!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .topbar p{display:none!important}
  .value-view .view,
  .view,
  html[data-theme="light"] .view{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:20px 14px calc(64px + env(safe-area-inset-bottom))!important;
  }
  .value-view .view{padding-top:22px!important}
  .value-page{--value-gap:20px!important}
  .value-page>.value-hero:first-child,.value-page>*:first-child{margin-top:0!important}
  .value-page-v13 .value-hero-v13{margin-top:0!important}

  /* Viewport-level drawer. It now lives next to the header in the DOM, so it
     cannot be clipped by header height, overflow, filter or backdrop contexts. */
  .mobile-nav-layer{
    display:block!important;position:fixed!important;inset:0!important;
    width:100vw!important;height:100dvh!important;z-index:5000!important;
    pointer-events:none!important;visibility:hidden!important;overflow:hidden!important;
  }
  .mobile-nav-layer.open{pointer-events:auto!important;visibility:visible!important}
  .mobile-nav-backdrop{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    background:rgba(43,72,101,.30)!important;border:0!important;opacity:0!important;
    backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;
  }
  .mobile-nav-layer.open .mobile-nav-backdrop{opacity:1!important}
  .mobile-nav-drawer{
    position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(430px,94vw)!important;height:100dvh!important;max-height:100dvh!important;
    min-height:0!important;margin:0!important;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)!important;
    display:grid!important;grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    overflow:hidden!important;border:0!important;border-left:1px solid #c9dcea!important;
    border-radius:24px 0 0 24px!important;
    background:linear-gradient(180deg,#f9fcff 0%,#eef6fc 100%)!important;
    box-shadow:-24px 0 70px rgba(35,68,99,.22)!important;
    transform:translateX(104%)!important;
  }
  .mobile-nav-layer.open .mobile-nav-drawer{transform:translateX(0)!important}
  .mobile-nav-head{min-height:76px!important;padding:14px 16px!important;border-bottom:1px solid #d8e6f0!important;background:rgba(249,252,255,.96)!important}
  .mobile-nav-brand img{width:42px!important;height:42px!important;flex-basis:42px!important}
  .mobile-nav-brand span{font-size:14px!important}
  .mobile-nav-brand strong{font-size:17px!important}
  .mobile-nav-close{width:44px!important;height:44px!important;border-radius:14px!important}
  .mobile-nav-current{margin:12px 14px 0!important;padding:10px 12px!important;border-radius:14px!important}
  .mobile-nav-current span{font-size:14px!important}.mobile-nav-current strong{font-size:15px!important}
  .mobile-nav-search{margin:10px 14px 8px!important}
  .mobile-nav-search input{height:46px!important;font-size:16px!important}
  .mobile-nav-body{display:block!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 10px 16px!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
  .mobile-nav-section{margin-top:8px!important;border-radius:16px!important}
  .mobile-nav-section-toggle{min-height:60px!important;padding:10px 11px!important}
  .mobile-nav-link{min-height:56px!important;padding:9px 10px!important}
  .mobile-nav-footer{display:grid!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;background:#f7fbfe!important}
}

@media (max-width:480px){
  .mobile-nav-drawer{width:100vw!important;border-left:0!important;border-radius:0!important}
  .topbar,html[data-theme="light"] .topbar,.value-view .topbar{padding:20px 16px 16px!important}
  .view,html[data-theme="light"] .view,.value-view .view{padding-left:12px!important;padding-right:12px!important}
  .value-view .view{padding-top:18px!important}
  .value-page-v13 .value-hero-v13,.value-hero,.value-section,.value-ip{border-radius:18px!important}
}

/* ================================================================
   V13.7.1 — MOBILE NAVIGATION CONTRAST HARDENING
   Keep the Ice Blue visual language, but never use low-contrast text
   for navigation labels, page names, descriptions or account state.
   ================================================================ */
@media (max-width:760px){
  .mobile-nav-drawer{
    --mobile-nav-ink:#17324b;
    --mobile-nav-ink-2:#3a5873;
    --mobile-nav-accent:#245eae;
    --mobile-nav-arrow:#466782;
  }

  /* Never inherit muted/disabled opacity from generic button styles. */
  .mobile-nav-home,
  .mobile-nav-section-toggle,
  .mobile-nav-link,
  .mobile-nav-home *,
  .mobile-nav-section-toggle *,
  .mobile-nav-link *{
    opacity:1!important;
  }

  .mobile-nav-brand span{color:#496985!important}
  .mobile-nav-brand strong{color:var(--mobile-nav-ink)!important;font-weight:800!important}

  .mobile-nav-current span{color:#2a5c92!important;font-weight:850!important}
  .mobile-nav-current strong{color:#173a5b!important;font-weight:800!important}

  .mobile-nav-search>span{color:#31516d!important;font-weight:800!important}
  .mobile-nav-search input{color:#17324b!important}
  .mobile-nav-search input::placeholder{color:#667d91!important;opacity:1!important}

  .mobile-nav-home strong,
  .mobile-nav-section-copy strong,
  .mobile-nav-link-copy strong,
  .mobile-nav-user strong,
  .mobile-nav-access-copy strong{
    color:var(--mobile-nav-ink)!important;
    font-weight:790!important;
  }

  .mobile-nav-home small,
  .mobile-nav-section-copy small,
  .mobile-nav-link-copy small,
  .mobile-nav-user small,
  .mobile-nav-access-copy small{
    color:var(--mobile-nav-ink-2)!important;
    opacity:1!important;
    font-weight:560!important;
  }

  .mobile-nav-home.active strong,
  .mobile-nav-link.active strong,
  .mobile-nav-section.current>.mobile-nav-section-toggle .mobile-nav-section-copy strong{
    color:#124f91!important;
  }

  .mobile-nav-home-icon,
  .mobile-nav-section-icon,
  .mobile-nav-link-icon{color:#2b5f91!important}
  .mobile-nav-section.current .mobile-nav-section-icon,
  .mobile-nav-link.active .mobile-nav-link-icon{color:#174f94!important}

  .mobile-nav-arrow,
  .mobile-nav-chevron{color:var(--mobile-nav-arrow)!important;opacity:1!important}

  .mobile-nav-protected{
    color:#31516d!important;
    background:#eef4fa!important;
    border-color:#c9d9e7!important;
  }

  .mobile-nav-footer-actions button{color:#274863!important}
  .mobile-nav-footer-actions button.primary{color:#124f91!important}
}

/* ================================================================
   V14.0.0 — CLIENT PILOT SHOWCASE
   Complete small-business, mid-market and enterprise demo packs.
   ================================================================ */
.pilot-showcase{display:grid;gap:22px;padding-bottom:34px}
.pilot-selector,.pilot-hero,.pilot-section,.pilot-file-intro,.pilot-file-preview,.pilot-file-empty,.pilot-roi-hero{background:linear-gradient(145deg,rgba(248,252,255,.98),rgba(239,247,255,.94));border:1px solid rgba(111,165,217,.28);border-radius:26px;box-shadow:0 18px 46px rgba(43,95,143,.08)}
.pilot-selector{padding:24px;display:grid;gap:20px}
.pilot-selector-copy h2,.pilot-hero h2{margin:7px 0 8px;color:#17324d;font-size:clamp(24px,2.5vw,38px);line-height:1.08;letter-spacing:-.02em}
.pilot-selector-copy p,.pilot-hero p{margin:0;color:#526d87;font-size:15.5px;line-height:1.6;max-width:920px}
.pilot-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pilot-selector-card{appearance:none;border:1px solid rgba(99,158,216,.28);background:rgba(247,252,255,.9);border-radius:20px;padding:18px;text-align:left;display:grid;gap:8px;min-height:154px;color:#17324d;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.pilot-selector-card:hover{transform:translateY(-2px);border-color:rgba(47,127,207,.55);box-shadow:0 14px 30px rgba(43,95,143,.09)}
.pilot-selector-card.active{background:linear-gradient(145deg,#e7f4ff,#eff7ff);border-color:#69aef0;box-shadow:inset 4px 0 0 #3189dc,0 16px 32px rgba(43,95,143,.09)}
.pilot-selector-card>span{font-size:14px;font-weight:800;letter-spacing:.08em;color:#39729f}
.pilot-selector-card>strong{font-size:18px;line-height:1.25;color:#17324d}
.pilot-selector-card>small{font-size:14.5px;line-height:1.45;color:#617b94}
.pilot-selector-card>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.pilot-selector-card b{font-size:14px;font-weight:700;color:#35688f;background:#e7f3fc;border:1px solid rgba(93,153,207,.22);border-radius:999px;padding:6px 9px}
.pilot-hero{padding:26px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:24px;align-items:stretch}
.pilot-hero aside{border-radius:20px;padding:20px;background:linear-gradient(145deg,#e7f4ff,#f4f9ff);border:1px solid rgba(82,150,213,.26);display:flex;flex-direction:column;gap:9px;justify-content:center}
.pilot-hero aside>span{font-size:14px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#39729f}
.pilot-hero aside>strong{font-size:20px;line-height:1.35;color:#18344f}
.pilot-hero aside>small{font-size:14.5px;line-height:1.45;color:#5f7891}
.pilot-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pilot-chip-row span{font-size:14px;color:#345f83;border:1px solid rgba(88,151,208,.24);background:#f4faff;border-radius:999px;padding:7px 10px}
.pilot-tabs{display:flex;gap:8px;overflow:auto;padding:4px 2px;scrollbar-width:none}
.pilot-tabs::-webkit-scrollbar{display:none}
.pilot-tab{white-space:nowrap;border:1px solid rgba(93,151,206,.24);background:#f5faff;color:#4d6e8c;border-radius:999px;padding:10px 16px;font-size:14.5px;font-weight:750;cursor:pointer}
.pilot-tab.active{background:#dff0ff;color:#1d5f99;border-color:#74b1e8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)}
.pilot-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;overflow:auto}
.pilot-progress-step{border:1px solid rgba(92,153,208,.22);background:#f6faff;border-radius:18px;padding:13px;text-align:left;display:grid;gap:7px;min-width:150px;color:#55748f;cursor:pointer}
.pilot-progress-step span{font-size:14px;font-weight:800;color:#5d83a5}
.pilot-progress-step strong{font-size:14.5px;line-height:1.35;color:#365c7d}
.pilot-progress-step.active{background:#e3f2ff;border-color:#69aef0;box-shadow:inset 4px 0 0 #3189dc}
.pilot-progress-step.complete{background:#eef9f6;border-color:rgba(83,169,142,.35)}
.pilot-live-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:18px}
.pilot-control-card,.pilot-route-card{background:#f8fcff;border:1px solid rgba(92,153,208,.25);border-radius:24px;padding:22px}
.pilot-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.pilot-live-head h3,.pilot-route-card h3,.pilot-section h3,.pilot-file-intro h3,.pilot-file-preview h3,.pilot-roi-hero h3{margin:5px 0 0;font-size:22px;line-height:1.2;color:#17324d}
.pilot-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:999px;padding:5px 10px;font-size:14px;font-weight:800;white-space:nowrap}
.pilot-status.good{background:#e7f7f1;color:#24684f;border:1px solid #b8dfd1}.pilot-status.warn{background:#fff6df;color:#81601f;border:1px solid #ead7a1}.pilot-status.danger{background:#fff0ed;color:#954c3e;border:1px solid #ecc5bc}.pilot-status.neutral{background:#eef4f8;color:#536d83;border:1px solid #cedee9}
.pilot-readiness{display:grid;gap:7px;margin:20px 0 14px}.pilot-readiness span{font-size:14.5px;color:#5b758e}.pilot-readiness span b{font-size:22px;color:#1c5f98;margin-right:5px}.pilot-readiness>div{height:10px;border-radius:999px;background:#dfeaf3;overflow:hidden}.pilot-readiness i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5ba9ea,#2f84d0)}
.pilot-live-message{font-size:15.5px;line-height:1.6;color:#4f6b84;margin:12px 0 16px}
.pilot-next{display:grid;gap:5px;border-radius:16px;background:#eef7ff;border:1px solid rgba(89,150,209,.2);padding:14px}.pilot-next span,.pilot-missing>span{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#66839d}.pilot-next strong{font-size:16px;line-height:1.4;color:#234967}
.pilot-missing{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}.pilot-missing b{font-size:14px;color:#8e4a3f;background:#fff1ed;border:1px solid #ecc7bf;border-radius:999px;padding:7px 9px}.pilot-ready-note{margin-top:12px;border-radius:14px;background:#ebf8f4;border:1px solid #bfe1d5;color:#2f725b;padding:12px 14px;font-size:14.5px;font-weight:700}
.pilot-scenario-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.pilot-route-list{display:grid;gap:8px;margin-top:15px}.pilot-route-row{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;border:1px solid rgba(94,151,204,.2);background:#f4f9fd;border-radius:14px;padding:11px}.pilot-route-row>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e0effb;color:#2d6ea6;font-size:14px;font-weight:800}.pilot-route-row strong{display:block;font-size:14.5px;color:#274c6a}.pilot-route-row small{display:block;margin-top:3px;font-size:14px;color:#71889d}
.pilot-section{padding:22px}.pilot-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.pilot-section-head>span{font-size:14px;color:#647f97;background:#edf5fb;border-radius:999px;padding:7px 10px}
.pilot-evidence-list{display:grid;gap:9px}.pilot-evidence-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border:1px solid rgba(95,153,207,.2);background:#f8fcff;border-radius:16px;padding:15px}.pilot-evidence-row strong{display:block;font-size:15px;color:#234967}.pilot-evidence-row span{display:block;margin-top:4px;font-size:14px;color:#63819b}.pilot-evidence-row p{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:#56718a}
.pilot-goal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pilot-goal-card{border:1px solid rgba(95,153,207,.22);background:#f5faff;border-radius:18px;padding:16px;display:grid;gap:8px}.pilot-goal-card>span{font-size:14px;font-weight:800;color:#5581a6}.pilot-goal-card>strong{font-size:16px;line-height:1.4;color:#234967}.pilot-goal-card>div{display:flex;align-items:center;gap:9px;color:#6b8499}.pilot-goal-card>div b{font-size:18px;color:#24699f}.pilot-goal-card small{font-size:14px;color:#6b8398}
.pilot-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pilot-metric-card{border:1px solid rgba(95,153,207,.22);background:#f8fcff;border-radius:18px;padding:15px;min-height:180px}.pilot-metric-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.pilot-metric-head strong{font-size:15px;color:#244a68}.pilot-metric-value{font-size:28px;font-weight:800;color:#1d6099;margin-top:15px}.pilot-metric-value span{font-size:14px;font-weight:700;color:#688198}.pilot-metric-target{font-size:14px;color:#58748d;margin-top:4px}.pilot-metric-card p{font-size:14.5px;line-height:1.45;color:#5b768f;margin:12px 0 0}
.pilot-model-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.pilot-strategy-list,.pilot-simple-list{display:grid;gap:9px;margin-top:15px}.pilot-strategy-card{border:1px solid rgba(95,153,207,.2);background:#f6fbff;border-radius:16px;padding:14px}.pilot-strategy-card>div{display:flex;gap:8px;align-items:center}.pilot-strategy-card span{font-size:14px;color:#4b7aa2;font-weight:800}.pilot-strategy-card strong{font-size:15px;color:#234967}.pilot-strategy-card>b{display:inline-block;margin-top:9px;font-size:14px;color:#25689d}.pilot-strategy-card p{margin:6px 0 0;font-size:14.5px;color:#5a748d;line-height:1.45}.pilot-simple-list>div{border:1px solid rgba(95,153,207,.18);background:#f7fbff;border-radius:13px;padding:11px 12px;color:#4b6a84;font-size:14.5px}.pilot-space-top{margin-top:22px}
.pilot-file-intro{padding:21px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.pilot-file-intro p{max-width:820px;color:#5d7790;line-height:1.55;font-size:14.5px}.pilot-file-intro>div:last-child{display:grid;gap:4px;text-align:right}.pilot-file-intro>div:last-child strong{font-size:15px;color:#234967}.pilot-file-intro>div:last-child span{font-size:14px;color:#71889d}.pilot-files-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}.pilot-file-group{background:#f8fcff;border:1px solid rgba(95,153,207,.22);border-radius:19px;overflow:hidden;margin-bottom:10px}.pilot-file-group-head{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:#edf6fd;border-bottom:1px solid rgba(95,153,207,.18)}.pilot-file-group-head strong{font-size:14.5px;color:#315f83}.pilot-file-group-head span{font-size:14px;color:#6b8398}.pilot-file-row{width:100%;border:0;border-bottom:1px solid rgba(95,153,207,.13);background:transparent;padding:12px 14px;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;color:#315f83;cursor:pointer}.pilot-file-row:last-child{border-bottom:0}.pilot-file-row:hover,.pilot-file-row.active{background:#edf7ff}.pilot-file-type{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e2f0fb;color:#2d6fa8;font-size:14px;font-weight:800}.pilot-file-row strong{display:block;font-size:14.5px;color:#274d6b}.pilot-file-row small{display:block;font-size:14px;color:#71889c;margin-top:2px}.pilot-file-row i{font-size:14px;font-style:normal;color:#2e72a8;font-weight:750}.pilot-file-preview,.pilot-file-empty{padding:21px;position:sticky;top:18px}.pilot-file-preview-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.pilot-file-preview-head span{font-size:14px;color:#6b8398}.pilot-file-preview pre{margin:16px 0 0;border-radius:16px;background:#edf5fb;border:1px solid rgba(95,153,207,.18);padding:16px;white-space:pre-wrap;word-break:break-word;max-height:640px;overflow:auto;font-size:14px;line-height:1.5;color:#2c4f6b}.pilot-file-empty{min-height:210px;display:grid;place-content:center;text-align:center;gap:6px;color:#607d95}.pilot-file-empty strong{font-size:18px;color:#2e5574}.pilot-file-empty span{font-size:14.5px}
.pilot-roi-hero{padding:25px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.pilot-roi-hero p{font-size:15px;line-height:1.55;color:#5d7790}.pilot-roi-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pilot-roi-cards article{border:1px solid rgba(95,153,207,.2);background:#f7fbff;border-radius:17px;padding:15px;display:grid;gap:7px}.pilot-roi-cards span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#66839d}.pilot-roi-cards strong{font-size:15px;line-height:1.45;color:#234967}.pilot-close-list{display:grid;gap:9px;margin-top:15px}.pilot-close-list>div{display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:start;border:1px solid rgba(95,153,207,.18);background:#f7fbff;border-radius:14px;padding:12px}.pilot-close-list span{font-size:14px;font-weight:800;color:#3375ab}.pilot-close-list p{margin:0;font-size:14.5px;line-height:1.5;color:#4d6b84}.pilot-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.pilot-proof-grid>div{border:1px solid rgba(95,153,207,.18);background:#f5faff;border-radius:14px;padding:12px;font-size:14.5px;color:#456883;font-weight:650}


/* V13.9 guided client-demo hardening */
.pilot-hero-v2{grid-template-columns:1fr;gap:20px}
.pilot-objective-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:2px}
.pilot-objective-card{border:1px solid rgba(82,150,213,.26);border-radius:20px;padding:19px;background:linear-gradient(145deg,#eef7ff,#f9fcff);min-height:176px;display:flex;flex-direction:column;justify-content:center}
.pilot-objective-card.decision{background:linear-gradient(145deg,#e7f4ff,#f4f9ff)}
.pilot-objective-card h3{margin:7px 0 10px;color:#17324d;font-size:20px;line-height:1.35}
.pilot-objective-card p{margin:0 0 9px;color:#4f6b84;font-size:15px;line-height:1.55}
.pilot-objective-card small{margin-top:auto;color:#607b93;font-size:14px;line-height:1.45}
.pilot-objective-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pilot-goal-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#5d7891;font-size:14.5px;margin-bottom:9px}
.pilot-goal-line b{color:#1d6099;font-size:18px;margin-left:4px}.pilot-goal-line i{font-style:normal;color:#7d9ab3}
.pilot-presenter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(77,145,208,.28);border-radius:18px;padding:13px 15px;background:linear-gradient(145deg,#edf7ff,#f8fcff)}
.pilot-presenter-toolbar>div{display:grid;gap:3px}.pilot-presenter-toolbar span{font-size:14px;font-weight:800;letter-spacing:.07em;color:#39729f}.pilot-presenter-toolbar strong{font-size:15px;color:#234967}
.pilot-presenter-guide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr) minmax(240px,.85fr);gap:14px;border:1px solid rgba(70,143,211,.3);border-radius:22px;padding:18px;background:linear-gradient(145deg,#e8f4ff,#f8fcff);box-shadow:0 14px 32px rgba(43,95,143,.07)}
.pilot-presenter-say,.pilot-presenter-points,.pilot-presenter-takeaway{border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(94,154,207,.18);padding:14px}
.pilot-presenter-say p{margin:8px 0 0;color:#1d3f5c;font-size:15.5px;line-height:1.65;font-weight:650}
.pilot-presenter-points>span,.pilot-presenter-takeaway>span{display:block;color:#547693;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.pilot-presenter-points>div{display:flex;flex-wrap:wrap;gap:7px}.pilot-presenter-points b{font-size:14px;color:#245f90;background:#e5f2fd;border:1px solid rgba(78,145,205,.22);border-radius:999px;padding:6px 9px}
.pilot-presenter-takeaway strong{display:block;color:#234967;font-size:15px;line-height:1.5}
.pilot-route-intro{margin:8px 0 0;color:#5d7790;font-size:14.5px;line-height:1.5}
.pilot-route-row.good{border-color:rgba(76,164,134,.28);background:#eff9f5}.pilot-route-row.warn{border-color:rgba(210,165,72,.32);background:#fff9ea}.pilot-route-row.danger{border-color:rgba(205,112,91,.3);background:#fff5f2}
.pilot-assurance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pilot-assurance-card{border:1px solid rgba(95,153,207,.2);background:#f8fcff;border-radius:16px;padding:14px;min-height:132px}
.pilot-assurance-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.pilot-assurance-card>div>span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#456e90}.pilot-assurance-card p{margin:10px 0 0;color:#4f6d86;font-size:14.5px;line-height:1.48}
.pilot-resolution-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.pilot-resolution-grid>.pilot-section{min-width:0}
.pilot-dependency-list,.pilot-policy-list,.pilot-chain-list,.pilot-stakeholder-list{display:grid;gap:9px;margin-top:15px}
.pilot-dependency-card,.pilot-policy-card{border:1px solid rgba(95,153,207,.2);background:#f7fbff;border-radius:16px;padding:14px}.pilot-dependency-card>div,.pilot-policy-card{display:grid;gap:6px}.pilot-dependency-card span,.pilot-policy-card>span{font-size:14px;font-weight:800;color:#3b79a8}.pilot-dependency-card strong,.pilot-policy-card>strong{font-size:15px;color:#234967}.pilot-dependency-card p,.pilot-policy-card p{margin:8px 0;color:#4f6d86;font-size:14.5px;line-height:1.48}.pilot-dependency-card small,.pilot-policy-card small{font-size:14px;color:#688198;line-height:1.4}
.pilot-chain-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:14px;padding:11px}.pilot-chain-step>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e5f1fa;color:#3d719a;font-size:14px;font-weight:800}.pilot-chain-step strong{display:block;color:#294e6c;font-size:14.5px;line-height:1.35}.pilot-chain-step small{display:block;margin-top:3px;color:#688198;font-size:14px;line-height:1.4}.pilot-chain-step.active{border-color:#75b4eb;background:#edf7ff}.pilot-chain-step.complete{border-color:rgba(76,164,134,.28);background:#eff9f5}
.pilot-learning-note{margin-top:12px;border-radius:14px;background:#edf7ff;border:1px solid rgba(87,151,207,.22);padding:12px 14px}.pilot-learning-note span{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#3e7199}.pilot-learning-note p{margin:6px 0 0;color:#4f6d86;font-size:14.5px;line-height:1.5}
.pilot-outcome-table{display:grid;gap:8px}.pilot-outcome-row{display:grid;grid-template-columns:minmax(190px,1.3fr) minmax(100px,.55fr) 28px minmax(100px,.55fr) auto;gap:10px;align-items:center;border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:14px;padding:12px 14px}.pilot-outcome-row strong{display:block;color:#294e6c;font-size:14.5px}.pilot-outcome-row small{display:block;margin-top:3px;color:#71889d;font-size:14px}.pilot-outcome-row>span{font-size:14.5px;color:#5b758e}.pilot-outcome-row>i{font-style:normal;color:#6f8aa1;text-align:center}.pilot-outcome-row>b{font-size:15px;color:#1d6099}
.pilot-demo-close{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;border-radius:17px;background:#e9f6ff;border:1px solid rgba(79,149,210,.24);padding:14px}.pilot-demo-close>div{display:grid;gap:4px}.pilot-demo-close span{font-size:14px;font-weight:800;text-transform:uppercase;color:#39729f}.pilot-demo-close strong{font-size:15px;line-height:1.45;color:#234967}
.pilot-authority-list{display:grid;gap:8px}.pilot-authority-row{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(220px,1fr) minmax(220px,1fr);gap:12px;align-items:center;border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:14px;padding:12px 14px}.pilot-authority-row strong{display:block;color:#294e6c;font-size:14.5px}.pilot-authority-row small{display:block;color:#71889d;font-size:14px;margin-top:2px}.pilot-authority-row>span,.pilot-authority-row>p{margin:0;color:#506e87;font-size:14.5px;line-height:1.45}
.pilot-semantic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pilot-semantic-card{border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:16px;padding:14px}.pilot-semantic-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.pilot-semantic-head span{font-size:14px;font-weight:800;color:#3b79a8}.pilot-semantic-head strong{font-size:14px;color:#294e6c}.pilot-semantic-card>div:not(.pilot-semantic-head){display:grid;gap:3px;border-top:1px solid rgba(95,153,207,.12);padding:8px 0}.pilot-semantic-card>div span{font-size:14px;color:#6a8399}.pilot-semantic-card>div strong{font-size:14px;line-height:1.4;color:#345a78;font-weight:700}
.pilot-stakeholder-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(140px,.65fr) minmax(0,1fr);gap:10px;align-items:start;border:1px solid rgba(95,153,207,.16);background:#f7fbff;border-radius:13px;padding:11px 12px}.pilot-stakeholder-row strong{font-size:14.5px;color:#294e6c}.pilot-stakeholder-row span,.pilot-stakeholder-row small{font-size:14px;line-height:1.4;color:#5f7b93}
.pilot-close-script>p{margin:14px 0 0;border-left:4px solid #5ca7e7;background:#edf7ff;border-radius:0 14px 14px 0;padding:15px 17px;color:#1f4664;font-size:16px;line-height:1.65;font-weight:650}.pilot-discovery-question{display:grid;gap:6px;margin-top:14px;border-radius:15px;border:1px solid rgba(91,151,207,.2);padding:13px;background:#f8fcff}.pilot-discovery-question span{font-size:14px;font-weight:800;text-transform:uppercase;color:#4c7596}.pilot-discovery-question strong{font-size:15px;line-height:1.5;color:#234967}
@media(max-width:1180px){.pilot-selector-grid{grid-template-columns:1fr}.pilot-hero,.pilot-live-grid,.pilot-model-grid,.pilot-roi-hero{grid-template-columns:1fr}.pilot-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pilot-files-layout{grid-template-columns:1fr}.pilot-file-preview,.pilot-file-empty{position:static}.pilot-progress{grid-template-columns:repeat(5,minmax(150px,1fr))}}
@media(max-width:760px){.pilot-showcase{gap:16px}.pilot-selector,.pilot-hero,.pilot-section,.pilot-file-intro,.pilot-file-preview,.pilot-file-empty,.pilot-roi-hero{border-radius:20px}.pilot-selector,.pilot-hero,.pilot-section,.pilot-file-intro,.pilot-file-preview,.pilot-roi-hero{padding:17px}.pilot-selector-copy h2,.pilot-hero h2{font-size:27px}.pilot-selector-card{min-height:132px;padding:15px}.pilot-chip-row{gap:6px}.pilot-chip-row span{border-radius:12px}.pilot-tabs{margin-inline:-2px}.pilot-live-head,.pilot-section-head,.pilot-file-preview-head,.pilot-file-intro{align-items:flex-start}.pilot-evidence-row{display:grid}.pilot-status{justify-self:start}.pilot-goal-grid,.pilot-metric-grid,.pilot-roi-cards,.pilot-proof-grid{grid-template-columns:1fr}.pilot-file-intro{display:grid}.pilot-file-intro>div:last-child{text-align:left}.pilot-file-row{grid-template-columns:40px 1fr}.pilot-file-row i{display:none}.pilot-progress{margin-inline:-2px}.pilot-scenario-actions .button{min-height:44px}.pilot-file-preview pre{max-height:480px}}

/* V13.9 guided pilot responsive finishing layer */
@media(max-width:1180px){
  .pilot-objective-grid,.pilot-resolution-grid{grid-template-columns:1fr}
  .pilot-presenter-guide{grid-template-columns:1fr 1fr}.pilot-presenter-say{grid-column:1/-1}
  .pilot-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pilot-semantic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pilot-authority-row{grid-template-columns:1fr 1fr}.pilot-authority-row>p{grid-column:1/-1}
}
@media(max-width:760px){
  .pilot-objective-card{min-height:0;padding:16px}.pilot-objective-card h3{font-size:19px}
  .pilot-presenter-toolbar{align-items:flex-start}.pilot-presenter-toolbar .button{min-height:44px}
  .pilot-presenter-guide,.pilot-assurance-grid,.pilot-semantic-grid{grid-template-columns:1fr}
  .pilot-presenter-say{grid-column:auto}.pilot-presenter-say p{font-size:15px}
  .pilot-chain-step{grid-template-columns:38px minmax(0,1fr)}.pilot-chain-step>.pilot-status{grid-column:2;justify-self:start}
  .pilot-outcome-row{grid-template-columns:1fr auto}.pilot-outcome-row>div{grid-column:1/-1}.pilot-outcome-row>i{display:none}.pilot-outcome-row>.pilot-status{justify-self:end}
  .pilot-demo-close{display:grid}.pilot-demo-close .button{width:100%;min-height:44px}
  .pilot-authority-row,.pilot-stakeholder-row{grid-template-columns:1fr}.pilot-authority-row>p{grid-column:auto}
  .pilot-objective-top{align-items:center}
}
.pilot-decision-list,.pilot-audit-list{display:grid;gap:9px;margin-top:15px}
.pilot-decision-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 12px;border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:15px;padding:13px}.pilot-decision-row strong{font-size:14.5px;color:#294e6c}.pilot-decision-row small{display:block;font-size:14px;color:#71889d;margin-top:2px}.pilot-decision-row p{grid-column:1/-1;margin:0;color:#4f6d86;font-size:14.5px;line-height:1.48}.pilot-decision-row>span{grid-column:1/-1;font-size:14px;color:#3c739e;font-weight:750}
.pilot-audit-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(150px,.8fr);gap:5px 10px;border:1px solid rgba(95,153,207,.18);background:#f8fcff;border-radius:15px;padding:13px}.pilot-audit-row>span{font-size:14px;color:#688198}.pilot-audit-row>strong{font-size:14px;color:#315f83;text-align:right}.pilot-audit-row>p{grid-column:1/-1;margin:4px 0 0;color:#4f6d86;font-size:14.5px;line-height:1.48}.pilot-audit-row>small{grid-column:1/-1;font-size:14px;color:#71889d}
@media(max-width:760px){.pilot-audit-row{grid-template-columns:1fr}.pilot-audit-row>strong{text-align:left}.pilot-audit-row>p,.pilot-audit-row>small{grid-column:auto}}

/* V14.0 — Adaptive Work Setup / progressive model compilation */
.adaptive-setup-shell{border:1px solid #c8dced;border-radius:26px;background:linear-gradient(145deg,#fbfdff 0%,#eef7ff 58%,#f5f9ff 100%);box-shadow:0 20px 56px rgba(42,82,126,.08);overflow:hidden}
.adaptive-setup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px 30px 22px;border-bottom:1px solid #d4e4f1}.adaptive-setup-head h2{margin:7px 0 0;color:#17283b;font-size:27px;line-height:1.15;letter-spacing:-.025em}.adaptive-setup-head p{margin:10px 0 0;max-width:820px;color:#455e75;font-size:15px;line-height:1.6}.setup-time{flex:0 0 auto;min-width:150px;border:1px solid #bed9ed;border-radius:17px;background:#eef8ff;padding:13px 15px;text-align:right}.setup-time strong{display:block;color:#1c5f96;font-size:20px}.setup-time span{display:block;margin-top:3px;color:#56728a;font-size:14px}
.setup-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0 20px;background:#edf6fd;border-bottom:1px solid #d4e4f1}.setup-step{appearance:none;position:relative;min-height:72px;border:0;border-bottom:3px solid transparent;background:transparent;padding:14px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;text-align:left;color:#526e86}.setup-step:hover{background:#e4f1fb}.setup-step.active{border-bottom-color:#2b83dc;background:#e7f4ff;color:#173f62}.setup-step.done{color:#285f86}.setup-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;border:1px solid #bdd7eb;background:#f6fbff;color:#326f9f;font-size:14px;font-weight:850}.setup-step strong{font-size:14.5px;line-height:1.25}.setup-step b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#ddf4e9;color:#216a53;font-size:14px}
.setup-stage-container{padding:28px 30px 32px}.setup-stage{display:grid;gap:22px}.setup-stage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.setup-stage-head h3{margin:7px 0 0;color:#17283b;font-size:24px;line-height:1.18;letter-spacing:-.02em}.setup-stage-head p{margin:8px 0 0;color:#445f77;font-size:15px;line-height:1.6;max-width:850px}.setup-source-count,.setup-review-count{flex:0 0 auto;min-width:112px;border:1px solid #c4dcec;border-radius:16px;background:#f4faff;padding:11px 14px;text-align:right}.setup-source-count strong,.setup-review-count strong{display:block;color:#1f6096;font-size:22px}.setup-source-count span,.setup-review-count span{font-size:14px;color:#617c93}.setup-current-work{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #c9deee;background:#f6fbff;border-radius:16px;padding:13px 15px}.setup-current-work>span{font-size:14px;color:#637c92}.setup-current-work strong{font-size:15px;color:#203c56}.setup-current-work small{margin-left:auto;font-size:14px;color:#427398;font-weight:750}
.setup-source-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.setup-source-summary>div{border:1px solid #c8deee;border-radius:16px;background:#f6fbff;padding:14px}.setup-source-summary span{display:block;color:#607a91;font-size:14px}.setup-source-summary strong{display:block;margin-top:5px;color:#1d527c;font-size:21px}
.setup-blueprint-state{align-self:start;padding:7px 10px;border-radius:999px;background:#eaf4fd;border:1px solid #bfd9ed;color:#366d99;font-size:14px;font-weight:850;letter-spacing:.035em}.setup-blueprint-state.active{background:#e5f5ed;border-color:#b9dfcf;color:#23694f}.setup-template-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-template-choice{appearance:none;position:relative;min-height:126px;border:1px solid #c8ddec;border-radius:18px;background:#f8fcff;padding:16px;text-align:left;display:grid;align-content:start;gap:6px;color:#24445f}.setup-template-choice:hover{border-color:#91c2e6;background:#f0f9ff}.setup-template-choice.selected{border-color:#64a9df;background:#eaf6ff;box-shadow:inset 4px 0 0 #2d83d5}.setup-template-choice>span{font-size:14px;font-weight:850;letter-spacing:.055em;color:#3978a7}.setup-template-choice strong{font-size:16px;line-height:1.3}.setup-template-choice small{font-size:14px;line-height:1.4;color:#607b92}.setup-template-choice b{justify-self:start;margin-top:4px;border-radius:999px;background:#dff2e9;padding:5px 8px;color:#24694f;font-size:14px}
.setup-proposal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.setup-proposal-grid article{min-height:118px;border:1px solid #c9deed;border-radius:17px;background:#f8fcff;padding:15px;display:grid;align-content:start;gap:7px}.setup-proposal-grid article>span:first-child{font-size:14px;font-weight:850;letter-spacing:.05em;color:#54738d}.setup-proposal-grid article>strong{font-size:16px;line-height:1.35;color:#203f59}.setup-proposal-grid article>small{font-size:14px;line-height:1.45;color:#607b92}.setup-origin-legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:12px 14px;border-radius:16px;background:#f0f7fd;border:1px solid #cddfed}.setup-origin-legend>span{display:flex;align-items:center;gap:7px;color:#58738a;font-size:14px}.setup-origin{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:4px 7px;font-size:14px;font-weight:850;letter-spacing:.035em;line-height:1.2}.setup-origin.source-discovery{background:#e2f1ff;color:#23669c;border:1px solid #b8daf4}.setup-origin.template{background:#edf0ff;color:#4c5f9d;border:1px solid #cdd4f1}.setup-origin.customer{background:#e3f5ec;color:#276d55;border:1px solid #bee2d1}.setup-origin.validelta{background:#e8f7f6;color:#236d6b;border:1px solid #c0e4e1}.setup-proposal-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed #9fc6e2;border-radius:19px;background:#f6fbff;padding:20px}.setup-proposal-empty>div{display:grid;gap:5px}.setup-proposal-empty span{font-size:14px;font-weight:850;color:#39749f}.setup-proposal-empty strong{font-size:18px;color:#213f59}.setup-proposal-empty p{margin:0;color:#58748b;font-size:14.5px;line-height:1.55}
.setup-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.setup-review-form{display:grid;gap:22px}.setup-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.setup-review-grid label{display:grid;gap:7px;align-content:start}.setup-review-grid label>span{color:#4e6c84;font-size:14px;font-weight:750}.setup-review-grid .wide{grid-column:span 2}.setup-review-grid .authority-confirm{align-self:end;min-height:46px;border:1px solid #c7ddec;border-radius:14px;background:#f5faff;padding:11px 12px}.setup-rule-list{display:grid;gap:12px}.setup-rule{border:1px solid #c7ddec;border-radius:18px;background:#f8fcff;padding:15px}.setup-rule-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.setup-rule-head>div{display:grid;gap:6px}.setup-rule-head strong{font-size:16px;line-height:1.35;color:#213f59}.setup-rule-head small{font-size:14px;line-height:1.5;color:#647e94}.setup-rule-status{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#edf4fa;color:#4c708c;font-size:14px;font-weight:800}.setup-rule-status.confirmed{background:#e2f4eb;color:#24684f}.setup-rule-controls{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(210px,1.25fr) minmax(170px,1fr) minmax(130px,.65fr) minmax(170px,.9fr) minmax(170px,.9fr);gap:10px;margin-top:14px}.setup-rule-controls label{display:grid;gap:6px;align-content:start}.setup-rule-controls label>span{font-size:14px;color:#55718a;font-weight:720}.setup-rule-controls .guided-check{display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid #d1e2ef;border-radius:13px;background:#f2f8fd;padding:10px}.setup-rule-controls .confirm{background:#edf8f4}.setup-resolution-toggle{border:1px solid #c8dfed;border-radius:15px;background:#f2f9fe;padding:12px 14px}.setup-meaning-questions{display:grid;gap:12px;border-top:1px solid #d3e3ef;padding-top:18px}
.setup-provenance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.setup-provenance-grid article{border:1px solid #c8ddec;border-radius:18px;background:#f8fcff;padding:15px;display:grid;align-content:start;gap:8px}.setup-provenance-grid strong{font-size:16px;line-height:1.35;color:#213f59}.setup-provenance-grid p{margin:0;color:#5e788f;font-size:14px;line-height:1.5}.setup-final-review{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setup-final-review>div{border:1px solid #c9deed;border-radius:16px;background:#f4faff;padding:13px}.setup-final-review span{display:block;color:#607a91;font-size:14px}.setup-final-review strong{display:block;margin-top:5px;color:#203f59;font-size:15px;line-height:1.4}.setup-final-review small{display:block;margin-top:4px;color:#657f95;font-size:14px;line-height:1.45}.setup-activation-block{display:grid;gap:6px;border:1px solid #ebc9bc;border-radius:16px;background:#fff5f0;padding:13px 15px;color:#744538}.setup-activation-block strong{font-size:15px}.setup-activation-block span{font-size:14px}.guided-safety-note.success{border-color:#b9dfcf;background:#eaf8f1}.guided-safety-note.success strong{color:#22644c}.guided-safety-note.success span{color:#466d5f}
@media(max-width:1180px){.setup-template-choices,.setup-proposal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-rule-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-provenance-grid,.setup-final-review{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-progress{overflow-x:auto;grid-template-columns:repeat(5,minmax(165px,1fr))}}
@media(max-width:760px){.adaptive-setup-head{display:grid;padding:20px}.setup-time{justify-self:stretch;text-align:left}.setup-stage-container{padding:20px}.setup-progress{padding:0 10px}.setup-stage-head{display:grid}.setup-source-count,.setup-review-count{justify-self:start;text-align:left}.setup-source-summary,.setup-template-choices,.setup-proposal-grid,.setup-review-grid,.setup-rule-controls,.setup-provenance-grid,.setup-final-review{grid-template-columns:1fr}.setup-review-grid .wide{grid-column:auto}.setup-proposal-empty{display:grid}.setup-actions{justify-content:stretch}.setup-actions .button{width:100%;min-height:44px}.setup-current-work small{margin-left:0;width:100%}.setup-step{min-height:68px}.setup-step strong{font-size:14px}}

/* V14.0.1 compact business-meaning confirmations */
.adaptive-question.compact{padding:0;overflow:hidden;gap:0;background:rgba(255,255,255,.78)}
.adaptive-question.compact .adaptive-question-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;cursor:pointer;list-style:none}
.adaptive-question.compact .adaptive-question-details>summary::-webkit-details-marker{display:none}
.adaptive-question-summary-main{display:grid;gap:3px;min-width:0}
.adaptive-question-summary-main small{font-size:14px;font-weight:900;letter-spacing:.06em;color:var(--muted)}
.adaptive-question-summary-main strong{font-size:14px;line-height:1.35;color:var(--text)}
.adaptive-question-summary-side{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.adaptive-question-summary-side>b{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:500;color:var(--muted);transition:transform .16s ease}
.adaptive-question-details[open] .adaptive-question-summary-side>b{transform:rotate(45deg)}
.adaptive-question-body{display:grid;gap:10px;padding:0 15px 14px;border-top:1px solid var(--line)}
.adaptive-question-body>p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.adaptive-question-quick{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:8px;align-items:end;margin-top:10px}
.adaptive-question-quick .adaptive-answer{display:grid;gap:5px}
.adaptive-question-quick .adaptive-answer>span{font-size:14px;font-weight:800;color:var(--muted)}
.adaptive-custom-meaning{border-top:1px dashed var(--line);padding-top:8px}
.adaptive-custom-meaning>summary{cursor:pointer;list-style:none;font-size:14px;font-weight:800;color:var(--muted)}
.adaptive-custom-meaning>summary::-webkit-details-marker{display:none}
.adaptive-custom-meaning>summary:after{content:' +';font-weight:700}
.adaptive-custom-meaning[open]>summary:after{content:' −'}
.adaptive-custom-meaning label{display:block;margin-top:8px}
.adaptive-question-summary{margin-bottom:8px;padding:10px 13px;border-radius:14px}
.adaptive-question-list{gap:8px}
@media(max-width:760px){.adaptive-question-quick{grid-template-columns:1fr 1fr}.adaptive-question-quick .adaptive-answer{grid-column:1/-1}.adaptive-question.compact .adaptive-question-details>summary{align-items:flex-start}}

/* V14.0.1 inline administrator test-project deletion confirmation */
.test-project-delete{position:relative;flex:0 0 auto}.test-project-delete>summary{list-style:none;cursor:pointer;user-select:none}.test-project-delete>summary::-webkit-details-marker{display:none}.test-project-delete-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:min(430px,calc(100vw - 48px));padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 18px 48px rgba(35,61,92,.18);display:grid;gap:10px}.test-project-delete-panel strong{color:var(--text)}.test-project-delete-panel p{margin:0!important;font-size:.9rem}.test-project-delete-panel .input{width:100%}.test-project-delete-panel .inline-actions{display:flex;gap:9px;flex-wrap:wrap}.test-project-delete-panel .studio-test-status{margin:0}.test-project-delete[open]>summary{filter:saturate(.9)}@media(max-width:900px){.test-project-delete{width:100%}.test-project-delete>summary{width:max-content}.test-project-delete-panel{left:0;right:auto}}

/* V14 smooth interaction refresh: keep the current surface visible while data refreshes,
   then replace it atomically. This avoids the full-view Loading flash after actions. */
#view{position:relative;}
#view.view-updating{cursor:progress;}
#view.view-updating::before{
  content:"";
  position:fixed;
  z-index:1200;
  top:0;
  left:0;
  width:100%;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(45,108,223,.72),transparent);
  transform:translateX(-100%);
  animation:validelta-view-progress 1.05s ease-in-out infinite;
}
@keyframes validelta-view-progress{to{transform:translateX(100%);}}
@media (prefers-reduced-motion:reduce){#view.view-updating::before{animation:none;transform:none;opacity:.35;}}

/* Native View Transitions make state changes feel continuous instead of flashing. */
::view-transition-old(root){animation:validelta-view-old .12s ease both;}
::view-transition-new(root){animation:validelta-view-new .16s ease both;}
@keyframes validelta-view-old{to{opacity:.985;}}
@keyframes validelta-view-new{from{opacity:.985;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none;}}

/* V14.0.5 — mature selected state and universal My Workspace detail overlay */
.matter-card.active,
.matter-card.active:hover{
  transform:none;
  border:2px solid #496b89;
  background:linear-gradient(145deg,#f7fafc 0%,#eef4f8 100%);
  box-shadow:0 10px 28px rgba(34,58,82,.12),inset 5px 0 0 #2f5878;
}
.matter-card.active .matter-card-top>span:first-child,
.matter-card.active>strong{color:#18354d!important;}
.workspace-detail-overlay{position:fixed;inset:0;z-index:240;display:grid;place-items:center;padding:clamp(18px,4vw,52px);background:rgba(20,35,50,.34);backdrop-filter:blur(8px) saturate(108%);-webkit-backdrop-filter:blur(8px) saturate(108%);animation:workspaceDetailFade .16s ease-out;}
.workspace-detail-modal{width:min(1080px,calc(100vw - 36px));max-height:min(88vh,920px);overflow:hidden;border:1px solid rgba(75,107,137,.28);border-radius:24px;background:#f7fafc;box-shadow:0 28px 90px rgba(18,35,52,.28),0 2px 10px rgba(18,35,52,.12);outline:none;animation:workspaceDetailRise .18s ease-out;}
.workspace-detail-modal-head{height:58px;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(75,107,137,.14);background:#eef4f8;color:#284b67;font-size:14px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;}
.workspace-detail-close{appearance:none;width:38px;height:38px;border:1px solid rgba(75,107,137,.20);border-radius:12px;background:#f8fbfd;color:#294b66;display:grid;place-items:center;font-size:24px;line-height:1;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.workspace-detail-close:hover{background:#e4edf4;border-color:#8ca7bb;transform:translateY(-1px);}
.workspace-detail-modal-body{max-height:calc(min(88vh,920px) - 58px);overflow:auto;padding:22px;overscroll-behavior:contain;}
.workspace-detail-modal .matter-detail-panel{margin:0;padding:0;border:0;background:transparent;box-shadow:none;}
.workspace-detail-modal .matter-detail-panel:focus{outline:none;}
body:has(.workspace-detail-overlay){overflow:hidden;}
@keyframes workspaceDetailFade{from{opacity:0}to{opacity:1}}
@keyframes workspaceDetailRise{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:720px){.workspace-detail-overlay{padding:10px;place-items:end center}.workspace-detail-modal{width:100%;max-height:92vh;border-radius:22px 22px 14px 14px}.workspace-detail-modal-body{padding:16px;max-height:calc(92vh - 58px)}}
@media (prefers-reduced-motion:reduce){.workspace-detail-overlay,.workspace-detail-modal{animation:none}.workspace-detail-close{transition:none}}


/* V14 authority-confirm visual alignment */
/*
  Keep the Authority limit field and the authority confirmation control on
  the same visual baseline. This is intentionally scoped to the confirmation
  element annotated by app.js so other checkbox controls are unaffected.
*/
.v14-authority-confirm-cell {
  display: flex !important;
  align-items: flex-end !important;
  min-width: 0;
}

.v14-authority-confirm-align {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 58px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  align-self: flex-end !important;
}

.v14-authority-confirm-align input[type="checkbox"] {
  margin: 0 !important;
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .v14-authority-confirm-cell {
    align-items: stretch !important;
  }

  .v14-authority-confirm-align {
    min-height: 54px !important;
  }
}


/* V14 confirm-rules spacious form layout */
/*
  Desktop hierarchy:
  Row 1: Business goal (6) | Target (3) | Unit (3)
  Row 2: Deadline (3) | Decision/action (5) | Authority role (4)
  Row 3: Authority limit (6) | Confirm authority (6)

  This deliberately avoids squeezing eight controls into one row.
*/
.v14-confirm-rules-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  column-gap: 18px !important;
  row-gap: 18px !important;
  align-items: end !important;
}

.v14-confirm-rules-grid > .v14-rule-field {
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
}

.v14-rule-business-goal { grid-column: 1 / span 6 !important; }
.v14-rule-target { grid-column: 7 / span 3 !important; }
.v14-rule-unit { grid-column: 10 / span 3 !important; }

.v14-rule-deadline { grid-column: 1 / span 3 !important; }
.v14-rule-decision { grid-column: 4 / span 5 !important; }
.v14-rule-authority-role { grid-column: 9 / span 4 !important; }

.v14-rule-authority-limit { grid-column: 1 / span 6 !important; }
.v14-rule-authority-confirm { grid-column: 7 / span 6 !important; }

.v14-rule-field input,
.v14-rule-field select,
.v14-rule-field textarea {
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Authority confirmation must look like a peer field, not a giant banner. */
.v14-rule-authority-confirm {
  display: flex !important;
  align-items: flex-end !important;
}

.v14-rule-authority-confirm-control {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  border-radius: 14px !important;
}

.v14-rule-authority-confirm-control input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  margin: 0 !important;
  flex: 0 0 20px !important;
}

@media (max-width: 1100px) {
  .v14-confirm-rules-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .v14-rule-business-goal { grid-column: 1 / span 6 !important; }
  .v14-rule-target { grid-column: 1 / span 3 !important; }
  .v14-rule-unit { grid-column: 4 / span 3 !important; }
  .v14-rule-deadline { grid-column: 1 / span 3 !important; }
  .v14-rule-decision { grid-column: 4 / span 3 !important; }
  .v14-rule-authority-role { grid-column: 1 / span 3 !important; }
  .v14-rule-authority-limit { grid-column: 4 / span 3 !important; }
  .v14-rule-authority-confirm { grid-column: 1 / span 6 !important; }
}

@media (max-width: 720px) {
  .v14-confirm-rules-grid {
    grid-template-columns: 1fr !important;
    row-gap: 14px !important;
  }

  .v14-confirm-rules-grid > .v14-rule-field {
    grid-column: 1 !important;
  }

  .v14-rule-authority-confirm-control {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }
}


/* V14 Step 4 scoped layout recovery */

/* Neutralise the earlier broad grid if old classes survive in cached markup. */
.v14-confirm-rules-grid {
  display: revert !important;
  grid-template-columns: revert !important;
  column-gap: revert !important;
  row-gap: revert !important;
  align-items: revert !important;
}

/* ===== Step 4 top business-rule form ===== */
.v14-step4-top-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0,1fr)) !important;
  gap: 16px 18px !important;
  align-items: end !important;
  width: 100% !important;
}

.v14-step4-top-field { min-width: 0 !important; margin: 0 !important; }

.v14-top-goal { grid-column: 1 / span 6 !important; }
.v14-top-target { grid-column: 7 / span 3 !important; }
.v14-top-unit { grid-column: 10 / span 3 !important; }

.v14-top-deadline { grid-column: 1 / span 3 !important; }
.v14-top-decision { grid-column: 4 / span 5 !important; }
.v14-top-authority-role { grid-column: 9 / span 4 !important; }

.v14-top-authority-limit { grid-column: 1 / span 6 !important; }
.v14-top-authority-confirm { grid-column: 7 / span 6 !important; }

.v14-step4-top-field input,
.v14-step4-top-field select,
.v14-step4-top-field textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
}

.v14-top-authority-confirm {
  display: flex !important;
  align-items: flex-end !important;
}

.v14-top-authority-confirm-control {
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 18px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* ===== Proposed-control rows ===== */
.v14-control-rule-grid {
  display: grid !important;
  grid-template-columns: 1.35fr 1.8fr 1.65fr 1.05fr 1.65fr 1.65fr !important;
  gap: 12px !important;
  align-items: end !important;
  width: 100% !important;
}

.v14-control-rule-grid > .v14-rule-field {
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
}

/* Equalise label height so Required value / threshold never pushes its input lower. */
.v14-rule-evidence,
.v14-rule-condition,
.v14-rule-required,
.v14-rule-source {
  display: grid !important;
  grid-template-rows: 34px 46px !important;
  align-items: end !important;
}

.v14-rule-evidence > :first-child,
.v14-rule-condition > :first-child,
.v14-rule-required > :first-child,
.v14-rule-source > :first-child {
  align-self: end !important;
  line-height: 1.15 !important;
}

.v14-rule-field input,
.v14-rule-field select,
.v14-rule-field textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
}

.v14-rule-use,
.v14-rule-confirm {
  align-self: end !important;
}

.v14-rule-use label,
.v14-rule-confirm label,
.v14-rule-use > div,
.v14-rule-confirm > div {
  min-height: 46px !important;
  height: 46px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

/* Ensure no unrelated action control can become a tall blue rail. */
.v14-step4-top-grid button,
.v14-control-rule-grid button {
  max-height: 58px;
}

@media (max-width: 1100px) {
  .v14-step4-top-grid {
    grid-template-columns: repeat(6, minmax(0,1fr)) !important;
  }
  .v14-top-goal { grid-column: 1 / span 6 !important; }
  .v14-top-target { grid-column: 1 / span 3 !important; }
  .v14-top-unit { grid-column: 4 / span 3 !important; }
  .v14-top-deadline { grid-column: 1 / span 3 !important; }
  .v14-top-decision { grid-column: 4 / span 3 !important; }
  .v14-top-authority-role { grid-column: 1 / span 3 !important; }
  .v14-top-authority-limit { grid-column: 4 / span 3 !important; }
  .v14-top-authority-confirm { grid-column: 1 / span 6 !important; }

  .v14-control-rule-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 720px) {
  .v14-step4-top-grid,
  .v14-control-rule-grid {
    grid-template-columns: 1fr !important;
  }
  .v14-step4-top-grid > *,
  .v14-control-rule-grid > * {
    grid-column: 1 !important;
  }
}


/* V14 Step 4 enterprise form redesign */

/*
  Design basis:
  - dedicated-page enterprise form
  - related inputs grouped in 2–3 logical fields per row
  - top-aligned labels
  - consistent field heights and baselines
  - primary action at the bottom of the form
  - progressive, card-based rules rather than one dense spreadsheet row
*/

/* ---------- Top setup fields ---------- */
.setup-review-form {
  display: block !important;
  width: 100% !important;
}

.setup-review-grid {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 20px 22px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 26px 0 32px !important;
}

/* Business goal gets a full line: it is the highest-value field. */
.setup-review-grid > label:nth-child(1) {
  grid-column: 1 / -1 !important;
}

/* Target / Unit / Deadline stay together as compact goal metadata. */
.setup-review-grid > label:nth-child(2) {
  grid-column: 1 / span 3 !important;
}
.setup-review-grid > label:nth-child(3) {
  grid-column: 4 / span 3 !important;
}
.setup-review-grid > label:nth-child(4) {
  grid-column: 7 / span 3 !important;
}

/* Decision and authority are a second logical group. */
.setup-review-grid > label:nth-child(5) {
  grid-column: 1 / span 6 !important;
}
.setup-review-grid > label:nth-child(6) {
  grid-column: 7 / span 3 !important;
}
.setup-review-grid > label:nth-child(7) {
  grid-column: 10 / span 3 !important;
}

/* Authority confirmation belongs under authority, not in a side rail. */
.setup-review-grid > label:nth-child(8) {
  grid-column: 7 / span 6 !important;
  align-self: end !important;
}

.setup-review-grid > label {
  min-width: 0 !important;
  margin: 0 !important;
}

.setup-review-grid > label > span:first-child {
  display: block !important;
  min-height: 20px !important;
  margin: 0 0 8px !important;
  line-height: 20px !important;
}

.setup-review-grid .input,
.setup-review-grid .select {
  width: 100% !important;
  min-width: 0 !important;
  height: 50px !important;
  box-sizing: border-box !important;
}

/* Same physical height as neighbouring inputs. */
.setup-review-grid .authority-confirm {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.setup-review-grid .authority-confirm input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
}

/* ---------- Proposed controls ---------- */
.setup-rule-list {
  width: 100% !important;
  margin-top: 8px !important;
}

.setup-rule {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
}

.setup-rule-controls {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  align-items: end !important;
  width: 100% !important;
}

/*
  Row 1 = the two decisions the user makes about the rule.
  They are compact confirmation tiles, not giant checkboxes.
*/
.setup-rule-controls > label:nth-child(1) {
  grid-column: 1 / span 3 !important;
}
.setup-rule-controls > label:nth-child(2) {
  grid-column: 4 / span 5 !important;
}

.setup-rule-controls > .guided-check {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.setup-rule-controls > .guided-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
}

/*
  Row 2 = the machine-evaluable rule.
  Four columns only. This is intentionally not six cramped columns.
*/
.setup-rule-controls > label:nth-child(3) {
  grid-column: 1 / span 4 !important;
}
.setup-rule-controls > label:nth-child(4) {
  grid-column: 5 / span 2 !important;
}
.setup-rule-controls > label:nth-child(5) {
  grid-column: 7 / span 3 !important;
}
.setup-rule-controls > label:nth-child(6) {
  grid-column: 10 / span 3 !important;
}

.setup-rule-controls > label:nth-child(n+3) {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-rows: 34px 48px !important;
  gap: 6px !important;
  align-items: end !important;
  margin: 0 !important;
}

/*
  A two-line label such as "Required value / threshold" uses the same 34px
  label slot as the others, so every input starts on exactly the same baseline.
*/
.setup-rule-controls > label:nth-child(n+3) > span:first-child {
  min-height: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: flex-end !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.setup-rule-controls > label:nth-child(n+3) .input,
.setup-rule-controls > label:nth-child(n+3) .select {
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}

/* ---------- Resolution + form action ---------- */
/*
  These belong after the rule list, across the normal content width.
  Never place them in a right-hand vertical rail.
*/
.setup-resolution-toggle {
  width: 100% !important;
  min-height: 50px !important;
  height: auto !important;
  box-sizing: border-box !important;
  margin: 24px 0 0 !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.setup-resolution-toggle input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  margin: 0 !important;
  flex: 0 0 18px !important;
}

#studio-setup-review > button.button[type="submit"] {
  width: auto !important;
  min-width: 210px !important;
  max-width: 320px !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 16px 0 0 auto !important;
  padding: 0 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  writing-mode: horizontal-tb !important;
  white-space: nowrap !important;
  position: static !important;
  inset: auto !important;
  float: none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1050px) {
  .setup-review-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .setup-review-grid > label:nth-child(1) { grid-column: 1 / -1 !important; }
  .setup-review-grid > label:nth-child(2) { grid-column: 1 / span 2 !important; }
  .setup-review-grid > label:nth-child(3) { grid-column: 3 / span 2 !important; }
  .setup-review-grid > label:nth-child(4) { grid-column: 5 / span 2 !important; }
  .setup-review-grid > label:nth-child(5) { grid-column: 1 / -1 !important; }
  .setup-review-grid > label:nth-child(6) { grid-column: 1 / span 3 !important; }
  .setup-review-grid > label:nth-child(7) { grid-column: 4 / span 3 !important; }
  .setup-review-grid > label:nth-child(8) { grid-column: 1 / -1 !important; }

  .setup-rule-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .setup-rule-controls > label:nth-child(1) { grid-column: 1 / span 3 !important; }
  .setup-rule-controls > label:nth-child(2) { grid-column: 4 / span 3 !important; }
  .setup-rule-controls > label:nth-child(3) { grid-column: 1 / span 3 !important; }
  .setup-rule-controls > label:nth-child(4) { grid-column: 4 / span 3 !important; }
  .setup-rule-controls > label:nth-child(5) { grid-column: 1 / span 3 !important; }
  .setup-rule-controls > label:nth-child(6) { grid-column: 4 / span 3 !important; }
}

@media (max-width: 700px) {
  .setup-review-grid,
  .setup-rule-controls {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .setup-review-grid > label,
  .setup-rule-controls > label {
    grid-column: 1 !important;
  }

  .setup-rule-controls > label:nth-child(n+3) {
    grid-template-rows: auto 48px !important;
  }

  .setup-rule-controls > label:nth-child(n+3) > span:first-child {
    height: auto !important;
    min-height: 20px !important;
  }

  #studio-setup-review > button.button[type="submit"] {
    width: 100% !important;
    max-width: none !important;
  }
}


/* V14.2 protected action redesign */
.protected-action-progress{grid-template-columns:repeat(3,minmax(0,1fr)) !important}

.protect-draft-summary,.protected-activation-summary{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0
}
.protect-draft-summary article,.protected-activation-summary article{
  border:1px solid var(--line,#cfddea);border-radius:16px;padding:18px;min-width:0;background:rgba(255,255,255,.52)
}
.protect-draft-summary span,.protected-activation-summary span,.protected-rule-kicker{
  display:block;font-size:14px;letter-spacing:.08em;font-weight:800;color:var(--muted,#587087);margin-bottom:8px
}
.protect-draft-summary strong,.protected-activation-summary strong{display:block;font-size:16px;line-height:1.35}
.protect-draft-summary small,.protected-activation-summary small{display:block;margin-top:6px;color:var(--muted,#587087)}
.protect-model-details,.protect-authority-advanced,.protected-rule-advanced,.simple-meaning-edit{margin-top:12px}
.protect-model-details>summary,.protect-authority-advanced>summary,.protected-rule-advanced>summary,.simple-meaning-edit>summary{
  cursor:pointer;font-weight:750;color:var(--ink-2,#365168)
}

.protect-action-form{display:block;width:100%}
.protect-action-primary{
  display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:end;margin:22px 0 28px
}
.protect-action-primary>label:first-child{grid-column:1 / -1}
.protect-action-primary>label{display:block;min-width:0}
.protect-action-primary>label>span:first-child,.protect-authority-advanced label>span:first-child{
  display:block;font-weight:750;margin-bottom:8px
}
.protect-action-primary label small{display:block;margin-top:8px;color:var(--muted,#587087)}
.protected-authority-confirm{
  height:52px;min-height:52px;border:1px solid var(--line,#cfddea);border-radius:14px;padding:0 16px;
  display:flex !important;align-items:center;gap:10px;box-sizing:border-box
}
.protected-authority-confirm input,.protected-rule-confirm input,.protect-resolution-toggle input{
  width:18px !important;height:18px !important;min-width:18px !important;max-width:18px !important;
  margin:0 !important;flex:0 0 18px
}

.protect-condition-section{margin-top:12px}
.protect-condition-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:14px}
.protect-condition-head strong{display:block;font-size:18px;margin-bottom:4px}
.protect-condition-head span{color:var(--muted,#587087)}
.protected-rule-list{display:grid;gap:14px}
.protected-rule-card{
  border:1px solid var(--line,#cfddea);border-radius:18px;padding:18px;background:rgba(255,255,255,.48)
}
.protected-rule-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.protected-rule-head>div{display:grid;gap:6px}
.protected-rule-head strong{font-size:16px}
.protected-rule-head small{color:var(--muted,#587087)}
.protected-rule-summary{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:16px;padding-top:16px;
  border-top:1px solid rgba(120,145,165,.22)
}
.protected-rule-summary strong{font-size:17px;line-height:1.4}
.protected-rule-confirm{
  min-height:46px;border:1px solid var(--line,#cfddea);border-radius:13px;padding:0 14px;
  display:flex;align-items:center;gap:10px;white-space:nowrap
}
.protected-rule-advanced-grid{
  display:grid;grid-template-columns:1.2fr 1.6fr 1fr 1.5fr 1.5fr;gap:12px;margin-top:12px;align-items:end
}
.protected-rule-advanced-grid>label{min-width:0}
.protected-rule-advanced-grid>label>span:first-child{
  display:block;min-height:32px;margin-bottom:6px;font-size:14px;font-weight:750;color:var(--muted,#587087)
}
.protected-rule-advanced-grid .input,.protected-rule-advanced-grid .select{
  width:100%;min-width:0;height:46px;box-sizing:border-box
}
.protected-rule-advanced-grid .guided-check{min-height:46px;display:flex;align-items:center;gap:8px}
.protect-resolution-toggle{
  margin-top:18px !important;min-height:50px;padding:0 14px;display:flex !important;align-items:center;gap:10px
}
.protect-save-row{display:flex;justify-content:flex-end;margin-top:16px}

.simple-meaning-section{margin-top:26px;border-top:1px solid var(--line,#cfddea);padding-top:22px}
.simple-meaning-section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.simple-meaning-section-head strong{display:block;font-size:18px}
.simple-meaning-section-head span{color:var(--muted,#587087)}
.simple-meaning-list{display:grid;gap:12px}
.simple-meaning-card{
  border:1px solid var(--line,#cfddea);border-radius:16px;padding:16px;display:grid;
  grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;background:rgba(255,255,255,.42)
}
.simple-meaning-copy small{display:block;font-weight:800;letter-spacing:.06em;color:var(--muted,#587087);margin-bottom:5px}
.simple-meaning-copy strong{display:block;font-size:15px;line-height:1.4}
.simple-meaning-copy p{margin:6px 0 0;color:var(--muted,#587087)}
.simple-meaning-actions{display:flex;gap:8px}
.simple-meaning-edit{grid-column:1 / -1}
.meaning-edit-field{display:block;margin-top:12px}
.meaning-edit-field>span{display:block;font-weight:700;margin-bottom:6px}

@media (max-width:1000px){
  .protect-draft-summary,.protected-activation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .protected-rule-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .protected-action-progress{grid-template-columns:1fr !important}
  .protect-action-primary,.protect-draft-summary,.protected-activation-summary,.protected-rule-summary,.simple-meaning-card{grid-template-columns:1fr}
  .protected-rule-advanced-grid{grid-template-columns:1fr}
  .simple-meaning-actions{flex-wrap:wrap}
  .simple-meaning-section-head{align-items:flex-start;flex-direction:column}
  .protect-save-row .button{width:100%}
}

/* V14.3 — Evidence Inbox / cross-source reconciliation workspace */
.evidence-inbox-page{display:grid;gap:18px;max-width:1640px;margin:0 auto}
.evidence-inbox-hero{
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:24px;align-items:stretch;
  padding:28px;border:1px solid rgba(64,115,160,.16);border-radius:24px;
  background:linear-gradient(135deg,rgba(249,252,255,.96),rgba(232,243,252,.9));box-shadow:0 18px 44px rgba(63,92,119,.09)
}
.evidence-inbox-hero h2{margin:7px 0 9px;font-size:30px;letter-spacing:-.035em;line-height:1.12;color:var(--ink)}
.evidence-inbox-hero p{max-width:900px;margin:0;color:var(--ink2);font-size:16px;line-height:1.62}
.evidence-guard-card{border:1px solid rgba(66,123,174,.15);border-radius:18px;padding:18px;background:rgba(255,255,255,.72);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px}
.evidence-guard-card>span{font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.evidence-guard-card>strong{font-size:19px;line-height:1.3;color:var(--ink)}
.evidence-guard-card>small{font-size:14px;line-height:1.5;color:var(--muted)}
.evidence-guard-card .button{margin-top:7px}
.evidence-command-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(248,251,255,.92)}
.evidence-command-bar>label{display:grid;gap:7px;min-width:min(420px,100%)}
.evidence-command-bar>label>span{font-size:14px;font-weight:760;color:var(--ink2)}
.evidence-command-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.evidence-add-source{position:relative}
.evidence-add-source>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center}
.evidence-add-source>summary::-webkit-details-marker{display:none}
.evidence-add-source-panel{position:absolute;z-index:45;right:0;top:calc(100% + 10px);width:min(700px,calc(100vw - 40px));padding:18px;border:1px solid rgba(50,91,126,.18);border-radius:18px;background:#f8fbff;box-shadow:0 24px 70px rgba(44,68,92,.2);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.evidence-add-source-panel form{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.evidence-add-source-panel label{display:grid;gap:7px}
.evidence-add-source-panel label strong{font-size:15px}
.evidence-add-source-panel label span{font-size:14px;line-height:1.45;color:var(--muted)}
.evidence-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.evidence-summary-card{appearance:none;text-align:left;min-height:122px;padding:16px;border:1px solid var(--line);border-radius:17px;background:rgba(248,251,255,.9);box-shadow:0 8px 24px rgba(70,96,122,.05);display:flex;flex-direction:column;gap:5px;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}
.evidence-summary-card:hover{transform:translateY(-1px);border-color:rgba(35,136,255,.28);box-shadow:0 12px 28px rgba(70,96,122,.09)}
.evidence-summary-card.active{border-color:rgba(35,136,255,.38);box-shadow:inset 0 0 0 1px rgba(35,136,255,.12),0 12px 28px rgba(70,96,122,.09);background:rgba(235,246,255,.96)}
.evidence-summary-card>span{font-size:14px;font-weight:760;color:var(--ink2)}
.evidence-summary-card>strong{font-size:29px;line-height:1.1;letter-spacing:-.035em;color:var(--ink)}
.evidence-summary-card>small{margin-top:auto;font-size:14px;line-height:1.35;color:var(--muted)}
.evidence-summary-card.good>strong{color:#17775d}.evidence-summary-card.warn>strong{color:#956810}.evidence-summary-card.danger>strong{color:#b44758}
.evidence-list-card{padding:0!important;overflow:hidden}
.evidence-list-head{padding:22px 22px 14px}
.evidence-table-toolbar{min-height:62px;padding:10px 14px 12px 22px;border-top:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(241,247,252,.72)}
.evidence-search{flex:1;max-width:620px}.evidence-search .input{width:100%;height:44px}
.evidence-filter-label{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:14px}.evidence-filter-label strong{font-size:17px;color:var(--ink)}
.evidence-table-wrap{overflow:auto;border-top:1px solid var(--line2)}
.evidence-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.38)}
.evidence-table th{height:48px;padding:0 14px;text-align:left;font-size:14px;font-weight:780;color:var(--muted);background:rgba(237,244,250,.88);border-bottom:1px solid var(--line);white-space:nowrap}
.evidence-table td{padding:14px;border-bottom:1px solid var(--line2);vertical-align:middle;font-size:14px;color:var(--ink2)}
.evidence-table tbody tr{transition:background .12s ease}.evidence-table tbody tr:hover{background:rgba(225,240,252,.56)}
.evidence-table td:first-child strong{display:block;font-size:15px;color:var(--ink);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evidence-table td small{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.evidence-source-chips,.evidence-issue-row{display:flex;flex-wrap:wrap;gap:5px;max-width:300px}
.evidence-source-chips span,.evidence-issue,.evidence-clear{display:inline-flex;align-items:center;min-height:28px;padding:4px 8px;border:1px solid rgba(77,111,141,.13);border-radius:999px;background:rgba(237,244,250,.9);font-size:14px;font-weight:650;white-space:nowrap;color:var(--ink2)}
.evidence-issue.conflict,.evidence-issue.missing_evidence{background:var(--red-soft);border-color:rgba(190,78,94,.18);color:#9d3548}.evidence-issue.link_review,.evidence-issue.recheck{background:var(--amber-soft);border-color:rgba(184,130,25,.18);color:#886018}.evidence-clear{background:var(--green-soft);color:#1c7259;border-color:rgba(39,137,107,.14)}
.evidence-match,.evidence-decision{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;font-size:14px;font-weight:760;white-space:nowrap;border:1px solid transparent}
.evidence-match.confirmed_match,.evidence-decision.allow{background:var(--green-soft);color:#176a52;border-color:rgba(31,137,103,.16)}
.evidence-match.matched{background:var(--blue-soft);color:#245f99;border-color:rgba(35,136,255,.16)}
.evidence-match.needs_confirmation,.evidence-decision.recheck{background:var(--amber-soft);color:#825b14;border-color:rgba(184,130,25,.16)}
.evidence-match.single_source,.evidence-decision.not_configured{background:rgba(100,116,139,.09);color:var(--muted);border-color:rgba(100,116,139,.12)}
.evidence-decision.hold{background:var(--red-soft);color:#96384a;border-color:rgba(190,78,94,.16)}
.evidence-review-card{padding:20px}.evidence-review-stack{display:grid;gap:10px;margin-top:14px}
.evidence-review-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(247,251,254,.86)}
.evidence-review-item>div:first-child{display:grid;gap:4px}.evidence-review-item>div:first-child>span{font-size:14px;font-weight:780;color:var(--muted)}.evidence-review-item strong{font-size:15px;line-height:1.35}.evidence-review-item small{font-size:14px;line-height:1.45;color:var(--muted)}
.evidence-review-actions{display:flex;gap:8px;align-items:center}
.evidence-sources-card{padding:0!important;overflow:hidden}.evidence-sources-card>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;cursor:pointer}.evidence-sources-card>summary::-webkit-details-marker{display:none}.evidence-sources-card>summary span{display:grid;gap:4px}.evidence-sources-card>summary strong{font-size:16px}.evidence-sources-card>summary small{font-size:14px;color:var(--muted)}.evidence-sources-card>summary b{font-size:20px;color:var(--muted)}
.evidence-source-table-wrap{overflow:auto;border-top:1px solid var(--line)}.evidence-source-table{width:100%;min-width:720px;border-collapse:collapse}.evidence-source-table th,.evidence-source-table td{padding:12px 16px;border-bottom:1px solid var(--line2);text-align:left;font-size:14px}.evidence-source-table th{color:var(--muted);background:rgba(238,245,251,.78)}.evidence-source-table td strong,.evidence-source-table td small{display:block}.evidence-source-table td small{margin-top:3px;color:var(--muted)}
.evidence-detail-backdrop{position:fixed;inset:0;z-index:120;background:rgba(31,49,67,.24);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}
.evidence-detail-modal{width:min(1160px,calc(100vw - 48px));max-height:min(880px,calc(100vh - 48px));overflow:auto;border:1px solid rgba(62,102,137,.2);border-radius:24px;background:#f8fbff;box-shadow:0 32px 100px rgba(35,54,72,.3);outline:none}
.evidence-detail-header{position:sticky;top:0;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--line);background:rgba(248,251,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.evidence-detail-header h2{margin:5px 0 5px;font-size:26px;letter-spacing:-.03em}.evidence-detail-header p{margin:0;color:var(--muted);font-size:14px}
.evidence-detail-close{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink2);font-size:24px;line-height:1;flex:0 0 40px}
.evidence-detail-status{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 24px;background:rgba(237,245,251,.74);border-bottom:1px solid var(--line)}
.evidence-detail-status>div{min-height:92px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.7);display:grid;align-content:start;justify-items:start;gap:7px}.evidence-detail-status>div>span:first-child{font-size:14px;font-weight:750;color:var(--muted)}.evidence-detail-status small{font-size:14px;line-height:1.45;color:var(--muted)}
.evidence-detail-section{padding:22px 24px;border-bottom:1px solid var(--line)}.evidence-detail-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.evidence-detail-section-head h3{margin:5px 0 3px;font-size:19px}.evidence-detail-section-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}
.evidence-why-list{margin:0;padding-left:20px;display:grid;gap:7px;color:var(--ink2);font-size:15px;line-height:1.5}
.evidence-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.evidence-check{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:5px}.evidence-check span{font-size:14px;color:var(--muted)}.evidence-check strong{font-size:15px}.evidence-check small,.evidence-check em{font-size:14px;line-height:1.4;color:var(--muted);font-style:normal}.evidence-check.pass{border-left:4px solid rgba(39,157,118,.65)}.evidence-check.fail,.evidence-check.missing{border-left:4px solid rgba(204,75,95,.64)}.evidence-check.recheck{border-left:4px solid rgba(218,157,35,.7)}
.evidence-detail-source-stack,.evidence-conflict-stack{display:grid;gap:12px}.evidence-detail-source{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.72);overflow:hidden}.evidence-detail-source-head{display:flex;justify-content:space-between;gap:16px;padding:13px 15px;background:rgba(237,245,251,.7);border-bottom:1px solid var(--line2)}.evidence-detail-source-head>div{display:grid;gap:3px}.evidence-detail-source-head span,.evidence-detail-source-head small{font-size:14px;color:var(--muted)}.evidence-detail-source-head strong{font-size:15px}
.evidence-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.evidence-field-grid>div{min-height:94px;padding:13px 15px;border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);display:grid;align-content:start;gap:5px}.evidence-field-grid>div:nth-child(3n){border-right:0}.evidence-field-grid span{font-size:14px;font-weight:680;color:var(--muted)}.evidence-field-grid strong{font-size:15px;line-height:1.35;overflow-wrap:anywhere}.evidence-field-grid small{font-size:14px;line-height:1.35;color:var(--muted)}
.evidence-technical{padding:12px 15px}.evidence-technical>summary{cursor:pointer;font-size:14px;font-weight:720;color:var(--ink2)}.evidence-lineage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.evidence-lineage-grid>div{padding:10px;border:1px solid var(--line2);border-radius:12px;background:rgba(239,246,251,.68);display:grid;gap:5px}.evidence-lineage-grid span{font-size:14px;color:var(--muted)}.evidence-lineage-grid code{font-size:14px;overflow-wrap:anywhere;color:var(--ink2)}
.evidence-conflict-detail{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:15px;border:1px solid rgba(196,80,98,.2);border-radius:15px;background:var(--red-soft)}.evidence-conflict-detail>div{display:grid;gap:4px}.evidence-conflict-detail span,.evidence-conflict-detail small{font-size:14px;color:var(--muted)}.evidence-conflict-detail strong{font-size:17px}.evidence-conflict-detail>b{font-size:19px;color:#a23d50}.evidence-conflict-detail>p{grid-column:1/-1;margin:0;font-size:14px;line-height:1.45;color:var(--ink2)}
.evidence-object-advanced{padding:18px 24px}.evidence-empty-actions{display:flex;justify-content:center;margin-top:14px}
@media (max-width:1250px){.evidence-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-field-grid>div:nth-child(3n){border-right:1px solid var(--line2)}.evidence-field-grid>div:nth-child(2n){border-right:0}}
@media (max-width:820px){.evidence-inbox-hero{grid-template-columns:1fr;padding:20px}.evidence-inbox-hero h2{font-size:26px}.evidence-command-bar{align-items:stretch;flex-direction:column}.evidence-command-bar>label{min-width:0}.evidence-command-actions{justify-content:flex-start}.evidence-add-source{position:static}.evidence-add-source-panel{position:fixed;inset:auto 16px 16px 16px;width:auto;max-height:calc(100vh - 110px);overflow:auto;grid-template-columns:1fr}.evidence-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-review-item{grid-template-columns:1fr}.evidence-review-actions{justify-content:flex-start}.evidence-detail-backdrop{padding:10px;place-items:end center}.evidence-detail-modal{width:100%;max-height:92vh;border-radius:22px 22px 0 0}.evidence-detail-status{grid-template-columns:1fr;padding:14px 16px}.evidence-detail-section,.evidence-object-advanced{padding:18px 16px}.evidence-detail-header{padding:18px 16px}.evidence-check-grid,.evidence-field-grid,.evidence-lineage-grid{grid-template-columns:1fr}.evidence-field-grid>div{border-right:0!important}.evidence-conflict-detail{grid-template-columns:1fr}.evidence-conflict-detail>b{display:none}.evidence-conflict-detail>p{grid-column:auto}}
@media (max-width:520px){.evidence-summary-grid{grid-template-columns:1fr}.evidence-summary-card{min-height:104px}.evidence-table-toolbar{align-items:stretch;flex-direction:column}.evidence-search{max-width:none}.evidence-detail-section-head{flex-direction:column}.evidence-review-actions{flex-wrap:wrap}}

/* V15.0.0 — Administrator work-area management */
.studio-workarea-manager{margin-top:16px;border:1px solid var(--line);border-radius:17px;background:rgba(247,251,254,.76);overflow:hidden}
.studio-workarea-manager>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;min-height:62px}
.studio-workarea-manager>summary::-webkit-details-marker{display:none}
.studio-workarea-manager>summary>span{display:grid;gap:3px}
.studio-workarea-manager>summary strong{font-size:15px;color:var(--ink)}
.studio-workarea-manager>summary small{font-size:14px;line-height:1.45;color:var(--muted)}
.studio-workarea-manager>summary>b{min-width:34px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-size:14px;color:var(--ink2)}
.studio-workarea-manager-body{padding:0 18px 18px;border-top:1px solid var(--line2)}
.studio-workarea-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0}
.studio-workarea-select-all{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px;font-weight:700;color:var(--ink2)}
.studio-workarea-select-all input,.studio-workarea-row>input{width:18px;height:18px;min-width:18px;margin:0}
.studio-workarea-list{display:grid;gap:8px}
.studio-workarea-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:62px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}
.studio-workarea-row:hover{border-color:rgba(35,136,255,.25);background:rgba(246,251,255,.98);box-shadow:0 6px 18px rgba(52,83,111,.06)}
.studio-workarea-main{display:grid;gap:3px;min-width:0}
.studio-workarea-main strong{font-size:15px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-workarea-main small,.studio-workarea-meta{font-size:14px;color:var(--muted)}
.studio-workarea-warning{margin:13px 0 0;padding:12px 13px;border:1px solid rgba(190,78,94,.17);border-radius:13px;background:var(--red-soft);font-size:14px;line-height:1.5;color:var(--ink2)}
.studio-workarea-delete-dialog{width:min(660px,calc(100vw - 32px));border:1px solid rgba(54,91,123,.2);border-radius:20px;background:#f8fbff;box-shadow:0 28px 90px rgba(31,49,67,.3);padding:0;color:var(--ink)}
.studio-workarea-delete-dialog::backdrop{background:rgba(31,49,67,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.studio-workarea-delete-dialog form{display:grid;gap:14px;padding:22px}
.studio-workarea-delete-dialog h3{margin:0;font-size:22px;letter-spacing:-.02em}
.studio-workarea-delete-dialog p{margin:0;font-size:14px;line-height:1.55;color:var(--ink2)}
.studio-workarea-delete-list{display:grid;gap:7px;max-height:230px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.studio-workarea-delete-list>div{display:grid;gap:2px;padding:9px 10px;border-bottom:1px solid var(--line2)}
.studio-workarea-delete-list>div:last-child{border-bottom:0}
.studio-workarea-delete-list strong{font-size:14px}.studio-workarea-delete-list small{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.studio-workarea-delete-dialog label{display:grid;gap:7px}.studio-workarea-delete-dialog label>span{font-size:14px;color:var(--ink2)}
@media(max-width:700px){.studio-workarea-toolbar{align-items:stretch;flex-direction:column}.studio-workarea-toolbar .button{width:100%}.studio-workarea-row{grid-template-columns:auto minmax(0,1fr)}.studio-workarea-meta{grid-column:2}.studio-workarea-delete-dialog form{padding:18px}}

/* V14.4 — Policy-to-Control Analyzer */
.policy-analysis-panel{margin-top:18px;padding:20px;border:1px solid rgba(35,136,255,.18);border-radius:18px;background:linear-gradient(145deg,rgba(239,247,255,.92),rgba(247,252,255,.96));box-shadow:0 12px 34px rgba(55,92,126,.06)}
.policy-analysis-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.policy-analysis-head h4{margin:5px 0 5px;font-size:20px;letter-spacing:-.025em}.policy-analysis-head p{max-width:820px;margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.policy-safety-pill{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(39,157,118,.24);border-radius:999px;background:rgba(39,157,118,.08);font-size:14px;font-weight:800;letter-spacing:.06em;color:#246d57;white-space:nowrap}
.policy-analysis-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.policy-analysis-form>label{display:grid;gap:7px}.policy-analysis-form>label>span{font-size:14px;font-weight:720;color:var(--ink2)}.policy-analysis-form .policy-source-text{grid-column:1/-1}.policy-analysis-form .textarea{min-height:170px;resize:vertical;line-height:1.5}.policy-analysis-form>.button{justify-self:start}
.policy-analysis-assurance{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.policy-analysis-assurance span{padding:9px 10px;border:1px solid var(--line2);border-radius:11px;background:rgba(255,255,255,.7);font-size:14px;line-height:1.35;color:var(--ink2)}
.policy-analysis-result{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.policy-analysis-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.policy-analysis-metrics>div{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;display:grid;gap:4px}.policy-analysis-metrics span{font-size:14px;color:var(--muted)}.policy-analysis-metrics strong{font-size:22px;letter-spacing:-.03em}
.policy-candidate-list{display:grid;gap:9px;margin-top:12px}.policy-candidate{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82)}.policy-candidate.eligible{border-left:4px solid rgba(39,157,118,.62)}.policy-candidate.review{border-left:4px solid rgba(218,157,35,.65)}.policy-candidate>div:first-child{display:grid;gap:4px}.policy-candidate>div:first-child>span{font-size:14px;font-weight:800;letter-spacing:.07em;color:var(--muted)}.policy-candidate strong{font-size:14px}.policy-candidate q{font-size:14px;line-height:1.45;color:var(--ink2);quotes:'“' '”' '‘' '’'}.policy-candidate-map{display:grid;justify-items:end;gap:5px;min-width:130px}.policy-candidate-map small{font-size:14px;color:var(--muted)}.policy-candidate-map b{font-size:14px;padding:4px 7px;border-radius:999px;background:var(--blue-soft);color:var(--blue2)}
.policy-analysis-gap{display:grid;gap:6px;margin-top:12px;padding:12px 13px;border:1px solid rgba(218,157,35,.2);border-radius:13px;background:var(--amber-soft)}.policy-analysis-gap strong{font-size:14px}.policy-analysis-gap span{font-size:14px;line-height:1.4;color:var(--ink2)}.policy-analysis-lineage{display:block;margin-top:10px;font-size:14px;line-height:1.45;color:var(--muted)}
.policy-rule-evidence{margin-top:9px;padding:10px 11px;border:1px solid var(--line2);border-radius:11px;background:rgba(247,251,254,.82);display:grid;gap:5px}.policy-rule-evidence>span{font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--muted)}.policy-rule-evidence q{font-size:14px;line-height:1.45;color:var(--ink2)}.policy-rule-evidence small{font-size:14px;line-height:1.4;color:var(--muted)}.policy-rule-evidence.verified{border-left:4px solid rgba(39,157,118,.55)}.policy-rule-evidence.unverified{border-left:4px solid rgba(204,75,95,.55)}
.setup-origin.policy-analysis{background:rgba(80,117,214,.11);border-color:rgba(80,117,214,.18);color:#405da9}
@media(max-width:800px){.policy-analysis-head{flex-direction:column}.policy-analysis-form{grid-template-columns:1fr}.policy-analysis-form .policy-source-text,.policy-analysis-assurance{grid-column:auto}.policy-analysis-assurance,.policy-analysis-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.policy-candidate{grid-template-columns:1fr}.policy-candidate-map{justify-items:start}}
@media(max-width:520px){.policy-analysis-panel{padding:16px}.policy-analysis-assurance,.policy-analysis-metrics{grid-template-columns:1fr}}

/* V14.5 — Universal Protected Action Finder */
.protected-action-entry-stage{display:grid;gap:24px}
.action-catalog-count{min-width:132px;padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.56);text-align:right}
.action-catalog-count strong{display:block;font-size:28px;line-height:1;color:var(--ink)}
.action-catalog-count span{display:block;margin-top:5px;font-size:14px;color:var(--muted)}
.protected-action-finder{display:grid;gap:20px;padding:26px;border:1px solid rgba(35,136,255,.18);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(238,247,255,.76));box-shadow:0 18px 54px rgba(37,94,142,.10)}
.protected-action-finder-head{max-width:900px}
.protected-action-finder-head h3{margin:7px 0 8px;font-size:28px;line-height:1.08;letter-spacing:-.035em;color:var(--ink)}
.protected-action-finder-head p{margin:0;color:var(--ink2);line-height:1.55}
.protected-action-search{display:grid;gap:8px}
.protected-action-search .input{height:58px;padding:0 18px;border-radius:18px;border-color:rgba(35,136,255,.28);background:rgba(255,255,255,.92);font-size:17px;box-shadow:0 10px 30px rgba(35,136,255,.08)}
.protected-action-search .input:focus{outline:3px solid rgba(35,136,255,.13);border-color:var(--blue2)}
.protected-action-search small{color:var(--muted);line-height:1.45}
.protected-action-browser{display:grid;gap:13px;padding:16px;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.48)}
.protected-action-browser-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.protected-action-browser-row>span{min-width:104px;font-size:14px;font-weight:760;color:var(--ink2)}
.action-filter-pill{appearance:none;border:1px solid rgba(31,72,112,.14);border-radius:999px;background:rgba(255,255,255,.72);padding:9px 12px;color:var(--ink2);font-size:14px;font-weight:680;cursor:pointer;transition:.16s ease}
.action-filter-pill:hover{transform:translateY(-1px);border-color:rgba(35,136,255,.30);background:rgba(255,255,255,.94)}
.action-filter-pill.active{border-color:rgba(35,136,255,.34);background:rgba(35,136,255,.11);color:#125fae}
.protected-action-sector{display:grid;grid-template-columns:104px minmax(220px,360px) minmax(200px,1fr);gap:10px;align-items:center}
.protected-action-sector>span{font-size:14px;font-weight:760;color:var(--ink2)}
.protected-action-sector small{color:var(--muted);line-height:1.4}
.protected-action-result-head{display:flex;justify-content:space-between;gap:16px;align-items:end;padding-top:3px}
.protected-action-result-head>div{display:grid;gap:3px}
.protected-action-result-head strong{font-size:17px;color:var(--ink)}
.protected-action-result-head small{color:var(--muted)}
.protected-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.protected-action-card{appearance:none;min-width:0;min-height:220px;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:18px;border:1px solid rgba(31,72,112,.12);border-radius:20px;background:rgba(255,255,255,.76);color:var(--ink);cursor:pointer;box-shadow:0 10px 28px rgba(42,87,126,.06);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.protected-action-card:hover{transform:translateY(-2px);border-color:rgba(35,136,255,.32);box-shadow:0 16px 38px rgba(42,87,126,.12);background:rgba(255,255,255,.96)}
.protected-action-card.selected{border-color:rgba(35,136,255,.52);box-shadow:0 0 0 3px rgba(35,136,255,.10),0 18px 40px rgba(42,87,126,.10)}
.protected-action-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}
.protected-action-card-head span{font-size:14px;font-weight:720;color:#3976aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.protected-action-card-head b{font-size:14px;letter-spacing:.06em;color:#146aa8;background:rgba(86,201,255,.13);border-radius:999px;padding:5px 7px}
.protected-action-card>strong{font-size:18px;line-height:1.25;color:var(--ink)}
.protected-action-card>p{margin:9px 0 13px;color:var(--muted);line-height:1.48;font-size:14px}
.protected-action-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.protected-action-card-meta span{padding:6px 8px;border-radius:9px;background:rgba(37,136,255,.08);color:var(--ink2);font-size:14px;font-weight:650}
.protected-action-checks{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.protected-action-checks span{font-size:14px;color:var(--muted);padding-right:7px;border-right:1px solid var(--line)}
.protected-action-checks span:last-child{border-right:0}
.protected-action-no-results{grid-column:1/-1;display:grid;gap:7px;padding:24px;border:1px dashed rgba(31,72,112,.22);border-radius:18px;background:rgba(255,255,255,.48)}
.protected-action-no-results strong{color:var(--ink);font-size:17px}
.protected-action-no-results span{color:var(--muted)}
.protected-action-custom{border:1px solid rgba(31,72,112,.12);border-radius:18px;background:rgba(255,255,255,.56);overflow:hidden}
.protected-action-custom>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;cursor:pointer;list-style:none}
.protected-action-custom>summary::-webkit-details-marker{display:none}
.protected-action-custom>summary span{display:grid;gap:3px}
.protected-action-custom>summary strong{color:var(--ink)}
.protected-action-custom>summary small{color:var(--muted)}
.protected-action-custom>summary b{font-size:20px;color:var(--blue2)}
.protected-action-custom[open]>summary b{transform:rotate(45deg)}
#protected-action-custom-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 17px 18px}
#protected-action-custom-form label{display:grid;gap:7px}
#protected-action-custom-form label>span{font-size:14px;font-weight:700;color:var(--ink2)}
#protected-action-custom-form .form-full{grid-column:1/-1}
.protected-action-confirmation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:25px;border:1px solid rgba(35,136,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(234,246,255,.86));box-shadow:0 16px 44px rgba(37,94,142,.10)}
.protected-action-confirm-copy h3{margin:7px 0 7px;font-size:28px;letter-spacing:-.035em;color:var(--ink)}
.protected-action-confirm-copy>p{margin:0;color:var(--ink2);line-height:1.5;max-width:780px}
.protected-action-path{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:14px}
.protected-action-path span{padding:7px 9px;border-radius:10px;background:rgba(35,136,255,.09);font-size:14px;font-weight:700;color:#315f86}
.protected-action-path b{color:var(--muted2)}
.protected-action-typical{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:16px}
.protected-action-typical>strong{font-size:14px;color:var(--ink2);margin-right:3px}
.protected-action-typical>span{font-size:14px;color:var(--muted);padding:6px 8px;border:1px solid var(--line2);border-radius:9px;background:rgba(255,255,255,.66)}
.protected-action-confirm-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;min-width:190px}
.protected-action-confirmed-pill{display:grid;place-items:center;min-height:44px;padding:10px 14px;border:1px solid rgba(38,180,140,.23);border-radius:13px;background:rgba(61,215,154,.11);font-size:14px;font-weight:800;letter-spacing:.05em;color:#20745a}
.protected-action-workarea{display:grid;gap:15px;padding:21px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.62)}
.protected-action-create-workarea{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(220px,.8fr) auto;gap:12px;align-items:end}
.protected-action-create-workarea label{display:grid;gap:7px}
.protected-action-create-workarea label>span{font-size:14px;font-weight:700;color:var(--ink2)}
.protected-action-create-workarea>div{display:grid;gap:3px;padding:11px 13px;border:1px solid var(--line2);border-radius:13px;background:rgba(255,255,255,.58)}
.protected-action-create-workarea>div strong{color:var(--ink)}
.protected-action-create-workarea>div small{color:var(--muted)}
.protected-action-current-work{margin:0}
.setup-progress.four-stage{grid-template-columns:repeat(4,minmax(0,1fr))}

@media (max-width:1180px){
  .protected-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .protected-action-create-workarea{grid-template-columns:1fr 1fr}.protected-action-create-workarea .button{grid-column:1/-1}
}
@media (max-width:760px){
  .protected-action-finder{padding:18px;border-radius:21px}
  .protected-action-finder-head h3,.protected-action-confirm-copy h3{font-size:23px}
  .protected-action-browser-row>span{width:100%;min-width:0}
  .protected-action-sector{grid-template-columns:1fr}.protected-action-sector>span{margin-bottom:-3px}
  .protected-action-grid{grid-template-columns:1fr}
  .protected-action-card{min-height:0}
  .protected-action-confirmation{grid-template-columns:1fr;padding:19px}
  .protected-action-confirm-actions{min-width:0;flex-direction:row;flex-wrap:wrap}.protected-action-confirm-actions>*{flex:1 1 180px}
  #protected-action-custom-form{grid-template-columns:1fr}#protected-action-custom-form .form-full{grid-column:auto}
  .protected-action-create-workarea{grid-template-columns:1fr}.protected-action-create-workarea .button{grid-column:auto}
  .setup-progress.four-stage{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V15.0 end-to-end action control */
.setup-progress.six-stage{grid-template-columns:repeat(6,minmax(0,1fr))}
.action-value-preview{grid-column:1/-1;display:grid;gap:13px;margin-top:4px;padding:17px;border:1px solid rgba(35,136,255,.18);border-radius:18px;background:rgba(247,252,255,.78)}
.action-value-preview-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.action-value-preview-head strong{color:var(--ink);font-size:16px}.action-value-preview-head span,.action-value-preview>small{color:var(--muted);font-size:14px;line-height:1.45}
.action-value-preview-grid,.runtime-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.action-value-preview-grid article,.runtime-counts article{display:grid;gap:4px;padding:13px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.82)}
.action-value-preview-grid span,.runtime-counts span{font-size:14px;font-weight:800;letter-spacing:.035em;color:var(--ink2)}.action-value-preview-grid strong,.runtime-counts strong{font-size:25px;color:var(--ink)}.action-value-preview-grid small{font-size:14px;color:var(--muted);line-height:1.35}
.action-preview-ready{box-shadow:inset 0 3px 0 rgba(54,174,133,.45)}.action-preview-need-evidence{box-shadow:inset 0 3px 0 rgba(78,147,211,.45)}.action-preview-revalidate{box-shadow:inset 0 3px 0 rgba(215,157,55,.48)}.action-preview-blocked{box-shadow:inset 0 3px 0 rgba(205,88,88,.45)}
.control-pack-stage,.evidence-map-stage,.rule-assurance-stage,.simulation-stage,.activation-stage{display:grid;gap:18px}
.control-question-list,.evidence-map-list{display:grid;gap:12px;margin-bottom:16px}
.control-question-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.65fr);gap:14px;align-items:center;padding:17px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.72)}
.control-question-card>div:first-child{display:grid;gap:4px}.control-question-card>div:first-child>span,.evidence-map-head span{font-size:14px;font-weight:820;letter-spacing:.06em;color:#3976aa;text-transform:uppercase}.control-question-card strong,.evidence-map-head strong{color:var(--ink);font-size:16px}.control-question-card small,.evidence-map-head small{color:var(--muted);line-height:1.42}
.control-question-extra{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:3px}.control-question-extra label{display:grid;gap:6px}.control-question-extra label>span,.evidence-binding-grid label>span,.rule-assurance-form label>span{font-size:14px;font-weight:710;color:var(--ink2)}
.compiled-control-preview,.rule-assurance-summary{display:grid;gap:10px;padding:17px;border:1px solid rgba(35,136,255,.16);border-radius:18px;background:rgba(237,248,255,.56)}
.control-statement-list{display:grid;gap:8px}.control-statement-list article{display:grid;grid-template-columns:minmax(120px,.28fr) 1fr;gap:12px;align-items:start;padding:10px 12px;border:1px solid rgba(31,72,112,.09);border-radius:12px;background:rgba(255,255,255,.74)}.control-statement-list span{font-size:14px;font-weight:800;color:#3976aa;text-transform:uppercase}.control-statement-list strong{font-size:14px;color:var(--ink);line-height:1.4}
.evidence-map-card{display:grid;gap:13px;padding:17px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.76)}.evidence-map-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.evidence-map-head>div{display:grid;gap:4px}.evidence-map-head b{flex:none;padding:6px 8px;border-radius:999px;background:rgba(35,136,255,.09);color:#246fae;font-size:14px;letter-spacing:.04em}
.evidence-binding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.evidence-binding-grid.threshold-binding{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-binding-grid label{display:grid;gap:6px}.evidence-value-hint{color:var(--muted);line-height:1.4}
.rule-assurance-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.7)}.rule-assurance-form label{display:grid;gap:6px}.rule-assurance-form .form-full{grid-column:1/-1}.policy-compare-details{margin-top:12px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.62);overflow:hidden}.policy-compare-details>summary{padding:13px 15px;cursor:pointer;font-weight:720;color:var(--ink2)}
.control-simulation,.control-runtime{display:grid;gap:14px}.simulation-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.72)}.simulation-head>div{display:grid;gap:3px}.simulation-head strong{color:var(--ink)}.simulation-head span{font-size:14px;color:var(--muted)}.simulation-head>b{padding:7px 10px;border-radius:999px;font-size:14px;letter-spacing:.05em}.simulation-head>b.pass{background:rgba(61,215,154,.12);color:#20745a}.simulation-head>b.fail{background:rgba(225,111,92,.10);color:#a44d42}
.simulation-case-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.simulation-case-list article{display:grid;gap:4px;padding:13px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.72)}.simulation-case-list span{font-size:14px;font-weight:820;letter-spacing:.04em;color:#3976aa}.simulation-case-list strong{color:var(--ink);font-size:14px}.simulation-case-list small{color:var(--muted)}
.runtime-counts article:nth-child(1){box-shadow:inset 0 3px 0 rgba(54,174,133,.45)}.runtime-counts article:nth-child(2){box-shadow:inset 0 3px 0 rgba(78,147,211,.45)}.runtime-counts article:nth-child(3){box-shadow:inset 0 3px 0 rgba(215,157,55,.48)}.runtime-counts article:nth-child(4){box-shadow:inset 0 3px 0 rgba(205,88,88,.45)}
.runtime-changes{display:grid;gap:5px;padding:13px 15px;border:1px solid rgba(215,157,55,.22);border-radius:14px;background:rgba(255,249,232,.65)}.runtime-changes strong{color:var(--ink)}.runtime-changes span{font-size:14px;color:var(--ink2)}
.runtime-row-list{display:grid;gap:8px}.runtime-row{display:grid;grid-template-columns:minmax(200px,.55fr) 1fr;gap:14px;align-items:center;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.72)}.runtime-row>div{display:grid;gap:3px}.runtime-row span{font-size:14px;font-weight:820;letter-spacing:.04em}.runtime-row strong{color:var(--ink)}.runtime-row small{color:var(--muted);line-height:1.4}.runtime-row.ready span{color:#20745a}.runtime-row.need_evidence span{color:#2e6fa7}.runtime-row.revalidate span{color:#94651b}.runtime-row.blocked span{color:#a44d42}
#control-simulation-confirm,#studio-setup-activate{display:grid;gap:12px}.setup-activation-block{display:grid;gap:6px;padding:15px;border:1px solid rgba(205,88,88,.18);border-radius:15px;background:rgba(255,245,245,.6)}.setup-activation-block strong{color:var(--ink)}.setup-activation-block span{font-size:14px;color:var(--ink2)}
@media (max-width:1100px){.setup-progress.six-stage{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-binding-grid.threshold-binding{grid-template-columns:1fr 1fr}.evidence-binding-grid.threshold-binding label:last-child{grid-column:1/-1}}
@media (max-width:760px){.setup-progress.six-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.action-value-preview-grid,.runtime-counts,.simulation-case-list{grid-template-columns:repeat(2,minmax(0,1fr))}.control-question-card,.runtime-row{grid-template-columns:1fr}.control-question-extra,.evidence-binding-grid,.evidence-binding-grid.threshold-binding,.rule-assurance-form{grid-template-columns:1fr}.evidence-binding-grid.threshold-binding label:last-child,.rule-assurance-form .form-full{grid-column:auto}.evidence-map-head{display:grid}.action-value-preview-head{align-items:start;flex-direction:column}}

/* V15.0.2 — customer-only example surface */
.customer-example-surface .pilot-selector-copy{max-width:760px}
.customer-example-surface .pilot-selector-card>div{display:none!important}
.customer-example-surface .pilot-selector-card{min-height:118px;align-content:start}
.customer-example-surface .pilot-selector-card small{margin-top:7px;line-height:1.45}
.customer-example-surface .pilot-hero-v2>div:first-child>p{max-width:760px}
.customer-example-surface .pilot-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
.customer-example-surface .pilot-tab{min-height:46px;font-weight:760}
.customer-example-surface .pilot-next>span,.customer-example-surface .pilot-missing>span{letter-spacing:.08em;font-weight:800}
.customer-example-surface .pilot-change-list{display:grid;gap:10px;margin-top:14px}
.customer-example-surface .pilot-change-list article{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(160px,.8fr);gap:8px 18px;align-items:center;padding:15px 17px;border:1px solid #d7e5f2;border-radius:16px;background:#f8fbfe}
.customer-example-surface .pilot-change-list article strong{font-size:16px;color:#132b43}
.customer-example-surface .pilot-change-list article span{font-size:14px;font-weight:800;color:#245b8f;text-align:right}
.customer-example-surface .pilot-change-list article small{grid-column:1/-1;font-size:14px;color:#667f96}
.customer-example-surface .pilot-evidence-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.customer-example-surface .pilot-evidence-detail-card{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:18px;border:1px solid #d7e5f2;border-radius:18px;background:#fff}
.customer-example-surface .pilot-evidence-detail-card>div{display:grid;gap:4px}
.customer-example-surface .pilot-evidence-detail-card>div span{font-size:14px;color:#6a8298;font-weight:720}
.customer-example-surface .pilot-evidence-detail-card>div strong{font-size:16px;color:#132b43}
.customer-example-surface .pilot-evidence-detail-card p,.customer-example-surface .pilot-evidence-detail-card small{grid-column:1/-1;margin:0;color:#587188;line-height:1.55;font-size:14px}
.customer-example-surface .pilot-source-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.customer-example-surface .pilot-source-chips span{padding:9px 12px;border:1px solid #d4e3f0;border-radius:999px;background:#f7fbfe;color:#294d6e;font-size:14px;font-weight:700}
@media(max-width:900px){.customer-example-surface .pilot-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-example-surface .pilot-evidence-detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.customer-example-surface .pilot-tabs{grid-template-columns:1fr}.customer-example-surface .pilot-change-list article{grid-template-columns:1fr}.customer-example-surface .pilot-change-list article span{text-align:left}.customer-example-surface .pilot-change-list article small{grid-column:auto}}


/* V15.0.7 — FROZEN INFORMATION ARCHITECTURE + CUSTOMER EXAMPLES V2 */
body.customer-example-mode{background:#f4f8fc!important;}
.customer-example-v2{min-height:100vh;background:linear-gradient(180deg,#f7fbff 0%,#eef6fc 100%);color:#17304a;}
.customer-example-bar{position:sticky;top:0;z-index:20;height:72px;padding:0 max(24px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(248,252,255,.96);border-bottom:1px solid #d8e6f1;box-shadow:0 7px 24px rgba(54,88,118,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.customer-example-brand{appearance:none;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:11px;text-align:left;color:#17304a}.customer-example-brand img{width:38px;height:38px;border-radius:11px}.customer-example-brand strong{display:block;font-size:17px;line-height:1.05}.customer-example-brand span{display:block;margin-top:4px;font-size:14px;color:#607990}
.customer-example-content{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:34px 0 72px;display:grid;gap:22px}
.example-library{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.6fr);gap:28px;align-items:end;padding:0 2px}.example-library h1{margin:7px 0 8px;font-size:34px;line-height:1.08;letter-spacing:-.045em;color:#142c45}.example-library p{margin:0;color:#5c748a;font-size:15px;line-height:1.55}.example-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.example-library-card{appearance:none;text-align:left;border:1px solid #d4e3ef;border-radius:18px;background:#fff;padding:16px;min-height:142px;display:grid;align-content:start;gap:6px;box-shadow:0 8px 24px rgba(55,89,119,.04);transition:.15s ease}.example-library-card:hover{transform:translateY(-1px);border-color:#aaccec}.example-library-card.active{border-color:#5da5e4;background:#edf7ff;box-shadow:0 0 0 2px rgba(69,146,216,.08)}.example-library-card span{font-size:14px;font-weight:800;color:#477596;text-transform:uppercase;letter-spacing:.06em}.example-library-card strong{font-size:16px;color:#17304a;line-height:1.3}.example-library-card small{font-size:14px;color:#657d91;line-height:1.45}
.example-case-head{border:1px solid #d4e3ef;border-radius:24px;background:#fff;padding:26px;box-shadow:0 12px 34px rgba(55,89,119,.05);display:grid;gap:22px}.example-case-copy>span{font-size:14px;font-weight:800;color:#3974a7;text-transform:uppercase;letter-spacing:.08em}.example-case-copy h2{margin:7px 0 7px;font-size:32px;line-height:1.08;letter-spacing:-.04em;color:#142c45}.example-case-copy p{margin:0;color:#5c748a;font-size:15px;line-height:1.55}.example-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.example-context-grid article{padding:18px;border-radius:18px;background:#f4f9fd;border:1px solid #d9e7f2}.example-context-grid span{display:block;font-size:14px;font-weight:850;letter-spacing:.1em;color:#2b6ca5}.example-context-grid strong{display:block;margin-top:8px;font-size:18px;line-height:1.35;color:#17304a}.example-context-grid small{display:block;margin-top:6px;font-size:14px;color:#6b8297}
.example-journey{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center}.example-journey-label{display:grid;gap:4px}.example-journey-label span{font-size:14px;font-weight:850;letter-spacing:.1em;color:#3974a7}.example-journey-label strong{font-size:15px;color:#274761}.example-journey-track{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:8px;overflow:auto;padding-bottom:2px}.example-journey-step{appearance:none;border:1px solid #d5e3ee;background:#f9fcff;border-radius:15px;padding:11px 12px;display:flex;align-items:center;gap:9px;text-align:left;min-width:135px}.example-journey-step span{flex:0 0 29px;width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#e8f2fb;color:#4f7391;font-size:14px;font-weight:850}.example-journey-step strong{font-size:14px;line-height:1.3;color:#4c667c}.example-journey-step.complete{border-color:#bfe0d1;background:#f0faf5}.example-journey-step.complete span{background:#daf2e6;color:#287354}.example-journey-step.active{border-color:#64a9e5;background:#eaf6ff;box-shadow:0 0 0 2px rgba(67,148,220,.08)}.example-journey-step.active span{background:#d6ebff;color:#1e68a7}.example-journey-step.active strong{color:#17304a}
.example-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:7px;border:1px solid #d5e4ef;border-radius:18px;background:#eaf3fa}.example-tab{appearance:none;border:0;border-radius:13px;background:transparent;padding:12px;font:inherit;font-size:14px;font-weight:780;color:#52708a}.example-tab.active{background:#fff;color:#174f80;box-shadow:0 3px 12px rgba(56,91,121,.08)}
.example-tab-body{display:grid;gap:16px}.example-decision-now{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}.example-decision-card,.example-next-card,.example-section-intro,.example-condition-list,.example-whatif-flow,.example-outcome-list{border:1px solid #d4e3ef;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(55,89,119,.04)}.example-decision-card,.example-next-card{padding:24px}.example-action-status{display:inline-flex;margin:14px 0 12px;padding:8px 12px;border-radius:999px;font-size:14px;font-weight:850;letter-spacing:.04em}.example-action-status.good{background:#e7f7ef;color:#246d51}.example-action-status.warn{background:#fff5da;color:#866319}.example-action-status.danger{background:#fff0e9;color:#9a553d}.example-action-status.neutral{background:#edf3f8;color:#526f86}.example-decision-card h3,.example-next-card h3{margin:0;font-size:24px;line-height:1.22;color:#17304a}.example-decision-card p,.example-next-card p{margin:10px 0 0;font-size:15px;line-height:1.55;color:#5a738a}.example-condition-count{display:flex;align-items:baseline;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e1ebf3}.example-condition-count strong{font-size:20px;color:#1d5f96}.example-condition-count span{font-size:14px;color:#667f95}.example-next-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.example-condition-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.example-condition-chip{min-height:74px;padding:12px 13px;border:1px solid #d7e5ef;border-radius:15px;background:#fff;display:flex;align-items:flex-start;gap:9px}.example-condition-chip>span{flex:0 0 25px;width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:#edf3f8;color:#536f86;font-weight:900}.example-condition-chip strong{font-size:14px;line-height:1.35;color:#405d75}.example-condition-chip.good{border-color:#c9e7d8}.example-condition-chip.good>span{background:#e3f6ec;color:#247151}.example-condition-chip.warn{border-color:#eadcae}.example-condition-chip.warn>span{background:#fff5d9;color:#866319}.example-condition-chip.danger{border-color:#efcfbf}.example-condition-chip.danger>span{background:#fff0e8;color:#9c543c}
.example-section-intro{padding:24px}.example-section-intro h3{margin:7px 0 7px;font-size:26px;line-height:1.2;color:#17304a}.example-section-intro p{margin:0;max-width:820px;font-size:15px;line-height:1.55;color:#5d758a}.example-condition-list{padding:10px;display:grid;gap:8px}.example-condition-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:16px;border:1px solid #e0eaf2;border-radius:16px;background:#fbfdff}.example-condition-main strong{display:block;font-size:16px;color:#17304a}.example-condition-main span{display:block;margin-top:4px;font-size:14px;color:#688096}.example-condition-row details{grid-column:1/-1;border-top:1px solid #e4edf4;padding-top:10px}.example-condition-row summary{cursor:pointer;color:#28679d;font-size:14px;font-weight:760}.example-condition-basis{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:12px;margin-top:12px}.example-condition-basis>div{padding:12px;border-radius:12px;background:#f2f7fb}.example-condition-basis span{font-size:14px;font-weight:850;letter-spacing:.08em;color:#4e789a}.example-condition-basis p{margin:5px 0 0;font-size:14px;line-height:1.45;color:#405f78}
.example-whatif-flow{padding:22px;display:grid;grid-template-columns:1fr 44px 1.25fr 44px 1fr;gap:10px;align-items:stretch}.example-whatif-flow article{padding:18px;border-radius:16px;background:#f5f9fc;border:1px solid #dbe8f1}.example-whatif-flow article.change{background:#edf7ff;border-color:#c8e0f3}.example-whatif-flow article span{font-size:14px;font-weight:850;letter-spacing:.09em;color:#477696}.example-whatif-flow article strong{display:block;margin-top:8px;font-size:20px;color:#17304a}.example-whatif-flow article p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#60798f}.example-whatif-arrow{display:grid;place-items:center;color:#5791bf;font-size:23px}.example-scenario-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:2px}
.example-outcome-list{padding:10px;display:grid;gap:8px}.example-outcome-row{display:grid;grid-template-columns:minmax(0,1.5fr) .8fr .8fr auto;gap:14px;align-items:center;padding:16px;border:1px solid #e0eaf2;border-radius:16px;background:#fbfdff}.example-outcome-row>div:first-child strong{display:block;font-size:16px;color:#17304a}.example-outcome-row>div:first-child span{display:block;margin-top:4px;font-size:14px;color:#687f94}.example-outcome-row small{display:block;font-size:14px;color:#788da0}.example-outcome-row b{display:block;margin-top:3px;font-size:15px;color:#2e5574}.example-outcome-action{display:flex;justify-content:center}
@media(max-width:1080px){.example-library{grid-template-columns:1fr}.example-library-grid{grid-template-columns:1fr 1fr 1fr}.example-decision-now{grid-template-columns:1fr}.example-condition-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.example-whatif-flow{grid-template-columns:1fr}.example-whatif-arrow{transform:rotate(90deg)}.example-outcome-row{grid-template-columns:1fr 1fr}.example-outcome-row>div:first-child{grid-column:1/-1}}
@media(max-width:760px){.customer-example-bar{height:64px;padding:0 14px}.customer-example-content{width:calc(100% - 24px);padding:20px 0 50px;gap:16px}.example-library h1{font-size:28px}.example-library-grid{grid-template-columns:1fr}.example-case-head{padding:18px;border-radius:20px}.example-case-copy h2{font-size:27px}.example-context-grid{grid-template-columns:1fr}.example-journey{grid-template-columns:1fr}.example-journey-track{grid-template-columns:repeat(5,minmax(150px,1fr))}.example-tabs{grid-template-columns:1fr 1fr}.example-decision-card,.example-next-card,.example-section-intro{padding:18px}.example-condition-strip{grid-template-columns:1fr}.example-condition-basis{grid-template-columns:1fr}.example-outcome-row{grid-template-columns:1fr}.example-outcome-row>div:first-child{grid-column:auto}.customer-example-brand div{display:none}}

.example-outcome-pending{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:999px;border:1px solid #c9d9eb;background:#f3f7fb;color:#52677f;font-size:14px;font-weight:800;letter-spacing:.04em}


/* V15.0.7 — standard shell consistency + persistent active navigation
   Customer Examples uses the exact same application shell and complete navigation
   as every other Validelta page. Only the Examples item is marked active. */
body.customer-example-mode{
  background:var(--page-bg,#f4f8fc)!important;
}
body.customer-example-mode .global-nav{display:block!important;}
body.customer-example-mode .topbar{display:flex!important;}
body.customer-example-mode .site-footer{display:block!important;}
body.customer-example-mode .customer-example-v2{
  min-height:0!important;
  background:transparent!important;
  color:inherit!important;
}
body.customer-example-mode .customer-example-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:22px!important;
}
body.customer-example-mode .customer-example-bar{display:none!important;}

/* Active navigation is intentionally stronger than hover and survives
   page refresh, browser history and detail views because it is derived from
   state.view on every render. */
.primary-nav-item.active,
.primary-nav-item[aria-current="page"],
.primary-nav-item[aria-current="true"]{
  color:#123c67!important;
  background:linear-gradient(90deg,#e1effd,#eaf5fc)!important;
  border-color:var(--sidebar-active-border)!important;
  box-shadow:inset 3px 0 0 #4d91d6!important;
}
.primary-nav-item.active::before,
.primary-nav-item[aria-current="page"]::before,
.primary-nav-item[aria-current="true"]::before{
  background:linear-gradient(145deg,#d8eafd,#e8f5fc)!important;
  border-color:#9fc6ec!important;
  color:#1d5f9f!important;
}
.nav-item.active,.subnav-item.active,
.nav-item[aria-current="page"],.subnav-item[aria-current="page"]{
  background:linear-gradient(90deg,#dfedfc,#eaf5fb)!important;
  border-color:#a9cdef!important;
  box-shadow:inset 3px 0 0 #4f91d3!important;
}

@media (max-width:760px){
  body.customer-example-mode .customer-example-content{gap:16px!important;}
}

/* V15.0.7 — Customer Example condition drill-down */
.example-condition-chip{
  appearance:none;
  width:100%;
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease;
}
.example-condition-chip:hover{
  transform:translateY(-1px);
  border-color:#86b9e3;
  box-shadow:0 8px 18px rgba(55,89,119,.07);
}
.example-condition-chip:focus-visible{
  outline:3px solid rgba(55,132,198,.24);
  outline-offset:2px;
}
.example-condition-chip.selected{
  border-color:#5f9fd6;
  box-shadow:0 0 0 2px rgba(69,146,216,.10);
}
.example-condition-chip>div{display:grid;gap:4px;min-width:0}
.example-condition-chip small{font-size:14px;line-height:1.35;color:#6d8497;font-weight:650}
.example-condition-row.selected{border-color:#77afe0;background:#f3f9ff;box-shadow:0 0 0 2px rgba(69,146,216,.08)}
.example-condition-basis small{display:block;margin-top:6px;font-size:14px;line-height:1.4;color:#71879a}
.example-condition-overlay{
  position:fixed;
  inset:0;
  z-index:1400;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(31,57,79,.24);
  backdrop-filter:blur(2px);
}
.example-condition-modal{
  width:min(920px,calc(100vw - 40px));
  max-height:min(780px,calc(100vh - 56px));
  overflow:auto;
  border:1px solid #cedfeb;
  border-radius:24px;
  background:#fff;
  box-shadow:0 30px 80px rgba(34,65,92,.22);
  padding:24px;
}
.example-condition-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e0eaf2}
.example-condition-modal-head h3{margin:6px 0 0;font-size:28px;line-height:1.16;color:#17304a;letter-spacing:-.025em}
.example-condition-close{appearance:none;border:1px solid #d0dfeb;background:#f7fbfe;color:#365f7f;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font-size:24px;line-height:1;cursor:pointer}
.example-condition-close:hover{border-color:#8ebce1;background:#eef7ff}
.example-condition-modal-status{display:flex;align-items:center;gap:12px;margin:18px 0}
.example-condition-modal-status>span:last-child{font-size:15px;line-height:1.5;color:#526e85}
.example-condition-basis-grid{display:grid;grid-template-columns:1.15fr 1.15fr .8fr;gap:12px}
.example-condition-basis-grid article{padding:18px;border:1px solid #dbe7f0;border-radius:16px;background:#f8fbfd;min-width:0}
.example-condition-basis-grid article>span,.example-condition-impact>span{display:block;font-size:14px;font-weight:850;letter-spacing:.09em;color:#4a789c}
.example-condition-basis-grid strong{display:block;margin-top:9px;font-size:16px;line-height:1.5;color:#17304a;overflow-wrap:anywhere}
.example-condition-basis-grid small{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:#70869a}
.example-condition-impact{margin-top:14px;padding:16px 18px;border-radius:16px;background:#eef6fc;border:1px solid #d3e4f1}
.example-condition-impact strong{display:block;margin-top:7px;font-size:16px;line-height:1.45;color:#234d6d}
.example-condition-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:18px}
@media(max-width:820px){
  .example-condition-overlay{padding:14px}
  .example-condition-modal{width:100%;max-height:calc(100vh - 28px);padding:18px;border-radius:20px}
  .example-condition-modal-head h3{font-size:24px}
  .example-condition-basis-grid{grid-template-columns:1fr}
  .example-condition-modal-status{align-items:flex-start;flex-direction:column}
  .example-condition-modal-actions{justify-content:stretch}
  .example-condition-modal-actions .button{width:100%}
}