:root {
  --navy:#0b1d2a;
  --navy-soft:#132d3e;
  --gold:#b8924b;
  --gold-light:#d8bd82;
  --cream:#f5f1e8;
  --paper:#fffdfa;
  --ink:#15212a;
  --muted:#69757b;
  --line:#d9ddd8;
  --green:#176d49;
  --green-bg:#e6f3ec;
  --amber:#936717;
  --amber-bg:#fff4d8;
  --red:#a6362f;
  --red-bg:#fbe9e7;
  --blue:#255f85;
  --blue-bg:#e9f1f6;
  --shadow:0 18px 45px rgba(11,29,42,.10);
  --radius:18px;
}

* { box-sizing:border-box; }
html { background:var(--cream); }
body {
  margin:0;
  min-height:100vh;
  background:var(--cream);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
button,input,textarea,select { font:inherit; }
button { cursor:pointer; }
a { color:var(--blue); }

.skip-link {
  position:fixed;
  top:-70px;
  left:12px;
  z-index:1000;
  background:white;
  color:var(--ink);
  padding:12px 16px;
  border-radius:10px;
}
.skip-link:focus { top:12px; }

.app-shell {
  display:grid;
  grid-template-columns:270px minmax(0,1fr);
  min-height:100vh;
}

.sidebar {
  position:sticky;
  top:0;
  height:100vh;
  z-index:50;
  display:flex;
  flex-direction:column;
  padding:28px 20px;
  color:white;
  background:var(--navy);
}

.brand {
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 8px 28px;
  border-bottom:1px solid rgba(255,255,255,.15);
}
.brand svg {
  width:45px;
  fill:none;
  stroke:var(--gold-light);
  stroke-width:3;
}
.brand strong {
  display:block;
  font-size:19px;
  letter-spacing:.15em;
}
.brand span {
  display:block;
  color:rgba(255,255,255,.62);
  font-size:10px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.sidebar nav {
  display:grid;
  gap:7px;
  margin-top:24px;
}
.sidebar nav button,
.side-button {
  min-height:44px;
  border:0;
  border-radius:12px;
  padding:12px 14px;
  color:rgba(255,255,255,.72);
  background:transparent;
  text-align:left;
}
.sidebar nav button:hover,
.sidebar nav button.active,
.side-button:hover {
  color:white;
  background:rgba(255,255,255,.09);
}
.sidebar-footer {
  display:grid;
  gap:8px;
  margin-top:auto;
}
.release-status {
  margin-bottom:4px;
  color:rgba(255,255,255,.64);
  font-size:11px;
}
.release-status span {
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border-radius:50%;
  background:#7ee2aa;
  box-shadow:0 0 0 4px rgba(126,226,170,.10);
}
.side-button { border:1px solid rgba(255,255,255,.22); }

.workspace {
  min-width:0;
  display:flex;
  flex-direction:column;
}
.topbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:30px 38px 20px;
}
.title-area {
  display:flex;
  align-items:center;
  gap:10px;
}
.title-area p,
.dialog-heading p {
  margin:0 0 5px;
  color:var(--gold);
  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;
  text-transform:uppercase;
}
h1,h2,h3 {
  margin:0;
  font-family:Georgia,serif;
}
h1 { font-size:34px; }
h2 { font-size:24px; }
h3 { font-size:18px; }

.top-actions {
  display:flex;
  align-items:center;
  gap:10px;
}
.status,
.badge {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:850;
}
.good { color:var(--green); background:var(--green-bg); }
.warn { color:var(--amber); background:var(--amber-bg); }
.bad { color:var(--red); background:var(--red-bg); }
.info { color:var(--blue); background:var(--blue-bg); }

.menu-button,
.primary-button,
.secondary-button,
.icon-button {
  min-height:44px;
  border-radius:11px;
  padding:10px 14px;
  font-weight:750;
}
.menu-button {
  display:none;
  border:0;
  background:transparent;
  font-size:22px;
}
.primary-button {
  border:1px solid var(--navy);
  color:white;
  background:var(--navy);
}
.secondary-button {
  border:1px solid var(--line);
  color:var(--ink);
  background:white;
}
.icon-button {
  min-width:44px;
  border:0;
  background:transparent;
  font-size:26px;
}

.content { padding:10px 38px 48px; }
.grid { display:grid; gap:18px; }
.kpi-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-bottom:18px;
}
.two-column { grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr); }
.card,
.kpi {
  background:var(--paper);
  border:1px solid rgba(11,29,42,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card { padding:22px; }
.kpi { padding:20px; }
.kpi label {
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.kpi strong {
  display:block;
  margin:8px 0;
  font-family:Georgia,serif;
  font-size:30px;
}
.kpi small,
.muted {
  color:var(--muted);
  font-size:12px;
}
.section-heading,
.card-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.section-heading { align-items:flex-end; }
.stack { display:grid; gap:12px; }
.row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
  font-size:13px;
}
.row:last-child { border-bottom:0; }
.row-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.table-wrap {
  overflow:auto;
  border:1px solid var(--line);
  border-radius:14px;
  background:white;
}
table {
  width:100%;
  min-width:920px;
  border-collapse:collapse;
}
th,td {
  padding:12px 13px;
  border-bottom:1px solid var(--line);
  text-align:left;
  white-space:nowrap;
  font-size:12px;
}
th {
  position:sticky;
  top:0;
  color:var(--muted);
  background:#f7f8f5;
  font-size:10px;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.offer-best { box-shadow:inset 4px 0 var(--green); }

.notice {
  padding:14px 16px;
  border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;
  background:#fff8e8;
  font-size:13px;
}
.rule {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:start;
  gap:12px;
  padding:13px;
  border:1px solid var(--line);
  border-radius:13px;
  background:white;
}
.rule b {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  color:white;
  background:var(--navy);
}
.diagnostic-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.diagnostic-grid div {
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f8f8f5;
}
.diagnostic-grid strong {
  display:block;
  font-size:18px;
}

dialog {
  width:min(820px,94vw);
  max-height:92vh;
  overflow:auto;
  padding:0;
  border:0;
  border-radius:20px;
  box-shadow:0 28px 90px rgba(0,0,0,.32);
}
dialog::backdrop { background:rgba(11,29,42,.68); }
dialog form { padding:24px; }
.dialog-heading {
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:20px;
}
label {
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:12px;
  font-weight:750;
}
label.wide { grid-column:1/-1; }
input,textarea,select {
  width:100%;
  min-height:44px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--ink);
  background:white;
}
textarea {
  min-height:180px;
  resize:vertical;
}
fieldset {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:12px;
}
.check {
  display:flex;
  align-items:center;
  gap:8px;
}
.check input {
  width:auto;
  min-height:auto;
}
.dialog-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
  margin-top:20px;
}
.toast {
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:1000;
  max-width:min(420px,calc(100vw - 44px));
  padding:12px 16px;
  border-radius:12px;
  color:white;
  background:var(--navy);
  opacity:0;
  transform:translateY(100px);
  transition:.25s;
}
.toast.show {
  opacity:1;
  transform:none;
}
.empty {
  padding:28px;
  color:var(--muted);
  text-align:center;
}
footer {
  margin-top:auto;
  padding:18px 38px 34px;
  color:var(--muted);
  font-size:12px;
}
footer span { margin:0 7px; }

:focus-visible {
  outline:3px solid #2f7db4;
  outline-offset:3px;
}

@media (max-width:1050px) {
  .kpi-grid { grid-template-columns:repeat(2,1fr); }
  .two-column { grid-template-columns:1fr; }
}
@media (max-width:780px) {
  .app-shell { grid-template-columns:1fr; }
  .sidebar {
    position:fixed;
    left:-290px;
    width:270px;
    transition:left .25s;
  }
  .sidebar.open { left:0; }
  .menu-button { display:block; }
  .topbar { padding:20px; }
  .content { padding:8px 20px 36px; }
  .status { display:none; }
  .form-grid,fieldset { grid-template-columns:1fr; }
  label.wide { grid-column:auto; }
}
@media (max-width:560px) {
  .kpi-grid { grid-template-columns:1fr; }
  h1 { font-size:28px; }
  .top-actions .primary-button { display:none; }
  .topbar { align-items:flex-start; }
  .diagnostic-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
  * { scroll-behavior:auto!important; transition:none!important; }
}

.visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.visual-card{min-height:280px}
.chart-wrap{width:100%;overflow:hidden}.chart-wrap svg{width:100%;height:auto;display:block}
.chart-label{fill:var(--muted);font-size:11px}.chart-value{fill:var(--ink);font-size:12px;font-weight:800}.chart-grid-line{stroke:var(--line);stroke-width:1}
.chart-bar{fill:var(--navy-soft);rx:7}.chart-bar.best{fill:var(--green)}.chart-bar.warn{fill:var(--gold)}
.gauge-track{fill:none;stroke:#e3e8e5;stroke-width:16}.gauge-value{fill:none;stroke:var(--green);stroke-width:16;stroke-linecap:round}
.gauge-center{fill:var(--ink);font-family:Georgia,serif;font-size:28px;font-weight:700}.gauge-sub{fill:var(--muted);font-size:11px}
.metric-pill{display:inline-flex;align-items:center;min-height:30px;padding:6px 9px;border-radius:999px;background:#f0f2ef;font-size:11px;font-weight:750}
.sparkline{width:100%;height:48px}.sparkline polyline{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.drilldown{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.hidden{display:none!important}
body.compact .card{padding:15px}body.compact .row{padding:8px 0}body.compact th,body.compact td{padding:8px 10px}
@media(max-width:900px){.visual-grid{grid-template-columns:1fr}}


/* v6.0 Gold Standard visual direction */
:root{
  --navy:#081a27;
  --navy-soft:#12354a;
  --gold:#c69b52;
  --gold-light:#ead8ab;
  --cream:#f2efe8;
  --paper:#fffdf8;
  --ink:#10202b;
  --muted:#6b747a;
  --line:#d9ddd7;
  --green:#13714b;
  --green-bg:#e5f4eb;
  --amber:#9b6e18;
  --amber-bg:#fff5d9;
  --red:#a63c32;
  --red-bg:#fae9e7;
  --blue:#2f6d94;
  --blue-bg:#e8f1f7;
  --shadow:0 22px 60px rgba(8,26,39,.12);
  --shadow-soft:0 10px 30px rgba(8,26,39,.07);
}
body{
  background:
    radial-gradient(circle at top right,rgba(198,155,82,.14),transparent 28rem),
    linear-gradient(180deg,#f7f4ee 0%,var(--cream) 100%);
}
.sidebar{
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 25%),
    var(--navy);
  border-right:1px solid rgba(255,255,255,.06);
}
.brand{
  position:relative;
}
.brand:after{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.topbar{
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(18px);
  background:rgba(247,244,238,.86);
  border-bottom:1px solid rgba(16,32,43,.06);
}
.card,.kpi{
  border:1px solid rgba(8,26,39,.08);
  box-shadow:var(--shadow-soft);
}
.kpi{
  position:relative;
  overflow:hidden;
}
.kpi:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--gold),var(--gold-light));
}
.card:hover,.kpi:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow);
}
.card,.kpi,.primary-button,.secondary-button,.sidebar nav button{
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.primary-button{
  background:linear-gradient(135deg,var(--navy),#184b67);
  box-shadow:0 8px 20px rgba(8,26,39,.18);
}
.primary-button:hover{transform:translateY(-1px)}
.secondary-button:hover{border-color:var(--gold);box-shadow:0 6px 16px rgba(198,155,82,.12)}
.hero{
  position:relative;
  overflow:hidden;
  min-height:240px;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:28px;
  align-items:center;
  padding:30px;
  border-radius:24px;
  color:white;
  background:
    radial-gradient(circle at 85% 25%,rgba(234,216,171,.25),transparent 14rem),
    linear-gradient(135deg,#081a27,#12354a);
  box-shadow:var(--shadow);
}
.hero:after{
  content:"";
  position:absolute;
  width:300px;
  height:300px;
  right:-90px;
  bottom:-170px;
  border:1px solid rgba(234,216,171,.22);
  border-radius:50%;
  box-shadow:0 0 0 35px rgba(234,216,171,.04),0 0 0 75px rgba(234,216,171,.025);
}
.hero h2{font-size:40px;line-height:1.05}
.hero p{color:rgba(255,255,255,.72);max-width:62ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.hero .secondary-button{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.22)}
.hero-mark{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
}
.hero-mark svg{width:min(280px,70vw)}
.hero-mark circle,.hero-mark path{fill:none;stroke:var(--gold-light);stroke-width:2.5}
.page-intro{margin-bottom:18px}
.page-intro h2{font-size:30px}
.page-intro p{max-width:74ch}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card{
  padding:22px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfaf6);
}
.feature-card strong{display:block;font-family:Georgia,serif;font-size:20px;margin-bottom:8px}
.feature-card small{color:var(--muted)}
.timeline{display:grid;gap:12px}
.timeline-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:14px;align-items:start}
.timeline-dot{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:white;background:var(--navy)}
.score-ring{
  --score:75;
  width:132px;height:132px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(var(--green) calc(var(--score)*1%),#e6ebe7 0);
  position:relative;
}
.score-ring:after{
  content:"";
  position:absolute;inset:14px;border-radius:50%;background:var(--paper);
}
.score-ring strong{position:relative;z-index:1;font-size:28px}
.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.document-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:white}
.document-card h3{margin-bottom:8px}
.command-dialog{width:min(680px,94vw)}
.command-results{display:grid;gap:8px;margin-top:16px}
.command-item{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  background:white;
  text-align:left;
}
.command-item:hover,.command-item:focus{border-color:var(--gold);background:#fffaf0}
.command-item small{color:var(--muted)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.setting-row:last-child{border-bottom:0}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.feature-grid,.document-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero{padding:22px}.hero h2{font-size:32px}.feature-grid,.document-grid,.settings-grid{grid-template-columns:1fr}}


/* v7.0 brand launch */
.brand-symbol{width:52px;height:52px;display:block;flex:0 0 auto}
.brand strong{font-size:14px;letter-spacing:.16em}
.brand span{font-size:11px;letter-spacing:.26em;color:var(--gold-light)}
.brand small{display:block;margin-top:5px;color:rgba(255,255,255,.48);font-size:8px;letter-spacing:.15em;text-transform:uppercase}
.brand-line{display:block;margin-top:6px;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.hero-brand-lockup{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.hero-brand-lockup img{width:72px;height:72px}
.hero-brand-lockup strong{display:block;font-family:Georgia,serif;font-size:22px;letter-spacing:.12em}
.hero-brand-lockup span{display:block;color:var(--gold-light);font-size:11px;letter-spacing:.28em}
.hero-tagline{margin-top:7px;color:rgba(255,255,255,.62)!important;font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.signature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.signature-card{padding:16px 18px;border:1px solid rgba(198,155,82,.26);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))}
.signature-card strong{display:block;color:white;font-family:Georgia,serif;font-size:18px}.signature-card span{color:rgba(255,255,255,.58);font-size:11px}
@media(max-width:760px){.signature-strip{grid-template-columns:1fr}.hero-brand-lockup img{width:58px;height:58px}}

/* v8.1 Sprint 1 foundation */
.scope-control{display:grid;gap:4px;min-width:210px}.scope-control label{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.scope-control select{min-height:40px}
.foundation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.foundation-stat{padding:16px;border:1px solid var(--line);border-radius:14px;background:white}.foundation-stat strong{display:block;font-size:25px;font-family:Georgia,serif}.foundation-stat span{color:var(--muted);font-size:11px}
.hierarchy-tree{display:grid;gap:8px}.tree-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:white}.tree-row[data-depth="1"]{margin-left:20px}.tree-row[data-depth="2"]{margin-left:40px}.tree-row[data-depth="3"]{margin-left:60px}
.search-box{display:flex;gap:10px}.search-box input{flex:1}.search-result{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}
.workflow-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:white}.progress-track{height:8px;border-radius:999px;background:#e8ece9;overflow:hidden}.progress-value{height:100%;background:var(--green)}
.alert-list{display:grid;gap:10px}.alert-item{padding:13px;border-radius:12px;border-left:4px solid var(--gold);background:#fffaf0}.alert-item.critical{border-left-color:var(--red);background:var(--red-bg)}
.nexus-mark path{fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){.foundation-grid{grid-template-columns:repeat(2,1fr)}.scope-control{min-width:0}}
@media(max-width:560px){.foundation-grid{grid-template-columns:1fr}.scope-control{display:none}.search-box{display:grid}}

/* v8.2 portfolio intelligence */
.health-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.health-dimension{padding:14px;border:1px solid var(--line);border-radius:14px;background:white}
.health-dimension strong{display:block;font-size:22px;font-family:Georgia,serif}
.health-dimension small{color:var(--muted)}
.ranking-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:white}
.health-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;color:white;background:linear-gradient(135deg,var(--navy),var(--navy-soft));font-family:Georgia,serif;font-size:24px}
.health-badge.excellent{background:linear-gradient(135deg,#0f6c48,#2c9469)}
.health-badge.watch{background:linear-gradient(135deg,#9a6c15,#c99a3d)}
.health-badge.underperforming{background:linear-gradient(135deg,#9c332d,#c75c53)}
.performance-table td:first-child{position:sticky;left:0;background:white}
.briefing-list{display:grid;gap:10px}
.briefing-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:white}
.briefing-dot{width:10px;height:10px;border-radius:50%;background:var(--blue)}
.briefing-item[data-type="critical"] .briefing-dot{background:var(--red)}
.briefing-item[data-type="warning"] .briefing-dot{background:var(--amber)}
.briefing-item[data-type="positive"] .briefing-dot{background:var(--green)}
.scenario-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.delta-positive{color:var(--green)}.delta-negative{color:var(--red)}
.scope-cycle{display:flex;gap:8px;align-items:center}
@media(max-width:1000px){.health-grid{grid-template-columns:repeat(2,1fr)}.scenario-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.health-grid,.scenario-summary{grid-template-columns:1fr}.ranking-card{grid-template-columns:64px 1fr}.ranking-card>.row-actions{grid-column:1/-1}}

/* v8.4 capital and funding intelligence */
.capital-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.loan-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}
.loan-card.best{border-color:var(--green);box-shadow:0 12px 30px rgba(19,113,75,.12)}
.risk-list{display:grid;gap:7px;margin-top:12px}.risk-item{padding:8px 10px;border-radius:10px;background:var(--amber-bg);color:var(--amber);font-size:11px}
.opportunity-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:18px;background:white}
.match-score{display:grid;place-items:center;width:92px;height:92px;border-radius:24px;color:white;background:linear-gradient(135deg,var(--navy),var(--navy-soft))}
.match-score strong{font-family:Georgia,serif;font-size:30px}.match-score small{color:rgba(255,255,255,.7)}
.source-link{font-size:11px;font-weight:700;color:var(--blue)}
.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.pipeline-column{min-height:220px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8f8f5}
.pipeline-column h3{font-size:14px}.pipeline-item{margin-top:10px;padding:12px;border-radius:12px;background:white;border:1px solid var(--line)}
.jurisdiction-chips{display:flex;flex-wrap:wrap;gap:8px}
.watch-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:950px){.capital-grid{grid-template-columns:1fr 1fr}.opportunity-card{grid-template-columns:100px 1fr}.opportunity-card>.row-actions{grid-column:1/-1}.watch-status{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.capital-grid,.watch-status{grid-template-columns:1fr}.opportunity-card{grid-template-columns:1fr}.match-score{width:100%;height:70px}}

/* v8.5 market and jurisdiction intelligence */
.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.market-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}
.market-card.selected{border-color:var(--gold);box-shadow:0 12px 30px rgba(198,155,82,.14)}
.market-score{display:flex;align-items:center;gap:12px}.market-score strong{font-size:34px;font-family:Georgia,serif}
.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.signal{padding:10px;border-radius:12px;background:#f5f6f3}.signal small{display:block;color:var(--muted)}.signal strong{font-size:18px}
.jurisdiction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.jurisdiction-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:white}
.jurisdiction-card h3{margin-bottom:4px}.agency-list{display:grid;gap:8px;margin-top:12px}
.market-alert{padding:12px 14px;border-left:4px solid var(--amber);background:var(--amber-bg);border-radius:10px}.market-alert.info{border-left-color:var(--blue);background:var(--blue-bg)}
@media(max-width:900px){.market-grid,.jurisdiction-grid{grid-template-columns:1fr}.signal-grid{grid-template-columns:repeat(2,1fr)}}

/* v8.6 operations and lifecycle intelligence */
.operations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ops-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:white}
.work-order{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:white}
.priority-chip{display:grid;place-items:center;min-height:62px;border-radius:14px;background:var(--blue-bg);color:var(--blue);font-weight:800;text-transform:uppercase;font-size:10px}
.priority-chip.critical{background:var(--red-bg);color:var(--red)}.priority-chip.high{background:var(--amber-bg);color:var(--amber)}
.vendor-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}.vendor-score{font-family:Georgia,serif;font-size:30px}
.lease-row,.policy-row,.tax-row{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(110px,.6fr)) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.lifecycle-track{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.lifecycle-step{min-width:150px;padding:14px;border:1px solid var(--line);border-radius:14px;background:white}.lifecycle-step.active{border-color:var(--gold);background:#fffaf0}
.ops-alert{padding:12px 14px;border-left:4px solid var(--blue);background:var(--blue-bg);border-radius:10px}.ops-alert.warning{border-left-color:var(--amber);background:var(--amber-bg)}.ops-alert.critical{border-left-color:var(--red);background:var(--red-bg)}
@media(max-width:1000px){.operations-grid{grid-template-columns:repeat(2,1fr)}.lease-row,.policy-row,.tax-row{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.operations-grid{grid-template-columns:1fr}.work-order{grid-template-columns:1fr}.lease-row,.policy-row,.tax-row{grid-template-columns:1fr}.priority-chip{min-height:42px}}

/* v8.7 governance and decision intelligence */
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.decision-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}
.decision-card.open{border-left:5px solid var(--blue)}.decision-card.closed{border-left:5px solid var(--green)}.decision-card.review{border-left:5px solid var(--amber)}
.outcome-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.outcome-band>div{padding:10px;border-radius:12px;background:#f7f7f4}
.document-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.document-toolbar input{flex:1;min-width:240px}
.document-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:white}
.document-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.form-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-tile{padding:18px;border:1px solid var(--line);border-radius:16px;background:white}.form-tile ul{padding-left:18px;color:var(--muted)}
.control-alert{padding:12px 14px;border-left:4px solid var(--amber);border-radius:10px;background:var(--amber-bg)}.control-alert.critical{border-left-color:var(--red);background:var(--red-bg)}
@media(max-width:900px){.decision-grid{grid-template-columns:1fr}.form-library{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.form-library{grid-template-columns:1fr}.outcome-band{grid-template-columns:1fr}.document-card{grid-template-columns:1fr}}

/* v8.8 release hardening */
.readiness-hero{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:center;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#fff,#f7f5ef)}
.readiness-score{display:grid;place-items:center;width:150px;height:150px;border-radius:38px;background:var(--navy);color:white}.readiness-score strong{font-family:Georgia,serif;font-size:48px}.readiness-score small{color:rgba(255,255,255,.72)}
.readiness-check{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.readiness-check:last-child{border-bottom:0}
.check-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--green-bg);color:var(--green);font-weight:900}.check-icon.fail{background:var(--red-bg);color:var(--red)}
.hardening-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hardening-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:white}
@media(max-width:800px){.readiness-hero{grid-template-columns:1fr}.readiness-score{width:100%;height:110px}.hardening-grid{grid-template-columns:1fr}}

/* v9.0 Founder's Edition */
.standards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.standard-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:white}
.standard-score{font-family:Georgia,serif;font-size:42px}
.control-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.launch-hero{padding:28px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#16384b);color:white}.launch-hero p,.launch-hero small{color:rgba(255,255,255,.76)}
.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.launch-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:white}
.ai-principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-principle{padding:14px;border-radius:14px;background:#f7f7f3;border:1px solid var(--line)}
@media(max-width:900px){.standards-grid,.launch-grid,.ai-principles{grid-template-columns:1fr}}

/* ==========================================================================
   CKR Visual Excellence 9.1
   Inspired by premium editorial real estate, analytical product design,
   and evidence-based dashboard hierarchy. 8-point grid + golden-ratio layout.
   ========================================================================== */
:root{
  --navy:#071a25;
  --navy-2:#102c3a;
  --brass:#c5a35f;
  --brass-bright:#e0c98d;
  --pearl:#f3f0e9;
  --paper:#fffefa;
  --ink:#13212a;
  --muted:#68747a;
  --line:rgba(19,33,42,.12);
  --teal:#2f7e82;
  --coral:#b96152;
  --shadow-soft:0 10px 30px rgba(7,26,37,.07);
  --shadow-lift:0 24px 70px rgba(7,26,37,.13);
  --radius:20px;
}
html{
  background:var(--pearl);
  scroll-behavior:smooth;
}
body{
  background:
    radial-gradient(circle at 76% -10%,rgba(197,163,95,.12),transparent 28rem),
    linear-gradient(180deg,#f8f6f0 0%,var(--pearl) 48%,#eeebe3 100%);
  letter-spacing:-.008em;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}
h1,h2,h3{
  font-family:Georgia,"Times New Roman",serif;
  letter-spacing:-.035em;
}
.app-shell{grid-template-columns:286px minmax(0,1fr)}
.sidebar{
  overflow-y:auto;
  padding:24px 18px;
  background:
    radial-gradient(circle at 30% 0%,rgba(197,163,95,.17),transparent 24rem),
    linear-gradient(180deg,#071a25,#0a202c 62%,#071a25);
  border-right:1px solid rgba(255,255,255,.06);
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.2) transparent;
}
.brand{
  gap:14px;
  padding:2px 8px 22px;
}
.brand-symbol{width:48px;height:48px;filter:drop-shadow(0 8px 15px rgba(0,0,0,.22))}
.brand strong{font-size:15px;letter-spacing:.17em}
.brand span{font-size:9px}
.brand small{display:block;margin-top:4px;color:var(--brass-bright);font-family:Georgia,serif;font-size:10px;font-style:italic}
.sidebar nav{gap:8px;margin-top:18px}
.nav-home{
  position:relative;
  color:white!important;
  background:linear-gradient(135deg,rgba(197,163,95,.2),rgba(255,255,255,.07))!important;
  border:1px solid rgba(224,201,141,.25)!important;
}
.nav-home::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  display:inline-block;margin-right:10px;
  background:var(--brass-bright);
  box-shadow:0 0 0 5px rgba(224,201,141,.09);
}
.nav-group{
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:7px;
}
.nav-group summary{
  list-style:none;
  cursor:pointer;
  padding:7px 10px;
  color:rgba(255,255,255,.44);
  font-size:9px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary::after{content:"+";float:right;font-size:13px;font-weight:400}
.nav-group[open] summary::after{content:"–"}
.nav-group>div{display:grid;gap:3px}
.sidebar nav button,.side-button{
  min-height:38px;
  padding:9px 11px;
  border-radius:10px;
  font-size:12px;
}
.sidebar nav button:hover{
  transform:translateX(2px);
  background:rgba(255,255,255,.075);
}
.sidebar nav button.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(197,163,95,.22),rgba(255,255,255,.06));
  box-shadow:inset 2px 0 var(--brass-bright);
}
.workspace{min-width:0}
.topbar{
  position:sticky;
  top:0;
  z-index:40;
  padding:22px clamp(20px,3vw,48px) 16px;
  background:rgba(248,246,240,.86);
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid rgba(19,33,42,.08);
}
.title-area p{color:var(--brass);font-size:9px}
h1{font-size:clamp(25px,2.5vw,38px)}
.brand-line{font-family:Georgia,serif;font-style:italic;color:var(--muted)}
.content{
  width:min(100%,1540px);
  margin-inline:auto;
  padding:24px clamp(20px,3vw,48px) 64px;
}
.card,.kpi,.feature-card,.foundation-stat,.workflow-card,.ranking-card,.market-card,.loan-card,.vendor-card,.standard-card,.launch-card{
  border-color:rgba(19,33,42,.10);
  box-shadow:var(--shadow-soft);
}
.card:hover,.ranking-card:hover,.market-card:hover,.loan-card:hover,.vendor-card:hover{
  border-color:rgba(197,163,95,.38);
  box-shadow:var(--shadow-lift);
  transform:translateY(-2px);
}
.card,.ranking-card,.market-card,.loan-card,.vendor-card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.primary-button{
  border-color:var(--navy);
  background:linear-gradient(135deg,var(--navy),#183b4c);
  box-shadow:0 8px 20px rgba(7,26,37,.16);
}
.primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(7,26,37,.22)}
.secondary-button{background:rgba(255,255,255,.76);backdrop-filter:blur(10px)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid rgba(47,126,130,.32);
  outline-offset:3px;
}
.command-hero{
  position:relative;
  isolation:isolate;
  min-height:430px;
  display:grid;
  grid-template-columns:minmax(0,1.618fr) minmax(300px,1fr);
  gap:clamp(24px,5vw,78px);
  align-items:center;
  overflow:hidden;
  padding:clamp(30px,5vw,70px);
  border-radius:32px;
  color:white;
  background:
    radial-gradient(circle at 75% 30%,rgba(47,126,130,.28),transparent 19rem),
    radial-gradient(circle at 20% 0%,rgba(197,163,95,.2),transparent 25rem),
    linear-gradient(135deg,#061822 0%,#0c2735 55%,#09202b 100%);
  box-shadow:0 32px 90px rgba(7,26,37,.22);
}
.command-hero::after{
  content:"";
  position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 52%,rgba(255,255,255,.025) 52.2%,transparent 52.5%);
}
.eyebrow{
  display:flex;align-items:center;gap:10px;
  margin-bottom:20px;
  color:var(--brass-bright);
  font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
}
.eyebrow span{width:28px;height:1px;background:var(--brass-bright)}
.command-hero h2{
  max-width:760px;
  color:white;
  font-size:clamp(42px,5vw,76px);
  line-height:.98;
  letter-spacing:-.055em;
}
.command-hero h2 em{color:var(--brass-bright);font-weight:400}
.command-hero__copy>p{
  max-width:680px;
  margin:24px 0 28px;
  color:rgba(255,255,255,.72);
  font-size:clamp(15px,1.5vw,19px);
  line-height:1.65;
}
.primary-button.premium{background:linear-gradient(135deg,#d5b66f,#af8843);border-color:#d9bd7d;color:#10212b}
.secondary-button.glass{color:white;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}
.trust-line{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.trust-line span{
  padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;
  color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.12em;text-transform:uppercase;
}
.command-hero__signal{display:grid;justify-items:center;gap:22px}
.signal-orbit{position:relative;display:grid;place-items:center;width:min(280px,25vw);aspect-ratio:1}
.signal-orbit img{width:42%;z-index:2;filter:drop-shadow(0 20px 28px rgba(0,0,0,.32))}
.orbit{position:absolute;inset:4%;border:1px solid rgba(224,201,141,.28);border-radius:47% 53% 51% 49%}
.orbit-a{animation:orbit-spin 22s linear infinite}
.orbit-b{inset:17%;border-color:rgba(75,168,170,.35);animation:orbit-spin 15s linear infinite reverse}
.hero-pulse{text-align:center}
.hero-pulse small{display:block;color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.15em}
.hero-pulse strong{display:block;color:white;font-family:Georgia,serif;font-size:48px}
.hero-pulse span{color:var(--brass-bright);font-size:12px}
.metric-ribbon{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin:-22px 24px 30px;
  position:relative;z-index:3;
  border:1px solid rgba(19,33,42,.09);
  border-radius:20px;
  background:rgba(255,254,250,.94);
  backdrop-filter:blur(18px);
  box-shadow:var(--shadow-lift);
}
.metric-ribbon article{padding:20px 22px;border-right:1px solid var(--line)}
.metric-ribbon article:last-child{border-right:0}
.metric-ribbon small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.metric-ribbon strong{display:block;margin:6px 0 2px;font-family:Georgia,serif;font-size:clamp(22px,2vw,31px)}
.metric-ribbon span{color:var(--muted);font-size:10px}
.owner-grid{
  display:grid;
  grid-template-columns:minmax(0,1.618fr) minmax(300px,1fr);
  gap:22px;
}
.owner-grid>article{
  padding:28px;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,254,250,.88);
  box-shadow:var(--shadow-soft);
}
.focus-panel{
  min-height:300px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 90% 10%,rgba(197,163,95,.13),transparent 16rem),
    rgba(255,254,250,.92)!important;
}
.panel-kicker{color:var(--brass);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.focus-panel h2{max-width:680px;margin-top:12px;font-size:clamp(30px,3.4vw,50px);line-height:1.05}
.focus-panel>p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.65}
.text-action{align-self:flex-start;border:0;background:transparent;padding:0;color:var(--navy);font-weight:850}
.text-action span{display:inline-block;margin-left:8px;transition:transform .2s ease}
.text-action:hover span{transform:translateX(5px)}
.focus-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.focus-meta span{padding:7px 10px;border-radius:999px;background:#f1eee6;color:var(--muted);font-size:10px}
.decision-map{min-height:300px}
.decision-arc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
.arc-item{padding:18px 12px;border-radius:18px;text-align:center;background:#f2f4f2}
.arc-item strong{display:block;font-family:Georgia,serif;font-size:34px}
.arc-item span{font-size:10px;text-transform:uppercase;letter-spacing:.11em}
.arc-item.advance{background:var(--green-bg);color:var(--green)}
.arc-item.reprice{background:var(--amber-bg);color:var(--amber)}
.arc-item.pass{background:var(--red-bg);color:var(--red)}
.quick-launch{grid-row:span 1}
.command-links{display:grid;gap:8px;margin-top:20px}
.command-links button{
  display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;
  column-gap:12px;padding:13px;border:0;border-radius:14px;background:#f5f3ed;text-align:left;
}
.command-links button:hover{background:#eeeadf;transform:translateX(3px)}
.command-links span{grid-row:1/3;color:var(--brass);font-family:Georgia,serif;font-size:19px}
.command-links b{font-size:12px}.command-links small{color:var(--muted)}
.portfolio-composition{min-height:330px}
.quiet-state{padding:18px;border-radius:14px;background:#f5f3ed;color:var(--muted);font-size:12px}
.design-signature{
  display:flex;justify-content:center;flex-wrap:wrap;gap:8px;
  padding:30px 0 0;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em;
}
.design-signature span+span::before{content:"·";margin-right:8px;color:var(--brass)}
footer{background:transparent!important}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){
  .metric-ribbon{grid-template-columns:repeat(3,1fr)}
  .metric-ribbon article:nth-child(3){border-right:0}
  .metric-ribbon article:nth-child(n+4){border-top:1px solid var(--line)}
  .owner-grid{grid-template-columns:1fr}
}
@media(max-width:960px){
  .app-shell{grid-template-columns:1fr}
  .sidebar{position:fixed;width:min(320px,88vw)}
  .command-hero{grid-template-columns:1fr;min-height:auto}
  .command-hero__signal{display:none}
  .top-actions #pasteListingButton,.top-actions #toggleDensityButton{display:none}
}
@media(max-width:700px){
  .content{padding-inline:14px}
  .topbar{padding-inline:14px}
  .command-hero{padding:34px 24px;border-radius:24px}
  .command-hero h2{font-size:42px}
  .metric-ribbon{grid-template-columns:1fr;margin:-14px 10px 22px}
  .metric-ribbon article{border-right:0;border-bottom:1px solid var(--line)}
  .metric-ribbon article:last-child{border-bottom:0}
  .owner-grid>article{padding:22px}
  .scope-control,.connectionStatus{display:none}
}
@media(prefers-reduced-motion:reduce){
  .orbit{animation:none}
  html{scroll-behavior:auto}
}

/* Kernstead 10 — AI command and unified gold-key identity */
.nav-ai{position:relative;color:#f0cf73!important;border:1px solid rgba(217,180,91,.22)!important;background:linear-gradient(135deg,rgba(217,180,91,.13),rgba(255,255,255,.035))!important}
.nav-ai::before{content:"AI";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:9px;border:1px solid rgba(240,207,115,.48);border-radius:50%;font-family:Georgia,serif;font-size:9px}
.ai-command-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:30px;align-items:center;min-height:270px;padding:clamp(28px,4vw,55px);border:1px solid rgba(217,180,91,.2);border-radius:28px;color:#fff;background:radial-gradient(circle at 82% 35%,rgba(50,126,137,.28),transparent 17rem),linear-gradient(135deg,#050e16,#0a202c);box-shadow:0 28px 75px rgba(4,14,22,.22)}
.ai-command-hero h2{margin:8px 0;color:#fff;font-size:clamp(39px,5vw,67px)}
.ai-command-hero p{max-width:780px;color:rgba(255,255,255,.66);font-size:16px;line-height:1.7}
.ai-orbit{display:grid;place-items:center;text-align:center}.ai-orbit img{width:150px;filter:drop-shadow(0 22px 32px rgba(0,0,0,.42))}.ai-orbit span{margin-top:12px;color:#e6c66e;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.ai-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}
.ai-capability{display:grid;gap:6px;min-height:110px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,254,250,.9);text-align:left;box-shadow:var(--shadow-soft)}
.ai-capability:hover,.ai-capability.selected{border-color:rgba(197,163,95,.55);background:#fffaf0;transform:translateY(-2px)}
.ai-capability span{font-family:Georgia,serif;font-size:19px}.ai-capability small{color:var(--muted);line-height:1.45}
.ai-workbench textarea{width:100%;resize:vertical}
.ai-output{min-height:250px;margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f5f3ed;white-space:pre-wrap;line-height:1.65}
.ai-output.loading{background:linear-gradient(90deg,#f4f1e9,#fff,#f4f1e9);background-size:220% 100%;animation:ai-load 1.4s linear infinite}
.ai-history{display:grid;gap:4px;width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left}.ai-history span,.ai-history small{color:var(--muted)}
@keyframes ai-load{to{background-position:-220% 0}}
@media(max-width:900px){.ai-command-hero{grid-template-columns:1fr}.ai-orbit{display:none}.ai-capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ai-capability-grid{grid-template-columns:1fr}}

/* v10.0.1 CRUD and cross-device synchronization */
.record-manager-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.record-manager-toolbar select,.record-manager-toolbar input{min-height:44px}
.record-manager-list{display:grid;gap:12px;margin-top:18px}
.record-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft)}
.record-row h3{margin:0}.record-row p{margin:4px 0 0;color:var(--muted);font-size:11px}
.record-actions{display:flex;gap:8px;flex-wrap:wrap}
.danger-button{min-height:42px;padding:10px 14px;border:1px solid #9d3f36;border-radius:11px;background:#7f2d27;color:#fff;font-weight:850}
.record-editor-dialog{width:min(900px,94vw)}.record-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-height:62vh;overflow:auto;padding-right:6px}
.record-editor-fields label{display:grid;gap:6px}.record-editor-fields label.wide{grid-column:1/-1}.record-editor-fields textarea{min-height:110px;font-family:ui-monospace,monospace;font-size:12px}
.sync-status{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#eef2f0;color:#50615b;font-size:10px}.sync-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#70817a}.sync-status.synced::before{background:#2e8b61}.sync-status.syncing::before{background:#d5a342}.sync-status.conflict::before,.sync-status.error::before{background:#b84e43}
@media(max-width:700px){.record-row{grid-template-columns:1fr}.record-editor-fields{grid-template-columns:1fr}.record-editor-fields label.wide{grid-column:auto}}

/* Kernstead 11 — Launch Edition */
.launch-map{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:
radial-gradient(circle at 20% 30%,rgba(47,126,130,.18),transparent 20rem),
linear-gradient(150deg,#071a25,#0d2b3a);box-shadow:var(--shadow-lift)}
.launch-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
.map-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border:2px solid #f0d17d;border-radius:50%;background:#0d2b3a;color:#fff;box-shadow:0 0 0 7px rgba(240,209,125,.12),0 12px 26px rgba(0,0,0,.35);cursor:pointer}
.map-pin:hover,.map-pin.selected{transform:translate(-50%,-50%) scale(1.18);background:#d9b45b;color:#07111a}
.map-label{position:absolute;left:18px;bottom:18px;color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.notification-list{display:grid;gap:11px}.notification-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.notification-item.high{border-color:rgba(184,78,67,.35)}.notification-dot{width:9px;height:9px;border-radius:50%;background:#7b8a83}.notification-item.high .notification-dot{background:#b84e43}
.analytics-bars{display:grid;gap:10px}.analytics-bar{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,2fr) 42px;gap:10px;align-items:center}.analytics-bar span{height:10px;border-radius:999px;background:#ebe6db;overflow:hidden}.analytics-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f7e82,#c5a35f)}
.backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px;border-bottom:1px solid var(--line)}.backup-row:last-child{border-bottom:0}
.launch-banner{padding:28px;border:1px solid rgba(197,163,95,.22);border-radius:24px;background:linear-gradient(135deg,#071a25,#10303f);color:#fff}.launch-banner h2{color:#fff}.launch-banner p{color:rgba(255,255,255,.65)}
@media(max-width:700px){.launch-map{min-height:390px}.analytics-bar{grid-template-columns:1fr}.analytics-bar span{height:8px}.notification-item{grid-template-columns:12px 1fr}}


/* v11.3 readability */
body{font-size:16px}
button,input,select,textarea{font-size:15px}
.sidebar button{font-size:12px}
.muted{font-size:12px}
table{font-size:13px}
@media(max-width:700px){
  body{font-size:17px}
  button,input,select,textarea{font-size:16px}
  .sidebar button{font-size:13px}
}

/* Kernstead 12 — Owner Command */
.owner-command-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;padding:clamp(30px,5vw,62px);border:1px solid rgba(201,145,45,.22);border-radius:28px;background:linear-gradient(135deg,#071c3b,#12365b);color:#fff;box-shadow:0 30px 80px rgba(7,28,59,.2)}
.owner-command-hero h2{margin:8px 0;color:#fff;font-size:clamp(44px,6vw,76px)}
.owner-command-hero p{max-width:760px;color:rgba(255,255,255,.7);font-size:17px;line-height:1.65}
.owner-readiness{display:grid;place-items:center;width:190px;height:190px;border:2px solid rgba(239,204,119,.7);border-radius:50%;background:rgba(255,255,255,.04);text-align:center}.owner-readiness strong{color:#efcc77;font-size:62px;line-height:1}.owner-readiness span{color:rgba(255,255,255,.65);font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.command-actions{display:grid;gap:11px}.command-action{display:grid;gap:5px;width:100%;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}.command-action.high{border-left:5px solid #b84e43}.command-action.normal{border-left:5px solid #c9912d}.command-action.good{border-left:5px solid #2e8b61}.command-action span{font-weight:850}.command-action small{color:var(--muted)}
.owner-brief-output{min-height:240px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f8f7f3;white-space:pre-wrap;line-height:1.7}
@media(max-width:850px){.owner-command-hero{grid-template-columns:1fr}.owner-readiness{width:140px;height:140px}.owner-readiness strong{font-size:48px}}