.brand-logo {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border: 1px solid #3b4a50;
  border-radius: 10px;
}

.menu-delete {
  width: 100%;
  margin-top: 7px;
  border: 1px solid #704449;
  border-radius: 6px;
  background: #2a1d21;
  color: #e5afb3;
}

.menu-delete:hover { background: #42262c; }
.menu-delete:disabled { display: none; }

.statistics { display: block !important; padding: 24px 28px; }
.statistics-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.statistics-heading h2 { margin: 0; }
.statistics-heading p { margin: 5px 0 0; }
.baseline-version { padding: 5px 8px; border: 1px solid #cbd9df; border-radius: 999px; color: #466373; background: #f5f9fa; font-size: 11px; font-weight: 700; white-space: nowrap; }
.refresh-control { display: flex; align-items: center; gap: 10px; }
.last-refreshed { color: #667f90; font-size: 11px; }
#workspace { display:grid; grid-template-columns:430px minmax(0,1fr); gap:18px; align-items:start; }
.workspace-summary { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:68px; padding:13px 20px; border:1px solid #d6e1e6; border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(28,58,71,.07); }
.workspace-summary > div:first-child { display:grid; gap:2px; }.workspace-summary span { color:#71868f; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.workspace-summary strong { color:#254d59; font-size:17px; letter-spacing:-.02em; }
.workspace-insights { display:flex; flex-direction:column; min-width:0; height:824px; overflow:hidden; padding:0; }
.workspace-insights > .insight-pane:not([hidden]) { flex:1 1 auto; min-height:0; overflow:auto; }
.insight-tabs { display:flex; gap:0; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #294e68; background:#071a2c; }
.insight-tab { flex:1 0 auto; min-height:56px; padding:0 16px; border:0; border-right:1px solid #294e68; border-radius:0; color:#9dc2d4; background:transparent; font-size:12px; font-weight:800; }
.insight-tab:last-child { border-right:0; }.insight-tab:hover { color:#e8f5fb; background:#0b2438; }.insight-tab.active { color:#75dfff; background:#0d2b42; box-shadow:inset 0 -3px #55c9ef; }
.insight-pane[hidden] { display:none !important; }.insight-pane.requirements { padding:0; }.insight-pane.requirements #requirements { padding:18px; }
.change-intelligence { min-height:400px; margin-top:18px; overflow:hidden; border-color:#243f59; border-radius:12px; background:linear-gradient(135deg,#071a2c,#0d2940); color:#e8f5fb; }
.workspace-insights .change-intelligence { min-height:0; margin:0; border:0; border-radius:0; }
.change-intelligence > header { border-color:#294e68; }.change-intelligence h2 { color:#f0faff; }.change-intelligence header p { margin:3px 0 0; color:#99bfd1; font-size:12px; }
.change-window { display:flex; gap:5px; }.change-window button { min-height:28px; padding:4px 8px; border-color:#477894; border-radius:6px; background:#0b2438; color:#a9d8ee; font-size:11px; }.change-window button.active { border-color:#55c9ef; background:#155276; color:#fff; }
.change-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #294e68; }.change-metric { display:grid; gap:3px; min-height:92px; padding:16px; border-right:1px solid #294e68; }.change-metric:nth-child(3n) { border-right:0; }.change-metric b { color:#75dfff; font-size:25px; line-height:1; }.change-metric span { color:#a8c9d8; font-size:11px; font-weight:700; }.change-metric.positive b { color:#7de1ae; }.change-metric.negative b { color:#ffaaa2; }
.change-section { padding:17px 18px; border-bottom:1px solid #294e68; }.change-section:last-child { border-bottom:0; }.change-section h3 { margin:0 0 10px; color:#e9f8ff; font-size:13px; }.change-breakdown { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }.change-breakdown div { padding:10px; border:1px solid #2b5874; border-radius:7px; background:#0b2438; }.change-breakdown b { display:block; color:#dff5ff; font-size:18px; }.change-breakdown span { color:#9dc2d4; font-size:11px; }
.business-change-snapshot { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:16px 18px; border-bottom:1px solid #294e68; }.day-change,.risk-highlight,.affected-area { display:grid; gap:4px; padding:12px; border:1px solid #2b5874; border-radius:8px; background:#0b2438; }.business-change-snapshot span { color:#9dc2d4; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.day-change b { color:#75dfff; font-size:25px; line-height:1; }.business-change-snapshot small { color:#b4cfdb; font-size:10px; line-height:1.35; }.risk-highlight b { color:#ffe0a1; font-size:12px; line-height:1.35; }.risk-highlight strong { color:#ffca70; }.affected-area { grid-column:1 / -1; grid-template-columns:auto repeat(3,1fr); align-items:center; }.affected-area b { color:#dff5ff; font-size:11px; text-align:center; }
.current-capabilities { padding:17px 18px; }.current-capabilities > header { min-height:0; padding:0 0 12px; border:0; align-items:flex-start; }.current-capabilities h3 { margin:0; color:#e9f8ff; font-size:14px; }.current-capabilities header p { margin:4px 0 0; color:#9dc2d4; font-size:11px; }.capability-categories { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }.capability-category { overflow:hidden; border:1px solid #2b5874; border-radius:8px; background:#0b2438; }.capability-category h4 { display:flex; align-items:center; justify-content:space-between; margin:0; padding:10px 11px; border-bottom:1px solid #294e68; color:#dff5ff; font-size:12px; }.capability-category h4 span { display:grid; min-width:20px; height:20px; place-items:center; border-radius:99px; color:#9de0f8; background:#155276; font-size:10px; }.capability-category ul { display:grid; gap:0; margin:0; padding:8px 0; list-style:none; }.capability-category li { padding:3px 11px; color:#c8deea; font-size:10px; line-height:1.35; }.capability-category li::before { margin-right:6px; color:#75dfff; content:'•'; }
.change-commit { display:grid; grid-template-columns:72px 1fr auto; gap:10px; align-items:center; padding:9px 0; border-top:1px solid #294e68; }.change-commit:first-of-type { border-top:0; }.change-commit code { color:#75dfff; font-size:11px; }.change-commit b { display:block; color:#e9f8ff; font-size:12px; }.change-commit small { color:#9dc2d4; font-size:11px; }.change-empty { margin:0; color:#9dc2d4; font-size:12px; }
@media(max-width:900px) { #workspace { grid-template-columns:1fr; }.workspace-summary { grid-column:1; }.repository-graph-panel,.workspace-insights,.change-intelligence { width:100%; }.change-intelligence { grid-column:1; }.change-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.change-metric:nth-child(3n) { border-right:1px solid #294e68; }.change-metric:nth-child(2n) { border-right:0; } }
.repository-graph-panel { position:relative; width:min(430px, 100%); height:824px; overflow:visible; border-radius:10px; transition:width .42s cubic-bezier(.22,.8,.22,1), background .2s ease, border-color .2s ease; }
.repository-graph-panel:not(.map-drawer-open) { overflow:hidden; }
.repository-graph-panel > header { width:100%; transition:width .42s cubic-bezier(.22,.8,.22,1); }
.repository-graph-panel .interaction-map { position:absolute; z-index:5; top:0; left:0; width:100%; height:824px; border-radius:10px; opacity:1; box-shadow:0 10px 24px rgba(4,18,34,.16); transition:width .42s cubic-bezier(.22,.8,.22,1), opacity .2s ease, box-shadow .42s ease; will-change:width; }
.repository-graph-panel.map-drawer-open { background:transparent; border-color:transparent; }
.repository-graph-panel.map-drawer-open > header { width:430px; border:1px solid #d6dfe3; background:#fff; }
.repository-graph-panel.map-drawer-open .interaction-map { opacity:.96; box-shadow:12px 18px 36px rgba(4,18,34,.28); }
.delivery-verification { overflow:hidden; border:1px solid #183f59; border-radius:12px; background:linear-gradient(135deg,#061827,#0b2940); color:#e7f4fb; box-shadow:0 14px 34px #0b2c421f; }
.delivery-verification > header { align-items: center; border-color:#24516a; }
.delivery-verification h2 { margin: 3px 0 4px; color:#f2fbff; font-size: 24px; }
.delivery-verification header p { margin: 0; color: #9bc1d4; }
.delivery-kicker { color: #69dfae; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.delivery-hero-action { display:flex; align-items:center; gap:14px; }.delivery-hero-action b { color:#cce9f5; font-size:12px; white-space:nowrap; }
.delivery-verification .primary { border-color:#29aa73; background:#29aa73; color:#062b1d; }
.delivery-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #24516a; background:#071d2e; }
.delivery-summary div { display: grid; gap: 2px; padding: 15px 18px; border-right: 1px solid #24516a; }.delivery-summary div:last-child { border-right:0; }
.delivery-summary b { color: #7de1ff; font-size: 23px; line-height: 1; }.delivery-summary span { color: #a8c9d8; font-size: 11px; font-weight: 700; }
.delivery-attention > header { min-height: 0; padding: 16px 18px 8px; border: 0; align-items: flex-start; }.delivery-attention h3,.implementation-answers h3 { margin:0; color:#e9f8ff; font-size:15px; }.delivery-attention p { margin:3px 0 0; color:#9bc1d4; font-size:12px; }
.delivery-findings { display:grid; gap:9px; padding:8px 18px 18px; }.delivery-finding { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; padding:13px; border:1px solid #24516a; border-radius:8px; background:#0b2336; }.delivery-finding h3 { margin:0 0 3px; color:#edf9ff; font-size:13px; }.delivery-finding p { margin:0; color:#a8c9d8; font-size:12px; line-height:1.45; }
.delivery-evidence { min-height:30px; padding:5px 9px; border-color:#477894; background:#0d3049; color:#bdeaff; font-size:11px; }.delivery-evidence:hover { background:#164968; }.delivery-empty { margin:0; padding:8px 0; color:#9bc1d4; font-size:12px; }
.ask-implementation { margin:0 18px; padding:13px 0; border-top:1px solid #24516a; color:#dff3fb; }.ask-implementation summary { cursor:pointer; color:#c6ecff; font-size:12px; font-weight:800; }.ask-implementation p { margin:7px 0 10px; color:#9bc1d4; font-size:12px; }
#implementation-question-form { display: flex; gap: 8px; }
#implementation-question { flex:1; min-width:0; min-height:35px; padding:7px 10px; border:1px solid #477894; border-radius:4px; background:#071b2a; color:#e8f8ff; font:inherit; }
.implementation-answers { padding:0 18px 16px; }.implementation-answers > h3 { margin:0 0 8px; }.implementation-answer { display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:12px; padding:13px; border:1px solid #24516a; border-radius:8px; background:#0b2336; }.implementation-answer h3 { margin:0 0 5px; color:#effaff; font-size:13px; }.implementation-answer p { margin:4px 0; color:#a8c9d8; font-size:12px; line-height:1.45; }.implementation-answer p b { color:#ecfaff; }.implementation-answer small { display:block; margin-top:8px; color:#7de1ff; font-size:11px; font-weight:700; }
@media(max-width:700px) { .delivery-hero-action { align-items:flex-start; flex-direction:column; }.delivery-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }.delivery-finding,.implementation-answer { grid-template-columns:1fr; } }

/* Customer-facing insight surface: keep the capability navigator dark, make the review area calm and readable. */
.workspace-insights,
.repository-graph-panel { border:1px solid #d6e1e6; border-radius:10px; background:#fff; box-shadow:0 8px 24px rgba(28,58,71,.08); }
.repository-graph-panel > header { min-height:74px; justify-content:flex-end; padding:16px 22px; border-bottom:1px solid #dce6ea; background:#fff; }
.repository-graph-panel > header h2 { color:#244955; font-size:18px; }
.repository-graph-panel .last-refreshed { color:#6d838d; }
.workspace-insights { border-color:#d6e0e5; background:#fff; box-shadow:0 8px 24px rgba(28,58,71,.08); }
.insight-tabs { box-sizing:border-box; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; height:74px; min-height:74px; padding:12px 18px; gap:10px; overflow:hidden; border-color:#dce6ea; background:#fff; }
.insight-tab { box-sizing:border-box; min-width:0; height:50px; min-height:0; padding:0 10px; border:1px solid #61cbd9; border-radius:8px; color:#183e4b; background:#fff; font-size:12px; font-weight:800; white-space:nowrap; }
.insight-tab:last-child { border-right:1px solid #61cbd9; }
.insight-tab:hover { border-color:#159db5; color:#183e4b; background:#f4fdfe; }.insight-tab.active { border-color:#000; color:#fff; background:#000; box-shadow:none; }
.workspace-insights .change-intelligence { color:#203d49; background:#fff; }
.change-toolbar { min-height:48px !important; padding:11px 18px !important; border-color:#e0e8eb !important; background:#f8fbfc; }
.change-intelligence header p { color:#6c818a; font-size:11px; }.change-window button { border-color:#c8dce2; background:#fff; color:#48717d; }.change-window button.active { border-color:#159ab7; background:#e9f8fb; color:#087d99; }
.impact-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:17px 18px; border-bottom:1px solid #e0e8eb; background:#f7fbfc; }.impact-summary span { color:#6c818a; font-size:10px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.impact-summary h3 { max-width:640px; margin:4px 0 0; color:#244c59; font-size:16px; line-height:1.4; }.impact-risk { min-width:150px; padding:10px 12px; border:1px solid #d6e4e8; border-radius:8px; background:#fff; }.impact-risk b { display:block; margin-top:2px; color:#238758; font-size:16px; }.impact-summary.medium .impact-risk b { color:#ae7000; }.impact-summary.high .impact-risk { border-color:#f0d3a0; background:#fffaf0; }.impact-summary.high .impact-risk b { color:#b26800; }
.change-metrics { border-color:#e0e8eb; }.change-metric { min-height:82px; border-color:#e0e8eb; }.change-metric b { color:#147f98; }.change-metric span { color:#647b86; }
.current-capabilities { padding:17px 18px; border-bottom:1px solid #e0e8eb; }.current-capabilities h3 { color:#254d59; }.current-capabilities header p { color:#71868f; }.capability-categories { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }.capability-category { border-color:#d7e4e8; background:#fff; }.capability-category h4 { border-color:#e2ebee; color:#315a66; background:#f8fbfc; }.capability-category h4 span { color:#087d99; background:#e3f5f8; }.capability-category li { color:#5e747d; }.capability-category li::before { color:#1aa6a5; }
.business-change-snapshot { border:0; background:#f8fbfc; }.day-change,.risk-highlight,.affected-area { border-color:#d7e4e8; background:#fff; }.business-change-snapshot span { color:#67808b; }.day-change b { color:#147f98; }.business-change-snapshot small { color:#71868f; }.risk-highlight { grid-column:1 / -1; }.risk-highlight b { color:#49636c; }.affected-area { background:#f5fafb; }.affected-area b { color:#40606b; }.affected-area b.none { color:#82959d; font-weight:600; }
.workspace-insights .delivery-verification { border:0; border-radius:0; background:#fff; color:#254954; box-shadow:none; }.workspace-insights .delivery-verification > header { border-color:#dfe8eb; }.workspace-insights .delivery-verification h2,.workspace-insights .delivery-attention h3,.workspace-insights .implementation-answers h3 { color:#254954; }.workspace-insights .delivery-verification header p,.workspace-insights .delivery-attention p { color:#6f838b; }.workspace-insights .delivery-kicker { color:#188a63; }.workspace-insights .delivery-hero-action b { color:#4c6873; }.workspace-insights .delivery-summary { border-color:#dfe8eb; background:#f8fbfc; }.workspace-insights .delivery-summary div { border-color:#dfe8eb; }.workspace-insights .delivery-summary b { color:#147f98; }.workspace-insights .delivery-summary span { color:#6c818a; }.workspace-insights .delivery-finding,.workspace-insights .implementation-answer { border-color:#d7e4e8; background:#fff; }.workspace-insights .delivery-finding h3,.workspace-insights .implementation-answer h3 { color:#315762; }.workspace-insights .delivery-finding p,.workspace-insights .implementation-answer p { color:#6f838b; }.workspace-insights .delivery-evidence { border-color:#b9dce3; background:#f1fbfc; color:#0e7d94; }.workspace-insights .ask-implementation { border-color:#dfe8eb; color:#40606b; }.workspace-insights .ask-implementation summary { color:#176f82; }.workspace-insights #implementation-question { border-color:#cbdde2; background:#fff; color:#254954; }
@media(max-width:700px) { .workspace-summary { align-items:flex-start; flex-direction:column; }.workspace-summary .refresh-control { width:100%; justify-content:space-between; }.insight-tabs { height:58px; min-height:58px; padding:0 14px; gap:16px; overflow-x:auto; overflow-y:hidden; }.insight-tab { flex:0 0 auto; height:58px; min-height:0; font-size:11px; }.impact-summary { align-items:flex-start; flex-direction:column; }.impact-risk { width:100%; }.business-change-snapshot { grid-template-columns:1fr; }.affected-area { grid-column:auto; grid-template-columns:1fr; }.affected-area b { text-align:left; } }
.refresh-icon { display: grid; place-items: center; width: 34px; min-width: 34px; min-height: 34px; padding: 0; border-color: #168d71; border-radius: 50%; background: #1d9b79; color: #fff; font-size: 19px; line-height: 1; box-shadow: 0 2px 5px #168d7133; }
.refresh-icon:hover { border-color: #11775e; background: #137f65; }
.requirement-assessment { display:grid; gap:14px; margin-bottom:18px; padding:20px; border:2px solid #159db5; border-radius:10px; background:#fff; box-shadow:0 4px 14px rgba(21,157,181,.10); }
.requirement-assessment label { display:grid; gap:5px; }.requirement-assessment label span { color:#0b2632; font-size:16px; font-weight:850; }.requirement-assessment label small { color:#315a66; font-size:13px; font-weight:600; }
.requirement-assessment > div { display:flex; gap:12px; }.requirement-assessment input { flex:1; min-width:0; min-height:50px; padding:12px 14px; border:2px solid #61cbd9; border-radius:7px; color:#0b2632; background:#fff; font:inherit; font-size:14px; font-weight:600; }.requirement-assessment input::placeholder { color:#56717b; opacity:1; }.requirement-assessment input:focus { outline:3px solid #54d5e655; border-color:#087d99; }
.requirement-assessment .primary { min-width:112px; min-height:50px; border-color:#087d99; background:#087d99; color:#fff; font-size:14px; font-weight:850; }.requirement-assessment .primary:hover { border-color:#055d72; background:#055d72; }
.requirements-list { display:grid; gap:12px; }.requirements-empty { display:grid; place-items:center; gap:5px; min-height:220px; padding:24px; border:1px dashed #b9dce3; border-radius:10px; color:#315a66; background:#fff; text-align:center; }.requirements-empty b { font-size:14px; }.requirements-empty p { max-width:340px; margin:0; color:#667f90; font-size:12px; line-height:1.5; }
.requirement-summary-row { display:grid; grid-template-columns:90px minmax(120px,1fr) 60px auto 30px; gap:8px; align-items:center; padding:12px; border:1px solid #d7e4e8; border-radius:9px; background:#fff; }.requirement-summary-row:hover { border-color:#9fd5df; background:#fbfeff; }
.requirement-id { color:#183e4b; font:800 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }.requirement-summary-row p { min-width:0; margin:0; overflow:hidden; color:#315a66; font-size:12px; font-weight:700; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }.requirement-coverage { display:grid; justify-items:center; padding-left:12px; border-left:1px solid #dce9ed; }.requirement-coverage b { color:#16885f; font-size:17px; line-height:1; }.requirement-coverage small { margin-top:3px; color:#667f90; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.requirement-summary-row .secondary { min-height:32px; padding:5px 10px; border-color:#61cbd9; color:#183e4b; background:#fff; font-size:11px; font-weight:800; }.requirement-summary-row .secondary:hover { background:#f1fbfc; }.requirement-summary-row .requirement-details { display:grid; width:32px; min-width:32px; height:32px; place-items:center; padding:0; font-size:17px; line-height:1; }
.requirement-summary-row .requirement-delete { width:30px; min-width:30px; height:30px; padding:0; border:1px solid #d8a4a4; border-radius:6px; color:#9d4d4d; background:#fff; font-size:18px; line-height:1; }.requirement-summary-row .requirement-delete:hover { background:#fff3f3; color:#84353d; }
.requirement-details-dialog { width:min(1120px,calc(100vw - 48px)); max-width:none; max-height:calc(100vh - 48px); padding:0; border:1px solid #b9dce3; border-radius:12px; background:#fff; }.requirement-details-dialog::backdrop { background:#05132299; }.requirement-details-dialog > div > header { display:flex; align-items:center; justify-content:space-between; padding:14px 18px; border-bottom:1px solid #dce8ec; }.requirement-details-dialog h2 { margin:2px 0 0; color:#183e4b; font-size:17px; }.requirement-details-dialog > div > header button { width:32px; height:32px; border:1px solid #d8a4a4; border-radius:6px; color:#9d4d4d; background:#fff; font-size:18px; }.requirement-details-dialog #requirement-details-content { max-height:calc(100vh - 150px); overflow:auto; }.requirement-detail-fallback { padding:20px; }.requirement-detail-fallback h3 { margin:0 0 10px; color:#183e4b; }.requirement-detail-fallback p { color:#49636c; line-height:1.55; }
.requirement-details-dialog .correlation-actions { display:none; }
.capability-ask { padding:20px; background:#fff; }.capability-ask-card { display:grid; gap:18px; max-width:780px; padding:24px; border:2px solid #159db5; border-radius:12px; background:#f8fdfe; box-shadow:0 6px 18px rgba(21,157,181,.10); }.capability-ask-card > div > span,.capability-answer-question > span,.capability-answer-result > span,.capability-answer-reason > span,.capability-answer footer > span,.capability-answer-label { color:#087d99; font-size:10px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }.capability-ask-card h2 { margin:6px 0 0; color:#0b2632; font-size:20px; line-height:1.3; }.capability-ask-card > div > p { margin:8px 0 0; color:#315a66; font-size:13px; line-height:1.5; }.capability-ask-card form { display:flex; gap:12px; }.capability-ask-card input { flex:1; min-width:0; min-height:50px; padding:12px 14px; border:2px solid #61cbd9; border-radius:7px; color:#0b2632; background:#fff; font:600 14px inherit; }.capability-ask-card input::placeholder { color:#56717b; opacity:1; }.capability-ask-card input:focus { outline:3px solid #54d5e655; border-color:#087d99; }.capability-ask-card .primary { min-width:94px; border-color:#087d99; background:#087d99; color:#fff; font-size:14px; font-weight:850; }.capability-answer { display:grid; gap:14px; overflow:hidden; padding:0; border:1px solid #b9dce3; border-left:5px solid #16885f; border-radius:9px; background:#fff; }.capability-answer.partially_implemented { border-left-color:#a76a00; }.capability-answer.not_confirmed { border-left-color:#a24b4b; }.capability-answer header { display:flex; align-items:center; justify-content:space-between; padding:13px 16px; border-bottom:1px solid #dce9ed; background:#f6fbfc; }.capability-answer-question,.capability-answer-result,.capability-answer-reason { display:grid; gap:6px; padding:0 16px; }.capability-answer h3 { margin:0; color:#183e4b; font-size:15px; line-height:1.4; }.capability-answer p { margin:0; color:#183e4b; font-size:14px; line-height:1.5; }.capability-answer-result p { font-weight:800; }.capability-answer-reason { padding-bottom:2px; }.capability-answer-reason p { color:#56717b; font-size:12px; }.capability-answer footer { display:grid; gap:8px; padding:14px 16px; border-top:1px solid #dce9ed; background:#f8fbfc; }.capability-evidence-link { justify-self:start; padding:7px 10px; border:1px solid #159db5; border-radius:6px; color:#087d99; background:#fff; font-size:11px; font-weight:850; text-align:left; }.capability-evidence-link:hover { background:#eaf9fb; }

/* Delivery verification: a focused acceptance checklist, not a second question screen. */
#delivery-verification .ask-implementation,
#delivery-verification .implementation-answers { display:none; }
.workspace-insights #delivery-verification { background:#fff; }
.workspace-insights #delivery-verification .delivery-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:20px; align-items:center; padding:22px; border-bottom:1px solid #dfe9ed; background:linear-gradient(135deg,#f4fbfc,#fff); }
.workspace-insights #delivery-verification .delivery-kicker { color:#087d99; font-size:10px; letter-spacing:.09em; }
.workspace-insights #delivery-verification .delivery-hero h2 { margin:5px 0 4px; color:#183e4b; font-size:23px; line-height:1.2; }
.workspace-insights #delivery-verification .delivery-hero p { margin:0; color:#56717b; font-size:13px; }
.workspace-insights #delivery-verification .delivery-hero-action { display:grid; justify-items:end; gap:8px; padding:12px 14px; border:1px solid #b9dce3; border-radius:9px; background:#fff; }
.workspace-insights #delivery-verification .delivery-hero-action b { color:#183e4b; font-size:12px; }
.workspace-insights #delivery-verification .delivery-hero-action .primary { min-height:34px; padding:6px 11px; border-color:#087d99; background:#087d99; color:#fff; font-size:11px; font-weight:800; }
.workspace-insights #delivery-verification .delivery-summary { gap:10px; padding:14px 18px; border:0; background:#fff; }
.workspace-insights #delivery-verification .delivery-summary div { min-height:76px; padding:13px 14px; border:1px solid #d7e4e8; border-left:4px solid #16885f; border-radius:8px; background:#f9fcfd; }
.workspace-insights #delivery-verification .delivery-summary div:nth-child(2) { border-left-color:#c98b13; }.workspace-insights #delivery-verification .delivery-summary div:nth-child(3) { border-left-color:#b84b3e; }
.workspace-insights #delivery-verification .delivery-summary b { color:#183e4b; font-size:25px; }.workspace-insights #delivery-verification .delivery-summary span { color:#56717b; font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.workspace-insights #delivery-verification .delivery-attention { margin:0 18px 18px; border:1px solid #d7e4e8; border-radius:10px; background:#fff; }
.workspace-insights #delivery-verification .delivery-attention > header { padding:16px 16px 6px; }.workspace-insights #delivery-verification .delivery-attention h3 { color:#183e4b; font-size:15px; }.workspace-insights #delivery-verification .delivery-attention p { color:#56717b; font-size:12px; }
.workspace-insights #delivery-verification .delivery-findings { padding:8px 16px 16px; }.workspace-insights #delivery-verification .delivery-finding { grid-template-columns:112px minmax(0,1fr) auto; gap:14px; padding:14px; border-color:#d7e4e8; background:#f9fcfd; }.workspace-insights #delivery-verification .delivery-finding h3 { color:#183e4b; font-size:13px; }.workspace-insights #delivery-verification .delivery-finding p { color:#56717b; font-size:12px; }.workspace-insights #delivery-verification .delivery-evidence { min-height:32px; border-color:#61cbd9; background:#fff; color:#087d99; font-weight:800; }.workspace-insights #delivery-verification .delivery-evidence:hover { background:#eaf9fb; }

.milestone-setup,.milestone-progress { display:grid; gap:18px; padding:24px; color:#183e4b; background:#fff; }.milestone-setup > span,.milestone-progress > header span { color:#087d99; font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.milestone-setup h2,.milestone-progress h2 { margin:5px 0 0; font-size:22px; }.milestone-setup > p,.milestone-progress header p { max-width:620px; margin:0; color:#56717b; font-size:13px; line-height:1.5; }.milestone-setup form { display:grid; gap:16px; max-width:760px; padding:18px; border:2px solid #159db5; border-radius:10px; background:#f8fdfe; }.milestone-fields { display:grid; grid-template-columns:1fr 180px; gap:12px; }.milestone-fields label { display:grid; gap:6px; color:#315a66; font-size:11px; font-weight:800; }.milestone-fields input { min-height:42px; padding:9px 10px; border:1px solid #61cbd9; border-radius:6px; color:#183e4b; background:#fff; font:inherit; }.milestone-setup fieldset { display:grid; gap:8px; max-height:255px; overflow:auto; margin:0; padding:12px; border:1px solid #d7e4e8; border-radius:8px; background:#fff; }.milestone-setup legend { padding:0 5px; color:#315a66; font-size:11px; font-weight:850; }.milestone-requirement { display:grid; grid-template-columns:auto 58px minmax(0,1fr); gap:8px; align-items:center; padding:9px; border-top:1px solid #edf2f4; cursor:pointer; }.milestone-requirement:first-of-type { border-top:0; }.milestone-requirement span { color:#087d99; font:800 10px ui-monospace,monospace; }.milestone-requirement b { overflow:hidden; color:#315a66; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }.milestone-setup .primary { justify-self:start; min-height:40px; border-color:#087d99; background:#087d99; color:#fff; font-weight:850; }.milestone-add-requirements { display:grid; gap:8px; max-width:600px; padding:18px; border:1px solid #b9dce3; border-radius:10px; background:#f8fdfe; }.milestone-add-requirements b { font-size:13px; }.milestone-add-requirements span { color:#56717b; font-size:12px; }.milestone-empty { margin:0; color:#56717b; font-size:12px; }.milestone-progress { gap:16px; }.milestone-progress > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.milestone-progress > header .secondary { min-height:34px; border-color:#61cbd9; color:#087d99; background:#fff; font-weight:800; }.milestone-coverage { display:grid; grid-template-columns:auto minmax(100px,1fr); column-gap:16px; align-items:center; padding:16px; border:1px solid #b9dce3; border-radius:10px; background:#f8fdfe; }.milestone-coverage div:first-child { display:grid; gap:2px; }.milestone-coverage b { color:#087d99; font-size:30px; line-height:1; }.milestone-coverage span { color:#315a66; font-size:10px; font-weight:800; text-transform:uppercase; }.milestone-progress-bar { height:11px; overflow:hidden; border-radius:99px; background:#dceff2; }.milestone-progress-bar i { display:block; height:100%; border-radius:inherit; background:#159db5; }.milestone-coverage p { grid-column:1 / -1; margin:8px 0 0; color:#56717b; font-size:12px; }.milestone-progress > section { border:1px solid #d7e4e8; border-radius:10px; }.milestone-progress > section > header { padding:15px 16px 8px; }.milestone-progress h3 { margin:0; font-size:14px; }.milestone-progress section header p { margin:4px 0 0; color:#56717b; font-size:11px; }.milestone-rows { display:grid; gap:0; padding:0 16px 12px; }.milestone-row { display:grid; grid-template-columns:58px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 0; border-top:1px solid #edf2f4; }.milestone-row span { color:#087d99; font:800 10px ui-monospace,monospace; }.milestone-row p { overflow:hidden; margin:0; color:#315a66; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }.milestone-row b { padding:4px 7px; border-radius:99px; font-size:10px; }.milestone-row b.covered { color:#16714f; background:#e7f8ef; }.milestone-row b.open { color:#9a6200; background:#fff4d8; }
.requirement-row { display: flex; align-items: stretch; }
.requirement-row .requirement-toggle { flex: 1; }
.requirement-delete { width: 42px; min-width: 42px; padding: 0; border: 0; border-left: 1px solid #d6dfe3; border-radius: 0; background: transparent; color: #ad5c63; font-size: 19px; }
.requirement-delete:hover { background: #fff3f3; color: #943b45; }

/* Change intelligence: business-readable impact overview with direct evidence routes. */
.workspace-insights .change-overview {
  display: grid;
  grid-template-columns: minmax(190px, .8fr) minmax(0, 2.2fr) auto;
  align-items: stretch;
  gap: 14px;
  min-height: 144px;
  padding: 18px;
  border: 0;
  border-bottom: 1px solid #dfe9ed;
  background: #f8fbfc;
}

.risk-panel,
.change-summary {
  display: grid;
  align-content: center;
  border: 1px solid #d6e3e8;
  border-radius: 10px;
  background: #fff;
}

.risk-panel { gap: 4px; padding: 17px; border-left: 5px solid #2aaf74; }
.risk-panel.low { border-color:#8ad9b6; border-left-color:#149b63; background:#e7f8ef; }
.risk-panel.medium { border-color:#efd183; border-left-color:#d39110; background:#fff4d8; }
.risk-panel.high { border-color:#efb8ae; border-left-color:#d05b4b; background:#fde8e5; }
.risk-panel span,
.change-summary > span,
.change-impact > header > div > span,
.technical-impact > div > span,
.impact-card > header > span {
  color: #647b86;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.risk-panel b { color: #16885f; font-size: 27px; line-height: 1; }
.risk-panel.medium b { color: #a76a00; }.risk-panel.high b { color: #b84b3e; }
.risk-panel small { color: #5d757e; font-size: 11px; line-height: 1.35; }

.change-summary { gap: 6px; padding: 15px 18px; }
.change-summary > small { color: #111; font-size: 11px; }
.change-summary p { margin: 3px 0 0; color: #111; font-size: 16px; font-weight: 700; line-height: 1.45; }

.change-controls { display:grid; align-self:start; justify-self:end; gap:8px; }
.workspace-insights .change-overview .change-window { justify-self:end; padding:0; }
.workspace-insights .change-window button { min-width: 52px; min-height: 38px; border-color:#000; color:#fff; background:#000; font-weight:800; }
.workspace-insights .change-window button:hover { border-color:#333; background:#333; }
.workspace-insights .change-window button.active { border-color:#111; color:#fff; background:#111; box-shadow:inset 0 -3px #54d5e6; }
.change-period { color:#111; font-size:10px; line-height:1.55; text-align:right; white-space:nowrap; }

.change-impact { padding: 20px 18px 18px; border-bottom: 1px solid #dfe9ed; }
.change-impact > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 0; padding: 0 0 14px; border: 0; }
.change-impact h3 { margin: 3px 0 0; color: #244c59; font-size: 16px; }
.change-impact > header p { margin:5px 0 0; color:#111; font-size:11px; line-height:1.4; }
.change-evidence-link { min-height: 32px; padding: 6px 10px; border-color: #b9dce3; border-radius: 6px; background: #f1fbfc; color: #0d7e95; font-size: 11px; font-weight: 800; white-space: nowrap; }
.change-evidence-link:hover { border-color: #82c8d7; background: #e2f7fa; }

.impact-cards { display: grid; gap: 14px; }
.impact-follow-up { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.impact-card { min-width: 0; overflow: hidden; border: 1px solid #d7e4e8; border-radius: 9px; background: #fff; }
.impact-card > header { display: flex; align-items: center; justify-content: space-between; min-height: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid #e2ebee; background: #f8fbfc; }
.impact-card > header b { color: #147f98; font-size: 24px; line-height: 1; }
.change-commit-list { max-height: 265px; overflow: auto; padding: 0 14px; }
.change-commit { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; width: 100%; gap: 9px; align-items: center; padding: 10px 0; border: 0; border-top: 1px solid #edf2f4; border-radius: 0; color: inherit; background: transparent; text-align: left; }
.change-commit:first-child { border-top: 0; }.change-commit:hover { background: #f7fcfd; }
.change-commit.unmatched { cursor:default; opacity:.62; }.change-commit.unmatched:hover { background:transparent; }
.change-commit code { color: #1185a0; font: 700 10px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.change-commit > span { min-width: 0; overflow: hidden; color: #365966; font-size: 11px; font-weight: 700; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.change-commit small { max-width: 150px; color: #728892; font-size: 10px; line-height: 1.25; text-align: right; }
.capability-impact ul { display: grid; gap: 0; max-height: 265px; margin: 0; padding: 0 14px; overflow: auto; list-style: none; }
.capability-impact li { border-top: 1px solid #edf2f4; }.capability-impact li:first-child { border-top: 0; }
.capability-impact li button { display: grid; width: 100%; gap: 4px; padding: 10px 0; border: 0; border-radius: 0; color: inherit; background: transparent; text-align: left; }
.capability-impact li button:hover { background: #fff8ed; }.capability-impact li b { color: #365966; font-size: 11px; line-height: 1.35; }.capability-impact li small { color: #111; font-size: 10px; line-height:1.35; }.capability-impact li em { color:#667c85; font-size:10px; font-style:normal; }.capability-impact li em code { display:inline-block; margin-right:3px; padding:2px 4px; border-radius:3px; color:#754400; background:#fff0d4; font:700 9px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }.capability-impact li em span { color:#ae6500; font-weight:800; }
.change-empty { margin: 0; padding: 13px 0; color: #748b94; font-size: 11px; line-height: 1.4; }

.technical-impact { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 1.65fr); gap: 18px; align-items: center; padding: 16px 18px; border:1px solid #d7e4e8; border-radius:9px; background: #f5fafb; }
.technical-impact p { margin: 4px 0 0; color: #728892; font-size: 11px; line-height: 1.35; }
.technical-metrics { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.technical-metrics div { display: grid; min-width: 0; gap: 2px; padding-left: 10px; border-left: 2px solid #cfe5e9; }.technical-metrics b { color: #285766; font-size: 17px; line-height: 1; }.technical-metrics span { min-width: 0; color: #718790; font-size: 10px; line-height: 1.3; overflow-wrap: anywhere; }
.technical-action { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 2px; padding-top: 10px; border-top: 1px solid #d7e4e8; }
.technical-action span { color: #718790; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.technical-action b { padding: 5px 9px; border: 1px solid #93c5fd; border-radius: 999px; color: #1e40af; background: #eff6ff; font-size: 10px; }
.technical-action.medium b { border-color: #f5c76b; color: #8a5100; background: #fff7df; }
.technical-action.high b { border-color: #e69a9a; color: #9d3030; background: #fff0f0; }
.technical-action.none b { border-color: #b9dcca; color: #27724d; background: #f0fbf5; }

/* Monochrome action buttons with a short ink-dab press effect. */
.workspace-insights button.primary,
.workspace-insights .milestone-setup .primary,
.workspace-insights .capability-ask-card .primary,
.workspace-insights #delivery-verification .delivery-hero-action .primary {
  position:relative;
  overflow:hidden;
  border:2px solid #000;
  border-radius:4px;
  color:#fff;
  background:#000;
  box-shadow:3px 3px 0 #d8d8d8;
  transition:transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease;
}
.workspace-insights button.secondary,
.workspace-insights .milestone-progress > header .secondary,
.workspace-insights .requirement-summary-row .secondary {
  position:relative;
  overflow:hidden;
  border:2px solid #000;
  border-radius:4px;
  color:#000;
  background:#fff;
  box-shadow:3px 3px 0 #d8d8d8;
  transition:transform 120ms ease, box-shadow 120ms ease, background 120ms ease, color 120ms ease;
}
.workspace-insights button.primary:hover,
.workspace-insights .milestone-setup .primary:hover,
.workspace-insights .capability-ask-card .primary:hover,
.workspace-insights #delivery-verification .delivery-hero-action .primary:hover { border-color:#000; color:#000; background:#fff; }
.workspace-insights button.secondary:hover,
.workspace-insights .milestone-progress > header .secondary:hover,
.workspace-insights .requirement-summary-row .secondary:hover { border-color:#000; color:#fff; background:#000; }
.workspace-insights button.primary:active,
.workspace-insights button.secondary:active { transform:translate(3px, 3px) scale(.98); box-shadow:0 0 0 #d8d8d8, 0 0 0 6px #000; }
.workspace-insights button.primary:focus-visible,
.workspace-insights button.secondary:focus-visible { outline:3px solid #000; outline-offset:3px; }

/* Softer dark charcoal variant of the monochrome button system. */
.workspace-insights .change-window button { border-color:#20282c; background:#20282c; }
.workspace-insights .change-window button:hover { border-color:#354148; background:#354148; }
.workspace-insights .change-window button.active { border-color:#20282c; background:#20282c; }
.workspace-insights button.primary,
.workspace-insights .milestone-setup .primary,
.workspace-insights .capability-ask-card .primary,
.workspace-insights #delivery-verification .delivery-hero-action .primary { border-color:#20282c; background:#20282c; }
.workspace-insights button.secondary,
.workspace-insights .milestone-progress > header .secondary,
.workspace-insights .requirement-summary-row .secondary { border-color:#20282c; color:#20282c; }
.workspace-insights button.primary:hover,
.workspace-insights .milestone-setup .primary:hover,
.workspace-insights .capability-ask-card .primary:hover,
.workspace-insights #delivery-verification .delivery-hero-action .primary:hover { border-color:#20282c; color:#20282c; background:#fff; }
.workspace-insights button.secondary:hover,
.workspace-insights .milestone-progress > header .secondary:hover,
.workspace-insights .requirement-summary-row .secondary:hover { border-color:#20282c; color:#fff; background:#20282c; }
.workspace-insights button.primary:active,
.workspace-insights button.secondary:active { box-shadow:0 0 0 #d8d8d8, 0 0 0 6px #20282c; }
.workspace-insights button.primary:focus-visible,
.workspace-insights button.secondary:focus-visible { outline-color:#20282c; }
.workspace-insights button.primary::after,
.workspace-insights button.secondary::after { content:""; position:absolute; z-index:0; top:50%; left:50%; width:10px; height:10px; border-radius:50%; pointer-events:none; opacity:0; transform:translate(-50%,-50%) scale(0); }
.workspace-insights button.primary::after { background:#fff; }.workspace-insights button.secondary::after { background:#20282c; }
.workspace-insights button.primary > *,
.workspace-insights button.secondary > * { position:relative; z-index:1; }
.workspace-insights button.button-dab::after { animation:button-dab 420ms ease-out; }
@keyframes button-dab { 0% { opacity:.52; transform:translate(-50%,-50%) scale(0); } 75% { opacity:.13; } 100% { opacity:0; transform:translate(-50%,-50%) scale(18); } }

/* Keep Change Intelligence within the fixed review panel. Only evidence lists scroll. */
.workspace-insights > #change-intelligence:not([hidden]) { display:flex; flex-direction:column; overflow:hidden; }
#change-intelligence .change-overview { flex:0 0 auto; }
#change-intelligence .change-impact { display:flex; flex:1 1 auto; flex-direction:column; min-height:0; }
#change-intelligence .change-impact > header { flex:0 0 auto; }
#change-intelligence .impact-cards { flex:1 1 auto; min-height:0; grid-template-rows:minmax(0,1.15fr) minmax(0,.85fr); }
#change-intelligence .capability-impact,
#change-intelligence .commit-impact { display:flex; flex-direction:column; min-height:0; }
#change-intelligence .capability-impact ul,
#change-intelligence .change-commit-list { flex:1 1 auto; min-height:0; }
#change-intelligence .impact-follow-up,
#change-intelligence .impact-follow-up > * { min-height:0; }

@media(max-width:900px) {
  .workspace-insights .change-overview { grid-template-columns: minmax(180px, .8fr) minmax(0, 1.5fr); }
  .change-controls { grid-column: 1 / -1; justify-self: start; }.workspace-insights .change-overview .change-window { justify-self: start; }.change-period { text-align:left; }
  .impact-follow-up,.technical-impact { grid-template-columns: 1fr; gap: 12px; }
}

@media(max-width:620px) {
  .workspace-insights .change-overview, .impact-cards, .impact-follow-up { grid-template-columns: 1fr; }
  .change-impact > header { align-items: flex-start; flex-direction: column; }
  .change-commit { grid-template-columns: 58px minmax(0, 1fr); }.change-commit small { grid-column: 2; max-width: none; text-align: left; }
  .technical-metrics { grid-template-columns: 1fr; }.technical-metrics div { padding: 7px 0 7px 10px; }
}

/* Readability rule: standard review text is black; color is reserved for statuses and dark controls. */
.workspace-insights .change-summary,
.workspace-insights .change-summary > small,
.workspace-insights .change-summary p,
.workspace-insights .change-impact h3,
.workspace-insights .impact-card > header > span,
.workspace-insights .change-commit code,
.workspace-insights .change-commit > span,
.workspace-insights .change-commit small,
.workspace-insights .capability-impact li b,
.workspace-insights .capability-impact li small,
.workspace-insights .change-empty,
.workspace-insights .technical-impact p,
.workspace-insights .technical-metrics b,
.workspace-insights .technical-metrics span,
.workspace-insights .change-evidence-link,
.workspace-insights .insight-tab,
.workspace-insights .risk-panel span,
.workspace-insights .risk-panel small {
  color:#111 !important;
}

.workspace-insights .impact-card > header b { color:#111 !important; }
.workspace-insights .risk-panel.low b { color:#16885f !important; }
.workspace-insights .risk-panel.medium b { color:#a76a00 !important; }
.workspace-insights .risk-panel.high b { color:#b84b3e !important; }
.workspace-insights .insight-tab.active { color:#fff !important; }

.coverage-groups { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 28px; }

.coverage-group + .coverage-group {
  padding-left: 28px;
  border-left: 1px solid #dce4e8;
}

.coverage-group > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.coverage-group h3 { margin: 0; color: #183e58; font-size: 13px; }
.coverage-group p { margin: 4px 0 0; color: #667f90; font-size: 11px; }

.coverage-group .metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.coverage-group .metric { min-height: 74px; }
.coverage-group .metric b { font-size: 26px; }
.coverage-group .metric span { max-width: 112px; font-size: 11px; line-height: 1.35; }

.baseline-comparison { margin: 16px 0 4px; }
.baseline-comparison div { display: flex; justify-content: space-between; gap: 10px; padding: 11px 12px; border: 1px solid #dce4e8; border-radius: 6px; color: #526b7a; font-size: 12px; }
.baseline-comparison b { color: #183e58; font-size: 14px; white-space: nowrap; }

.curated-correlation { overflow: hidden; border: 1px solid #294b76; border-radius: 12px; color: #e5efff; background: radial-gradient(circle at 80% 8%, #102c4e 0, #050b18 58%, #030713 100%); }
.correlation-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 22px 24px 18px; border-bottom: 1px solid #203b60; }
.correlation-heading:has(.correlation-toggle) { cursor: pointer; }
.correlation-toggle, .correlation-toggle:hover { display: block; flex: 1; padding: 0; border: 0; color: inherit; background: transparent; text-align: left; cursor: pointer; }
.correlation-toggle:hover h2 { color: #fff; font-weight: 800; }
.curated-correlation.collapsed .correlation-heading { border-bottom: 0; }
.curated-correlation.collapsed .correlation-body { display: none; }
.correlation-actions { display: flex; align-items: center; gap: 8px; }
.report-link { display: inline-block; padding: 8px 10px; border: 1px solid #2d9371; border-radius: 6px; color: #b4f5d4; background: #0a3127; font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.report-link:hover { background: #104634; }
.correlation-heading .status { display: inline-block; margin-bottom: 9px; padding: 5px 8px; border: 1px solid #338d68; border-radius: 99px; background: #0d2e26; color: #a9f0ce; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.candidate-correlation .correlation-heading .status { border-color: #b8892b; background: #38270b; color: #ffe0a1; }
.candidate-correlation .correlation-heading .status.partially_covered { border-color: #b8892b; background: #38270b; color: #ffe0a1; }
.candidate-correlation .correlation-heading .status.covered_in_graph { border-color: #338d68; background: #0d2e26; color: #a9f0ce; }
.correlation-heading h2 { margin: 0; color: #fff; font-size: 23px; letter-spacing: -.02em; }
.correlation-heading p { margin: 8px 0 0; color: #a8c2df; font-size: 12px; line-height: 1.55; }
.correlation-heading .requirement-delete { width: 30px; min-width: 30px; height: 30px; border: 1px solid #704449; border-radius: 6px; color: #e5afb3; }
.correlation-heading .requirement-delete:hover { background: #42262c; }
.correlation-grid { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(560px, 1.5fr); gap: 16px; padding: 18px; }
.correlation-map { position: relative; min-height: 500px; overflow: hidden; border: 1px solid #294b76; border-radius: 10px; background-color: #071225; background-image: linear-gradient(#2f679225 1px, transparent 1px), linear-gradient(90deg, #2f679225 1px, transparent 1px), radial-gradient(ellipse at 50% 50%, #13436d55, transparent 65%); background-size: 34px 34px, 34px 34px, 100% 100%; }
.correlation-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.correlation-edges path { fill: #4d86d4; }
.correlation-edge { fill: none; stroke: #2bbcff; stroke-width: 3; filter: drop-shadow(0 0 5px #159cff80); }
.correlation-edge.source_verified_interface_dispatch { stroke: #f5a623; stroke-dasharray: 7 5; filter: drop-shadow(0 0 5px #f5a62399); }
.correlation-edge.source_verified { stroke: #a9bad0; stroke-dasharray: 3 5; }
.correlation-edge.active { stroke: #ffc15c; stroke-width: 5; }
.correlation-edge-label { fill: #c4ddf1; font-size: 11px; font-weight: 700; paint-order: stroke; stroke: #071225; stroke-width: 4px; stroke-linejoin: round; }
.correlation-edge-label.active { fill: #ffe0a1; }
.correlation-node { position: absolute; z-index: 1; width: 154px; min-height: 62px; padding: 9px; transform: translate(-50%, -50%); border: 1px solid #2a6094; border-radius: 9px; color: #eaf7ff; background: #0b2340ee; box-shadow: 0 0 16px #159cff40; font-size: 11px; text-align: center; cursor: pointer; }
.correlation-node { touch-action: none; cursor: grab; }
.correlation-node.dragging { cursor: grabbing; z-index: 3; }
.correlation-node::before { display: block; width: 10px; height: 10px; margin: 0 auto 6px; border-radius: 50%; background: #2bbcff; box-shadow: 0 0 12px #2bbcff; content: ''; }
.correlation-node.source_verified_interface_dispatch::before { background: #f5a623; box-shadow: 0 0 12px #f5a623; }
.correlation-node.active { outline: 2px solid #ffe0a1; box-shadow: 0 0 24px #f5a62380; }
.correlation-node b { display: block; font-size: 11px; line-height: 1.25; }
.correlation-node small { display: block; margin-top: 4px; color: #9dc7e6; font-size: 9px; font-weight: 500; }
.correlation-map footer { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-wrap: wrap; gap: 14px; padding: 10px 12px; border-top: 1px solid #294b76; color: #b7cbe3; background: #08162a; font-size: 10px; }
.correlation-map footer i { display: inline-block; width: 18px; margin-right: 5px; border-top: 3px solid #2bbcff; vertical-align: middle; }
.correlation-map footer i.interface { border-color: #f5a623; border-top-style: dashed; }
.correlation-map footer i.source { border-color: #a9bad0; border-top-style: dotted; }
.correlation-claims { order: -1; padding: 15px; border: 1px solid #294b76; border-radius: 10px; background: linear-gradient(135deg, #0a1930, #071225); }
.correlation-claims h3 { margin: 0 0 10px; color: #fff; font-size: 15px; }
.correlation-claims > p { margin: 0 0 12px; color: #a8c2df; font-size: 11px; line-height: 1.5; }
.correlation-claim { width: 100%; margin: 9px 0; padding: 12px; border: 1px solid #254568; border-left: 4px solid #93a7be; border-radius: 8px; color: #e5efff; background: #0a172b; text-align: left; cursor: pointer; }
.correlation-claim:hover, .correlation-claim.active { border-color: #3c88c9; background: #0d2542; }
.correlation-claim.verified { border-left-color: #35d28a; }
.correlation-claim.covered { border-left-color: #35d28a; }
.correlation-claim.ambiguous { border-left-color: #d7a231; }
.correlation-claim.partially_covered { border-left-color: #d7a231; }
.correlation-claim.not_covered { border-left-color: #d35b5b; }
.correlation-claim b { display: block; margin-top: 7px; font-size: 12px; line-height: 1.45; }
.intent-number { display: inline-block; padding: 4px 6px; border: 1px solid #4879af; border-radius: 99px; color: #b9e7ff; background: #0b315a; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
.correlation-claim.active .intent-number { border-color: #92e7ff; background: #126eb1; color: #fff; }
.correlation-claim .claim-status { display: block; margin-top: 7px; color: #a9cae5; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.correlation-detail { margin: 0 18px 18px; padding: 17px; border: 1px solid #294b76; border-radius: 10px; background: linear-gradient(135deg, #0a1930, #071225); }
.correlation-detail h3 { margin: 0 0 12px; color: #fff; font-size: 16px; line-height: 1.4; }
.correlation-detail .intent-number { margin-bottom: 10px; }
.correlation-detail p { margin: 8px 0; color: #c5d8ea; font-size: 12px; line-height: 1.55; }
.correlation-routes { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.correlation-route { border: 1px solid #2d9371; border-radius: 5px; color: #b4f5d4; background: #0a3127; font-size: 11px; }
.correlation-route:hover { background: #104634; }
.correlation-route.active { border-color: #ffe0a1; color: #ffe0a1; background: #4a3412; box-shadow: 0 0 14px #f5a62355; }
.correlation-proof-list { display: flex; flex-wrap: wrap; gap: 6px; }
.correlation-evidence { padding: 6px 8px; border: 1px solid #2f76b1; border-radius: 5px; color: #a6e0ff; background: #0a2948; font-size: 11px; text-decoration: none; }
.correlation-evidence.interface { border-color: #9e7427; color: #ffdf9e; background: #36250d; }
.correlation-evidence.source { border-color: #778fa8; color: #d4dfeb; background: #1a293a; }
.correlation-evidence:hover { filter: brightness(1.2); }
.correlation-limitation { border-top: 1px solid #294b76; padding-top: 10px; }
.coverage-decision { margin-top: 18px; padding: 15px; border: 1px solid #b8892b; border-radius: 9px; background: #38270b; }
.coverage-decision strong { display: block; color: #ffe0a1; font-size: 13px; }
.coverage-decision p { margin: 7px 0 12px; color: #f6d99d; }
.coverage-decision div { display: flex; flex-wrap: wrap; gap: 8px; }
.coverage-decision button { min-height: 34px; }

@media (max-width: 980px) {
  .coverage-groups { grid-template-columns: 1fr; gap: 20px; }
  .coverage-group + .coverage-group { padding: 20px 0 0; border-top: 1px solid #dce4e8; border-left: 0; }
  .correlation-grid { grid-template-columns: 1fr; }
  .correlation-claims { order: 0; }
}

@media (max-width: 620px) {
  .brand-logo { width: 32px; height: 32px; }
  .statistics { padding: 18px; }
  .statistics-heading { display: block; }
  .baseline-version { display: inline-block; margin-top: 10px; }
  .last-refreshed { display: none; }
  .coverage-group .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 0; }
  .coverage-group .metric:nth-child(3) { border-left: 0; }
  .baseline-comparison { grid-template-columns: 1fr; }
  .correlation-heading { padding: 18px; }
  .correlation-heading h2 { font-size: 19px; }
  .correlation-grid { padding: 12px; }
  .correlation-map { min-height: 560px; }
  .correlation-node { width: 126px; font-size: 10px; }
  .correlation-detail { margin: 0 12px 12px; }
}

/* Distinct tab colors make each review activity immediately recognizable. */
.workspace-insights .insight-tabs {
  height:58px;
  min-height:58px;
  padding:0 14px;
  gap:2px;
  border:1px solid #dce4e8;
  border-bottom-color:#d7e1e5;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.workspace-insights .insight-tab,
.workspace-insights .insight-tab[data-insight-tab] {
  width:auto;
  height:57px;
  min-height:57px;
  padding:0 16px;
  border:0;
  border-radius:0;
  color:#49636c !important;
  background:transparent;
  box-shadow:none;
  font-weight:600;
}
.workspace-insights .insight-tab:hover,
.workspace-insights .insight-tab[data-insight-tab]:hover { color:#183e4b !important; background:#f4f8f9; }
.workspace-insights .insight-tab.active,
.workspace-insights .insight-tab[data-insight-tab].active {
  height:43px;
  min-height:43px;
  margin-top:14px;
  padding:0 17px;
  border:0;
  border-radius:9px 9px 0 0;
  color:#fff !important;
  background:#111a1e;
  box-shadow:none;
}

/* Report-style visual language: clear hierarchy, neutral surfaces, semantic accents only. */
body,
button,
input,
textarea,
select { font-family:Inter, "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, sans-serif; }
.workspace-summary,
.workspace-insights,
.repository-graph-panel { border-color:#dbe3e7; box-shadow:none; }
.workspace-summary { border-radius:0; background:#fff; }
.workspace-summary strong { color:#0c2030; font-size:19px; font-weight:700; }
.workspace-summary span { color:#61717d; font-size:11px; font-weight:650; letter-spacing:.065em; }
.workspace-insights { background:#fff; }
.workspace-insights h2,
.workspace-insights h3,
.workspace-insights h4 { color:#0c2030 !important; font-family:Inter, "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif; }
.workspace-insights h2 { font-size:24px; font-weight:700; letter-spacing:-.025em; }
.workspace-insights p { color:#4f6470; }
.workspace-insights .change-toolbar,
.workspace-insights #delivery-verification .delivery-hero { background:#fff; }
.workspace-insights .change-toolbar { padding:16px 20px !important; }
.workspace-insights .impact-summary { padding:20px; background:#fff; }
.workspace-insights .impact-summary h3 { color:#0c2030; font-size:17px; font-weight:650; }
.workspace-insights .impact-summary span,
.workspace-insights .delivery-kicker,
.workspace-insights .milestone-setup > span,
.workspace-insights .milestone-progress > header span { color:#526875; font-size:11px; font-weight:650; letter-spacing:.065em; }
.workspace-insights .impact-card,
.workspace-insights .capability-category,
.workspace-insights .requirement-summary-row,
.workspace-insights .milestone-progress > section,
.workspace-insights .milestone-add-requirements,
.workspace-insights .delivery-summary div,
.workspace-insights .delivery-finding {
  border-color:#dbe3e7;
  border-radius:16px;
  background:#fff;
  box-shadow:none;
}
.workspace-insights .impact-card > header,
.workspace-insights .capability-category h4 { background:#fff; }
.workspace-insights .impact-card > header b,
.workspace-insights .change-metric b,
.workspace-insights .day-change b,
.workspace-insights .delivery-summary b { color:#0c2030 !important; }
.workspace-insights .change-metric span,
.workspace-insights .delivery-summary span,
.workspace-insights .requirement-coverage small { color:#61717d; font-size:11px; font-weight:500; letter-spacing:0; text-transform:none; }
.workspace-insights .requirement-coverage b { color:#ff6b00; font-size:22px; }
.workspace-insights .delivery-summary div { border-left-width:1px; }
.workspace-insights .delivery-summary div:nth-child(2) { border-left-color:#dbe3e7; }
.workspace-insights .delivery-summary div:nth-child(3) { border-left-color:#dbe3e7; }
.workspace-insights .impact-risk,
.workspace-insights .business-change-snapshot > *,
.workspace-insights .milestone-coverage { border-color:#dbe3e7; border-radius:16px; background:#fff; box-shadow:none; }
.workspace-insights .milestone-coverage b { color:#ff6b00; }
.workspace-insights .milestone-progress-bar { height:8px; background:#eef1f4; }
.workspace-insights .milestone-progress-bar i { background:#111a1e; }
.workspace-insights .milestone-row { border-color:#edf1f3; }

/* Change Intelligence follows the same hierarchy and spacing as Delivery Verification. */
.workspace-insights .change-overview {
  grid-template-columns:minmax(0,1fr) minmax(160px,.42fr);
  grid-template-rows:auto 1fr;
  gap:14px 20px;
  min-height:0;
  padding:22px;
  align-items:stretch;
  background:#fff;
}
.workspace-insights .change-controls {
  display:grid;
  align-content:start;
  justify-items:start;
  gap:9px;
  min-width:174px;
  padding:0;
}
.workspace-insights .change-summary { grid-column:1; grid-row:2; }
.workspace-insights .risk-panel { grid-column:2; grid-row:1 / span 2; }
.workspace-insights .change-overview .change-window { justify-self:start; }
.workspace-insights .change-window { gap:6px; }
.workspace-insights .change-window button {
  min-width:48px;
  min-height:34px;
  border:1px solid #d1dce1;
  border-radius:7px;
  color:#49636c;
  background:#fff;
  font-size:12px;
  font-weight:600;
}
.workspace-insights .change-window button:hover { border-color:#aebfc6; color:#0c2030; background:#f5f8f9; }
.workspace-insights .change-window button.active { border-color:#111a1e; color:#fff; background:#111a1e; box-shadow:none; }
.workspace-insights .change-period { color:#4f6470; font-size:12px; font-weight:500; line-height:1.4; text-align:left; white-space:normal; }
.workspace-insights .change-summary { gap:6px; padding:0; border:0; border-radius:0; background:transparent; }
.workspace-insights .change-summary > span { color:#526875; font-size:11px; font-weight:650; letter-spacing:.065em; }
.workspace-insights .change-summary p { margin:0; color:#0c2030; font-size:16px; font-weight:500; line-height:1.5; }
.workspace-insights .risk-panel {
  gap:5px;
  min-height:0;
  padding:16px;
  border:1px solid #dbe3e7;
  border-left:4px solid #16885f;
  border-radius:12px;
  background:#fff;
}
.workspace-insights .risk-panel.low { border-color:#dbe3e7; border-left-color:#16885f; background:#fff; }
.workspace-insights .risk-panel.medium { border-color:#dbe3e7; border-left-color:#b27600; background:#fff; }
.workspace-insights .risk-panel.high { border-color:#dbe3e7; border-left-color:#ef4444; background:#fff; }
.workspace-insights .risk-panel b { color:#0c2030 !important; font-size:26px; font-weight:700; }
.workspace-insights .risk-panel small { color:#4f6470; font-size:12px; }
@media (max-width:900px) {
  .workspace-insights .change-overview { grid-template-columns:minmax(0,1fr) minmax(150px,.45fr); }
}

/* Keep the period, summary, and impact together in one report card. */
.workspace-insights .change-overview {
  margin:18px;
  padding:20px;
  border:1px solid #dbe3e7;
  border-radius:16px;
  background:#fff;
}
.workspace-insights .change-controls {
  width:100%;
  justify-self:start !important;
  align-self:start;
}
.workspace-insights .change-overview .change-window { width:100%; justify-self:start !important; }
.workspace-insights .change-window button {
  min-width:0;
  min-height:0;
  padding:0 8px 2px 0;
  border:0;
  border-bottom:1px solid transparent;
  border-radius:0;
  color:#087d99;
  background:transparent;
  font-size:13px;
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:3px;
}
.workspace-insights .change-window button:hover { border:0; border-bottom-color:#087d99; color:#055d72; background:transparent; }
.workspace-insights .change-window button.active { border:0; border-bottom:2px solid #087d99; color:#055d72; background:transparent; box-shadow:none; font-weight:750; }
.workspace-insights .risk-panel { border:0; border-left:1px solid #e3e9ec; border-radius:0; padding:0 0 0 18px; background:transparent; }
.workspace-insights .risk-panel.low,
.workspace-insights .risk-panel.medium,
.workspace-insights .risk-panel.high { border-top:0; border-right:0; border-bottom:0; border-left:1px solid #e3e9ec; background:transparent; }
@media (max-width:620px) {
  .workspace-insights .change-overview { grid-template-columns:1fr; grid-template-rows:auto; }
  .workspace-insights .change-summary,
  .workspace-insights .risk-panel { grid-column:1; grid-row:auto; }
  .workspace-insights .risk-panel { padding:14px 0 0; border-top:1px solid #e3e9ec; border-left:0; }
  .workspace-insights .risk-panel.low,
  .workspace-insights .risk-panel.medium,
  .workspace-insights .risk-panel.high { border-top:1px solid #e3e9ec; border-left:0; }
}