:root{--bg:#f8fafc;--card:#fff;--border:#e4eaf2;--text:#0f172a;--muted:#64748b;--blue:#1677ff;--green:#22c77a;--amber:#ffb51b;--red:#ff4d4f;--orange:#ff8c42;--purple:#7557e8;--shadow:0 1px 2px rgba(15,23,42,.025)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:13px}.app-shell{display:grid;grid-template-columns:184px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{height:44px;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:750;padding:0 8px 13px;border-bottom:1px solid #eef2f7}.brand-shield{width:28px;height:32px;display:grid;place-items:center;background:var(--blue);color:white;clip-path:polygon(50% 0,95% 18%,86% 75%,50% 100%,14% 75%,5% 18%);font-size:9px}.nav{display:flex;flex-direction:column;gap:5px;margin-top:15px}.nav a{text-decoration:none;color:#27364d;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;font-weight:550}.nav a span{width:18px;text-align:center;font-size:17px}.nav a.active{background:#eaf3ff;color:#0867e8}.product-card{margin-top:auto;border:1px solid var(--border);border-radius:9px;padding:15px 13px;color:#39475b;line-height:1.6}.product-card strong{color:#0870f5;font-size:14px}.product-card p{font-size:11px;margin:9px 0 25px}.product-card small{color:#53657e}.main{padding:18px 14px 16px;min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:0 2px 14px}.topbar h1{font-size:23px;margin:0 0 5px;letter-spacing:-.35px}.topbar p{margin:0;color:var(--muted);font-size:11px}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.filters button{background:white;border:1px solid #dbe3ed;border-radius:8px;height:38px;padding:0 13px;color:#334155;font-size:10px;box-shadow:var(--shadow)}.filters .icon-button{font-size:20px;border:0;background:transparent;padding:0 4px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0877f9;color:white;font-weight:700}.kpi-grid{display:grid;grid-template-columns:repeat(8,minmax(130px,1fr));gap:8px;margin-bottom:9px}.kpi-card,.card,.inner-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:9px}.kpi-card{height:122px;padding:13px 12px 9px;min-width:0}.kpi-head{display:flex;align-items:center;gap:9px;color:#334155;font-size:10px;font-weight:650;white-space:nowrap}.kpi-icon{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:800}.kpi-value-row{display:flex;align-items:baseline;justify-content:space-between;margin:7px 0 1px}.kpi-value{font-size:21px;font-weight:720;letter-spacing:-.45px}.kpi-detail{font-size:10px;color:#516078}.delta{font-size:10px;font-weight:700;margin-left:auto}.delta.good{color:#19a95f}.delta.bad{color:#ef4444}.spark{width:100%;height:30px;margin-top:5px}.analytics-grid{display:grid;grid-template-columns:1.05fr 1.08fr 1.12fr 1.25fr;gap:9px;margin-bottom:10px}.card{padding:12px;min-width:0}.card h3,.inner-card h3{font-size:11px;margin:0 0 11px;font-weight:700}.chart-body{height:168px;min-height:0}.donut-layout{display:flex;align-items:center;gap:20px}.donut{width:122px;height:122px;border-radius:50%;position:relative;flex:0 0 auto}.donut:after{content:"";position:absolute;inset:24px;background:white;border-radius:50%}.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:2;font-size:9px;color:#64748b}.donut-center strong{font-size:18px;color:#172033}.legend{display:flex;flex-direction:column;gap:11px;font-size:10px;min-width:0}.legend-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px}.legend-dot{width:8px;height:8px;border-radius:2px}.legend-label{color:#465569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-value{font-weight:650}.bar-list{display:flex;flex-direction:column;gap:9px;padding-top:3px}.bar-row{display:grid;grid-template-columns:68px minmax(30px,1fr) 34px;gap:7px;align-items:center;font-size:9px}.bar-row.wide-label{grid-template-columns:105px minmax(30px,1fr) 94px}.bar-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:10px;background:#f3f5f8;border-radius:1px;overflow:hidden}.bar-fill{height:100%;border-radius:1px}.bar-value{font-size:9px;color:#28384e}.line-svg{width:100%;height:145px;overflow:visible}.axis-labels{display:flex;justify-content:space-between;color:#6b778a;font-size:8px;margin-top:-3px}.ai-section{padding:8px 10px 10px;margin-bottom:10px}.section-title{height:30px;color:#0673f9;font-weight:750;font-size:13px;display:flex;align-items:center;gap:7px}.ai-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;width:52%;margin-bottom:9px}.ai-kpi{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:grid;grid-template-columns:25px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center}.ai-kpi .icon{grid-row:1/3;width:23px;height:23px;border-radius:50%;color:white;display:grid;place-items:center}.ai-kpi label{font-size:9px;color:#59677a}.ai-kpi strong{font-size:14px}.ai-kpi em{grid-column:3;grid-row:2;color:#18a95e;font-size:9px;font-style:normal;font-weight:700}.ai-charts-grid{display:grid;grid-template-columns:1.08fr .86fr 1fr .85fr 1.2fr;gap:8px}.inner-card{padding:10px;min-height:166px}.inner-card h3{font-size:10px}.inner-card .bar-list{gap:8px}.inner-card .bar-row{grid-template-columns:90px minmax(20px,1fr) 75px;font-size:8px}.compact .donut{width:98px;height:98px}.compact .donut:after{inset:20px}.compact .donut-center strong{font-size:13px}.compact{gap:10px}.compact .legend{gap:7px;font-size:8px}.tables-grid{display:grid;grid-template-columns:1.1fr 1.35fr .82fr;gap:9px}.table-card{padding:10px 11px 9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:8px}th{text-align:left;color:#445268;font-weight:700;padding:5px 6px;border-bottom:1px solid #dfe5ed;white-space:nowrap}td{padding:6px;border-bottom:1px solid #edf1f5;white-space:nowrap;color:#354357}.table-link{display:inline-block;margin:9px 3px 1px;color:#0673f9;text-decoration:none;font-size:9px}.badge{padding:3px 6px;border-radius:6px;font-size:7px;font-weight:650}.badge.green{background:#dcf8e8;color:#157c46}.badge.amber{background:#fff0c7;color:#a96500}.badge.red{background:#ffe0e0;color:#d73232}.badge.orange{background:#ffead7;color:#b65d13}.badge.blue{background:#e0efff;color:#1569c7}footer{text-align:center;color:#657489;font-size:9px;padding:16px 0 2px}.tone-blue{background:var(--blue)}.tone-green{background:var(--green)}.tone-amber{background:var(--amber)}.tone-red{background:var(--red)}.tone-orange{background:var(--orange)}.tone-purple{background:var(--purple)}
@media(max-width:1120px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.ai-kpi-grid{width:100%}.ai-charts-grid{grid-template-columns:repeat(2,1fr)}.tables-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav{display:grid;grid-template-columns:repeat(3,1fr)}.product-card{display:none}.topbar{flex-direction:column}.filters{justify-content:flex-start}.kpi-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.ai-charts-grid{grid-template-columns:1fr}.ai-kpi-grid{width:100%;grid-template-columns:repeat(2,1fr)}}

.dashboard-view{display:none}.dashboard-view.active-view{display:block}.title-line{display:flex;align-items:center;gap:10px}.demo-pill,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700;white-space:nowrap}.demo-pill{background:#eef5ff;color:#0b6de9;border:1px solid #d7e7ff}.status-pill.planned{background:#f3f0ff;color:#6948d8;border:1px solid #e4dcff}.api-error{background:#fff4e5;border:1px solid #ffd596;padding:9px 12px;border-radius:8px;margin-bottom:10px;color:#995b00}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:2px 2px 18px}.page-header h1{font-size:25px;margin:2px 0 6px;letter-spacing:-.4px}.page-header p{margin:0;color:var(--muted);font-size:11px}.eyebrow{text-transform:uppercase!important;letter-spacing:.12em;color:#0870f5!important;font-size:8px!important;font-weight:800;margin-bottom:4px!important}.detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 15px;min-height:92px;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.metric-label{color:#617087;font-size:9px;font-weight:650}.metric-card strong{font-size:24px;margin:6px 0 2px;letter-spacing:-.4px}.metric-note{font-size:9px;color:#718096}.metric-note.positive{color:#16a35a}.metric-note.negative{color:#e13f3f}.detail-card{padding:15px;margin-bottom:12px}.detail-card h3{font-size:12px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-heading h3{margin:0}.muted{color:#738197;font-size:9px}.two-col-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col-detail .detail-card{min-height:285px}.finding-list{display:flex;flex-direction:column;gap:9px}.finding-item{border:1px solid #edf1f6;border-radius:8px;padding:11px 12px;background:#fbfcfe}.finding-item>div{display:flex;align-items:center;gap:9px}.finding-item strong{font-size:10px}.finding-item>span{display:block;color:#738197;font-size:9px;margin:7px 0 0 57px}.repo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.repo-card{padding:15px}.repo-top{display:flex;align-items:center;gap:10px}.repo-icon{width:34px;height:34px;border-radius:8px;background:#edf5ff;color:#0871f8;display:grid;place-items:center;font-size:18px}.repo-top h3{margin:0 0 3px;font-size:12px}.repo-top p{margin:0;color:#718096;font-size:9px}.score{margin-left:auto;font-weight:800;color:#14a15a;background:#e7f8ef;border-radius:999px;padding:5px 7px;font-size:10px}.score.risk{color:#d03a3a;background:#ffeaea}.repo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.repo-stats>div{background:#f8fafc;border-radius:7px;padding:9px}.repo-stats span{display:block;color:#718096;font-size:8px}.repo-stats strong{display:block;font-size:11px;margin-top:3px}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-state .empty-icon{width:56px;height:56px;border-radius:14px;background:#eef5ff;color:#0871f8;display:grid;place-items:center;font-size:27px;margin-bottom:13px}.empty-state h2{font-size:16px;margin:0 0 7px}.empty-state p{max-width:550px;color:#6f7f93;font-size:10px;line-height:1.6;margin:0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setting-card{padding:17px;min-height:180px}.setting-card h3{font-size:12px}.setting-card p{font-size:10px;color:#6c7a8e;min-height:55px;line-height:1.5}.setting-card button{border:1px solid #d9e1ec;background:#f7f9fc;color:#9aa6b5;border-radius:7px;padding:8px 12px;font-size:9px}.dashboard-view:not([data-view-panel="overview"]){max-width:1250px;margin:0 auto}.dashboard-view:not([data-view-panel="overview"]) table{font-size:9px}.dashboard-view:not([data-view-panel="overview"]) th,.dashboard-view:not([data-view-panel="overview"]) td{padding:9px 8px}.dashboard-view:not([data-view-panel="overview"]) .bar-list{gap:13px}.dashboard-view:not([data-view-panel="overview"]) .bar-row{font-size:10px}.dashboard-view:not([data-view-panel="overview"]) .bar-track{height:12px}
@media(min-width:1121px){.main{padding-left:12px;padding-right:12px}.kpi-card{height:116px}.analytics-grid{grid-template-columns:1.05fr 1.08fr 1.12fr 1.25fr}.chart-body{height:158px}.ai-section{padding-top:7px}.tables-grid{grid-template-columns:1.1fr 1.35fr .82fr}}
@media(max-width:900px){.detail-kpis,.repo-grid,.settings-grid,.two-col-detail{grid-template-columns:1fr}.page-header{flex-direction:column}.title-line{align-items:flex-start;flex-direction:column;gap:5px}}

/* Milestone 8 Step 1.2 - responsive dashboard and navigation polish */
html,body{overflow-x:hidden}
.sidebar{width:100%}
.brand{white-space:nowrap;font-size:16px}
.nav a{outline:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.nav a:hover{background:#f4f8fd;color:#0867e8}
.nav a:focus-visible{box-shadow:0 0 0 2px rgba(22,119,255,.22)}
.nav a.active{box-shadow:inset 3px 0 0 #1677ff}
.filters button{white-space:nowrap}
.kpi-card{overflow:hidden}
.kpi-head{min-width:0}
.kpi-head>span:last-child{overflow:hidden;text-overflow:ellipsis}
.card,.inner-card,.kpi-card{transition:box-shadow .15s ease,border-color .15s ease}
.card:hover,.inner-card:hover,.kpi-card:hover{border-color:#d7e1ed;box-shadow:0 3px 12px rgba(15,23,42,.045)}

/* Regular desktop / laptop widths: prioritize readability over squeezing 8 cards. */
@media (max-width:1500px) and (min-width:1121px){
  .app-shell{grid-template-columns:196px minmax(0,1fr)}
  .sidebar{padding:16px 10px}
  .main{padding:16px 12px}
  .topbar{align-items:flex-start;gap:14px}
  .topbar h1{font-size:22px}
  .title-wrap{min-width:300px;max-width:520px}
  .filters{gap:7px}
  .filters button{height:36px;padding:0 10px}
  .avatar{width:34px;height:34px}
  .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .kpi-card{height:108px;padding:11px 11px 8px}
  .spark{height:24px;margin-top:2px}
  .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .chart-body{height:150px}
  .ai-kpi-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ai-charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .ai-charts-grid .inner-card:nth-child(4),.ai-charts-grid .inner-card:nth-child(5){min-height:176px}
  .tables-grid{grid-template-columns:1fr 1.25fr}
  .tables-grid .table-card:last-child{grid-column:1/-1}
}

/* Wider product-demo canvases retain the reference-image density. */
@media (min-width:1501px){
  .app-shell{grid-template-columns:210px minmax(0,1fr)}
  .kpi-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .analytics-grid{grid-template-columns:1.05fr 1.08fr 1.12fr 1.25fr}
  .ai-charts-grid{grid-template-columns:1.08fr .86fr 1fr .85fr 1.2fr}
}

@media (max-width:1120px){
  .topbar{flex-wrap:wrap}
  .title-wrap{min-width:280px}
  .kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-kpi-grid{width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
  .ai-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tables-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .main{padding:12px 10px}
  .nav{grid-template-columns:repeat(2,1fr)}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .analytics-grid,.ai-charts-grid,.two-col-detail,.repo-grid,.settings-grid{grid-template-columns:1fr}
  .ai-kpi-grid,.detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .filters button{width:100%}
  .filters .icon-button,.filters .avatar{justify-self:start}
}

/* Milestone 8 Step 2 - real architecture reviews explorer */
.status-pill.live{background:#e8f8ef;color:#11834b;border:1px solid #c9eed9}
.review-explorer{padding:16px}
.secondary-button{border:1px solid #d8e1ec;background:#fff;color:#334155;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:650;cursor:pointer}
.secondary-button:hover{border-color:#b8c8da;background:#f8fbff}
.review-filters{display:grid;grid-template-columns:1.5fr 1fr .8fr 1fr;gap:10px;margin:12px 0 14px;padding:12px;background:#f8fafc;border:1px solid #edf1f6;border-radius:9px}
.review-filters label{display:flex;flex-direction:column;gap:5px;color:#64748b;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.review-filters input,.review-filters select{width:100%;height:34px;border:1px solid #dbe3ed;border-radius:7px;background:#fff;padding:0 10px;color:#26354a;font-size:10px;outline:none;text-transform:none;letter-spacing:0;font-weight:500}
.review-filters input:focus,.review-filters select:focus{border-color:#8bbcff;box-shadow:0 0 0 2px rgba(22,119,255,.08)}
.clickable-row{cursor:pointer;transition:background-color .12s ease}
.clickable-row:hover{background:#f6faff}
.clickable-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px;color:#38506e;background:#f2f5f9;padding:2px 5px;border-radius:4px}
.cell-subtle{font-size:7px;color:#8a97a8;margin-top:2px}
.empty-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:130px;color:#657489;gap:5px}
.empty-inline strong{font-size:11px;color:#334155}
.empty-inline span{font-size:9px}
.review-detail-panel{padding:17px;margin-bottom:12px;border-color:#cfe0f6;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.review-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0 14px}
.review-summary-grid>div{background:#f8fafc;border:1px solid #edf1f6;border-radius:8px;padding:10px;min-width:0}
.review-summary-grid span{display:block;color:#718096;font-size:8px;margin-bottom:5px}
.review-summary-grid strong{font-size:10px;word-break:break-word}
.review-description{border:1px solid #edf1f6;background:#fbfcfe;border-radius:8px;padding:12px;margin-bottom:12px}
.review-description h4,.review-detail-panel h4{font-size:10px;margin:0 0 8px}
.review-description p{font-size:9px;line-height:1.55;color:#4b5b70;margin:0;white-space:pre-wrap}
.review-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.review-detail-grid>section,.review-findings-detail,.review-detail-panel>div>section{border:1px solid #edf1f6;border-radius:8px;padding:12px;background:#fff}
.detail-list{margin:0;padding-left:17px;color:#4b5b70;font-size:9px;line-height:1.6}
.muted-block{color:#7b899b;font-size:9px;margin:0}
.finding-detail{border:1px solid #edf1f6;border-radius:7px;padding:10px;margin-top:8px;background:#fbfcfe}
.finding-detail>div{display:flex;align-items:center;gap:8px}
.finding-detail strong{font-size:10px}
.finding-detail p{font-size:9px;line-height:1.5;color:#4d5b6e;margin:7px 0 4px}
.finding-detail small{font-size:8px;color:#7d8998}
.detail-loading{padding:24px;text-align:center;color:#6f7d90;font-size:10px}
@media(max-width:1120px){.review-filters{grid-template-columns:1fr 1fr}.review-summary-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.review-filters,.review-detail-grid{grid-template-columns:1fr}.review-summary-grid{grid-template-columns:repeat(2,1fr)}}

/* Milestone 8 Step 3 - real persisted findings explorer */
.findings-filters{grid-template-columns:1.6fr 1fr .8fr 1fr 1.15fr}
.finding-summary{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evidence-block{background:#fffaf2;border-color:#f6e7c6}
.finding-review-link{margin-top:12px;padding:11px 12px;border:1px solid #e6edf5;border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:12px}
.finding-review-link span{font-size:9px;color:#6b7a8e;font-weight:650}
#findingsPageTable th:nth-child(2),#findingsPageTable td:nth-child(2){width:92px;min-width:82px;max-width:105px}
#findingsPageTable th:nth-child(3),#findingsPageTable td:nth-child(3){min-width:300px}
#findingsPageTable th:nth-child(4),#findingsPageTable td:nth-child(4){min-width:140px}
#findingsPageTable th:nth-child(7),#findingsPageTable td:nth-child(7){min-width:145px}
#findingsPageTable th:nth-child(8),#findingsPageTable td:nth-child(8){min-width:145px}
@media(max-width:1120px){.findings-filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.findings-filters{grid-template-columns:1fr}.finding-review-link{align-items:flex-start;flex-direction:column}}

/* Milestone 8 Step 4 - real persisted architecture standards explorer */
.standards-filters{grid-template-columns:1.8fr 1fr 1fr}
.standards-note{margin:0 0 12px;padding:9px 11px;border:1px solid #dce9f8;background:#f5f9ff;color:#526780;border-radius:8px;font-size:8.5px;line-height:1.45}
.standard-preview{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.standard-full-text p{white-space:pre-wrap}
#standardsPageTable td:first-child{min-width:320px}
#standardReviewsTable td:nth-child(2){min-width:150px}
@media(max-width:1120px){.standards-filters{grid-template-columns:1fr 1fr}.standards-filters label:first-child{grid-column:1/-1}}
@media(max-width:760px){.standards-filters{grid-template-columns:1fr}.standards-filters label:first-child{grid-column:auto}}

/* Milestone 8 Step 5 - real persisted repository portfolio */
.repository-filters{grid-template-columns:1.5fr 1fr 1fr .8fr}
.live-repo-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4px}
.live-repo-card{cursor:pointer;min-height:158px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.live-repo-card:hover{transform:translateY(-1px);border-color:#bfd7f7;box-shadow:0 7px 18px rgba(15,23,42,.07)}
.repo-title{min-width:0;flex:1}.repo-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.repo-governance-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0 11px;padding:7px 8px;background:#f8fafc;border:1px solid #edf1f6;border-radius:7px}
.repo-governance-row>span:last-child{font-size:7.5px;color:#718096;text-align:right;line-height:1.35}
.repository-summary>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.repository-breakdowns>section{min-height:185px}
.repo-breakdown-list{display:flex;flex-direction:column;gap:8px}
.repo-breakdown-row{display:grid;grid-template-columns:minmax(95px,1.2fr) 1.7fr 28px;align-items:center;gap:8px;font-size:8.5px;color:#536277}
.repo-breakdown-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repo-breakdown-row strong{text-align:right;color:#334155;font-size:8.5px}
.repo-breakdown-track{height:8px;background:#edf2f7;border-radius:999px;overflow:hidden}
.repo-breakdown-track i{height:100%;display:block;background:#5b9df5;border-radius:999px}
#repositoryReviewsTable td:nth-child(2){min-width:150px}
@media(max-width:1250px){.live-repo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1120px){.repository-filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.repository-filters,.live-repo-grid{grid-template-columns:1fr}.repo-governance-row{align-items:flex-start;flex-direction:column}.repo-governance-row>span:last-child{text-align:left}}

/* Milestone 8 Steps 6-9 - live enterprise analytics/governance */
.enterprise-search-shell{position:relative;z-index:20;margin:0 0 10px}
.enterprise-search-box{height:38px;display:flex;align-items:center;gap:8px;border:1px solid #dde5ef;background:#fff;border-radius:9px;padding:0 10px;box-shadow:0 1px 2px rgba(15,23,42,.02)}
.enterprise-search-box>span{font-size:15px;color:#8391a4}.enterprise-search-box input{border:0;outline:0;flex:1;min-width:0;font-size:10px;color:#243247;background:transparent}.enterprise-search-box kbd{font-size:7.5px;color:#8090a4;border:1px solid #e2e8f0;background:#f8fafc;border-radius:5px;padding:3px 5px;font-family:inherit}
.enterprise-search-results{position:absolute;top:43px;left:0;right:0;max-height:390px;overflow:auto;background:#fff;border:1px solid #dbe5f0;border-radius:10px;box-shadow:0 16px 38px rgba(15,23,42,.14);padding:6px}
.search-result{width:100%;display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:0;background:#fff;padding:9px 10px;border-radius:7px;color:#334155;cursor:pointer}.search-result:hover{background:#f5f9ff}.search-type{font-size:7px;text-transform:uppercase;letter-spacing:.06em;color:#1677ff;font-weight:750}.search-result strong{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result small{font-size:7.5px;color:#7c899b}.search-no-results{padding:18px;text-align:center;color:#758398;font-size:9px}
.ai-live-filters{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.ai-filter-panel{padding:10px 12px}.compact-kpis{margin:10px 0}.governance-panel{margin-top:12px}.governance-reason{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.decision-actions{display:flex;gap:5px}.decision-actions button{border:0;border-radius:6px;padding:5px 8px;font-size:7.5px;font-weight:700;cursor:pointer}.approve-btn{background:#e7f8ef;color:#0d8649}.reject-btn{background:#ffeded;color:#cf3035}.decision-actions button:hover{filter:brightness(.97)}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.health-card{border:1px solid #e5ebf2;border-radius:9px;background:#fbfcfe;padding:12px}.health-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.health-card strong{font-size:9.5px}.health-card p{font-size:8.5px;color:#6d7b8e;line-height:1.45;min-height:24px}.health-card>span{font-size:7.5px;color:#8996a7}
@media(max-width:1120px){.ai-live-filters{grid-template-columns:1fr 1fr}.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-result{grid-template-columns:60px minmax(0,1fr)}}
@media(max-width:760px){.ai-live-filters,.health-grid{grid-template-columns:1fr}.search-result{grid-template-columns:1fr}.search-result small{display:none}.enterprise-search-box kbd{display:none}}
.chart-empty{min-height:110px;display:flex;align-items:center;justify-content:center;color:#8390a3;font-size:10px;text-align:center}

/* Milestone 8 Steps 11-13: identity/role polish */
.identity-chip{display:flex;align-items:center;gap:7px;padding-left:2px}
.identity-role{font-size:10px;font-weight:700;color:#475569;background:#eef2ff;border:1px solid #dbeafe;border-radius:999px;padding:4px 7px;white-space:nowrap}
.identity-role.architect,.identity-role.admin{color:#075985;background:#e0f2fe;border-color:#bae6fd}
.identity-role.viewer{color:#475569;background:#f1f5f9;border-color:#e2e8f0}
.identity-role.developer{color:#5b21b6;background:#f3e8ff;border-color:#e9d5ff}
.permission-note{font-size:12px;color:#64748b;margin-top:8px}
.permission-note strong{color:#334155}
.decision-actions button[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.25)}
.nav a[hidden]{display:none!important}
@media(max-width:1100px){.identity-role{display:none}}

/* Milestone 8 final cleanup: ensure HTML hidden state wins over component display rules. */
.empty-inline[hidden]{display:none!important}

/* Milestone 10 Steps 4-7: managed enterprise standards */
.standards-admin-actions{display:flex;gap:.65rem;align-items:center;flex-wrap:wrap}
.primary-button,.danger-button{border:0;border-radius:8px;padding:.62rem .9rem;font:inherit;font-weight:700;cursor:pointer}
.primary-button{background:#1677ff;color:#fff}
.primary-button:hover{filter:brightness(.96)}
.danger-button{background:#fff1f0;color:#c62828;border:1px solid #ffc9c5}
.primary-button:disabled,.danger-button:disabled{opacity:.55;cursor:not-allowed}
.managed-standards-card{margin-bottom:1rem}
.standard-editor{margin-bottom:1rem}
.standard-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.standard-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:650;color:#344054}
.standard-form label span{font-size:.82rem}
.standard-form input,.standard-form select,.standard-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8dee8;border-radius:8px;padding:.68rem .75rem;background:#fff;color:#182230;font:inherit}
.standard-form textarea{resize:vertical;min-height:88px}
.standard-form input:focus,.standard-form select:focus,.standard-form textarea:focus{outline:2px solid rgba(22,119,255,.18);border-color:#1677ff}
.form-wide{grid-column:1/-1}
.form-actions{display:flex;justify-content:flex-end;gap:.6rem}
.managed-standard-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
@media (max-width:800px){.standard-form{grid-template-columns:1fr}.form-wide{grid-column:auto}.standards-admin-actions{width:100%}}

/* Milestone 10: exact standard-version traceability in review details */
.applied-standards-list{display:grid;gap:.65rem}
.applied-standard{border:1px solid #dce6f3;background:#f8fbff;border-radius:9px;padding:.75rem .8rem}
.applied-standard-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem}
.standard-version{font-weight:800;color:#1677ff}
.applied-standard-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.45rem}
.applied-standard-meta span{display:inline-flex;align-items:center;border:1px solid #dce6f3;background:#fff;border-radius:999px;padding:.2rem .5rem;font-size:.73rem;color:#526780}

/* Milestone 11 Steps 8-10: enterprise administration and role/scope preview */
.m11-persona-card{margin-bottom:12px}
.m11-persona-controls{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.m11-persona-controls label{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#66758a;font-weight:700}

/* v1.0 production hardening:
   ensure the development persona selector stays hidden for authenticated users. */
#enterprisePersonaControl[hidden]{display:none!important}

.m11-persona-controls select,.mini-admin-form input,.mini-admin-form select{border:1px solid #d8e1ec;border-radius:7px;background:#fff;padding:8px 9px;font:inherit;color:#26364c;min-width:190px}
.scope-badges{display:flex;gap:6px;flex-wrap:wrap}
.scope-badge{display:inline-flex;align-items:center;border:1px solid #dbe7f5;background:#f6faff;border-radius:999px;padding:5px 8px;font-size:8px;color:#48627f;font-weight:700}
.scope-badge.readonly{background:#fff8e8;border-color:#f4dfac;color:#946200}
.scope-badge.admin{background:#eaf8f0;border-color:#c8ead6;color:#167347}
.organization-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.mini-admin-form{border:1px solid #e3eaf2;border-radius:9px;background:#fbfcfe;padding:11px;display:flex;flex-direction:column;gap:7px}
.mini-admin-form h4{margin:0 0 2px;font-size:9.5px;color:#334155}
.mini-admin-form input,.mini-admin-form select{min-width:0;width:100%;box-sizing:border-box;font-size:8.5px}
.mini-admin-form .primary-button{font-size:8px;padding:7px 9px}
.mini-checkbox{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:8px!important;color:#65758b!important}
.mini-checkbox input{width:auto!important;min-width:0!important}
.admin-message{font-size:8.5px;margin-top:10px;min-height:14px;color:#526780}
.admin-message.success{color:#137447}
.admin-message.error{color:#c9363e}
.setting-link{display:inline-block;text-decoration:none;font-size:8.5px;margin-top:8px}
.setting-card .setting-link{color:#fff}
.role-scope-cell code{margin-right:4px}
.m11-readonly #enterpriseAdminPanel{display:none!important}
@media(max-width:1180px){.organization-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.organization-admin-grid{grid-template-columns:1fr}.m11-persona-controls{align-items:stretch;flex-direction:column}.m11-persona-controls select{width:100%}}

/* Milestone 12 UI consistency cleanup — unified application shell */
/* Keep the enterprise sidebar stable on laptop/desktop widths. Earlier responsive
   rules collapsed the whole shell too early, which made detail pages look like
   separate applications depending on viewport/zoom. */
@media (min-width:761px){
  .app-shell{display:grid!important;grid-template-columns:176px minmax(0,1fr)!important;min-height:100vh}
  .sidebar{display:flex!important;position:sticky!important;top:0;height:100vh;width:100%;padding:16px 10px}
  .nav{display:flex!important;grid-template-columns:none!important;flex-direction:column!important;gap:5px}
  .product-card{display:block!important}
  .main{min-width:0;padding:16px 16px 18px!important}
}
@media (min-width:1501px){
  .app-shell{grid-template-columns:184px minmax(0,1fr)!important}
  .main{padding-left:18px!important;padding-right:18px!important}
}

/* Every detail page uses the same content canvas and spacing. */
.dashboard-view:not([data-view-panel="overview"]){width:100%;max-width:1320px;margin:0 auto}
.enterprise-search-shell{width:100%;max-width:1320px;margin:0 auto 12px}
.page-header{min-height:72px;margin:0 2px 14px;padding:2px 0 0}
.page-header>div{min-width:0;max-width:860px}
.page-header h1{font-size:25px;line-height:1.12;margin:3px 0 6px}
.page-header p{line-height:1.5}
.status-pill.live{align-self:flex-start}

/* Make summary metrics intentionally responsive rather than leaving a fifth card
   stranded on a second row at common product-demo widths. */
.detail-kpis{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.metric-card{min-width:0}

/* Detail cards/tables should read consistently across Reviews, Findings,
   Standards and Repositories. */
.review-explorer,.detail-card{border-radius:10px}
.card-heading{gap:12px}
.card-heading>div{min-width:0}
.card-heading .muted{display:block;line-height:1.45;margin-top:2px}
.table-wrap{width:100%;max-width:100%;overflow:auto}
.dashboard-view:not([data-view-panel="overview"]) table{min-width:720px}
.dashboard-view[data-view-panel="repositories"] .repo-grid{align-items:start}

/* Standards administration: clear two-column form, full-width narrative fields,
   and consistent control sizes. */
.standard-editor{padding:18px}
.standard-form{grid-template-columns:minmax(180px,.72fr) minmax(320px,1.6fr);gap:14px 16px;margin-top:14px}
.standard-form label{min-width:0;gap:6px}
.standard-form label span{font-size:10px;color:#4b5d73}
.standard-form input,.standard-form select{height:38px;padding:0 11px;font-size:10px}
.standard-form textarea{min-height:96px;padding:10px 11px;font-size:10px;line-height:1.45}
.standard-form .form-wide{grid-column:1/-1}
.standard-form .form-actions{padding-top:2px}
.standard-form .primary-button{min-width:118px;height:36px}

/* Filters keep a deliberate grid and do not squeeze labels/controls. */
.review-filters{align-items:end}
.review-filters label{min-width:0}
.repository-filters{grid-template-columns:minmax(210px,1.45fr) repeat(3,minmax(150px,1fr))}
.standards-filters{grid-template-columns:minmax(260px,1.7fr) minmax(180px,1fr) minmax(180px,1fr)}

@media (max-width:1120px) and (min-width:761px){
  .app-shell{grid-template-columns:164px minmax(0,1fr)!important}
  .brand{font-size:14px}
  .nav a{padding:10px 9px;gap:9px;font-size:12px}
  .nav a span{font-size:15px}
  .product-card{padding:12px 10px}
  .main{padding:14px 12px 16px!important}
  .page-header{min-height:auto}
  .repository-filters,.standards-filters{grid-template-columns:1fr 1fr}
  .repository-filters label:first-child,.standards-filters label:first-child{grid-column:1/-1}
  .standard-form{grid-template-columns:1fr 1.4fr}
}

@media (max-width:760px){
  .app-shell{display:block!important}
  .sidebar{position:static!important;height:auto!important;padding:10px!important}
  .brand{height:40px}
  .nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:10px}
  .nav a{padding:9px 8px;font-size:11px}
  .product-card{display:none!important}
  .main{padding:12px 10px 16px!important}
  .enterprise-search-shell{margin-bottom:10px}
  .page-header{gap:8px;margin-bottom:12px}
  .page-header h1{font-size:22px}
  .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .repository-filters,.standards-filters{grid-template-columns:1fr}
  .repository-filters label:first-child,.standards-filters label:first-child{grid-column:auto}
  .standard-form{grid-template-columns:1fr}
  .standard-form .form-wide{grid-column:auto}
  .dashboard-view:not([data-view-panel="overview"]) table{min-width:620px}
}

/* Milestone 12 final — governed exceptions / waivers UI */
.exception-filters{grid-template-columns:minmax(260px,1.6fr) minmax(170px,.8fr) minmax(210px,1fr)}
.finding-exception-panel{margin-top:14px;border:1px solid #dfe8f2;border-radius:10px;background:#fbfdff;padding:14px}
.finding-exception-panel h4,.exception-audit h4,.exception-action-form h4{margin:0 0 10px;color:#24364b}
.disposition-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#526780;font-size:10px}
.exception-request-inline{display:grid;grid-template-columns:minmax(280px,1.8fr) minmax(170px,.65fr) auto;gap:10px;align-items:end;margin-top:10px}
.exception-request-inline label,.exception-action-form label{display:flex;flex-direction:column;gap:5px;color:#526780;font-size:9px;font-weight:700}
.exception-request-inline textarea,.exception-request-inline input,.exception-action-form input,.exception-action-form select,.exception-action-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1ec;border-radius:8px;background:#fff;padding:9px 10px;font:inherit;color:#26364c}
.exception-request-inline textarea,.exception-action-form textarea{resize:vertical;min-height:72px;line-height:1.4}
.exception-workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}
.exception-action-form{border:1px solid #dfe8f2;background:#fbfdff;border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:9px}
.exception-action-form .primary-button{align-self:flex-start}
.exception-audit{margin-top:16px}
.compact-summary{margin-top:12px}
#exceptionsPageTable .clickable-row{cursor:pointer}
#exceptionsPageTable .clickable-row:hover{background:#f7fbff}
@media(max-width:1000px){.exception-filters{grid-template-columns:1fr 1fr}.exception-filters label:first-child{grid-column:1/-1}.exception-request-inline{grid-template-columns:1fr 1fr}.exception-request-inline label:first-child{grid-column:1/-1}.exception-request-inline button{justify-self:start}}
@media(max-width:760px){.exception-filters,.exception-request-inline{grid-template-columns:1fr}.exception-filters label:first-child,.exception-request-inline label:first-child{grid-column:auto}}

/* Milestone 14 ZIP3 - CI/CD governance enforcement signal. */
.governance-gate-panel{margin:16px 0;padding:16px;border:1px solid #d9e3f0;border-radius:12px;background:#f8fbff}
.governance-gate-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.governance-gate-heading>div{display:flex;flex-direction:column;gap:4px}
.gate-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}
.merge-signal{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.merge-allow{background:#dcfce7;color:#166534}.merge-block{background:#fee2e2;color:#b91c1c}
.governance-gate-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px}
.governance-gate-meta span{padding:9px 10px;border-radius:8px;background:#fff;border:1px solid #e4ebf3;font-size:12px;color:#64748b}
.governance-gate-meta strong{display:block;margin-top:3px;color:#0f172a}
.gate-reasons{margin:8px 0 0;padding-left:20px;color:#475569;font-size:12px;line-height:1.5}
.gate-fail{border-color:#fecaca;background:#fffafa}.gate-warn{border-color:#fde68a;background:#fffdf5}.gate-pass{border-color:#bbf7d0;background:#f7fff9}
@media(max-width:900px){.governance-gate-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v1.0 AI FinOps - configurable token pricing */
.ai-rate-card-note{margin-top:9px;padding:9px 11px;border:1px solid #dce9f8;background:#f5f9ff;border-radius:8px;color:#526780;font-size:8.5px;line-height:1.45}
.ai-rate-card-note strong{color:#24364b}


/* v1.0 - browser-triggered architecture review workflow */
.review-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.run-review-panel{margin:0 0 14px;padding:14px;border:1px solid #d6e4f4;border-radius:10px;background:#f9fcff}
.run-review-panel[hidden]{display:none!important}
.run-review-form{display:grid;grid-template-columns:1.15fr .55fr .85fr;gap:11px 12px;margin-top:10px}
.run-review-form label{display:flex;flex-direction:column;gap:5px;color:#526780;font-size:9px;font-weight:700;min-width:0}
.run-review-form input,.run-review-form select,.run-review-form textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1ec;border-radius:8px;background:#fff;padding:9px 10px;font:inherit;color:#26364c}
.run-review-form input,.run-review-form select{height:38px}
.run-review-form textarea{resize:vertical;min-height:120px;line-height:1.45}
.run-review-form .form-wide{grid-column:1/-1}
.run-review-note{padding:9px 10px;border:1px solid #dce9f8;background:#f5f9ff;border-radius:8px;color:#60738a;font-size:8.5px;line-height:1.45}
.run-review-result{margin-top:12px;padding:11px 12px;border-radius:8px;border:1px solid #cdebd9;background:#f2fbf6;color:#176b42;font-size:9px;line-height:1.5}
.run-review-result.error{border-color:#ffd0d0;background:#fff5f5;color:#b4232d}
@media(max-width:900px){.run-review-form{grid-template-columns:1fr 1fr}.run-review-form label:first-child,.run-review-form .form-wide{grid-column:1/-1}}
@media(max-width:620px){.run-review-form{grid-template-columns:1fr}.run-review-form label:first-child,.run-review-form .form-wide{grid-column:auto}.review-heading-actions{width:100%}.review-heading-actions button{flex:1}}

/* v1.0 Human Review Status */
.human-review-panel,.merge-readiness-panel{margin:18px 0;padding:18px;border:1px solid var(--border,#dfe5ec);border-radius:14px;background:#fff}
.merge-readiness-panel.readiness-ready{border-left:4px solid #25855a}
.merge-readiness-panel.readiness-blocked{border-left:4px solid #b5473c}

/* v1.0 UI consistency: sortable governance tables */
.table-sort-button{appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.table-sort-button:hover{text-decoration:underline}
.table-sort-button:focus-visible{outline:2px solid #1677ff;outline-offset:3px;border-radius:3px}

.breakdown-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #edf1f6}.breakdown-row:last-child{border-bottom:0}.breakdown-row>div{display:flex;flex-direction:column;gap:2px}.breakdown-row>div>strong{font-size:10px}.breakdown-row>div>span{font-size:8.5px;color:#718096}.breakdown-row>strong{font-size:11px;color:#334155}.warning-text{color:#a16207!important}.section-note{font-size:9px;color:#6f7f93;line-height:1.5;margin:0 0 12px}.settings-status-card{margin-top:12px}.settings-status-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setting-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5ebf2;border-radius:9px;padding:11px;background:#fbfcfe}.setting-status-row>div{display:flex;flex-direction:column;gap:3px}.setting-status-row strong{font-size:9.5px}.setting-status-row span{font-size:8.5px;color:#6d7b8e}@media(max-width:760px){.settings-status-list{grid-template-columns:1fr}}

/* Public read-only dashboard authentication */
.dashboard-access-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.access-mode-label{font-size:12px;font-weight:700;color:#667085;background:#f2f4f7;border:1px solid #e4e7ec;border-radius:999px;padding:6px 10px}
.auth-button{white-space:nowrap}
.readonly-banner{margin:0 0 16px;padding:11px 14px;border:1px solid #dbe5f5;background:#f7faff;border-radius:10px;color:#344054;font-size:13px}
.readonly-banner strong{color:#175cd3}
.public-readonly .run-review-panel{display:none}


/* Article 5 — portfolio intelligence and team drill-down */
.page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.portfolio-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:12px;margin-bottom:12px}
.portfolio-repository-card{min-width:0}.portfolio-score{color:#1e3a5f}.portfolio-score.risk,.team-score.risk{color:#c9363e}
.portfolio-signal-list{display:grid;gap:8px;margin-top:10px}.portfolio-signal{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;gap:9px;align-items:center;border:1px solid #e2eaf4;background:#fff;border-radius:9px;padding:10px;text-align:left;color:#26364c;cursor:pointer}.portfolio-signal:hover{border-color:#9dc5ff;background:#f8fbff}.portfolio-signal strong{display:block;font-size:10px}.portfolio-signal small{display:block;color:#6b7b90;font-size:8px;line-height:1.45;margin-top:2px}.signal-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#eaf3ff;color:#1677ff;font-weight:800;font-size:9px}.signal-arrow{color:#1677ff;font-weight:900}
.team-portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:10px;margin-top:10px}.team-portfolio-card{border:1px solid #e0e8f2;background:#fff;border-radius:10px;padding:12px;text-align:left;cursor:pointer;color:#26364c}.team-portfolio-card:hover{border-color:#9dc5ff;box-shadow:0 4px 14px rgba(38,99,171,.08)}.team-card-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:9px;align-items:center}.team-icon{width:30px;height:30px;border-radius:9px;background:#eef6ff;color:#1677ff;display:grid;place-items:center;font-size:15px}.team-card-head strong{font-size:10px}.team-card-head small{display:block;color:#77879a;font-size:8px;margin-top:2px}.team-score{font-size:17px!important;color:#137447}.team-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:11px;padding-top:9px;border-top:1px solid #edf1f6}.team-card-metrics span{font-size:7.5px;color:#718096}.team-card-metrics b{display:block;font-size:10px;color:#334155;margin-bottom:2px}
.portfolio-drilldown{margin-top:12px}.team-detail-members{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:12px 0 14px}.team-detail-members>span:first-child{font-size:8px;font-weight:800;color:#5c6d81;margin-right:4px}
#portfolioRepositoryTable .clickable-row,#teamsPortfolioTable .clickable-row,#teamPortfolioRepositoriesTable .clickable-row{cursor:pointer}
#portfolioRepositoryTable .clickable-row:hover td,#teamsPortfolioTable .clickable-row:hover td,#teamPortfolioRepositoriesTable .clickable-row:hover td{background:#f7fbff}
@media(max-width:1050px){.portfolio-layout{grid-template-columns:1fr}.team-card-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.page-header-actions{justify-content:flex-start}.team-portfolio-grid{grid-template-columns:1fr}.team-card-metrics{grid-template-columns:repeat(2,1fr)}}

.repository-context-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dfe9f5;background:#f7fbff;border-radius:9px;padding:9px 11px;margin-bottom:10px;font-size:8.5px;color:#526780}.repository-context-strip b{color:#334155;margin-right:4px}

/* Article 6 — AI cost governance */
.review-ai-usage-panel{margin:16px 0;padding:18px;border:1px solid #bdd7ff;border-left:4px solid #1677ff;border-radius:14px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.review-ai-cost-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:14px}
.review-ai-cost-grid>span{display:flex;flex-direction:column;gap:5px;padding:12px;border:1px solid #dce7f6;border-radius:10px;background:#fff;color:#66758d;font-size:12px}
.review-ai-cost-grid strong{color:#0b1f44;font-size:15px;overflow-wrap:anywhere}
.review-ai-footnote{margin:12px 0 0;color:#64748b;font-size:12px}
.article6-section{margin-top:16px}
.a6-team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.a6-mini-card{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #d9e5f5;border-radius:12px;background:#fbfdff}
.a6-mini-card span{font-size:12px;color:#51627b}.a6-mini-card strong{font-size:22px;color:#0b1f44}.a6-mini-card small{color:#6b7b92}
.a6-budget-list{display:grid;gap:12px;margin-top:14px}
.a6-budget-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(140px,2fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #dce7f6;border-radius:11px;background:#fff}
.a6-budget-row>div:first-child{display:flex;flex-direction:column;gap:3px}.a6-budget-row>div:first-child span{font-size:12px;color:#66758d}
.a6-progress{height:9px;background:#edf3fb;border-radius:999px;overflow:hidden}.a6-progress span{display:block;height:100%;background:linear-gradient(90deg,#1677ff,#5b9dff);border-radius:999px}
.a6-progress.forecast{height:12px;margin:16px 0}
.a6-forecast-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.a6-forecast-kpis>div{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid #dce7f6;border-radius:11px;background:#fbfdff}.a6-forecast-kpis span{font-size:12px;color:#66758d}.a6-forecast-kpis strong{font-size:20px;color:#0b1f44}
@media (max-width:1100px){.review-ai-cost-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.a6-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.review-ai-cost-grid,.a6-team-grid,.a6-forecast-kpis{grid-template-columns:1fr}.a6-budget-row{grid-template-columns:1fr}}

/* Article 6 v2 - distinguish engineering actor from review trigger */
.review-engineering-context-panel{margin:16px 0;padding:18px;border:1px solid #d9e5f5;border-radius:14px;background:#f8fbff}
.review-engineering-context-panel .review-ai-cost-grid{margin-top:14px}

.pr-cost-summary{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}
.pr-cost-table{margin-top:14px}
.pr-cost-table table{width:100%;border-collapse:collapse}
.pr-cost-table th,.pr-cost-table td{padding:10px 12px;border-bottom:1px solid #e5edf7;text-align:left;white-space:nowrap}
.pr-cost-table th{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}

/* Article 6 v4 - team and PR-author cost attribution */
.a6-author-detail{margin-top:18px;padding-top:16px;border-top:1px solid #dce7f6}
.a6-author-detail-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:12px}
.a6-author-detail-heading h4{margin:3px 0 4px;font-size:18px}
.a6-author-summary{display:flex;gap:10px;flex-wrap:wrap}
.a6-author-summary span{min-width:105px;padding:9px 12px;border:1px solid #dce7f6;border-radius:10px;background:#f8fbff;display:flex;flex-direction:column}
.a6-author-summary strong{font-size:17px}.a6-author-summary small{color:#66758d;margin-top:2px}
#aiTeamCostTable .a6-attribution-team:hover{background:#f4f8ff}
@media (max-width:800px){.a6-author-detail-heading{display:block}.a6-author-summary{margin-top:12px}}

/* Article 7 — governance data to architecture decisions */
.a7-risk-card{margin-bottom:12px}
.a7-risk-text{color:#d33d45!important}.a7-good-text{color:#118653!important}
.architecture-signal-callout{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid #bcd9ff;border-radius:10px;background:linear-gradient(90deg,#eef6ff,#f8fbff)}
.architecture-signal-callout strong{font-size:10px;color:#125fc0}.architecture-signal-callout p{margin:3px 0 0;color:#52657d;font-size:9px;line-height:1.5}.a7-signal-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:#1677ff;font-size:17px}
.a7-context-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.a7-context-grid article{border:1px solid #e3eaf3;border-radius:9px;padding:11px;background:#fbfdff;min-width:0}.a7-context-grid article>span{display:block;color:#697b91;font-size:8px;font-weight:700}.a7-context-grid article>strong{display:block;font-size:20px;margin:5px 0 3px}.a7-context-grid article>small{display:block;color:#7b899a;font-size:7.5px;line-height:1.4}.a7-context-grid .spark{height:22px;margin:0 0 2px}
.a7-repository-context{border:1px solid #e0eaf6;border-radius:10px;padding:13px;background:#fff;margin:0 0 12px}.repository-signal{grid-template-columns:34px minmax(0,1fr);margin-top:10px}.repository-signal .primary-button{display:none}
.exception-concentration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.exception-concentration-grid section{border:1px solid #e6edf5;border-radius:9px;padding:11px;background:#fbfdff}.exception-concentration-grid h4{margin:0 0 10px;font-size:9px;color:#52657d}.concentration-list{display:grid;gap:9px}.concentration-row{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(80px,1fr) 24px;gap:8px;align-items:center;font-size:8px}.concentration-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concentration-track{height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.concentration-track i{display:block;height:100%;border-radius:999px;background:#6aa8ff}.concentration-row strong{text-align:right}
@media(max-width:1050px){.a7-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exception-concentration-grid{grid-template-columns:1fr}.architecture-signal-callout{grid-template-columns:34px minmax(0,1fr)}.architecture-signal-callout .primary-button{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){.a7-context-grid{grid-template-columns:1fr}}

/* Article 7A.1 portfolio cleanup */
.portfolio-layout{align-items:start}
.portfolio-repository-card{align-self:start}
.portfolio-repository-card .table-wrap{overflow-x:hidden}
#portfolioRepositoryTable{min-width:0!important;width:100%;table-layout:fixed}
#portfolioRepositoryTable th,#portfolioRepositoryTable td{white-space:normal;vertical-align:top}
#portfolioRepositoryTable th:nth-child(1),#portfolioRepositoryTable td:nth-child(1){width:38%}
#portfolioRepositoryTable th:nth-child(2),#portfolioRepositoryTable td:nth-child(2){width:13%}
#portfolioRepositoryTable th:nth-child(3),#portfolioRepositoryTable td:nth-child(3){width:12%}
#portfolioRepositoryTable th:nth-child(4),#portfolioRepositoryTable td:nth-child(4){width:10%}
#portfolioRepositoryTable th:nth-child(5),#portfolioRepositoryTable td:nth-child(5){width:14%}
#portfolioRepositoryTable th:nth-child(6),#portfolioRepositoryTable td:nth-child(6){width:13%}
.team-no-data{font-size:8px;font-weight:700;color:#7b8798;white-space:nowrap}
.team-portfolio-card-empty{background:#fbfcfe}

/* Article 7A.2 — repository recurring-signal readability */
.repository-breakdowns .section-helper{margin:-2px 0 9px;color:#718299;font-size:9px;line-height:1.4}
#repositoryRecurringStandardsTable th:nth-child(1){width:64%}
#repositoryRecurringStandardsTable th:nth-child(2){width:20%}
#repositoryRecurringStandardsTable th:nth-child(3){width:16%}
#repositoryRecurringStandardsTable td{vertical-align:top}
#repositoryRecurringStandardsTable .cell-subtle{max-width:520px;white-space:normal;line-height:1.35;margin-top:2px}

/* Article 7B - architecture attention */
.architecture-attention-card{margin-top:14px}
.architecture-attention-row td:last-child{width:90px}
.architecture-attention-evidence{margin-top:12px;padding:14px 16px;border:1px solid #cfe0f5;border-radius:11px;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}
.attention-evidence-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e4edf7;padding-bottom:10px}
.attention-evidence-head h4{margin:3px 0 0;font-size:13px}.attention-kicker{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#176bd6}
.attention-reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;padding:12px 0}
.attention-reasons>div{display:grid;grid-template-columns:12px minmax(0,1fr);gap:4px;align-items:start}.attention-reasons span{color:#1677ff;font-weight:800}.attention-reasons p{margin:0;color:#455b75;font-size:9px;line-height:1.45}
.attention-evidence-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;border-top:1px solid #e4edf7}.attention-evidence-actions>span{max-width:760px;color:#65778d;font-size:9px;line-height:1.45}
@media(max-width:900px){.attention-reasons{grid-template-columns:1fr}.attention-evidence-actions{align-items:flex-start;flex-direction:column}}

/* Article 8 — Governance Audit Trail */
.badge.gray{background:#eef2f7;color:#526174}.badge.purple{background:#eee8ff;color:#6546c7}
.audit-history-card{margin-top:12px}.audit-history-card .section-note{margin:3px 0 12px}.audit-kpis{margin-bottom:12px}.audit-filters{grid-template-columns:1.35fr repeat(7,minmax(110px,1fr));align-items:end}.audit-filters label{min-width:0}.audit-filters input,.audit-filters select{width:100%}.audit-standard-inline{display:inline-block;padding:2px 5px;margin:1px 2px 1px 0;border-radius:5px;background:#eef6ff;color:#1767bd;font-size:8px}.selected-row td{background:#f2f8ff}.audit-event-detail{margin-top:12px;border:1px solid #cfe1f8;background:#f8fbff;border-radius:10px;padding:14px}.audit-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #dce8f5;padding-bottom:9px;margin-bottom:10px}.audit-detail-heading h4{margin:2px 0 0;font-size:14px}.audit-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.audit-detail-grid>span,.review-audit-grid>span{display:flex;flex-direction:column;gap:3px;border:1px solid #e0e8f2;background:#fff;border-radius:8px;padding:9px;color:#64748b;font-size:9px}.audit-detail-grid strong,.review-audit-grid strong{color:#172033;font-size:10px;overflow-wrap:anywhere}.audit-policy-basis,.audit-authority,.audit-note{margin-top:10px}.audit-policy-basis>span,.audit-authority>span,.audit-note>span,.review-audit-delivery>span{display:block;color:#526174;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.audit-standard-pills{display:flex;flex-wrap:wrap;gap:6px}.audit-standard-pills span,.audit-standard-snapshot{border:1px solid #cfe1f8;background:#fff;border-radius:7px;padding:6px 8px;color:#1767bd;font-size:9px}.audit-authority{border-left:3px solid #7d65df;padding-left:9px}.audit-authority small{display:block;color:#64748b;margin-top:3px}.audit-note p{margin:0;color:#354357;line-height:1.5}.audit-detail-actions{display:flex;justify-content:flex-end;margin-top:10px}.review-audit-evidence{border:1px solid #bfd9fb;background:#f7fbff;border-radius:10px;padding:13px;margin:12px 0}.review-audit-evidence .section-note{margin:7px 0 10px}.review-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.review-audit-grid small{color:#7a8798;font-size:8px}.review-audit-policy{display:grid;grid-template-columns:190px 1fr;gap:12px;align-items:start;border-top:1px solid #dce8f5;margin-top:10px;padding-top:10px}.review-audit-policy>div:first-child{display:flex;flex-direction:column;gap:3px}.audit-standard-snapshot-list{display:flex;flex-wrap:wrap;gap:6px}.audit-standard-snapshot{display:flex;flex-direction:column;gap:2px;color:#1d4f8b}.audit-standard-snapshot small{color:#6a7789;font-size:8px}.review-audit-approval{margin-top:10px;border:1px solid #d9d0fa;background:#fbf9ff;border-radius:8px;padding:10px}.review-audit-approval>div:first-child{display:flex;flex-direction:column;gap:2px}.review-audit-approval-meta{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0;color:#64748b;font-size:9px}.review-audit-approval-meta strong{color:#28384e}.review-audit-approval p{margin:0;color:#465569}.review-audit-delivery{margin-top:10px;border-top:1px solid #dce8f5;padding-top:9px;display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:10px}.review-audit-delivery strong{color:#157c46}.review-audit-delivery small{color:#64748b}.exception-audit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.exception-audit-heading h4{margin:2px 0 0}
@media(max-width:1180px){.audit-filters{grid-template-columns:repeat(3,minmax(160px,1fr))}.audit-detail-grid,.review-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-audit-policy{grid-template-columns:1fr}}

.audit-system-note{display:block;margin-top:8px;color:#7a8798;font-size:8px;border-top:1px dashed #ded8f5;padding-top:7px}
.enterprise-platform-grid,.operations-telemetry-grid{margin-bottom:12px}
.access-surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.access-surface-card{border:1px solid #e5ebf2;border-radius:9px;background:#fbfcfe;padding:12px}
.access-surface-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.access-surface-card strong{font-size:9.5px}
.access-surface-card p{font-size:8.5px;color:#6d7b8e;line-height:1.45;margin:0}
.access-surface-card.disabled{background:#fcfcfd}
.settings-highlights{display:flex;flex-direction:column;gap:0;margin:0 0 12px}
.setting-status-row small{display:block;font-size:8px;color:#8b97a8}
@media(max-width:760px){.access-surface-grid{grid-template-columns:1fr}}
/* Article 10 — proactive governance evaluation */
.proactive-governance-panel,.proactive-insight-section{border:1px solid #dfe9f6;border-radius:10px;background:#fff;padding:15px;margin:12px 0}
.proactive-attention-summary{display:flex;align-items:center;gap:8px;font-size:9px;color:#66758a}
.proactive-signal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.proactive-signal-grid article{border:1px solid #e5ebf2;border-radius:9px;background:#fbfcfe;padding:12px;min-height:106px}
.proactive-signal-grid article>span{display:block;color:#67768b;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.proactive-signal-grid article>strong{display:block;font-size:14px;margin:7px 0 5px;line-height:1.15}
.proactive-signal-grid article>small{display:block;color:#78869a;font-size:8px;line-height:1.45}
.proactive-insight-empty{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed #cfdced;border-radius:10px;background:#f8fbff;padding:15px}
.proactive-insight-empty strong{font-size:11px}
.proactive-insight-empty p{font-size:9px;color:#6f7f93;line-height:1.55;margin:5px 0 0;max-width:760px}
.proactive-grounding-note{margin-top:8px;color:#7b8798;font-size:8px}
.proactive-insight-card{border:1px solid #d8e5f6;border-radius:10px;background:linear-gradient(180deg,#fbfdff,#f7faff);padding:15px}
.proactive-insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e5ebf2;padding-bottom:10px;margin-bottom:10px}
.proactive-insight-head h4{font-size:14px;margin:4px 0 0}
.proactive-insight-head>div:last-child{display:flex;gap:6px;align-items:center}
.proactive-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.proactive-insight-grid>div{border:1px solid #e8edf4;border-radius:8px;background:#fff;padding:10px}
.proactive-insight-grid>div.wide{grid-column:1/-1}
.proactive-insight-grid span{display:block;color:#718096;font-size:8px;margin-bottom:4px}
.proactive-insight-grid strong{display:block;font-size:10px;line-height:1.5}
.proactive-insight-meta{font-size:8px;color:#7d8999;margin-top:9px}
.proactive-architect-actions{display:grid;grid-template-columns:minmax(200px,1fr) auto;gap:12px;align-items:center;border-top:1px solid #e5ebf2;margin-top:12px;padding-top:12px}
.proactive-architect-actions>div:first-child{display:flex;flex-direction:column;gap:3px}
.proactive-architect-actions>div:first-child strong{font-size:10px}
.proactive-architect-actions>div:first-child span{font-size:8.5px;color:#718096}
.proactive-action-buttons{display:flex;gap:7px}
.proactive-action-buttons .selected{border-color:#6aa7f8;background:#eef6ff;color:#0967d7}
.proactive-action-state{grid-column:1/-1;display:flex;gap:8px;align-items:center;font-size:8.5px;color:#6f7f93;background:#fafbfd;border-radius:8px;padding:8px 10px}
.proactive-expiry-card{border-color:#dfe9f6}
.proactive-expiry-card .compact-kpis{margin-bottom:10px}
@media(max-width:1100px){.proactive-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.proactive-signal-grid,.proactive-insight-grid{grid-template-columns:1fr}.proactive-insight-grid>div.wide{grid-column:auto}.proactive-insight-empty,.proactive-architect-actions{display:flex;flex-direction:column;align-items:stretch}.proactive-action-buttons{flex-wrap:wrap}}

/* Architecture Risk Dashboard - Iteration 1 */
.risk-overview-card{margin-bottom:12px}
.risk-band-legend{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 12px;color:#64748b;font-size:8px;font-weight:650}
.risk-band-legend span{display:flex;align-items:center;gap:5px}
.risk-dot{display:inline-block;width:7px;height:7px;border-radius:50%}
.risk-dot.low{background:#22c77a}.risk-dot.medium{background:#ffb51b}.risk-dot.high{background:#ff7a45}.risk-dot.critical{background:#ff4d4f}
.risk-band-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:7.5px;font-weight:750;border:1px solid transparent}
.risk-band-badge.low{background:#e9fbf2;color:#087443;border-color:#c8f3dc}.risk-band-badge.medium{background:#fff8df;color:#9a6500;border-color:#f9e7a6}.risk-band-badge.high{background:#fff0e7;color:#b84a13;border-color:#ffd3bd}.risk-band-badge.critical{background:#ffebeb;color:#c92d32;border-color:#ffc8ca}
.risk-score-number{font-size:11px;font-weight:800}.risk-score-number.low{color:#0a8c50}.risk-score-number.medium{color:#a96d00}.risk-score-number.high{color:#d3571b}.risk-score-number.critical{color:#d92f35}
.risk-evidence-panel{border-color:#cfe0f6;box-shadow:0 8px 24px rgba(15,23,42,.06);margin-bottom:12px}
.risk-summary-grid{margin-top:0}
.risk-factor-section{border:1px solid #e6edf5;border-radius:9px;padding:12px;background:#fbfcfe}
.risk-factor-section h4{margin:0 0 10px;font-size:10px}
.risk-factor-list{display:flex;flex-direction:column;gap:9px}
.risk-factor-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 1fr 36px;align-items:center;gap:12px}
.risk-factor-row>div:first-child{display:flex;flex-direction:column;gap:2px}.risk-factor-row strong{font-size:9px}.risk-factor-row span{font-size:7.5px;color:#76859a}.risk-factor-row>b{text-align:right;font-size:9px;color:#c43b3f}
.risk-factor-track{height:7px;background:#edf2f7;border-radius:999px;overflow:hidden}.risk-factor-track i{display:block;height:100%;background:#ff6b6f;border-radius:999px}
.risk-method-note{font-size:7.5px;color:#76859a;line-height:1.5;margin:12px 0 0;border-top:1px solid #e9eef5;padding-top:9px}
.risk-panel-actions{display:flex;justify-content:flex-end;margin-top:10px}
#riskRepositoryTable td:first-child{min-width:210px}
@media(max-width:900px){.risk-factor-row{grid-template-columns:1fr 80px 30px}.risk-band-legend{gap:8px}}


/* Architecture Drift & Debt - Iteration 2 */
.drift-debt-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px;margin-top:14px}.drift-debt-grid>.card{margin:0}.drift-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid #dfe6ee;background:#f7f9fb;color:#526071}.drift-badge.worsening{background:#fff0f0;border-color:#ffc9c9;color:#c92b32}.drift-badge.watch{background:#fff7ed;border-color:#ffd9b5;color:#b65b00}.drift-badge.improving{background:#edfff6;border-color:#bdeed4;color:#12824f}.drift-badge.recovering{background:#effbf6;border-color:#cdebdc;color:#247a58}.drift-badge.stable{background:#f3f7fc;border-color:#dce6f0;color:#567083}.debt-repository-bars{display:flex;flex-direction:column;gap:10px;margin-top:6px}.debt-repo-bar{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,1.2fr) 42px;align-items:center;gap:10px;border:0;background:transparent;padding:7px 4px;text-align:left;cursor:pointer;border-radius:8px}.debt-repo-bar:hover{background:#f8fafc}.debt-repo-label{display:flex;flex-direction:column;min-width:0}.debt-repo-label strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.debt-repo-label small{color:#7b8794;font-size:10px;margin-top:2px}.debt-track{height:7px;border-radius:999px;background:#edf1f5;overflow:hidden}.debt-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb51b,#ff4d4f)}.debt-repo-bar>b{text-align:right;font-size:14px;color:#263648}.debt-backlog-card{margin-top:14px}.debt-filter label{display:flex;align-items:center;gap:8px;font-size:11px;color:#667385}.debt-filter select{min-width:230px;border:1px solid #dfe5ec;background:white;border-radius:7px;padding:7px 9px;color:#273547}.drift-detail-panel{margin-top:14px}.drift-detail-grid{margin-top:14px}.drift-detail-grid>section{min-width:0}.drift-summary-grid .drift-badge{margin-top:5px}.debt-backlog-row td:first-child strong{font-size:15px;color:#d34848}@media(max-width:1100px){.drift-debt-grid{grid-template-columns:1fr}.debt-filter label{align-items:flex-start;flex-direction:column}.debt-filter select{min-width:180px}}

/* Portfolio posture refinement: posture = current organization state; risk and drift/debt remain specialized views. */
.portfolio-executive-layout{align-items:stretch}
.portfolio-governance-summary{height:100%}
.portfolio-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.portfolio-summary-grid>div{border:1px solid #e5edf7;border-radius:12px;padding:16px;background:#fbfdff;display:flex;flex-direction:column;gap:4px;min-height:104px}
.portfolio-summary-grid span{font-size:12px;color:#65758b;font-weight:600}
.portfolio-summary-grid strong{font-size:25px;line-height:1.1;color:#172033}
.portfolio-summary-grid small{font-size:11px;line-height:1.4;color:#7a8799}
.portfolio-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.portfolio-action-card{border:1px solid #dbe6f3;border-radius:14px;background:#fff;padding:18px;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer;min-height:138px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;color:inherit}
.portfolio-action-card:hover{border-color:#98b9ef;box-shadow:0 8px 24px rgba(24,74,138,.09);transform:translateY(-1px)}
.portfolio-action-card strong{font-size:16px;color:#172033}
.portfolio-action-card span{font-size:12px;line-height:1.5;color:#65758b;flex:1}
.portfolio-action-card em{font-style:normal;font-size:12px;font-weight:700;color:#1769e0}
@media(max-width:900px){.portfolio-action-grid,.portfolio-summary-grid{grid-template-columns:1fr}}


/* Cross-Repository Architecture Intelligence - Iteration 3 */
.cross-repo-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:14px;margin-top:14px}.cross-repo-grid>.card{margin:0}.cross-shared-card,.cross-detail-panel{margin-top:14px}.cross-standard-list{display:flex;flex-direction:column;gap:8px}.cross-standard-item{display:grid;grid-template-columns:28px minmax(0,1fr) 48px;gap:10px;align-items:center;border:1px solid #e3eaf3;background:#fbfdff;border-radius:10px;padding:10px;text-align:left;cursor:pointer;color:inherit}.cross-standard-item:hover{border-color:#a9c6ef;background:#f7fbff}.cross-standard-rank{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:8px;background:#edf5ff;color:#1769e0;font-size:10px;font-weight:800}.cross-standard-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0;gap:3px}.cross-standard-item strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cross-standard-item small{font-size:8px;color:#748398;line-height:1.35}.cross-standard-item>b{text-align:right;font-size:11px;color:#34445a}.cross-signal-chip{display:inline-flex;margin:1px 3px 1px 0;border-radius:999px;padding:3px 7px;background:#eef5ff;color:#2866b4;font-size:8px;font-weight:700}.cross-explanation{border:1px solid #dfe9f6;background:#f8fbff;border-radius:10px;padding:12px 14px;margin:12px 0}.cross-explanation h4{font-size:10px;margin:0 0 5px}.cross-explanation p{font-size:9px;line-height:1.5;color:#61748b;margin:0}.cross-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px}.cross-detail-grid h4{font-size:10px;margin:0 0 8px}.cross-finding-list{display:flex;flex-direction:column;gap:7px}.cross-finding-evidence{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e4eaf2;background:#fff;border-radius:9px;padding:9px;text-align:left;color:inherit;cursor:pointer}.cross-finding-evidence:hover{background:#f8fbff;border-color:#b7cfee}.cross-finding-evidence>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.cross-finding-evidence strong{font-size:9px}.cross-finding-evidence small{font-size:8px;color:#748398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-finding-evidence em{font-size:8px;font-style:normal;color:#1769e0;font-weight:700;white-space:nowrap}.cross-summary-grid{margin-top:0}#crossRepoPatternTable td:first-child{min-width:190px}#crossRepoPairTable td:nth-child(4){min-width:230px}
@media(max-width:1000px){.cross-repo-grid,.cross-detail-grid{grid-template-columns:1fr}}
@media(max-width:900px){.portfolio-action-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.portfolio-action-grid{grid-template-columns:1fr}}


/* Navigation grouping - Build 2026.09.13.7 */
.nav{gap:10px;margin-top:14px;overflow-y:auto;padding-right:2px}
.nav-section{display:flex;flex-direction:column;gap:3px}
.nav-section+.nav-section{padding-top:8px;border-top:1px solid #eef2f7}
.nav-section-label{padding:0 10px 4px;color:#8a97a8;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.nav-section a{padding:8px 10px}
@media(max-width:900px){
  .nav{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .nav-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .nav-section-label{grid-column:1/-1;padding-top:3px}
}


/* AI Governance Economics — Iteration 1 */
.ai-economics-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
.ai-economics-grid .bar-row{grid-template-columns:minmax(130px,1fr) minmax(160px,2fr) auto}
.ai-token-mix{padding:8px 2px 2px}
.ai-token-mix-total{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.ai-token-mix-total span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}
.ai-token-mix-total strong{font-size:28px;color:#0b1f44}
.ai-token-bar{height:14px;background:#eef3f9;border-radius:999px;overflow:hidden;display:flex;margin-bottom:18px}
.ai-token-bar span.prompt{background:#3156d3}
.ai-token-bar span.completion{background:#7c3aed}
.ai-token-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ai-token-legend>div{display:grid;grid-template-columns:auto 1fr auto;gap:8px 10px;align-items:center;padding:12px;border:1px solid #e3eaf4;border-radius:10px;background:#fbfdff}
.ai-token-legend i{width:9px;height:9px;border-radius:50%}
.ai-token-legend i.prompt{background:#3156d3}
.ai-token-legend i.completion{background:#7c3aed}
.ai-token-legend span{color:#526277;font-size:12px}
.ai-token-legend strong{color:#0b1f44}
.ai-token-legend em{grid-column:2/4;color:#7a8799;font-size:11px;font-style:normal}
.ai-economics-next{border-style:dashed}
.economics-roadmap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.economics-roadmap>div{padding:14px 16px;border:1px solid #e1e9f4;border-radius:10px;background:#f9fbfe;display:flex;flex-direction:column;gap:5px}
.economics-roadmap strong{color:#0b1f44}
.economics-roadmap span{font-size:12px;line-height:1.45;color:#64748b}
@media(max-width:1350px){.ai-economics-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.ai-economics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.economics-roadmap{grid-template-columns:1fr}}
@media(max-width:560px){.ai-economics-kpis{grid-template-columns:1fr}}


/* AI Governance Economics — Iteration 2 */
.ai-iteration-divider{margin:22px 0 12px;padding:11px 14px;border-left:4px solid #3156d3;background:#f7faff;border-radius:0 10px 10px 0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ai-iteration-divider span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#3156d3}.ai-iteration-divider strong{font-size:14px;color:#0b1f44}.ai-iteration-divider em{font-size:11px;font-style:normal;color:#6f7f92}.ai-team-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.a6-mini-card{border:1px solid #e2eaf4;background:#fbfdff;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.a6-mini-card span{font-size:10px;color:#65758a}.a6-mini-card strong{font-size:17px;color:#0b1f44}.a6-mini-card small{font-size:9px;color:#8190a3}.a6-author-detail-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.a6-author-detail-heading h4{margin:2px 0 4px;font-size:12px}.a6-author-summary{display:flex;gap:8px}.a6-author-summary span{min-width:66px;padding:7px 9px;border:1px solid #e3eaf4;border-radius:8px;background:#fbfdff;display:flex;flex-direction:column}.a6-author-summary strong{font-size:12px}.a6-author-summary small{font-size:8px;color:#7b899a}.ai-outlier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-outlier-grid>div{border:1px solid #e2eaf4;border-radius:10px;padding:12px;background:#fbfdff}.ai-outlier-grid h4{font-size:10px;margin:0 0 8px;color:#53657b}.a6-attribution-team{cursor:pointer}.a6-attribution-team:hover{background:#f6f9fd}@media(max-width:1000px){.ai-outlier-grid{grid-template-columns:1fr}.a6-author-detail-heading{flex-direction:column}.ai-team-summary{grid-template-columns:1fr}}

/* AI Governance Economics — Iteration 3 */
.ai-iteration-divider.iteration-3{border-left-color:#0f9f6e;background:#f4fbf8}.ai-iteration-divider.iteration-3 span{color:#0f9f6e}
.ai-trend-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.ai-trend-summary>div{border:1px solid #e2eaf4;background:#fbfdff;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.ai-trend-summary span{font-size:9px;color:#6c7b8f}.ai-trend-summary strong{font-size:15px;color:#0b1f44}.ai-trend-summary small{font-size:8px;color:#8491a3}.ai-daily-trend{display:flex;flex-direction:column;gap:8px}.ai-daily-row{display:grid;grid-template-columns:70px minmax(150px,1fr) 90px 150px;gap:10px;align-items:center;font-size:9px}.ai-daily-row>span{color:#65758a}.ai-daily-row>strong{font-size:10px;text-align:right}.ai-daily-row>em{font-size:8px;font-style:normal;color:#8290a1;text-align:right}.ai-daily-track{height:9px;border-radius:999px;background:#eef3f8;overflow:hidden}.ai-daily-track i{display:block;height:100%;border-radius:999px;background:#3156d3}.ai-economics-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ai-economics-insight{border:1px solid #e1e9f3;border-left:4px solid #3156d3;border-radius:10px;padding:12px 14px;background:#fbfdff;display:flex;flex-direction:column;gap:5px}.ai-economics-insight>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6d7d91}.ai-economics-insight>strong{font-size:11px;color:#0b1f44}.ai-economics-insight>p{font-size:9px;line-height:1.5;color:#66758a;margin:0}.ai-economics-insight.tone-green{border-left-color:#16a66f}.ai-economics-insight.tone-amber{border-left-color:#f0a11a}.ai-economics-insight.tone-red{border-left-color:#ef5350}.ai-economics-insight.tone-purple{border-left-color:#7c3aed}.a6-progress{height:9px;background:#eef3f8;border-radius:999px;overflow:hidden}.a6-progress>span{display:block;height:100%;background:#3156d3;border-radius:999px}.a6-progress.forecast{margin:14px 0 10px}.a6-forecast-kpis+p{font-size:9px;color:#6e7d8f}.a6-budget-list .badge{white-space:nowrap}
@media(max-width:1100px){.ai-trend-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-daily-row{grid-template-columns:60px minmax(120px,1fr) 85px}.ai-daily-row>em{grid-column:2/4;text-align:left}.ai-economics-insights{grid-template-columns:1fr}}
@media(max-width:650px){.ai-trend-summary{grid-template-columns:1fr}.ai-daily-row{grid-template-columns:55px 1fr}.ai-daily-row>strong{grid-column:2;text-align:left}.ai-daily-row>em{grid-column:2}.a6-budget-row{grid-template-columns:1fr}}

/* ADR Governance Iteration 1 */
.adr-filters{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.8fr))}
.adr-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.adr-detail-grid .wide{grid-column:1/-1}
.adr-detail-section{border:1px solid #e6ebf2;border-radius:9px;padding:13px;background:#fff}
.adr-detail-section h4{margin:0 0 7px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#637083}
.adr-detail-section p{margin:0;white-space:pre-wrap;line-height:1.55;color:#344054}
.adr-status-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.adr-status-actions button{min-width:105px}
.adr-tags{display:flex;gap:6px;flex-wrap:wrap}
.adr-tag{border:1px solid #dbe4ef;background:#f8fafc;border-radius:999px;padding:4px 8px;font-size:10px;color:#43536a}
@media(max-width:900px){.adr-filters{grid-template-columns:1fr 1fr}.adr-detail-grid{grid-template-columns:1fr}.adr-detail-grid .wide{grid-column:auto}}
@media(max-width:620px){.adr-filters{grid-template-columns:1fr}}

/* ADR Governance Iteration 2 */
.form-section-heading{border-top:1px solid #e4ebf4;margin-top:6px;padding-top:14px;display:flex;flex-direction:column;gap:3px}.form-section-heading span{font-size:11px;font-weight:800;color:#203047}.form-section-heading small{font-size:9px;color:#7a8798}
.adr-review-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid #edf1f5}.adr-review-actions button{min-width:130px}
.review-adr-panel{border:1px solid #dbe7f5;border-radius:10px;padding:14px;background:#fbfdff;margin:12px 0}.review-adr-panel .applied-standards-list{margin-top:10px}


/* Accordion navigation — ADR Governance Iteration 3 merge, Build 2026.09.13.14 */
.nav.nav-accordion{gap:7px;overflow-y:auto;padding-right:2px}
.nav-accordion .nav-section{display:block;border:1px solid transparent;border-radius:10px;padding:0!important}
.nav-accordion .nav-section+.nav-section{border-top:0}
.nav-section-toggle{width:100%;border:0;background:transparent;color:#334155;border-radius:9px;padding:9px 9px;display:grid;grid-template-columns:20px 1fr 16px;align-items:center;gap:7px;text-align:left;font:inherit;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease}
.nav-section-toggle:hover{background:#f4f8fd;color:#0867e8}
.nav-section-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(22,119,255,.22)}
.nav-section-icon{font-size:13px;text-align:center;color:#718096}
.nav-section-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-section-chevron{font-size:13px;text-align:center;transition:transform .16s ease;color:#7b8798}
.nav-section-toggle[aria-expanded="true"] .nav-section-chevron{transform:rotate(180deg)}
.nav-section:has(.nav-section-items a.active)>.nav-section-toggle{color:#0867e8;background:#f7fbff}
.nav-section:has(.nav-section-items a.active)>.nav-section-toggle .nav-section-icon{color:#0867e8}
.nav-section-items{display:flex;flex-direction:column;gap:2px;padding:2px 0 4px 18px}
.nav-section-items[hidden]{display:none!important}
.nav-section-items a{position:relative;padding:8px 8px!important;border-radius:8px;font-size:11px}
.nav-section-items a span{font-size:14px!important;width:16px!important}
.nav-section-items a.active{box-shadow:inset 3px 0 0 #1677ff;background:#eaf3ff}
@media(max-width:900px){.nav.nav-accordion{display:flex;grid-template-columns:none}.nav-accordion .nav-section{display:block}.nav-section-items{padding-left:14px}.nav-section-toggle{font-size:10px}}

/* AI Architect recommendation inbox */
.ai-architect-filters{grid-template-columns:minmax(260px,2fr) minmax(170px,1fr) minmax(210px,1fr)}
.ai-architect-inbox{display:grid;gap:12px;margin-top:14px}
.ai-architect-card{border:1px solid var(--border,#dce5f2);border-radius:12px;padding:16px;background:#fff;display:grid;gap:10px}
.ai-architect-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ai-architect-card h4{margin:0;font-size:15px;color:#12213a}
.ai-architect-card p{margin:0;color:#566783;line-height:1.45}
.ai-architect-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ai-architect-chip{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;background:#f2f6fb;color:#42546e;font-size:11px;font-weight:700}
.ai-architect-action{padding:10px 12px;border-radius:9px;background:#f7faff;border:1px solid #dce8f8;color:#334b6c;font-size:12px}
.ai-architect-priority-high{border-left:4px solid #ef4444}
.ai-architect-priority-medium{border-left:4px solid #f59e0b}
.ai-architect-priority-low{border-left:4px solid #22c55e}
@media(max-width:900px){.ai-architect-filters{grid-template-columns:1fr}.ai-architect-card-header{flex-direction:column}}

/* AI Architect explainability and evidence */
.ai-architect-filters{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(155px,1fr))}
.ai-architect-confidence{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;background:#eef8f2;color:#137a43;font-size:11px;font-weight:700}
.ai-architect-confidence strong{font-size:12px}
.ai-architect-entities{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.ai-architect-link-chip{border:1px solid #cfe0f5;background:#f7fbff;color:#1766b3;border-radius:999px;padding:4px 9px;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.ai-architect-link-chip:hover{background:#eaf4ff;border-color:#9fc4ef}
.ai-architect-explanation{border-top:1px solid #e5edf7;padding-top:10px}
.ai-architect-explanation summary{cursor:pointer;color:#1f5f9e;font-size:12px;font-weight:800;display:flex;justify-content:space-between;gap:12px;align-items:center}
.ai-architect-explanation summary span{color:#60728c;font-weight:600}
.ai-architect-explanation-body{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;padding:12px;background:#fbfdff;border:1px solid #e4edf7;border-radius:10px}
.ai-architect-explanation-body>div:last-child{grid-column:1/-1}
.ai-architect-explanation-body h5{margin:0 0 5px;color:#203653;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.ai-architect-explanation-body p{font-size:12px}
.ai-architect-evidence-list{display:grid;gap:8px}
.ai-architect-evidence{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:9px 10px;background:#fff;border:1px solid #e2eaf4;border-radius:8px}
.ai-architect-evidence>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf5ff;color:#176ac4;font-weight:800}
.ai-architect-evidence strong{display:block;color:#273c58;font-size:12px;margin-bottom:2px}
.ai-architect-evidence p{margin:0;font-size:11px;color:#65758c}
@media(max-width:1100px){.ai-architect-filters{grid-template-columns:1fr 1fr}.ai-architect-explanation-body{grid-template-columns:1fr}.ai-architect-explanation-body>div:last-child{grid-column:auto}}
@media(max-width:700px){.ai-architect-filters{grid-template-columns:1fr}}

/* AI Architect governed action workflow */
.ai-architect-filters{grid-template-columns:minmax(220px,2fr) repeat(4,minmax(140px,1fr))}
.ai-architect-lifecycle{display:inline-flex;align-items:center;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800;background:#eef2f7;color:#475569}
.ai-architect-lifecycle-active{background:#eef8f2;color:#137a43}
.ai-architect-lifecycle-draft-standard-created,.ai-architect-lifecycle-draft-adr-created{background:#edf5ff;color:#1766b3}
.ai-architect-lifecycle-deferred{background:#fff7e8;color:#9a6700}
.ai-architect-lifecycle-dismissed{background:#f3f4f6;color:#6b7280}
.ai-architect-workflow-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:2px}
.ai-architect-decision{padding:10px 12px;border:1px solid #dfe8f3;border-radius:9px;background:#fbfdff;color:#40536e;font-size:12px;line-height:1.45}
.ai-architect-decision div{margin-top:4px;color:#687991}
@media(max-width:1250px){.ai-architect-filters{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:800px){.ai-architect-filters{grid-template-columns:1fr}}


/* Compliance / Evidence Reports */
.evidence-report-builder{margin-bottom:18px}
.evidence-report-filters{grid-template-columns:1.1fr 1.8fr 1fr 1fr 1.2fr 1.1fr}
.evidence-report-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.evidence-report-actions button:disabled{opacity:.5;cursor:not-allowed}
.evidence-report-preview{margin-top:8px}
.evidence-report-document{border:1px solid var(--border, #dfe5ee);border-radius:16px;background:var(--card,#fff);overflow:hidden}
.evidence-report-cover{display:flex;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid var(--border,#dfe5ee);background:linear-gradient(135deg,rgba(59,130,246,.07),rgba(124,58,237,.04))}
.evidence-report-cover h2{margin:4px 0 6px;font-size:24px}
.evidence-report-cover p{margin:0;color:var(--muted,#667085)}
.evidence-report-meta{display:grid;gap:7px;min-width:290px;align-content:start}
.evidence-report-meta span{display:flex;justify-content:space-between;gap:18px;font-size:12px}
.evidence-report-meta strong{color:var(--muted,#667085);font-weight:600}
.evidence-report-section{padding:22px 24px;border-bottom:1px solid var(--border,#dfe5ee)}
.evidence-report-section:last-of-type{border-bottom:0}
.evidence-section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}
.evidence-section-heading h4{margin:0 0 3px;font-size:15px}
.evidence-section-heading span{font-size:12px;color:var(--muted,#667085)}
.evidence-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.evidence-summary-grid>div{padding:13px 14px;border:1px solid var(--border,#dfe5ee);border-radius:10px;background:var(--surface,#f8fafc)}
.evidence-summary-grid span{display:block;font-size:11px;color:var(--muted,#667085);margin-bottom:3px}
.evidence-summary-grid strong{font-size:20px}
.evidence-empty{padding:15px;border:1px dashed var(--border,#dfe5ee);border-radius:9px;color:var(--muted,#667085);background:var(--surface,#f8fafc)}
.evidence-report-footnote{padding:16px 24px;color:var(--muted,#667085);font-size:11px;background:var(--surface,#f8fafc)}
@media(max-width:1100px){.evidence-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.evidence-report-filters{grid-template-columns:1fr}.evidence-report-cover{display:block}.evidence-report-meta{margin-top:18px;min-width:0}.evidence-summary-grid{grid-template-columns:1fr 1fr}}

.audit-readiness-banner{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border,#dfe5ee);border-radius:12px;background:var(--surface,#f8fafc)}
.audit-readiness-banner>div:first-child{display:grid;gap:2px;min-width:150px}.audit-readiness-banner strong{font-size:28px;line-height:1.1}.audit-readiness-banner small{color:var(--muted,#667085)}
.audit-readiness-banner.ready{border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.05)}.audit-readiness-banner.partial{border-color:rgba(217,119,6,.35);background:rgba(217,119,6,.05)}.audit-readiness-banner.attention{border-color:rgba(220,38,38,.35);background:rgba(220,38,38,.05)}
.audit-readiness-checks{display:flex;align-items:flex-start;justify-content:flex-end;gap:7px;flex-wrap:wrap}.audit-check{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border,#dfe5ee);white-space:nowrap}.audit-check.pass{background:rgba(22,163,74,.08);color:#15803d}.audit-check.fail{background:rgba(217,119,6,.1);color:#b45309}
.evidence-warning-list{margin-top:10px;padding:12px 14px;border:1px solid rgba(217,119,6,.3);border-radius:10px;background:rgba(217,119,6,.05);font-size:12px}.evidence-warning-list strong{display:block;margin-bottom:5px}
.evidence-source-ref{display:grid;gap:2px;min-width:96px}.evidence-source-ref code{font-size:10px;font-weight:700}.evidence-source-ref span{font-size:10px;color:var(--muted,#667085)}
@media(max-width:1100px){.audit-readiness-banner{display:block}.audit-readiness-checks{justify-content:flex-start;margin-top:12px}}


/* Compliance / Evidence Reports - Executive & Comparative Reporting */
.executive-reporting-card{margin:18px 0}.executive-reporting-filters{grid-template-columns:minmax(180px,260px) minmax(180px,260px);margin-bottom:14px}.executive-report-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:18px}.executive-report-grid.lower{grid-template-columns:.85fr 1.15fr}.executive-report-grid>article{min-width:0;border:1px solid var(--border,#dfe5ee);border-radius:12px;padding:16px;background:var(--surface,#f8fafc)}
.executive-report-narrative{padding:16px;border:1px solid rgba(59,130,246,.24);border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.06),rgba(124,58,237,.035))}.executive-report-narrative h4{margin:0 0 8px}.executive-report-narrative p{margin:5px 0;color:var(--text,#172033);line-height:1.55}.executive-report-flags{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.executive-report-flag{font-size:11px;border:1px solid var(--border,#dfe5ee);border-radius:999px;padding:4px 8px;background:#fff}.executive-report-flag.attention{background:rgba(220,38,38,.06);color:#b42318}.executive-report-flag.positive{background:rgba(22,163,74,.07);color:#15803d}
.executive-trend-chart{display:grid;gap:9px}.executive-trend-row{display:grid;grid-template-columns:78px 1fr 52px;gap:8px;align-items:center;font-size:11px}.executive-trend-track{height:9px;border-radius:999px;background:rgba(100,116,139,.13);overflow:hidden}.executive-trend-fill{height:100%;border-radius:999px;background:currentColor}.executive-trend-row.good{color:#15803d}.executive-trend-row.watch{color:#b45309}.executive-trend-row.risk{color:#b42318}.executive-change-summary{display:grid;gap:9px}.executive-change-item{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border,#dfe5ee);border-radius:9px;background:#fff}.executive-change-item span{color:var(--muted,#667085);font-size:11px}.executive-change-item strong.positive{color:#15803d}.executive-change-item strong.negative{color:#b42318}.comparison-risk{font-weight:700}.comparison-risk.high{color:#b42318}.comparison-risk.medium{color:#b45309}.comparison-risk.low{color:#15803d}
@media(max-width:1100px){.executive-report-grid,.executive-report-grid.lower{grid-template-columns:1fr}}@media(max-width:700px){.executive-reporting-filters{grid-template-columns:1fr}.executive-trend-row{grid-template-columns:68px 1fr 44px}}

/* ADR governance detail polish */
#adrDetailPanel{overflow:hidden}
#adrDetailPanel>.card-heading{align-items:center;border-bottom:1px solid #edf2f7;padding-bottom:13px;margin-bottom:0}
#adrDetailPanel>.card-heading h3{font-size:12px;letter-spacing:.06em;color:#456079;margin-top:2px}
.adr-detail-accepted{border-color:#cfead9;box-shadow:0 8px 26px rgba(22,166,111,.08)}
.adr-detail-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.8fr);gap:24px;padding:22px 2px 18px;border-bottom:1px solid #edf2f7}
.adr-detail-hero-main{min-width:0}
.adr-detail-id{display:block;color:#0870f5;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px}
.adr-detail-hero h2{margin:0 0 12px;font-size:22px;line-height:1.25;letter-spacing:-.35px;color:#0b1f44}
.adr-detail-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adr-detail-badges .badge{font-size:9px;padding:5px 9px;border-radius:999px}
.adr-domain-chip{display:inline-flex;align-items:center;border:1px solid #d8e4f2;background:#f7faff;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:700;color:#39516f}
.adr-detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.adr-detail-meta>div{border:1px solid #e2eaf4;background:#fbfdff;border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.adr-detail-meta>div:first-child{grid-column:1/-1}
.adr-detail-meta span,.adr-governance-strip span,.adr-lifecycle-list span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.065em;color:#718198}
.adr-detail-meta strong{font-size:11px;color:#172b4d;line-height:1.35}
.adr-governance-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}
.adr-governance-strip>div{border:1px solid #dce7f4;background:#f8fbff;border-radius:9px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.adr-governance-strip strong{font-size:10px;color:#263b57;text-align:right}
.adr-detail-grid{gap:14px;margin-top:14px}
.adr-detail-section{border-color:#e3eaf3;border-radius:11px;padding:15px 16px;background:#fff}
.adr-detail-section h4{margin-bottom:9px;font-size:9px;letter-spacing:.07em;color:#60738b}
.adr-detail-section p{line-height:1.62;color:#344964}
.adr-tags{gap:7px}
.adr-tag{border-color:#d8e4f2;background:#f7faff;padding:5px 9px;font-size:9px;color:#315476;font-weight:650}
.adr-evidence-section .breakdown-row:first-of-type{margin-top:2px}
.adr-lifecycle-list{display:flex;flex-direction:column;gap:0}
.adr-lifecycle-list>div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #edf2f7;align-items:start}
.adr-lifecycle-list>div:last-child{border-bottom:0}
.adr-lifecycle-list strong{font-size:10px;color:#30435e;font-weight:650}
.adr-status-actions{margin-top:14px;padding-top:14px;border-top:1px solid #e8eef5;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.adr-detail-hero{grid-template-columns:1fr}.adr-detail-meta{grid-template-columns:1fr 1fr}.adr-governance-strip{grid-template-columns:1fr}}
@media(max-width:620px){.adr-detail-meta{grid-template-columns:1fr}.adr-detail-meta>div:first-child{grid-column:auto}.adr-governance-strip>div{align-items:flex-start;flex-direction:column}.adr-governance-strip strong{text-align:left}}


/* Build 2026.09.15.39 — stronger page titles + purpose question callouts */
.page-title-row{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.page-title-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid #d7e6ff;
  background:linear-gradient(145deg,#eef5ff,#e6f0ff);
  color:#176ef2;
  font-size:21px;
  font-weight:800;
  line-height:1;
  box-shadow:0 5px 14px rgba(36,112,229,.09);
}
.page-title-row h1{
  margin:0;
}
.page-question{
  display:flex;
  align-items:flex-start;
  gap:12px;
  max-width:1080px;
  margin:10px 0 8px;
  padding:12px 15px;
  border:1px solid #cbdfff;
  border-radius:12px;
  background:linear-gradient(100deg,#f4f8ff 0%,#edf5ff 72%,#f7faff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86);
}
.question-icon{
  width:31px;
  height:31px;
  flex:0 0 31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  background:#e0edff;
  color:#176ef2;
  border:1px solid #c8dcfb;
  font-size:17px;
  font-weight:800;
  line-height:1;
}
.question-copy{
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  padding-top:4px;
}
.question-label{
  color:#176ef2;
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
.question-text{
  color:#153d7a;
  font-size:14px;
  font-weight:750;
  line-height:1.45;
}
.page-header>div:first-child,.title-wrap{
  min-width:0;
}
.page-header>div:first-child>p:not(.eyebrow),.title-wrap>p:not(.eyebrow){
  max-width:1080px;
}
/* Overview title line already owns status; keep its title and status aligned cleanly. */
.title-line .page-title-row{
  flex:1 1 auto;
}
@media(max-width:760px){
  .page-title-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:18px}
  .page-title-row{gap:9px}
  .page-question{padding:10px 11px;gap:9px}
  .question-copy{display:block;padding-top:0}
  .question-label{display:block;margin-bottom:3px}
  .question-text{font-size:13px}
}


/* Build 2026.09.15.40 — runtime Light / Slate / Dark appearance themes */
:root,
html[data-theme="light"]{
  --bg:#f8fafc;--card:#ffffff;--surface:#ffffff;--surface-2:#f8fafc;--surface-3:#f1f5f9;
  --border:#e4eaf2;--border-strong:#d8e1ec;--text:#0f172a;--text-soft:#334155;--muted:#64748b;--subtle:#8391a4;
  --nav-text:#27364d;--accent:#1677ff;--accent-strong:#0867e8;--accent-soft:#eaf3ff;--question-bg-1:#f4f8ff;--question-bg-2:#edf5ff;
  --question-text:#153d7a;--sidebar:#ffffff;--input:#ffffff;--shadow:0 1px 2px rgba(15,23,42,.025);
}
html[data-theme="slate"]{
  --bg:#15202d;--card:#202c3b;--surface:#202c3b;--surface-2:#1a2634;--surface-3:#263548;
  --border:#34465c;--border-strong:#41566f;--text:#eef4fb;--text-soft:#d6e0ec;--muted:#9fb0c4;--subtle:#8396ad;
  --nav-text:#d7e2ee;--accent:#5ea6ff;--accent-strong:#78b7ff;--accent-soft:#233d5b;--question-bg-1:#1e344c;--question-bg-2:#203a57;
  --question-text:#dcecff;--sidebar:#111a25;--input:#182433;--shadow:0 1px 3px rgba(0,0,0,.22);
  color-scheme:dark;
}
html[data-theme="dark"]{
  --bg:#090f18;--card:#111a26;--surface:#111a26;--surface-2:#0d1622;--surface-3:#172332;
  --border:#263548;--border-strong:#31445b;--text:#f5f8fc;--text-soft:#dce5ef;--muted:#96a7bb;--subtle:#75879d;
  --nav-text:#dce6f0;--accent:#4d9cff;--accent-strong:#70b0ff;--accent-soft:#172d49;--question-bg-1:#12263d;--question-bg-2:#162d49;
  --question-text:#e2efff;--sidebar:#080e16;--input:#0d1723;--shadow:0 1px 4px rgba(0,0,0,.34);
  color-scheme:dark;
}

/* Global theme surfaces and typography */
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] .sidebar{background:var(--sidebar);border-color:var(--border)}
html[data-theme] .brand{border-color:var(--border);color:var(--text)}
html[data-theme] .nav a{color:var(--nav-text)}
html[data-theme] .nav a.active{background:var(--accent-soft);color:var(--accent-strong)}
html[data-theme] .nav-section-toggle{color:var(--muted)}
html[data-theme] .product-card{border-color:var(--border);color:var(--text-soft);background:var(--surface-2)}
html[data-theme] .product-card strong,html[data-theme] .eyebrow{color:var(--accent-strong)!important}
html[data-theme] .product-card small{color:var(--muted)}
html[data-theme] .card,html[data-theme] .inner-card,html[data-theme] .kpi-card,html[data-theme] .metric-card{background:var(--card);border-color:var(--border);box-shadow:var(--shadow);color:var(--text)}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] h4,html[data-theme] strong{color:var(--text)}
html[data-theme] p,html[data-theme] .muted,html[data-theme] .metric-label,html[data-theme] .metric-note,html[data-theme] .kpi-detail{color:var(--muted)}
html[data-theme] .kpi-head{color:var(--text-soft)}
html[data-theme] .enterprise-search-box,html[data-theme] .enterprise-search-results,html[data-theme] .search-result{background:var(--input);border-color:var(--border);color:var(--text-soft)}
html[data-theme] .enterprise-search-box input{color:var(--text);background:transparent}
html[data-theme] .enterprise-search-box input::placeholder{color:var(--subtle)}
html[data-theme] .enterprise-search-box kbd{color:var(--muted);border-color:var(--border);background:var(--surface-2)}
html[data-theme] .search-result:hover{background:var(--surface-3)}
html[data-theme] .search-result small{color:var(--muted)}
html[data-theme] table{color:var(--text-soft)}
html[data-theme] th{color:var(--muted);border-color:var(--border);background:transparent}
html[data-theme] td{color:var(--text-soft);border-color:var(--border)}
html[data-theme] .secondary-button,html[data-theme] .filters button{background:var(--surface);border-color:var(--border-strong);color:var(--text-soft);box-shadow:var(--shadow)}
html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--input);color:var(--text);border-color:var(--border-strong)}
html[data-theme] .finding-item,html[data-theme] .health-card,html[data-theme] .repo-stats>div{background:var(--surface-2);border-color:var(--border)}
html[data-theme] .finding-item>span,html[data-theme] .repo-top p,html[data-theme] .repo-stats span,html[data-theme] .health-card p,html[data-theme] .health-card>span{color:var(--muted)}
html[data-theme] .donut:after{background:var(--card)}
html[data-theme] .donut-center{color:var(--muted)}
html[data-theme] .donut-center strong,html[data-theme] .bar-value,html[data-theme] .legend-value{color:var(--text)}
html[data-theme] .legend-label,html[data-theme] .axis-labels{color:var(--muted)}
html[data-theme] .bar-track,html[data-theme] .repo-breakdown-track{background:var(--surface-3)}
html[data-theme] .repo-breakdown-row strong{color:var(--text-soft)}
html[data-theme] .page-title-icon{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:linear-gradient(145deg,var(--accent-soft),var(--surface-3));color:var(--accent-strong);box-shadow:0 5px 14px rgba(36,112,229,.10)}
html[data-theme] .page-question{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:linear-gradient(100deg,var(--question-bg-1),var(--question-bg-2),var(--question-bg-1));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-theme] .question-icon{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 26%,var(--border))}
html[data-theme] .question-label{color:var(--accent-strong)}
html[data-theme] .question-text{color:var(--question-text)}
html[data-theme] .page-header>div:first-child>p:not(.eyebrow),html[data-theme] .title-wrap>p:not(.eyebrow){color:var(--muted)}
html[data-theme] .setting-card p{color:var(--muted)}
html[data-theme] .setting-card button{background:var(--surface-2);color:var(--text-soft);border-color:var(--border)}

/* Global runtime theme switcher */
.enterprise-search-row{display:flex;gap:9px;align-items:center}
.enterprise-search-row .enterprise-search-box{flex:1;min-width:0}
.theme-quick-switcher{display:flex;gap:3px;align-items:center;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);height:38px}
.theme-quick-switcher button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:14px;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.theme-quick-switcher button:hover{background:var(--surface-3);color:var(--text)}
.theme-quick-switcher button.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}
.theme-quick-switcher button:active{transform:scale(.96)}
.enterprise-search-results{right:108px}

/* Settings > Appearance */
.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.appearance-card{grid-column:1/-1;min-height:0}
.theme-setting-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.theme-setting-option{display:grid!important;grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:1px 11px!important;align-items:center;text-align:left!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface-2)!important;color:var(--text)!important;cursor:pointer!important;min-height:68px}
.theme-setting-option:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))!important}
.theme-setting-option.active{border-color:var(--accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)!important}
.theme-setting-option strong{font-size:10px;align-self:end}.theme-setting-option small{color:var(--muted);font-size:8px;align-self:start}
.theme-preview{grid-row:1/3;width:58px;height:44px;border-radius:7px;border:1px solid rgba(127,145,166,.35);padding:6px;display:grid;grid-template-columns:13px 1fr;grid-template-rows:8px 1fr;gap:4px;overflow:hidden}
.theme-preview i{display:block;border-radius:2px}.theme-preview i:first-child{grid-row:1/3}.theme-preview i:nth-child(2){grid-column:2}.theme-preview i:nth-child(3){grid-column:2}
.light-preview{background:#f8fafc}.light-preview i:first-child{background:#fff;border:1px solid #e4eaf2}.light-preview i:nth-child(2){background:#eaf3ff}.light-preview i:nth-child(3){background:#fff;border:1px solid #e4eaf2}
.slate-preview{background:#15202d}.slate-preview i:first-child{background:#111a25}.slate-preview i:nth-child(2){background:#233d5b}.slate-preview i:nth-child(3){background:#202c3b;border:1px solid #34465c}
.dark-preview{background:#090f18}.dark-preview i:first-child{background:#080e16}.dark-preview i:nth-child(2){background:#172d49}.dark-preview i:nth-child(3){background:#111a26;border:1px solid #263548}

/* Preserve governance semantics while adapting contrast. */
html[data-theme="slate"] .badge.green,html[data-theme="dark"] .badge.green{background:#123b2b;color:#75e3a7}
html[data-theme="slate"] .badge.red,html[data-theme="dark"] .badge.red{background:#482126;color:#ff9aa0}
html[data-theme="slate"] .badge.amber,html[data-theme="dark"] .badge.amber{background:#493713;color:#ffd36d}
html[data-theme="slate"] .badge.orange,html[data-theme="dark"] .badge.orange{background:#4a2d1c;color:#ffb27d}
html[data-theme="slate"] .badge.blue,html[data-theme="dark"] .badge.blue{background:#173656;color:#8bc4ff}
html[data-theme="slate"] .status-pill.live,html[data-theme="dark"] .status-pill.live{background:#123b2b;color:#7ce6ad;border-color:#24563f}
html[data-theme="slate"] .identity-role,html[data-theme="dark"] .identity-role{background:var(--surface-3);color:var(--text-soft);border-color:var(--border)}

@media(max-width:760px){
  .theme-quick-switcher{flex:0 0 auto}.theme-quick-switcher button{width:27px}.enterprise-search-results{right:0}
  .theme-setting-options{grid-template-columns:1fr}.appearance-card{grid-column:auto}
}

/* Build 2026.09.15.41 — dark theme readability and contrast pass */
html[data-theme="dark"]{
  --text:#f8fbff;
  --text-soft:#e5edf6;
  --muted:#b9c6d5;
  --subtle:#9eafc1;
  --nav-text:#e5edf6;
  --question-text:#eef6ff;
}

/* Brighten labels and explanatory copy that previously inherited light-theme grays. */
html[data-theme="dark"] .review-summary-grid span,
html[data-theme="dark"] .metric-label,
html[data-theme="dark"] .metric-note,
html[data-theme="dark"] .muted,
html[data-theme="dark"] .muted-block,
html[data-theme="dark"] .detail-loading,
html[data-theme="dark"] .finding-review-link span,
html[data-theme="dark"] .disposition-row,
html[data-theme="dark"] .exception-request-inline label,
html[data-theme="dark"] .exception-action-form label,
html[data-theme="dark"] .repo-top p,
html[data-theme="dark"] .repo-stats span,
html[data-theme="dark"] .health-card p,
html[data-theme="dark"] .health-card>span,
html[data-theme="dark"] .cross-standard-item small,
html[data-theme="dark"] .cross-explanation p,
html[data-theme="dark"] .cross-finding-evidence small,
html[data-theme="dark"] .debt-repo-label small,
html[data-theme="dark"] .debt-filter label,
html[data-theme="dark"] .setting-card p,
html[data-theme="dark"] .axis-labels,
html[data-theme="dark"] .legend-label{
  color:var(--muted)!important;
}

html[data-theme="dark"] .review-description p,
html[data-theme="dark"] .finding-detail p,
html[data-theme="dark"] .detail-list,
html[data-theme="dark"] .audit-note p,
html[data-theme="dark"] .review-audit-approval p{
  color:var(--text-soft)!important;
}

html[data-theme="dark"] .finding-detail small,
html[data-theme="dark"] .review-audit-grid small,
html[data-theme="dark"] .audit-authority small,
html[data-theme="dark"] .review-audit-delivery small{
  color:var(--subtle)!important;
}

/* Replace remaining white/light detail surfaces so text contrast is coherent in dark mode. */
html[data-theme="dark"] .review-summary-grid>div,
html[data-theme="dark"] .review-description,
html[data-theme="dark"] .review-detail-grid>section,
html[data-theme="dark"] .review-findings-detail,
html[data-theme="dark"] .review-detail-panel>div>section,
html[data-theme="dark"] .finding-detail,
html[data-theme="dark"] .finding-review-link,
html[data-theme="dark"] .finding-exception-panel,
html[data-theme="dark"] .cross-standard-item,
html[data-theme="dark"] .cross-finding-evidence,
html[data-theme="dark"] .cross-explanation,
html[data-theme="dark"] .audit-detail-grid>span,
html[data-theme="dark"] .review-audit-grid>span,
html[data-theme="dark"] .audit-standard-pills span,
html[data-theme="dark"] .audit-standard-snapshot,
html[data-theme="dark"] .review-audit-approval,
html[data-theme="dark"] .review-audit-evidence,
html[data-theme="dark"] .audit-event-detail{
  background:var(--surface-2)!important;
  border-color:var(--border)!important;
  color:var(--text-soft)!important;
}

html[data-theme="dark"] .evidence-block{
  background:#171a1f!important;
  border-color:#59491f!important;
}

html[data-theme="dark"] .finding-exception-panel h4,
html[data-theme="dark"] .exception-audit h4,
html[data-theme="dark"] .exception-action-form h4,
html[data-theme="dark"] .audit-detail-grid strong,
html[data-theme="dark"] .review-audit-grid strong,
html[data-theme="dark"] .review-audit-approval-meta strong,
html[data-theme="dark"] .debt-repo-bar>b,
html[data-theme="dark"] .cross-standard-item>b{
  color:var(--text)!important;
}

/* Forms must be clearly legible, including placeholder and date controls. */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .exception-request-inline textarea,
html[data-theme="dark"] .exception-request-inline input,
html[data-theme="dark"] .exception-action-form input,
html[data-theme="dark"] .exception-action-form select,
html[data-theme="dark"] .exception-action-form textarea{
  background:#0b1520!important;
  color:#f8fbff!important;
  border-color:#3a4b61!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] .enterprise-search-box input::placeholder{
  color:#9fb0c2!important;
  opacity:1;
}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:#5ea6ff!important;
  outline:2px solid rgba(94,166,255,.18);
  outline-offset:1px;
}

/* Improve table and filter readability without changing governance colors. */
html[data-theme="dark"] th{color:#c2cfdd!important}
html[data-theme="dark"] td{color:#e1e9f2!important}
html[data-theme="dark"] .secondary-button,
html[data-theme="dark"] .filters button{
  color:#e7eef7!important;
}
html[data-theme="dark"] .empty-inline{color:var(--muted)!important}
html[data-theme="dark"] .empty-inline strong{color:var(--text)!important}

/* Build 42 - Developer enablement: proactive design + GitHub remediation guidance */
.developer-guidance-card{position:relative;overflow:hidden}
.developer-guidance-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.developer-guidance-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.35fr);gap:16px;margin-top:12px}
.developer-guidance-context-panel,.developer-guidance-chat-panel{border:1px solid var(--border);border-radius:14px;background:var(--surface-2);padding:16px;min-width:0}
.developer-guidance-context-panel h4,.developer-guidance-chat-panel h4{margin:0 0 12px;color:var(--text)}
.developer-guidance-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;min-height:28px;align-items:center}
.developer-guidance-chip{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;padding:5px 9px;background:var(--surface);color:var(--text-soft);font-size:11px;font-weight:700}
.developer-guidance-fields{display:grid;gap:10px;margin-bottom:14px}
.developer-guidance-fields label{display:grid;gap:5px}
.developer-guidance-fields label>span{font-size:11px;font-weight:700;color:var(--muted)}
.developer-guidance-conversation{min-height:210px;max-height:430px;overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px;display:grid;gap:10px;align-content:start}
.developer-guidance-empty{display:grid;gap:6px;padding:28px 16px;text-align:center;color:var(--muted)}
.developer-guidance-empty strong{color:var(--text);font-size:15px}
.developer-guidance-message{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--surface-2)}
.developer-guidance-message.user{margin-left:12%;background:var(--accent-soft)}
.developer-guidance-message.assistant{margin-right:7%}
.developer-guidance-message-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;color:var(--muted)}
.developer-guidance-message-head strong{color:var(--text)}
.developer-guidance-prose{color:var(--text-soft);line-height:1.55;font-size:12px}
.developer-guidance-code,.developer-code-example pre{overflow:auto;background:#09111c;color:#eaf2ff;border:1px solid #263a52;border-radius:10px;padding:12px;margin:10px 0 0;font-size:11px;line-height:1.5;white-space:pre}
.developer-guidance-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px;align-items:end}
.developer-guidance-form textarea{min-height:74px;resize:vertical}
.developer-guidance-form button{height:42px;white-space:nowrap}
.developer-guidance-examples{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}
.developer-code-example{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(360px,1.35fr);gap:14px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--surface-2);margin-top:10px}
.developer-code-example>div{display:grid;align-content:start;gap:6px}
.developer-code-example>div strong{color:var(--text)}
.developer-code-example>div span{color:var(--muted);font-size:12px;line-height:1.5}
.developer-code-example pre{margin:0}
html[data-theme="light"] .developer-guidance-code,html[data-theme="light"] .developer-code-example pre{background:#0f172a;color:#f8fafc}
@media(max-width:900px){.developer-guidance-grid,.developer-code-example{grid-template-columns:1fr}.developer-guidance-form{grid-template-columns:1fr}.developer-guidance-message.user{margin-left:0}.developer-guidance-message.assistant{margin-right:0}}

/* Build 2026.09.15.43 — Developer Guidance Iteration 2: proactive design + conversational remediation */
.developer-guidance-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface);margin-bottom:15px}
.developer-guidance-mode-switch button{border:0;border-radius:8px;background:transparent;color:var(--muted);padding:8px 9px;font-size:11px;font-weight:800;cursor:pointer}
.developer-guidance-mode-switch button.active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}
.developer-guidance-resolved-context{display:grid;gap:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);padding:11px;margin:0 0 13px}
.developer-guidance-context-line{display:grid;gap:5px;font-size:11px;color:var(--text-soft)}
.developer-guidance-context-line>strong{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.developer-guidance-context-line>div{display:flex;gap:5px;flex-wrap:wrap}
.developer-guidance-rule-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:var(--accent-soft);color:var(--accent-strong);font-size:10px;font-weight:800;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))}
.developer-guidance-rule-chip.adr{background:color-mix(in srgb,#8b5cf6 15%,var(--surface));color:color-mix(in srgb,#a78bfa 82%,var(--text));border-color:color-mix(in srgb,#8b5cf6 30%,var(--border))}
.developer-guidance-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.developer-guidance-chat-heading h4{margin:0}
.secondary-button.compact{height:30px;padding:0 10px;font-size:10px}
.developer-guidance-starters{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.developer-guidance-starters button{border:1px solid var(--border);border-radius:999px;padding:6px 9px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:700;cursor:pointer}
.developer-guidance-starters button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent-strong);background:var(--accent-soft)}

/* Build 2026.09.15.44 — dedicated Developer Guidance workspace */
[data-view-panel="developer-guidance"] .developer-guidance-card{margin-top:4px}


/* Build 2026.09.19.45 — theme-aware ArkSentinel brand widget */
.brand.brand-widget{height:auto;min-height:64px;display:flex;align-items:center;justify-content:center;padding:5px 2px 10px;margin:0 0 3px;border-bottom:1px solid var(--border);text-decoration:none;overflow:hidden}
.brand-widget .brand-logo{display:none;width:100%;max-width:166px;height:auto;aspect-ratio:3/1;object-fit:contain;border-radius:8px;transition:transform .16s ease,filter .16s ease}
.brand-widget:hover .brand-logo{transform:translateY(-1px)}
html:not([data-theme]) .brand-widget .brand-logo-light,html[data-theme="light"] .brand-widget .brand-logo-light{display:block}
html[data-theme="slate"] .brand-widget .brand-logo-slate{display:block}
html[data-theme="dark"] .brand-widget .brand-logo-dark{display:block}
@media(max-width:900px){.brand.brand-widget{max-width:220px;min-height:58px}.brand-widget .brand-logo{max-width:190px}}


/* Build 2026.09.19.46 — larger theme-aware ArkSentinel brand widget */
.brand.brand-widget{
  min-height:82px;
  padding:3px 0 11px;
}
.brand-widget .brand-logo{
  width:100%;
  max-width:198px;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
}
@media (max-width:1500px) and (min-width:1121px){
  .brand-widget .brand-logo{max-width:176px}
}
@media (min-width:1501px){
  .brand-widget .brand-logo{max-width:190px}
}
@media(max-width:900px){
  .brand.brand-widget{min-height:64px}
  .brand-widget .brand-logo{max-width:190px}
}


/* Build 2026.09.19.47 — Overview governance hero refinement */
.overview-hero{
  display:block;
  padding:0 2px 18px;
}
.overview-title-wrap{
  width:100%;
  max-width:none;
}
.overview-title-row{
  margin-bottom:12px;
}
.overview-title-row h1{
  font-size:30px;
  line-height:1.1;
  letter-spacing:-.7px;
}
.overview-question{
  width:100%;
  max-width:none;
  margin:0 0 13px;
  padding:18px 22px;
  border-radius:16px;
  align-items:center;
}
.overview-question .question-icon{
  width:48px;
  height:48px;
  flex-basis:48px;
  border-radius:14px;
  font-size:27px;
}
.overview-question .question-copy{
  align-items:center;
  gap:18px;
  padding-top:0;
}
.overview-question .question-label{
  font-size:12px;
  letter-spacing:.08em;
}
.overview-question .question-text{
  font-size:19px;
  line-height:1.3;
  font-weight:780;
}
.overview-context-row{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  align-items:start;
  gap:18px;
}
.overview-context-row>p{
  max-width:560px!important;
  line-height:1.5;
  padding-top:4px;
}
.overview-controls{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.overview-controls>.status-pill{
  align-self:flex-start;
  margin-left:4px;
}
.overview-controls .filters{
  max-width:100%;
}
@media(max-width:1180px){
  .overview-context-row{grid-template-columns:1fr}
  .overview-controls{align-items:flex-start}
  .overview-controls .filters{justify-content:flex-start}
}
@media(max-width:760px){
  .overview-title-row h1{font-size:25px}
  .overview-question{padding:14px 15px;align-items:flex-start}
  .overview-question .question-icon{width:38px;height:38px;flex-basis:38px;font-size:21px}
  .overview-question .question-copy{display:block}
  .overview-question .question-text{font-size:15px}
  .overview-controls{width:100%}
  .overview-controls .filters{width:100%}
}

/* Build 2026.09.19.48 — Option 4: filled enterprise navigation sidebar */
@media (min-width:761px){
  .app-shell{grid-template-columns:212px minmax(0,1fr)!important}
  .sidebar{
    padding:14px 12px 14px!important;
    background:linear-gradient(180deg,var(--sidebar) 0%,color-mix(in srgb,var(--sidebar) 96%,var(--accent-soft)) 100%)!important;
    box-shadow:inset -1px 0 0 var(--border);
  }
  .brand.brand-widget{
    min-height:76px;
    margin:0 0 10px;
    padding:4px 2px 12px;
    border-bottom:1px solid var(--border);
  }
  .brand-widget .brand-logo{max-width:184px}
  .nav.nav-accordion{
    gap:4px;
    margin-top:0;
    padding:2px 4px 8px 0;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent;
  }
  .nav.nav-accordion::-webkit-scrollbar{width:5px}
  .nav.nav-accordion::-webkit-scrollbar-track{background:transparent}
  .nav.nav-accordion::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 36%,transparent);border-radius:999px}
  .nav.nav-accordion::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 58%,transparent)}

  .nav-accordion .nav-section{
    border:0;
    border-radius:0;
    padding:0 0 7px!important;
  }
  .nav-accordion .nav-section+.nav-section{
    padding-top:7px!important;
    border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent);
  }
  .nav-section-toggle{
    min-height:36px;
    padding:8px 8px;
    border-radius:8px;
    grid-template-columns:22px minmax(0,1fr) 16px;
    gap:7px;
    color:var(--muted)!important;
    font-size:9.5px;
    font-weight:800;
    letter-spacing:.075em;
    transition:background-color .15s ease,color .15s ease,transform .15s ease;
  }
  .nav-section-toggle:hover{
    background:var(--surface-2);
    color:var(--accent-strong)!important;
  }
  .nav-section-icon{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    border-radius:7px;
    color:var(--accent-strong);
    background:color-mix(in srgb,var(--accent-soft) 64%,transparent);
    font-size:12px;
  }
  .nav-section-chevron{font-size:11px;color:var(--subtle)}
  .nav-section:has(.nav-section-items a.active)>.nav-section-toggle{
    background:transparent;
    color:var(--accent-strong)!important;
  }
  .nav-section:has(.nav-section-items a.active)>.nav-section-toggle .nav-section-icon{
    color:var(--accent-strong);
    background:var(--accent-soft);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent);
  }

  .nav-section-items{
    gap:3px;
    padding:2px 0 3px 8px;
  }
  .nav-section-items a{
    min-height:36px;
    padding:8px 10px!important;
    border:1px solid transparent;
    border-radius:9px;
    gap:9px;
    font-size:11px;
    font-weight:560;
    color:var(--nav-text);
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
  }
  .nav-section-items a span{
    width:19px!important;
    height:19px;
    display:grid;
    place-items:center;
    flex:0 0 19px;
    border-radius:6px;
    color:var(--accent-strong);
    font-size:13px!important;
    transition:color .15s ease,background-color .15s ease;
  }
  .nav-section-items a:hover:not(.active){
    background:var(--surface-2);
    border-color:color-mix(in srgb,var(--accent) 12%,var(--border));
    color:var(--accent-strong);
    transform:translateX(1px);
  }
  .nav-section-items a.active{
    color:#fff!important;
    background:linear-gradient(135deg,#1677ff 0%,#0867e8 100%)!important;
    border-color:color-mix(in srgb,#0867e8 82%,#ffffff);
    box-shadow:0 5px 13px rgba(8,103,232,.20),inset 0 1px 0 rgba(255,255,255,.18)!important;
    font-weight:720;
  }
  .nav-section-items a.active span{
    color:#fff!important;
    background:rgba(255,255,255,.13);
  }
  .nav-section-items a:focus-visible{
    outline:none;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 24%,transparent);
  }

  .product-card{
    margin-top:10px;
    padding:12px 12px 11px;
    border-radius:12px;
    border-color:color-mix(in srgb,var(--accent) 14%,var(--border));
    background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--accent-soft) 35%,var(--surface)))!important;
    box-shadow:0 6px 18px rgba(15,23,42,.045);
    line-height:1.45;
  }
  .product-card strong{
    display:block;
    font-size:13px;
    letter-spacing:-.1px;
    color:var(--accent-strong)!important;
  }
  .product-card p{
    margin:6px 0 10px;
    font-size:10px;
    line-height:1.45;
  }
  .product-card small{
    display:block;
    margin-top:2px;
    font-size:8.5px;
    line-height:1.45;
  }
}

@media (max-width:1120px) and (min-width:761px){
  .app-shell{grid-template-columns:190px minmax(0,1fr)!important}
  .sidebar{padding-left:10px!important;padding-right:10px!important}
  .brand-widget .brand-logo{max-width:168px}
  .nav-section-toggle{grid-template-columns:20px minmax(0,1fr) 14px;padding-left:6px;padding-right:6px}
  .nav-section-icon{width:20px;height:20px}
  .nav-section-items{padding-left:5px}
  .nav-section-items a{padding-left:8px!important;padding-right:8px!important}
}

html[data-theme="slate"] .nav-section-items a.active,
html[data-theme="dark"] .nav-section-items a.active{
  background:linear-gradient(135deg,#176edc 0%,#0b5fc5 100%)!important;
  border-color:#2f86ed;
  color:#fff!important;
  box-shadow:0 5px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html[data-theme="slate"] .product-card,
html[data-theme="dark"] .product-card{box-shadow:0 8px 20px rgba(0,0,0,.16)}


/* Build 2026.09.19.49 — compact Overview header aligned with other dashboards */
.dashboard-view[data-view-panel="overview"] .overview-hero{
  display:block;
  padding:0 2px 8px;
}

.dashboard-view[data-view-panel="overview"] .overview-title-row{
  margin-bottom:8px;
  gap:12px;
}

/* Match the title scale used by the other dashboards. */
.dashboard-view[data-view-panel="overview"] .overview-title-row h1{
  font-size:23px;
  line-height:1.2;
  letter-spacing:-.35px;
}

/* Use the standard dashboard title icon proportions. */
.dashboard-view[data-view-panel="overview"] .overview-title-row .page-title-icon{
  width:42px;
  height:42px;
  flex-basis:42px;
  border-radius:12px;
  font-size:21px;
}

/* Make the Overview question use the same visual scale as the other dashboards. */
.dashboard-view[data-view-panel="overview"] .overview-question{
  width:auto;
  max-width:1080px;
  margin:0 0 8px;
  padding:12px 15px;
  border-radius:12px;
  gap:12px;
  align-items:flex-start;
}
.dashboard-view[data-view-panel="overview"] .overview-question .question-icon{
  width:31px;
  height:31px;
  flex-basis:31px;
  border-radius:10px;
  font-size:17px;
}
.dashboard-view[data-view-panel="overview"] .overview-question .question-copy{
  align-items:baseline;
  gap:10px;
  padding-top:4px;
}
.dashboard-view[data-view-panel="overview"] .overview-question .question-label{
  font-size:11px;
  letter-spacing:.045em;
}
.dashboard-view[data-view-panel="overview"] .overview-question .question-text{
  font-size:14px;
  line-height:1.45;
  font-weight:750;
}

/* Keep description, telemetry, filters and access controls as horizontal as practical. */
.dashboard-view[data-view-panel="overview"] .overview-context-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.dashboard-view[data-view-panel="overview"] .overview-context-row>p{
  flex:1 1 300px;
  max-width:430px!important;
  min-width:220px;
  line-height:1.35;
  padding-top:0;
}
.dashboard-view[data-view-panel="overview"] .overview-controls{
  flex:1 1 auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
}
.dashboard-view[data-view-panel="overview"] .overview-controls>.status-pill{
  align-self:auto;
  margin-left:0;
  flex:0 0 auto;
}
.dashboard-view[data-view-panel="overview"] .overview-controls .filters{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
  max-width:none;
}
.dashboard-view[data-view-panel="overview"] .overview-controls .filters button{
  height:34px;
  padding:0 10px;
}
.dashboard-view[data-view-panel="overview"] .overview-filter-field{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.dashboard-view[data-view-panel="overview"] .overview-filter-field::after{
  content:"⌄";
  position:absolute;
  right:11px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  pointer-events:none;
  font-size:10px;
}
.dashboard-view[data-view-panel="overview"] .overview-filter-field select{
  appearance:none;
  -webkit-appearance:none;
  height:34px;
  min-width:118px;
  padding:0 28px 0 11px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  font-size:11px;
  line-height:1;
  box-shadow:var(--shadow);
}
.dashboard-view[data-view-panel="overview"] .overview-filter-field select:focus{
  outline:none;
  border-color:#7ab1ff;
  box-shadow:0 0 0 3px rgba(22,119,255,.14);
}
.dashboard-view[data-view-panel="overview"] .dashboard-access-controls{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:nowrap;
}

/* Intermediate widths: let only the utility area wrap instead of making a tall hero. */
@media(max-width:1280px) and (min-width:901px){
  .dashboard-view[data-view-panel="overview"] .overview-context-row{
    align-items:flex-start;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls{
    align-items:flex-start;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls .filters{
    justify-content:flex-end;
  }
}

/* Tablet/mobile preserves readability while staying compact. */
@media(max-width:900px){
  .dashboard-view[data-view-panel="overview"] .overview-context-row{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-context-row>p{
    max-width:none!important;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls .filters{
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .dashboard-view[data-view-panel="overview"] .overview-title-row h1{
    font-size:23px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-question{
    padding:10px 11px;
    gap:9px;
    align-items:flex-start;
  }
  .dashboard-view[data-view-panel="overview"] .overview-question .question-icon{
    width:31px;
    height:31px;
    flex-basis:31px;
    font-size:17px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-question .question-copy{
    display:block;
    padding-top:0;
  }
  .dashboard-view[data-view-panel="overview"] .overview-question .question-label{
    display:block;
    margin-bottom:3px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-question .question-text{
    font-size:13px;
  }
}


/* Build 2026.09.19.50 — refine Overview metadata layout */
.dashboard-view[data-view-panel="overview"] .overview-context-row{
  align-items:flex-start;
}
.dashboard-view[data-view-panel="overview"] .overview-summary{
  flex:1 1 360px;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.dashboard-view[data-view-panel="overview"] .overview-summary-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.dashboard-view[data-view-panel="overview"] .overview-summary .status-pill{
  align-self:flex-start;
}
.dashboard-view[data-view-panel="overview"] .overview-summary>p{
  margin:0;
  max-width:560px!important;
  min-width:0;
  line-height:1.42;
}
.dashboard-view[data-view-panel="overview"] .overview-controls{
  align-items:flex-end;
}
.dashboard-view[data-view-panel="overview"] .overview-data-status{
  width:100%;
  display:flex;
  justify-content:flex-end;
}
.dashboard-view[data-view-panel="overview"] .overview-data-status .status-pill{
  margin:0;
}
.dashboard-view[data-view-panel="overview"] .status-pill.telemetry{
  background:#eefaf4;
  color:#157347;
  border:1px solid #c9ead6;
}
@media(max-width:900px){
  .dashboard-view[data-view-panel="overview"] .overview-summary{
    min-width:0;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls{
    align-items:flex-start;
  }
  .dashboard-view[data-view-panel="overview"] .overview-data-status{
    justify-content:flex-start;
  }
}


.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Build 2026.09.19.51 — restore single Overview live-status badge */
.dashboard-view[data-view-panel="overview"] .overview-title-row{
  width:100%;
  display:flex;
  align-items:center;
}
.dashboard-view[data-view-panel="overview"] .overview-live-status{
  margin-left:auto;
  align-self:center;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  font-size:9px;
  line-height:1;
  border-radius:999px;
  background:#e9f8ef;
  color:#147a45;
  border:1px solid #c7ead5;
  white-space:nowrap;
}
.dashboard-view[data-view-panel="overview"] .overview-live-dot{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#13a45b;
  box-shadow:0 0 0 2px rgba(19,164,91,.08);
}
.dashboard-view[data-view-panel="overview"] .overview-summary{
  padding-top:1px;
}
.dashboard-view[data-view-panel="overview"] .overview-controls{
  padding-top:0;
}
@media(max-width:760px){
  .dashboard-view[data-view-panel="overview"] .overview-title-row{
    flex-wrap:wrap;
  }
  .dashboard-view[data-view-panel="overview"] .overview-live-status{
    margin-left:54px;
    margin-top:4px;
  }
}


/* Build 2026.09.19.54 — larger brand widget + fully visible KPI sparklines */

/* Give the Overview KPI cards enough vertical room for the sparkline to read as a chart. */
.dashboard-view[data-view-panel="overview"] .kpi-card{
  height:148px;
  padding:13px 12px 11px;
}
.dashboard-view[data-view-panel="overview"] .spark{
  height:38px;
  margin-top:8px;
}
@media (min-width:1121px){
  .dashboard-view[data-view-panel="overview"] .kpi-card{
    height:148px;
  }
}
@media (max-width:760px){
  .dashboard-view[data-view-panel="overview"] .kpi-card{
    height:142px;
  }
  .dashboard-view[data-view-panel="overview"] .spark{
    height:34px;
  }
}

/* Increase visual presence of the theme-aware ArkSentinel wordmark without widening the sidebar. */
@media (min-width:761px){
  .brand.brand-widget{
    margin-left:-7px;
    margin-right:-7px;
    padding-left:0;
    padding-right:0;
    min-height:82px;
  }
  .brand-widget .brand-logo{
    width:100%;
    max-width:202px;
  }
}
@media (max-width:1120px) and (min-width:761px){
  .brand.brand-widget{
    margin-left:-6px;
    margin-right:-6px;
  }
  .brand-widget .brand-logo{
    max-width:182px;
  }
}


/* Build 2026.09.19.55 — keep Overview dropdown filters on one desktop row */
@media (min-width:901px){
  .dashboard-view[data-view-panel="overview"] .overview-context-row{
    gap:12px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-summary{
    flex:0 1 335px;
    min-width:245px;
    max-width:335px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:8px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-controls .filters{
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
  }
  .dashboard-view[data-view-panel="overview"] .overview-filter-field{
    flex:0 1 auto;
    min-width:0;
  }
  .dashboard-view[data-view-panel="overview"] .overview-filter-field select{
    min-width:0;
    padding-left:9px;
    padding-right:24px;
  }
  .dashboard-view[data-view-panel="overview"] #overviewPeriodFilter{width:168px}
  .dashboard-view[data-view-panel="overview"] #overviewRepositoryFilter{width:174px}
  .dashboard-view[data-view-panel="overview"] #overviewTeamFilter{width:126px}
  .dashboard-view[data-view-panel="overview"] #overviewEnvironmentFilter{width:148px}
  .dashboard-view[data-view-panel="overview"] #overviewRefreshButton{
    flex:0 0 34px;
    width:34px;
    min-width:34px;
    padding:0;
  }
  .dashboard-view[data-view-panel="overview"] .dashboard-access-controls{
    width:100%;
    justify-content:flex-end;
  }
}

/* On medium desktop widths, compress the labels slightly before allowing a wrap. */
@media (max-width:1180px) and (min-width:901px){
  .dashboard-view[data-view-panel="overview"] .overview-summary{
    flex-basis:285px;
    max-width:285px;
    min-width:220px;
  }
  .dashboard-view[data-view-panel="overview"] #overviewPeriodFilter{width:154px}
  .dashboard-view[data-view-panel="overview"] #overviewRepositoryFilter{width:156px}
  .dashboard-view[data-view-panel="overview"] #overviewTeamFilter{width:112px}
  .dashboard-view[data-view-panel="overview"] #overviewEnvironmentFilter{width:136px}
}


/* Build 2026.09.19.56 — website-style ArkSentinel brand lockup */
.brand.brand-widget.brand-lockup{
  min-height:92px;
  margin:0 -7px 6px;
  padding:8px 7px 12px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  overflow:visible;
  border-bottom:1px solid var(--border);
  text-decoration:none;
}
.brand-lockup .brand-cube-wrap{
  position:relative;
  flex:0 0 47px;
  width:47px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand-lockup .brand-cube{
  display:none;
  width:54px;
  height:54px;
  object-fit:contain;
  filter:none;
}
html:not([data-theme]) .brand-lockup .brand-cube-light,
html[data-theme="light"] .brand-lockup .brand-cube-light{display:block}
html[data-theme="slate"] .brand-lockup .brand-cube-slate{display:block}
html[data-theme="dark"] .brand-lockup .brand-cube-dark{display:block}

.brand-lockup .brand-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  line-height:1;
  transform:translateY(1px);
}
.brand-lockup .brand-wordmark{
  display:block;
  white-space:nowrap;
  font-size:21px;
  line-height:1.04;
  font-weight:800;
  letter-spacing:-.65px;
}
.brand-lockup .brand-name{
  color:#10294d;
}
.brand-lockup .brand-ai{
  color:#18b8c9;
}
.brand-lockup .brand-tagline{
  margin-top:5px;
  white-space:nowrap;
  font-size:6.5px;
  line-height:1.1;
  letter-spacing:1.02px;
  font-weight:700;
  color:#60758f;
}

html[data-theme="slate"] .brand-lockup .brand-name,
html[data-theme="dark"] .brand-lockup .brand-name{
  color:#f7fbff;
}
html[data-theme="slate"] .brand-lockup .brand-ai,
html[data-theme="dark"] .brand-lockup .brand-ai{
  color:#25c4d4;
}
html[data-theme="slate"] .brand-lockup .brand-tagline,
html[data-theme="dark"] .brand-lockup .brand-tagline{
  color:#b8c7da;
}
html[data-theme="slate"] .brand.brand-widget.brand-lockup,
html[data-theme="dark"] .brand.brand-widget.brand-lockup{
  background:linear-gradient(135deg,rgba(12,35,65,.96),rgba(3,17,34,.98));
  border-radius:10px;
  border:1px solid rgba(127,164,204,.22);
  box-shadow:0 8px 22px rgba(0,0,0,.15);
  margin-top:2px;
}

.brand.brand-widget.brand-lockup:hover .brand-cube,
.brand.brand-widget.brand-lockup:hover .brand-copy{
  transform:translateY(-1px);
}
.brand.brand-widget.brand-lockup:hover .brand-copy{
  transform:translateY(0);
}

@media (max-width:1500px) and (min-width:1121px){
  .brand.brand-widget.brand-lockup{
    gap:6px;
    padding-left:5px;
    padding-right:5px;
  }
  .brand-lockup .brand-cube-wrap{
    flex-basis:43px;
    width:43px;
  }
  .brand-lockup .brand-cube{
    width:49px;
    height:49px;
  }
  .brand-lockup .brand-wordmark{
    font-size:19px;
  }
  .brand-lockup .brand-tagline{
    font-size:5.8px;
    letter-spacing:.82px;
  }
}

@media(max-width:900px){
  .brand.brand-widget.brand-lockup{
    max-width:220px;
    min-height:78px;
    margin-left:0;
    margin-right:0;
  }
  .brand-lockup .brand-wordmark{font-size:20px}
  .brand-lockup .brand-tagline{font-size:6px}
}

/* Build 2026.09.20.57 — Developer Guidance split setup + full-width AI workspace */
.developer-guidance-setup-card{overflow:visible}
.developer-guidance-setup-workspace{display:grid;gap:16px;margin-top:12px}
.developer-guidance-mode-switch-wide{max-width:760px;margin:0 auto;width:100%}
.developer-guidance-setup-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:18px;align-items:stretch}
.developer-guidance-fields-panel,.developer-guidance-resolved-panel{display:flex;flex-direction:column;min-height:330px}
.developer-guidance-section-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}
.developer-guidance-section-heading h4{margin:0 0 4px}
.developer-guidance-section-heading span:not(.developer-guidance-step-number){color:var(--muted);font-size:11px;line-height:1.45}
.developer-guidance-step-number{width:28px;height:28px;border-radius:9px;display:inline-grid;place-items:center;flex:0 0 auto;background:var(--accent-soft);color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));font-weight:900;font-size:11px}
.developer-guidance-fields-panel .developer-guidance-fields{margin-top:2px}
.developer-guidance-resolved-panel .developer-guidance-resolved-context{flex:1;margin-bottom:14px;align-content:start}
.developer-guidance-next-callout{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:12px;background:var(--accent-soft);padding:13px 14px}
.developer-guidance-next-callout>div{display:grid;gap:3px;min-width:0}
.developer-guidance-next-callout strong{color:var(--text);font-size:12px}
.developer-guidance-next-callout span{color:var(--text-soft);font-size:10px}
.developer-guidance-next-callout .primary-button{white-space:nowrap}

[data-view-panel="developer-guidance-ai"]{max-width:none}
.developer-guidance-ai-page-header .page-header-actions{align-self:flex-start}
.developer-guidance-ai-shell{position:relative;overflow:hidden}
.developer-guidance-ai-shell::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.developer-guidance-ai-context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);margin-bottom:14px}
.developer-guidance-ai-context-bar .eyebrow{margin:0 0 6px}
.developer-guidance-ai-context-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.developer-guidance-ai-context-chips .developer-guidance-chip.mode{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}
.developer-guidance-chat-panel-full{padding:18px;background:var(--surface-2)}
.developer-guidance-chat-panel-full .developer-guidance-chat-heading{align-items:flex-start}
.developer-guidance-chat-panel-full .developer-guidance-chat-heading>div{display:grid;gap:4px}
.developer-guidance-chat-panel-full .developer-guidance-chat-heading h3{margin:0;color:var(--text);font-size:16px}
.developer-guidance-conversation-full{min-height:390px;max-height:620px;padding:16px}
.developer-guidance-form-full textarea{min-height:96px}
.developer-guidance-form-full .primary-button{height:48px;padding-inline:18px}

@media(max-width:1050px){
  .developer-guidance-setup-grid{grid-template-columns:1fr}
  .developer-guidance-fields-panel,.developer-guidance-resolved-panel{min-height:auto}
}
@media(max-width:700px){
  .developer-guidance-next-callout,.developer-guidance-ai-context-bar{align-items:stretch;flex-direction:column}
  .developer-guidance-next-callout .primary-button{width:100%}
  .developer-guidance-conversation-full{min-height:300px}
}
.developer-guidance-example-group{display:grid;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.developer-guidance-example-group:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.developer-guidance-example-group-heading{display:grid;gap:4px}
.developer-guidance-example-group-heading h4{margin:0;color:var(--text)}
.developer-guidance-example-group-heading p:not(.eyebrow){margin:2px 0 0;color:var(--muted);line-height:1.5}