/* ReqRail form refinement — loaded after legacy styles. */
dialog {
  width: min(640px, calc(100% - 32px));
  padding: 0;
  overflow: hidden;
  border: 1px solid #d8e2e5;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(18, 42, 53, .28);
}

dialog::backdrop { background: rgba(18, 36, 44, .56); backdrop-filter: blur(3px); }

.modal-form { gap: 20px; padding: 30px !important; }
.modal-form header { align-items: flex-start; gap: 24px; }
.modal-form header > div { display: grid; gap: 5px; }
.modal-form h2 { color: #102b35; font-size: 27px; letter-spacing: -.03em; }
.modal-form header p { max-width: 460px; margin: 0; color: #637982; font-size: 14px; line-height: 1.55; }
.modal-kicker { color: #19885c; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.modal-close {
  display: grid;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  place-items: center;
  border-color: #d5e1e5;
  border-radius: 11px;
  color: #58707a;
  font-size: 20px;
  line-height: 1;
}
.modal-close[hidden] { display: none; }
.modal-form label { gap: 8px; color: #294753; font-size: 13px; }
.field-optional { margin-left: 6px; color: #899ba2; font-size: 11px; font-weight: 500; }
.modal-form input {
  height: 48px;
  padding: 0 14px;
  border: 1px solid #cbd9de;
  border-radius: 10px;
  background: #fbfcfd;
  box-shadow: inset 0 1px 1px rgba(20, 54, 65, .03);
  color: #173944;
  font-size: 14px;
  outline: none;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.modal-form input::placeholder { color: #93a3aa; }
.modal-form input:hover { border-color: #aebfc6; }
.modal-form input:focus { border-color: #26a873; background: #fff; box-shadow: 0 0 0 4px rgba(41, 170, 115, .14); }
.repository-picker { display: flex; gap: 8px; }
.repository-picker input { min-width: 0; flex: 1; }
.repository-picker button { min-width: 82px; border: 1px solid #cfdbdf; border-radius: 10px; background: #fff; color: #365660; font-size: 13px; font-weight: 700; }
.repository-picker button:hover:not(:disabled) { border-color: #8fb8a7; background: #f5fbf8; color: #1d7d58; }
.repository-picker button:disabled { cursor: wait; opacity: .7; }
.repository-picker-status { margin: -12px 0 -4px; font-size: 12px; line-height: 1.4; }
.repository-picker-status.success { color: #16774f; }
.repository-picker-status.error { color: #a33f3f; }
.modal-form .hint {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  margin: -2px 0 0;
  padding: 12px 13px;
  border: 1px solid #d9ebe3;
  border-radius: 10px;
  background: #f5fbf8;
  color: #56726a;
  font-size: 12px;
  line-height: 1.5;
}
.hint-icon { color: #1d9a68; font-size: 14px; }
.git-auth-guidance { display:flex; gap:9px; align-items:flex-start; margin:10px 0 0; padding:10px 11px; border:1px solid #d9e6f4; border-radius:7px; background:#f8fbff; color:#5b6f79; }
.git-auth-guidance i { flex:none; width:15px; margin-top:1px; color:#3577a8; }
.git-auth-guidance p { margin:0; font-size:11px; line-height:1.45; }
.git-auth-guidance strong { color:#294753; }
.repository-auth-note { margin:10px 0 0; color:#5b6f79; font-size:11px; line-height:1.4; }
.modal-form menu { margin-top: 4px; gap: 10px; }
.modal-form menu button { min-height: 42px; padding: 9px 16px; border-radius: 9px; font-size: 13px; }
.modal-form .secondary { border-color: #cfdbdf; background: #fff; color: #49636e; }
.modal-form .primary { border-color: #249d6b; background: #29aa73; color: #062b1d; box-shadow: 0 5px 12px rgba(41, 170, 115, .18); }
.modal-form .primary:hover { background: #209762; transform: translateY(-1px); }

.intent-expansion { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:12px 0 0; padding:12px 14px; border:1px solid #d7e4e8; border-radius:10px; background:#f8fbfc; color:#58717a; font-size:12px; line-height:1.45; }
.intent-expansion .primary { flex:0 0 auto; min-height:36px; padding:7px 12px; border:1px solid #249d6b; border-radius:8px; background:#29aa73; color:#062b1d; font-size:12px; font-weight:800; }
.intent-expansion .primary:disabled { cursor:wait; opacity:.7; }
.intent-complete { margin:12px 0 0; color:#287957; font-size:12px; font-weight:700; }

#processing-dialog {
  width: min(780px, calc(100% - 32px));
  border: 1px solid #4f8195;
  border-radius: 0;
  background: #06171f;
  box-shadow: 0 28px 90px rgba(4, 24, 42, .52);
}
#processing-dialog::backdrop { background: rgba(22, 95, 145, .76); backdrop-filter: blur(3px); }
.audit-console { min-height: 230px; background: #06171f; }
.processing-notice { display: flex; align-items: center; gap: 20px; margin: 0; padding: 16px 22px 13px; border-bottom: 1px solid rgba(111, 164, 184, .26); color: #f1c977; font: 13px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }
.processing-live { display: inline-flex; align-items: center; gap: 8px; color: #7de1ae; font-weight: 700; }.processing-live i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent); animation: processing-live-pulse 1.25s ease-in-out infinite; }.processing-live.complete { color: #7de1ae; }.processing-live.complete i { animation: none; }.processing-live.error { color: #ffaaa2; }.processing-live.error i { animation: none; }
.processing-log { display: grid; gap: 8px; min-height: 198px; max-height: 330px; margin: 0; padding: 16px 22px 20px; overflow: auto; scrollbar-color: #4f8195 #08212c; scrollbar-width: thin; list-style: none; font: 13px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; }
.processing-log::-webkit-scrollbar { width: 10px; }.processing-log::-webkit-scrollbar-track { background: #08212c; }.processing-log::-webkit-scrollbar-thumb { border: 2px solid #08212c; border-radius: 8px; background: #4f8195; }.processing-log::-webkit-scrollbar-thumb:hover { background: #6fabbf; }.processing-log::-webkit-scrollbar-corner { background: #08212c; }
.processing-log li { display: grid; grid-template-columns: 70px 1fr; gap: 11px; color: #d2e4ea; animation: audit-entry .25s ease-out; }.processing-log time { color: #78a9ba; }.processing-log li.success { color: #86ddad; }.processing-log li.error { color: #ffaaa2; }
@keyframes audit-entry { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@keyframes processing-live-pulse { 50% { opacity: .35; transform: scale(.75); } }

#config-dialog { width: min(500px, calc(100% - 32px)); }
#config-dialog .provider-form { display: grid; gap: 18px; padding: 28px !important; }
#config-dialog .provider-form header { align-items: flex-start; }
#config-dialog .provider-form h2 { margin-top: 2px; font-size: 24px; }
#config-dialog .provider-form header p { margin: 5px 0 0; color: #72858c; font-size: 13px; }
#config-dialog .provider-select,
#config-dialog #cloud-provider-fields,
#config-dialog #bridge-provider-fields { display: grid; gap: 8px; color: #294753; font-size: 12px; font-weight: 700; }
#config-dialog #cloud-provider-fields,
#config-dialog #bridge-provider-fields { gap: 14px; }
#config-dialog #cloud-provider-fields label,
#config-dialog #bridge-provider-fields label { display: grid; gap: 7px; }
#config-dialog input,
#config-dialog select { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid #cfdbdf; border-radius: 8px; background: #fff; color: #193a44; font: 13px inherit; outline: none; }
#config-dialog input:focus,
#config-dialog select:focus { border-color: #2ba875; box-shadow: 0 0 0 3px rgba(41, 170, 115, .13); }
#config-dialog .provider-note { margin: -2px 0 0; color: #71838a; font-size: 12px; }
#config-dialog .provider-status { margin: -4px 0 0; color: #71838a; font-size: 12px; font-weight: 400; }
#config-dialog #repository-config { display:grid; gap:7px; padding:11px 12px; border:1px solid #d9e6f4; border-radius:7px; background:#f8fbff; }
#config-dialog #repository-config label { display:grid; gap:7px; color:#294753; font-size:12px; font-weight:700; }
#config-dialog #repository-config p { margin:0; color:#71838a; font-size:11px; line-height:1.35; }
#config-dialog #repository-config.hidden { display:none; }
#config-dialog menu { margin: 4px 0 0; }
#config-dialog menu .primary { min-width: 108px; min-height: 42px; border-radius: 8px; }

@media (max-width: 560px) {
  .modal-form { padding: 22px !important; }
  .modal-form h2 { font-size: 23px; }
  .processing-notice { flex-wrap: wrap; gap: 6px 16px; }
  .processing-log li { grid-template-columns: 62px 1fr; }
  .intent-expansion { align-items:flex-start; flex-direction:column; }
}

/* ReqRail brand palette: blue establishes trust and amber marks attention. */
:root {
  --reqrail-blue: #3B82F6;
  --reqrail-blue-deep: #1E40AF;
  --reqrail-blue-soft: #EFF6FF;
  --reqrail-amber: #F59E0B;
  --reqrail-amber-deep: #D97706;
  --reqrail-navy: #102A56;
  --reqrail-ink: #14213D;
  --reqrail-muted: #5E718C;
  --reqrail-line: #D8E4F2;
}

body { background: #F7FAFF; color: var(--reqrail-ink); }
.technical-action.none b { border-color: #b9dcca; color: #27724d; background: #f0fbf5; }

/* Reference dashboard shell: keep the evidence workflow, change its frame. */
body { display:grid; grid-template-columns:178px minmax(0,1fr); min-height:100vh; background:#f7faff; }
.product-sidebar { display:flex; flex-direction:column; min-height:100vh; padding:18px 12px 16px; border-right:1px solid #edf0f5; background:#fff; }
.product-sidebar-brand { display:flex; align-items:center; gap:8px; padding:0 7px 24px; color:#101c31; font-size:14px; letter-spacing:-.03em; }
.product-sidebar-mark { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; background:#1458d9; color:#fff; font-size:13px; font-weight:800; box-shadow:0 3px 8px rgba(20,88,217,.28); }
.product-nav { display:grid; gap:4px; }
.product-nav button { display:flex; align-items:center; gap:9px; width:100%; min-height:31px; padding:7px 9px; border:0; border-radius:5px; background:transparent; color:#4f5c70; cursor:pointer; text-align:left; font-size:10px; font-weight:600; }
.product-nav button:hover,.product-nav button.active { background:#eaf2ff; color:#1458d9; }
.product-nav button span { width:13px; text-align:center; font-size:12px; }
.product-nav button .nav-icon { display:grid; place-items:center; }
.product-nav button .nav-icon svg { width:14px; height:14px; stroke-width:2; }
.sidebar-load-hint { margin:10px 6px 0; color:#6f7f96; font-size:9px; line-height:1.45; }
.product-nav-settings { display:flex; align-items:center; gap:9px; width:100%; min-height:31px; margin-top:auto; padding:7px 9px; border:0; border-radius:5px; background:transparent; color:#4f5c70; cursor:pointer; text-align:left; font-size:10px; font-weight:600; }
.product-nav-settings:hover,.product-nav-settings.active { background:#eaf2ff; color:#1458d9; }
.product-nav-settings span { width:13px; text-align:center; font-size:12px; }
body > .topbar { grid-column:2; background:#fff; border-bottom:1px solid #edf0f5; color:#101c31; }
body { grid-template-rows:64px minmax(0,1fr); }
.product-sidebar { grid-column:1; grid-row:1 / -1; }
body > .topbar { grid-row:1; height:64px !important; min-height:64px !important; padding:0 24px !important; background:#fff !important; }
body > #activity { position:fixed; z-index:20; top:76px; right:24px; bottom:auto; left:auto; width:min(360px,calc(100vw - 32px)); }
body > .topbar .brand { display:none; }
body > .topbar .topbar-context { display:grid; gap:3px; min-width:0; }
body > .topbar .topbar-context strong { overflow:hidden; color:#1d2a40; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
body > .topbar .topbar-context span { margin:0; overflow:hidden; color:#708098 !important; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
body > .topbar .review-switcher { margin-left:auto; }
body > .topbar .review-button,
body > .topbar .settings,
body > .topbar .new-review-icon,
body > .topbar .status-job-icon { color:#4f5c70; background:#fff !important; border-color:#d8e1ef !important; }
body > .topbar .review-button:hover,
body > .topbar .settings:hover,
body > .topbar .new-review-icon:hover,
body > .topbar .status-job-icon:hover { color:#1458d9; background:#eaf2ff !important; border-color:#b9d1fb !important; }
body > .topbar .topbar-utility-actions { display:flex; align-items:center; flex:0 0 auto; gap:8px; margin-left:auto; }
body > .topbar .topbar-utility-actions .status-job-icon,
body > .topbar .topbar-utility-actions .settings { display:grid; width:34px; min-width:34px; height:34px; min-height:34px; margin:0; padding:0; place-items:center; }
body > .topbar .topbar-utility-actions svg { width:17px; height:17px; stroke-width:2; }
body > main { grid-column:2; grid-row:2; width:min(1160px,calc(100% - 48px)); max-width:none; margin:22px auto; }

@media (max-width:700px) {
  body { display:block; }
  body { grid-template-rows:none; }
  .product-sidebar { min-height:0; padding:12px; border-right:0; border-bottom:1px solid #edf0f5; }
  .product-sidebar-brand { padding-bottom:10px; }
  .product-nav { grid-template-columns:repeat(4,1fr); }
  .product-nav button { justify-content:center; min-height:30px; padding:5px 2px; font-size:8px; }
  .product-nav button span { display:none; }
  .product-nav-settings { display:none; }
  body > .topbar { grid-column:auto; }
  body > .topbar { height:64px; }
  body > main { grid-column:auto; width:calc(100% - 26px); margin:16px auto; }
}

/* Capability Store desktop mapping: category rail, inventory, and selected detail. */
#workspace { grid-template-columns:minmax(0,1fr); }
.repository-graph-panel { grid-column:1; width:100%; height:auto; min-height:650px; overflow:hidden; }
.repository-graph-panel .interaction-map { display:none; }
.capability-store { min-width:0; background:#fbfcff; color:#17243a; }
.capability-store-header { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:78px; padding:16px 20px; border-bottom:1px solid #e5eaf2; background:#fff; }
.store-kicker { color:#6d788a; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.capability-store-header h2 { margin:3px 0 2px; color:#101c31; font-size:21px; }
.capability-store-header p { margin:0; color:#788496; font-size:10px; }
.store-actions { display:flex; gap:8px; }.store-action { min-height:30px; padding:5px 10px; border:1px solid #d8e1ef; border-radius:6px; color:#4f5c70; background:#fff; font-size:10px; }
.capability-store-toolbar { display:grid; grid-template-columns:250px; padding:12px 14px 8px; background:#fbfcff; }.capability-store-toolbar label { display:flex; align-items:center; justify-content:space-between; color:#69768a; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }.capability-store-toolbar label:first-child { padding:0 8px; }.capability-store-toolbar label button { min-height:27px; padding:4px 7px; border:1px solid #d8e1ef; border-radius:5px; color:#506078; background:#fff; font-size:9px; }
.capability-store-grid { display:grid; grid-template-columns:minmax(280px,.7fr) minmax(0,1.6fr); gap:12px; padding:0 14px 14px; }
.capability-categories { display:grid; align-content:start; gap:3px; max-height:570px; overflow:auto; padding-right:5px; }.repository-tree-root { display:flex; align-items:center; gap:6px; padding:7px 6px; color:#42516a; font-size:9px; font-weight:800; }.repository-tree-root span { color:#58729f; }.capability-tree-group { border-left:1px solid #e6ebf4; margin-left:11px; }.capability-category { display:grid; grid-template-columns:13px 14px minmax(0,1fr) auto; gap:5px; align-items:center; width:100%; min-height:28px; padding:5px 6px; border:0; border-radius:4px; background:transparent; color:#35435a; text-align:left; cursor:pointer; }.capability-category:hover,.capability-category.active { background:#f0f5ff; color:#1b63dc; box-shadow:none; }.capability-category i { color:#71839e; font-size:12px; font-style:normal; }.tree-folder { color:#5577ae; font-size:11px; }.capability-category b,.capability-category small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.capability-category b { font-size:9px; }.capability-category small { display:none; }.capability-category strong { justify-self:end; min-width:17px; padding:2px 4px; border-radius:3px; color:#3a6bc9; background:#edf3ff; font-size:8px; text-align:center; }.capability-tree-children { display:grid; gap:1px; margin:1px 0 4px 20px; }.capability-tree-item { display:flex; align-items:center; gap:5px; min-height:22px; padding:3px 5px; border:0; border-radius:3px; color:#52617a; background:transparent; cursor:pointer; overflow:hidden; font-size:8px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }.capability-tree-item span { color:#7b8da9; font-size:9px; }.capability-tree-item:hover,.capability-tree-item.active { color:#1e64df; background:#eaf2ff; font-weight:800; }
.capability-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:80px; padding:10px 12px; }.capability-row:hover,.capability-row.active { border-color:#4d86f7; box-shadow:0 0 0 1px #4d86f733; }.capability-row span { min-width:0; }.capability-row small,.capability-row em { display:block; color:#5278c1; font-size:8px; font-style:normal; }.capability-row b { display:block; margin:5px 0 4px; overflow:hidden; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }.capability-row em { color:#8190a4; }.capability-row > strong { color:#1f9b67; font-size:13px; text-align:right; }.capability-row > strong small { margin-top:3px; color:#8190a4; font-size:7px; font-weight:600; }
.capability-detail { min-width:0; overflow:hidden; border:1px solid #e1e8f1; border-radius:8px; background:#fff; box-shadow:0 5px 18px rgba(55,86,143,.05); }.capability-detail > header { position:relative; padding:14px 16px 16px; border-bottom:1px solid #edf1f6; }.capability-id { display:inline-block; padding:4px 6px; border-radius:4px; color:#3972dc; background:#edf4ff; font-size:8px; font-weight:800; }.capability-detail h2 { margin:11px 60px 4px 0; color:#15223a; font-size:17px; }.capability-detail header p { max-width:490px; margin:0; color:#718096; font-size:9px; line-height:1.5; }.detail-close { position:absolute; top:12px; right:12px; width:25px; min-width:25px; min-height:25px; padding:0; border:0; background:transparent; color:#718096; font-size:17px; }.detail-confidence { position:absolute; right:16px; bottom:14px; color:#16243a; font-size:17px; text-align:right; }.detail-confidence small { display:block; color:#23a66c; font-size:8px; font-weight:700; }.detail-tabs { display:flex; gap:17px; padding:0 16px; border-bottom:1px solid #edf1f6; }.detail-tabs button { min-height:38px; padding:0; border:0; border-bottom:2px solid transparent; border-radius:0; color:#6e7c91; background:transparent; font-size:8px; }.detail-tabs button.active { border-bottom-color:#1e64e8; color:#1e64e8; font-weight:800; }.detail-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:12px; }.detail-card { min-height:130px; padding:12px; border:1px solid #edf1f6; border-radius:7px; }.detail-card h3 { margin:0 0 8px; color:#24324a; font-size:10px; }.detail-card p { margin:0; color:#718096; font-size:9px; line-height:1.55; }.detail-link { margin-top:12px; padding:6px 8px; border:1px solid #d7e4fb; border-radius:5px; color:#2468db; background:#f4f8ff; font-size:8px; font-weight:800; }.detail-card dl { display:grid; gap:6px; margin:10px 0 0; }.detail-card dl div { display:flex; justify-content:space-between; gap:8px; padding-top:5px; border-top:1px solid #f0f3f7; }.detail-card dt,.detail-card dd { margin:0; color:#6e7c91; font-size:8px; }.detail-card dd { color:#26344a; font-weight:800; text-align:right; }.detail-footer { display:flex; align-items:center; gap:7px; padding:12px; border-top:1px solid #edf1f6; }.detail-footer span { margin-right:auto; color:#526078; font-size:8px; font-weight:800; }.detail-footer button { min-height:27px; padding:4px 7px; border:1px solid #d8e1ef; border-radius:5px; color:#506078; background:#fff; font-size:8px; }
.capability-store-empty { display:grid; gap:5px; min-height:220px; place-content:center; color:#718096; text-align:center; }.capability-store-empty b { color:#25344b; font-size:14px; }.capability-store-empty span { font-size:11px; }
.repository-graph-panel.map-drawer-open { height:auto; overflow:hidden; }.repository-graph-panel.map-drawer-open .capability-store { display:block; }.repository-graph-panel.map-drawer-open .interaction-map { display:none; }
@media (max-width:1050px) { .capability-store-grid { grid-template-columns:190px minmax(220px,1fr); }.capability-detail { grid-column:1 / -1; }.capability-store-toolbar { grid-template-columns:190px 1fr; } }
@media (max-width:700px) { .repository-graph-panel { min-height:0; }.capability-store-grid { grid-template-columns:1fr; }.capability-store-toolbar { grid-template-columns:1fr; }.capability-detail { grid-column:auto; }.detail-columns { grid-template-columns:1fr; }.detail-footer { flex-wrap:wrap; }.detail-footer span { flex-basis:100%; }.capability-store-header { align-items:flex-start; flex-direction:column; } }

/* Desktop capability-store reference surface. */
body { background:#f8fbff; }
body > main { width:min(1320px,calc(100% - 38px)); margin:14px auto; }
.product-sidebar { background:#fff; }.product-sidebar-brand { font-size:16px; }.product-sidebar-mark { width:25px; height:25px; }
body > .topbar { height:58px !important; min-height:58px !important; padding:0 22px !important; }
body > .topbar .topbar-context strong { font-size:14px; }.topbar-context::after { color:#20b77a; content:'● Analyzed recently'; font-size:9px; font-weight:700; }
.workspace-summary { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)) auto; align-items:center; min-height:62px; padding:0 14px; border:1px solid #e5ebf4 !important; border-radius:8px; background:#fff !important; box-shadow:none !important; }
.workspace-summary article { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 12px; border-right:1px solid #edf1f6; }.workspace-summary article:last-of-type { border-right:0; }
.summary-icon { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; font-size:13px; }.summary-icon.blue { color:#2671e6; background:#edf4ff; }.summary-icon.green { color:#1dab72; background:#e9fbf1; }.summary-icon.violet { color:#7a4de3; background:#f2edff; }.summary-icon.amber { color:#e48b18; background:#fff4e5; }.summary-icon.red { color:#ea536a; background:#fff0f2; }.summary-icon.slate { color:#61708a; background:#f1f4f8; }.workspace-summary strong { display:block; color:#1d2b41 !important; font-size:15px !important; }.workspace-summary small { display:block; color:#77859a; font-size:8px; }.workspace-summary .refresh-control { display:none; }
.repository-graph-panel { min-height:0; border:0; background:transparent; box-shadow:none; }.capability-store { background:transparent; }.capability-store-header { display:none; }.capability-store-toolbar { grid-template-columns:280px; padding:10px 0 7px; background:transparent; }.capability-store-toolbar label { padding:0 11px !important; color:#34425a; font-size:9px; }
.capability-store-grid { grid-template-columns:280px minmax(0,1fr); gap:12px; padding:0; }.capability-categories { max-height:620px; padding:10px; border:1px solid #e6ebf3; border-radius:8px; background:#fff; }.repository-tree-root { padding:7px 4px 12px; color:#394861; }.capability-tree-item { min-height:24px; font-size:8px; }.capability-tree-children { max-height:none; }
.capability-detail { border:1px solid #e6ebf3; border-radius:8px; background:#fff; box-shadow:0 4px 12px rgba(51,81,133,.035); }.reference-detail-header { display:flex; justify-content:space-between; gap:20px; min-height:98px; padding:14px 16px; border-bottom:1px solid #edf1f6; }.reference-detail-header h2 { margin:9px 0 5px; color:#17263f; font-size:18px; }.reference-detail-header p { margin:0; color:#697993; font-size:9px; }.reference-confidence { display:grid; justify-items:end; align-content:center; min-width:92px; }.reference-confidence b { color:#1a2943; font-size:19px; }.reference-confidence span { color:#229d69; font-size:8px; font-weight:800; }.reference-confidence i { width:67px; height:4px; margin-top:5px; overflow:hidden; border-radius:9px; background:#e9f7ef; }.reference-confidence i::before { display:block; width:var(--confidence); height:100%; background:#21b879; content:''; }
.detail-tabs { gap:22px; min-height:34px; padding:0 14px; }.detail-tabs button { min-height:34px; font-size:8px; }.reference-detail-grid { display:grid; grid-template-columns:1.08fr 1.08fr .9fr; gap:10px; padding:12px; }.reference-detail-grid .detail-card { min-height:0; padding:12px; border-color:#edf1f6; border-radius:7px; }.reference-detail-grid h3 { margin:0 0 9px; color:#2a3952; font-size:9px; }.reference-detail-grid p { color:#65758e; font-size:9px; line-height:1.55; }.reference-detail-grid small { color:#8692a5; font-size:8px; }.summary-card { min-height:178px !important; }.evidence-card { min-height:178px !important; }.value-card { min-height:178px !important; }.value-card strong { display:inline-block; padding:3px 6px; border-radius:4px; color:#1a9b68; background:#e9fbf1; font-size:8px; }.relationships-card { grid-column:1 / 3; }.tags-card { grid-column:3; }.facts-card { grid-column:3; }.relationship-diagram { display:grid; grid-template-columns:1fr 82px 1fr; gap:8px; align-items:center; min-height:82px; }.relationship-diagram ul { margin:0; padding:0; list-style:none; }.relationship-diagram li { margin:4px 0; color:#586984; font-size:7px; }.relationship-diagram li::before { margin-right:4px; color:#2671e6; content:'•'; }.relationship-diagram b { display:grid; width:70px; height:70px; place-items:center; border-radius:8px; color:#246be1; background:#eef4ff; font-size:8px; text-align:center; }.tags-card p { display:flex; flex-wrap:wrap; gap:4px; }.tags-card p span { padding:3px 5px; border-radius:3px; color:#286be0; background:#edf4ff; font-size:7px; }.facts-card dl { margin:0; }.facts-card dd,.facts-card dt { font-size:8px; }.confidence-trend { margin-top:10px; }.confidence-trend span { display:block; color:#6f7f96; font-size:8px; }.confidence-trend svg { width:100%; height:36px; }.evidence-link { margin-top:9px; padding:0; border:0; color:#246be1; background:transparent; font-size:8px; font-weight:800; }.reference-quick-actions { display:flex; align-items:center; gap:8px; padding:10px 14px; border-top:1px solid #edf1f6; }.reference-quick-actions span { margin-right:auto; color:#516078; font-size:8px; font-weight:800; }.reference-quick-actions button { min-height:26px; padding:4px 8px; border:1px solid #dce4f0; border-radius:5px; color:#4f6079; background:#fff; font-size:8px; }
@media (max-width:1050px) { .workspace-summary { grid-template-columns:repeat(3,1fr); }.capability-store-grid { grid-template-columns:250px minmax(0,1fr); }.reference-detail-grid { grid-template-columns:1fr 1fr; }.value-card,.tags-card,.facts-card { grid-column:auto; }.relationships-card { grid-column:1 / -1; } }

/* Reference navigation rail. */
body { grid-template-columns:160px minmax(0,1fr); }
.product-sidebar { width:160px; padding:15px 12px 10px; border-right:1px solid #edf0f5; background:#fff; }
.product-sidebar-brand { gap:9px; padding:0 6px 28px; color:#15233a; font-size:17px; }.product-sidebar-mark { width:27px; height:27px; object-fit:contain; border:0; border-radius:50%; background:transparent; box-shadow:none; }
.product-nav { gap:3px; }.product-nav button,.product-nav-settings { min-height:31px; gap:9px; padding:6px 10px; border-radius:5px; color:#536179; font-size:9px; font-weight:700; }.product-nav button span,.product-nav-settings span { width:17px; color:#65758e; font-size:12px; }.product-nav button .nav-icon svg { width:17px; height:17px; }.product-nav button:hover,.product-nav button.active,.product-nav-settings:hover,.product-nav-settings.active { color:#1465e8; background:#eaf2ff; }.product-nav button.active span { color:#1465e8; }.product-nav-settings { margin-top:7px; }
.sidebar-repository,.sidebar-quick-stats { margin-top:17px; padding-top:13px; border-top:1px solid #edf0f5; }.sidebar-repository > span,.sidebar-quick-stats > span { display:block; margin:0 5px 8px; color:#7b899f; font-size:7px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.sidebar-repository article { display:flex; align-items:flex-start; justify-content:space-between; gap:6px; padding:10px; border:1px solid #e8edf5; border-radius:7px; background:#fff; }.sidebar-repository b { display:block; overflow:hidden; max-width:93px; color:#2a3850; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.sidebar-repository small { display:flex; align-items:center; gap:5px; margin-top:7px; color:#677791; font-size:7px; }.sidebar-repository small i { width:6px; height:6px; border-radius:50%; background:#20b879; }.sidebar-repository small em { padding-left:5px; border-left:1px solid #e2e8f1; font-style:normal; }.sidebar-repository article > strong { padding:3px 5px; border-radius:3px; color:#1769e9; background:#edf4ff; font-size:7px; }
.sidebar-repository { margin-top:17px; padding-top:13px; }.repo-query-bot { display:grid; grid-template-columns:26px minmax(0,1fr) 14px; align-items:center; width:100%; gap:8px; padding:10px; border:1px solid #cfe0fb; border-radius:7px; color:#173f7a; background:#fff; cursor:pointer; text-align:left; }.repo-query-bot:hover { border-color:#8fb8f5; background:#f6faff; }.repo-query-bot-icon { display:grid; width:26px; height:26px; place-items:center; border-radius:6px; color:#1465e8; background:#eaf2ff; }.repo-query-bot-icon svg { width:15px; height:15px; }.repo-query-bot-copy { min-width:0; }.repo-query-bot-copy b { display:block; overflow:hidden; max-width:none; color:#173f7a; font-size:9px; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }.repo-query-bot-copy small { display:block; overflow:hidden; margin-top:3px; color:#697c98; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.repo-query-bot-arrow { width:14px; height:14px; color:#7591b6; }
.sidebar-quick-stats { display:grid; gap:6px; }.sidebar-quick-stats > span { margin-bottom:2px; }.sidebar-quick-stats div { display:grid; grid-template-columns:18px 24px 1fr; gap:5px; align-items:center; min-height:23px; padding:3px 5px; }.sidebar-quick-stats i { display:grid; width:17px; height:17px; place-items:center; border:1px solid #e5ebf4; border-radius:4px; color:#63738d; font-size:8px; font-style:normal; }.sidebar-quick-stats b { color:#4b5b74; font-size:8px; }.sidebar-quick-stats small { color:#63728a; font-size:8px; }
.sidebar-footer { display:grid; gap:12px; margin-top:auto; padding-top:15px; border-top:1px solid #edf0f5; }.sidebar-user { display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:7px; min-height:42px; padding:6px; border:1px solid #e6ebf3; border-radius:7px; color:#34445e; background:#fff; text-align:left; }.sidebar-user > span { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#1769e9; background:#eaf2ff; font-size:9px; font-weight:800; }.sidebar-user b { overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }.sidebar-user b small { display:block; margin-top:2px; color:#76859a; font-size:7px; font-weight:600; }.sidebar-user i { color:#193557; font-size:11px; font-style:normal; }.sidebar-collapse { justify-self:start; min-height:22px; padding:0; border:0; color:#728198; background:transparent; font-size:8px; font-weight:700; }.sidebar-collapse span { display:inline-grid; width:17px; height:17px; margin-right:5px; place-items:center; border-radius:50%; background:#f1f4f8; color:#63728c; }
body > .topbar { grid-column:2; }.product-sidebar { grid-column:1; }
@media (max-width:700px) { .sidebar-repository,.sidebar-quick-stats,.sidebar-footer { display:none; }.product-sidebar { width:auto; }.product-nav-settings { display:none; } }

/* Keep the right workspace as a single calm knowledge-base canvas. */
body { background:#fff; }
body > main { background:#fff; }
#workspace { gap:12px; }
#workspace > .workspace-insights { display:none; }
.workspace-summary { background:#fff !important; }
.repository-graph-panel { background:#f5f8fc !important; }
.capability-store { background:#f5f8fc; }
.capability-store-grid { background:#f5f8fc; }
.capability-categories,.capability-detail { background:#fff; }
.reference-detail-grid { background:#fff; }
.reference-detail-grid .detail-card { background:#fff; }
.repository-graph-panel,.capability-store,.capability-store-grid { background:#eef3f9 !important; }
.capability-detail { border-color:#dfe7f2; border-radius:7px; box-shadow:none; }
.reference-detail-grid { gap:12px; padding:14px; }
.reference-detail-grid .detail-card { border-color:#e8eef6; background:#fbfcfe; }
.reference-status { display:grid; align-content:center; justify-items:end; min-width:100px; color:#6f7f96; }
.reference-status b { color:#9ba8ba; font-size:21px; line-height:1; }
.reference-status span { margin-top:5px; color:#7c8ba1; font-size:8px; font-weight:700; }
.reference-empty-card { display:flex; flex-direction:column; }
.empty-placeholder { display:grid; min-height:88px; place-content:center; justify-items:center; gap:5px; padding:10px; border:1px dashed #dfe7f1; border-radius:5px; color:#8492a6; background:#fff; text-align:center; }
.empty-placeholder.wide { min-height:80px; }.empty-placeholder.compact { min-height:56px; }
.empty-placeholder i { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; color:#9aa9bd; background:#f1f5f9; font-size:10px; font-style:normal; }
.empty-placeholder p { margin:0; color:#6f7f95; font-size:9px; font-weight:700; }.empty-placeholder small { color:#9aa7b7; font-size:8px; }
.reference-quick-actions { border-top-color:#e8eef6; background:#fff; }.reference-quick-actions button:disabled { border-color:#e5eaf2; color:#a0acbd; background:#f7f9fc; cursor:default; }

/* Repository header and metric strip aligned to the supplied desktop reference. */
body > .topbar { height:61px !important; min-height:61px !important; padding:0 19px !important; }
body > .topbar .reference-header-context { display:grid; gap:6px; }
.page-dashboard .reference-repository-meta { display:none; }
.reference-title-row { display:flex; align-items:center; gap:11px; }.reference-title-row strong { color:#202b3d !important; font-size:16px !important; letter-spacing:0; }.reference-analysis-status { color:#1aa56f; font-size:9px; font-weight:800; }.header-refresh-icon { display:grid; width:20px; min-width:20px; height:20px; min-height:20px; padding:0; place-items:center; border:0; border-radius:50%; color:#49678f; background:transparent; box-shadow:none; font-size:16px; line-height:1; }.header-refresh-icon:hover { color:#1769e9; background:#edf4ff; }
.page-title { display:flex; align-items:center; gap:9px; }.page-title h1 { margin:0; }.page-title-icon { width:20px; height:20px; color:#2468db; stroke-width:2; }.workspace-heading h1 { display:flex; align-items:center; gap:9px; }
.reference-header-context::after { display:none; content:none; }
.reference-repository-meta { display:flex; align-items:center; gap:8px; margin:0; color:#61718a; font-size:9px; font-weight:600; }.reference-repository-meta b { color:#50617b; font-weight:800; }.reference-repository-meta i { color:#a7b3c2; font-size:8px; font-style:normal; }
.reference-header-actions { display:flex; align-items:center; gap:8px; margin-left:auto; }.reference-header-actions button { display:flex; align-items:center; justify-content:center; gap:7px; min-width:76px; min-height:33px; padding:0 11px; border:1px solid #e0e7f0; border-radius:6px; color:#40516b; background:#fff; box-shadow:0 1px 2px rgba(22,37,60,.03); font-size:9px; font-weight:800; }.reference-header-actions button span { color:#547099; font-size:12px; }.reference-header-actions button.primary { min-width:79px; border-color:#1669ed !important; background:#1669ed !important; box-shadow:none; }.reference-header-actions button.primary span { color:#fff; }
body > .topbar .review-switcher,body > .topbar .new-review-icon { display:none; }
.workspace-summary { grid-template-columns:repeat(6,minmax(0,1fr)); min-height:74px; padding:0 15px; border-color:#edf1f6 !important; }.workspace-summary article { gap:12px; min-height:50px; padding:0 18px; }.workspace-summary article:first-child { padding-left:12px; }.summary-icon { width:28px; height:28px; font-size:14px; }.workspace-summary strong { font-size:15px !important; }.workspace-summary small { margin-top:2px; color:#687792; font-size:8px; font-weight:800; }.workspace-summary em { display:block; margin-top:3px; color:#8996a9; font-size:7px; font-style:normal; font-weight:600; }.workspace-summary article:nth-child(2) em { color:#1ca970; }.workspace-summary .refresh-control { display:none; }
@media (max-width:850px) { .reference-header-actions button { min-width:auto; padding:0 8px; }.reference-header-actions button span { display:none; }.reference-repository-meta { display:none; }.workspace-summary { grid-template-columns:repeat(3,minmax(0,1fr)); }.workspace-summary article:nth-child(3n) { border-right:0; } }
.topbar { background: linear-gradient(110deg, var(--reqrail-navy), var(--reqrail-blue-deep)) !important; border-bottom-color: #2D61C5 !important; }
.brand-logo { border-color: rgba(255,255,255,.48) !important; border-radius: 50% !important; box-shadow: 0 3px 12px rgba(15,52,120,.32); }
.brand strong { color: #FFFFFF !important; }
.brand span { color: #CFE0FF !important; }

/* Blue is the primary action color; amber is reserved for attention and progress. */
button.primary,
.modal-form .primary,
.intent-expansion .primary,
.delivery-verification .primary { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue) !important; color: #FFFFFF !important; box-shadow: 0 5px 12px rgba(30,64,175,.18); }
button.primary:hover,
.modal-form .primary:hover,
.intent-expansion .primary:hover,
.delivery-verification .primary:hover { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; }
button:not(.primary):not(.danger):hover { border-color: #8DB5F5; background: var(--reqrail-blue-soft); color: var(--reqrail-blue-deep); }

.panel h2,
.empty-state h1,
.workspace-summary strong,
.workspace-insights h4,
.workspace-insights .impact-summary h3,
.workspace-insights .delivery-summary b,
.modal-form h2 { color: var(--reqrail-ink) !important; }
.modal-kicker { color: var(--reqrail-blue-deep) !important; }
.modal-form input:focus,
#config-dialog input:focus,
#config-dialog select:focus { border-color: var(--reqrail-blue) !important; box-shadow: 0 0 0 4px rgba(59,130,246,.14); }

.review-button,
.settings,
.new-review-icon,
.status-job-icon { border-color: #4774C9 !important; background: rgba(13,39,88,.52) !important; }
.review-button:hover,
.settings:hover,
.new-review-icon:hover,
.status-job-icon:hover { border-color: #8DB5F5 !important; background: rgba(30,64,175,.72) !important; }
.review-button i { background: var(--reqrail-amber) !important; }
.status-job-icon { color: #FFFFFF !important; }
.refresh-icon { color: var(--reqrail-blue-deep); }
.refresh-icon:hover { color: var(--reqrail-blue); }

.workspace-summary { border-color: var(--reqrail-line) !important; background: linear-gradient(100deg, #FFFFFF, #F5F9FF) !important; }
.panel,
.empty-state { border-color: var(--reqrail-line) !important; }
.insight-tab.active,
.change-window button.active { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; color: #FFFFFF !important; }
.insight-tab:hover,
.change-window button:hover { border-color: #8DB5F5 !important; background: var(--reqrail-blue-soft) !important; color: var(--reqrail-blue-deep) !important; }
.insight-tab.active:hover { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; color: #FFFFFF !important; }

.entity-map { background: radial-gradient(circle at 50% 50%, #E8F1FF 0, #FAFCFF 44%, #F2F6FC 100%) !important; }
.entity-map:before { background-image: linear-gradient(#DCE8F8 1px, transparent 1px), linear-gradient(90deg, #DCE8F8 1px, transparent 1px) !important; }
.map-edge.active { stroke: var(--reqrail-blue) !important; }
.map-entity:hover,
.map-entity.selected { border-color: var(--reqrail-blue) !important; background: var(--reqrail-blue-soft) !important; box-shadow: 0 0 0 2px rgba(59,130,246,.2) !important; }

.job-item.queued i,
.job-item.running i { background: #DBEAFE; color: var(--reqrail-blue-deep); }
.job-item.failed i { background: #FEF3C7; color: var(--reqrail-amber-deep); }

/* Final desktop-safe shared standard. This must remain after all legacy overrides. */
:root {
  --reqrail-page-ink:var(--rr-color-ink);
  --reqrail-page-muted:var(--rr-color-muted);
  --reqrail-page-line:var(--rr-color-line);
  --reqrail-page-surface:var(--rr-color-surface);
  --reqrail-page-blue:var(--rr-color-primary);
  --reqrail-page-blue-soft:var(--rr-color-primary-soft);
}
body,
body button,
body input,
body textarea,
body select { font-family:var(--rr-font-sans) !important; letter-spacing:0 !important; }
body { color:var(--reqrail-page-ink) !important; background:var(--reqrail-page-surface) !important; }
body.page-change-intelligence .change-page-heading h1 { color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; }
body.page-change-intelligence .change-page-heading p { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { border-color:var(--reqrail-page-line) !important; background:var(--reqrail-page-surface) !important; color:var(--reqrail-page-ink) !important; }
body.page-change-intelligence .reference-change-card header span { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
body.page-change-intelligence .reference-change-card header b { color:var(--reqrail-page-ink) !important; font-size:12px !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { color:var(--reqrail-page-muted) !important; font-size:10px !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b { font-size:11px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { border-color:var(--reqrail-page-line) !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-surface) !important; font-size:10px !important; }
body.page-change-intelligence .actions-card button:hover,
body.page-change-intelligence .share-card button:hover { border-color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
body.page-change-intelligence .change-window button.active { border-color:var(--reqrail-page-blue) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; }
body.page-change-intelligence .impact-card > header { border-color:var(--reqrail-page-line) !important; background:#fafbfd !important; }

/* Compact background-activity dialog, aligned with the Overview card system. */
#job-dialog { width:min(620px,calc(100% - 32px)); border:1px solid var(--reqrail-page-line); border-radius:12px; box-shadow:0 18px 50px rgba(24,45,78,.18); }
#job-dialog::backdrop { background:rgba(16,31,52,.34); backdrop-filter:blur(2px); }
#job-dialog .job-status-form { display:grid; width:auto; gap:16px; padding:22px !important; }
#job-dialog .job-status-form > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:0; padding:0; }
#job-dialog .job-dialog-actions { display:flex; align-items:center; gap:8px; }
#job-dialog #clear-job-history { min-height:30px; padding:0 10px; border-radius:6px; font-size:11px; }
#job-dialog #clear-job-history:disabled { cursor:default; opacity:.5; }
#job-dialog .modal-kicker { color:var(--reqrail-page-blue) !important; font-size:10px !important; letter-spacing:.06em; }
#job-dialog h2 { margin:5px 0 0; color:var(--reqrail-page-ink); font-size:21px; font-weight:600; line-height:1.2; }
#job-dialog .modal-close { width:34px; min-width:34px; height:34px; min-height:34px; border-color:var(--reqrail-page-line); border-radius:8px; color:var(--reqrail-page-muted); font-size:18px; }
#job-dialog .job-list { display:grid; gap:8px; max-height:330px; margin:0; padding:0; overflow:auto; }
#job-dialog .job-item { display:grid; grid-template-columns:30px minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:14px; border:1px solid var(--reqrail-page-line); border-left:3px solid var(--reqrail-page-blue); border-radius:8px; background:#fff; }
#job-dialog .job-status-icon { display:grid; width:30px; height:30px; place-items:center; border-radius:7px; color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
#job-dialog .job-status-icon svg { width:16px; height:16px; stroke-width:2; }
#job-dialog .job-item.running .job-status-icon svg { animation:job-status-spin 1.2s linear infinite; }
#job-dialog .job-item > div { min-width:0; }
#job-dialog .job-item b { overflow:hidden; color:var(--reqrail-page-ink); font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
#job-dialog .job-item span { overflow:hidden; margin-top:4px; color:var(--reqrail-page-muted); font-size:11px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
#job-dialog .job-state { display:inline-flex; align-items:center; min-height:22px; padding:0 7px; border-radius:4px; color:#1769e8; background:#edf4ff; font-size:10px; font-weight:700; text-transform:capitalize; }
#job-dialog .job-cancel { min-height:30px; padding:5px 10px; border:1px solid #efb5b5; border-radius:6px; color:#a33f3f; background:#fff; font-size:11px; font-weight:700; }
#job-dialog .job-cancel:hover { background:#fff5f5; }
#job-dialog .job-list > .hint { margin:0; padding:18px; border:1px dashed var(--reqrail-page-line); border-radius:8px; color:var(--reqrail-page-muted); background:#fafbfd; font-size:12px; text-align:center; }
@keyframes job-status-spin { to { transform:rotate(360deg); } }
@media (max-width:560px) { #job-dialog .job-status-form { padding:18px !important; } #job-dialog .job-item { grid-template-columns:30px minmax(0,1fr) auto; } #job-dialog .job-cancel { grid-column:2 / -1; justify-self:start; } #job-dialog .job-state { display:none; } }

/* Keep the change-period controls visible above the intelligence summary. */
html body.page-change-intelligence .change-overview { display:grid !important; }

/* AI configuration stays compact and does not borrow the larger review-form spacing. */
#config-dialog { width:min(470px,calc(100% - 32px)); border-color:var(--reqrail-page-line); border-radius:12px; box-shadow:0 18px 50px rgba(24,45,78,.18); }
#config-dialog .provider-form { gap:14px; padding:22px !important; }
#config-dialog .provider-form header { gap:14px; }
#config-dialog .provider-form h2 { margin:2px 0 0; color:var(--reqrail-page-ink); font-size:20px; font-weight:600; line-height:1.2; }
#config-dialog .provider-form header p { margin:4px 0 0; color:var(--reqrail-page-muted); font-size:11px; line-height:1.4; }
#config-dialog .provider-select,
#config-dialog #cloud-provider-fields,
#config-dialog #bridge-provider-fields { gap:6px; color:var(--reqrail-page-ink); font-size:12px; }
#config-dialog #cloud-provider-fields,
#config-dialog #bridge-provider-fields { gap:10px; }
#config-dialog #cloud-provider-fields label,
#config-dialog #bridge-provider-fields label { gap:5px; }
#config-dialog input,
#config-dialog select { min-height:40px; padding:0 11px; border-color:var(--reqrail-page-line); border-radius:7px; color:var(--reqrail-page-ink); font-size:12px; }
#config-dialog .provider-note { margin:0; color:var(--reqrail-page-muted); font-size:11px; }
#config-dialog .provider-status { min-height:16px; margin:0; color:var(--reqrail-page-muted); font-size:11px; }
#config-dialog menu { margin:4px 0 0; }
#config-dialog menu .primary { min-width:100px; min-height:38px; border-radius:7px; font-size:12px; }
@media (max-width:560px) { #config-dialog .provider-form { padding:18px !important; } }

/* Repo Query Bot starts with evidence context rather than an empty prompt surface. */
html body.page-ask .repo-query-workspace { display:grid; grid-template-columns:minmax(0,780px) 330px; gap:16px; justify-content:start; align-items:start; }
html body.page-ask .repo-evidence-flow,
html body.page-ask .capability-ask-card { margin:0 !important; border:1px solid var(--reqrail-page-line); border-radius:10px; background:#fff; }
html body.page-ask .repo-evidence-flow { display:grid; grid-column:2; grid-row:1; align-content:start; gap:10px; height:340px; padding:18px; overflow:hidden; }
html body.page-ask .repo-query-kicker { color:var(--reqrail-page-blue); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
html body.page-ask .repo-evidence-flow h2 { margin:0; color:var(--reqrail-page-ink); font-size:16px; font-weight:600; line-height:1.25; }
html body.page-ask .repo-evidence-flow > p { margin:0; color:var(--reqrail-page-muted); font-size:11px; line-height:1.4; }
html body.page-ask .repo-flow-diagram { display:grid; grid-template-columns:1fr; gap:18px; padding:2px 0; }
html body.page-ask .repo-flow-diagram section { position:relative; display:grid; grid-template-columns:28px minmax(0,1fr); justify-items:start; gap:1px 8px; min-width:0; padding:5px 7px; border:1px solid #e4ebf5; border-radius:6px; background:#fafcff; text-align:left; }
html body.page-ask .repo-flow-diagram section > i,
html body.page-ask .repo-flow-diagram section > svg { width:28px; height:28px; box-sizing:border-box; padding:6px; border-radius:7px; color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
html body.page-ask .repo-flow-diagram section > i { display:grid; place-items:center; }
html body.page-ask .repo-flow-diagram b { overflow:hidden; max-width:100%; color:var(--reqrail-page-ink); font-size:11px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
html body.page-ask .repo-flow-diagram span { color:var(--reqrail-page-muted); font-size:10px; line-height:1.2; }
html body.page-ask .repo-flow-arrow { display:none; }
html body.page-ask .repo-flow-diagram section:not(:last-of-type)::after { position:absolute; top:100%; left:50%; width:1px; height:14px; background:#82a4d7; content:''; }
html body.page-ask .repo-flow-diagram section:not(:last-of-type)::before { position:absolute; top:calc(100% + 10px); left:calc(50% - 3px); width:5px; height:5px; border-right:1px solid #82a4d7; border-bottom:1px solid #82a4d7; content:''; transform:rotate(45deg); }
html body.page-ask .repo-flow-diagram section > i,
html body.page-ask .repo-flow-diagram section > svg { grid-row:1 / span 2; }
html body.page-ask .capability-ask-card { display:grid; grid-column:1; grid-row:1; align-content:start; gap:14px !important; padding:22px !important; }
html body.page-ask .capability-ask-card h2 { font-size:19px !important; }
html body.page-ask .repo-query-examples { display:grid; gap:6px; }
html body.page-ask .repo-query-examples button { overflow:hidden; padding:7px 9px; border:1px solid #e1e9f5; border-radius:6px; color:#315b9b; background:#f8fbff; font-size:11px; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
html body.page-ask .repo-query-examples button:hover { border-color:#a8c4ee; background:#f0f6ff; }
@media (max-width:850px) { html body.page-ask .repo-query-workspace { grid-template-columns:1fr; } html body.page-ask .repo-evidence-flow,html body.page-ask .capability-ask-card { grid-column:1; grid-row:auto; height:auto; } }
@media (max-width:560px) { html body.page-ask .repo-evidence-flow,html body.page-ask .capability-ask-card { padding:18px !important; } html body.page-ask .repo-flow-diagram { grid-template-columns:1fr; gap:7px; } html body.page-ask .repo-flow-arrow { transform:rotate(90deg); } html body.page-ask .repo-flow-diagram section { grid-template-columns:28px minmax(0,1fr); justify-items:start; text-align:left; } html body.page-ask .repo-flow-diagram section > i { grid-row:1 / span 2; } }
html body .repo-query-bot { align-items:start !important; min-height:50px !important; }
html body .repo-query-bot-copy b { overflow:visible !important; max-width:none !important; color:#173f7a !important; font-size:10px !important; line-height:1.25 !important; text-overflow:clip !important; white-space:normal !important; }
html body .repo-query-bot-copy small { overflow:hidden !important; margin-top:4px !important; color:#697c98 !important; font-size:9px !important; line-height:1.2 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body .sidebar-quick-stats .quick-stat-icon { display:grid !important; width:17px !important; height:17px !important; place-items:center !important; border:1px solid #e5ebf4 !important; border-radius:4px !important; color:#63738d !important; background:#fff !important; }
html body .sidebar-quick-stats .quick-stat-icon svg { width:10px !important; height:10px !important; stroke-width:1.8 !important; }
html body .product-nav button { position:relative !important; }
html body .nav-attention-badge { display:grid !important; min-width:16px !important; height:16px !important; margin-left:auto !important; padding:0 4px !important; place-items:center !important; border-radius:8px !important; color:#8a4d00 !important; background:#fff0ce !important; font-size:9px !important; font-weight:700 !important; line-height:1 !important; }
html body .nav-attention-badge.hidden { display:none !important; }
html body #review-dialog { width:min(520px,calc(100% - 32px)) !important; border-radius:10px !important; }
html body #review-dialog .review-form { gap:14px !important; padding:22px !important; }
html body #review-dialog .modal-form h2 { font-size:22px !important; }
html body #review-dialog .modal-form header p { font-size:12px !important; line-height:1.45 !important; }
html body .review-source-options { display:grid; grid-template-columns:1fr 1fr; gap:6px; padding:4px; border:1px solid var(--reqrail-page-line); border-radius:8px; background:#f7f9fc; }
html body .review-source-options button { display:flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 8px; border:0; border-radius:5px; color:var(--reqrail-page-muted); background:transparent; font-size:11px; font-weight:700; }
html body .review-source-options button.active { color:var(--reqrail-page-blue); background:#fff; box-shadow:0 1px 3px rgba(25,45,82,.12); }
html body .review-source-options svg { width:14px; height:14px; }
html body #review-dialog section[data-review-source-panel] { display:grid; gap:10px; }
html body #review-dialog label { gap:5px !important; color:var(--reqrail-page-ink); font-size:11px !important; font-weight:700; }
html body #review-dialog input { height:40px !important; padding:0 11px !important; border-radius:7px !important; font-size:12px !important; }
html body .review-advanced { color:var(--reqrail-page-muted); font-size:11px; }
html body .review-advanced summary { cursor:pointer; }
html body .review-advanced label { margin-top:8px; }
html body .repository-picker button { min-width:76px; min-height:40px; border-radius:7px; font-size:11px; }
html body #review-dialog menu { margin:2px 0 0 !important; }
html body #review-dialog menu button { min-height:36px !important; padding:6px 12px !important; border-radius:7px !important; font-size:11px !important; }

/* Overview header is the canonical title treatment for every offering. */
html body .workspace-heading,
html body.page-change-intelligence .change-page-heading,
html body .offering-page-heading { display:grid !important; gap:6px !important; margin:0 0 18px !important; }
html body .workspace-heading h1,
html body.page-change-intelligence .change-page-heading h1,
html body .offering-page-heading .page-title h1 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:26px !important; font-weight:600 !important; line-height:1.15 !important; }
html body .workspace-heading .page-title-icon,
html body.page-change-intelligence .change-page-heading .page-title-icon,
html body .offering-page-heading .page-title-icon { width:20px !important; height:20px !important; color:var(--reqrail-page-blue) !important; }
html body.page-change-intelligence .change-page-heading p,
html body .offering-page-heading p,
html body .workspace-heading p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; line-height:1.5 !important; }

/* Canonical primary-page frame: Dashboard, Store, Change, Requirements, Delivery, and Query Bot. */
html body > main { margin-top:20px !important; }
html body .workspace-heading,
html body.page-change-intelligence .change-page-heading,
html body.page-requirements .page-title,
html body.page-delivery .page-title,
html body.page-ask .page-title { margin:0 !important; }
html body .workspace-heading h1,
html body.page-change-intelligence .change-page-heading h1,
html body.page-requirements .page-title h1,
html body.page-delivery .page-title h1,
html body.page-ask .page-title h1 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; line-height:1.15 !important; }
html body .workspace-heading .page-title-icon,
html body.page-change-intelligence .change-page-heading .page-title-icon,
html body.page-requirements .page-title-icon,
html body.page-delivery .page-title-icon,
html body.page-ask .page-title-icon { width:22px !important; height:22px !important; color:var(--reqrail-page-blue) !important; }
html body.page-change-intelligence .change-page-heading p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; line-height:1.5 !important; }
html body .offering-page-heading,
html body.page-change-intelligence .change-page-heading { display:grid !important; gap:6px !important; margin:0 0 18px !important; }
html body .offering-page-heading p,
html body.page-change-intelligence .change-page-heading p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; line-height:1.5 !important; }
html body.page-requirements .insight-pane.requirements,
html body.page-requirements .insight-pane.requirements #requirements,
html body.page-ask #capability-ask { padding:0 !important; }
html body.page-requirements .workspace-insights,
html body.page-delivery .workspace-insights,
html body.page-ask .workspace-insights { padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; }

/* Final page isolation: only the selected workspace surface may render. */
html body #dashboard-page { display:none !important; }
html body.page-dashboard #dashboard-page { display:block !important; }
html body.page-dashboard #workspace > .workspace-heading,
html body.page-dashboard #workspace > .workspace-summary,
html body.page-dashboard #workspace > #repository-graph-panel,
html body.page-dashboard #workspace > .workspace-insights { display:none !important; }
html body.page-change-intelligence #dashboard-page,
html body.page-requirements #dashboard-page,
html body.page-delivery #dashboard-page,
html body.page-ask #dashboard-page { display:none !important; }
html body.page-change-intelligence #workspace > .workspace-heading,
html body.page-change-intelligence #workspace > .workspace-summary,
html body.page-change-intelligence #workspace > #repository-graph-panel,
html body.page-requirements #workspace > .workspace-heading,
html body.page-requirements #workspace > .workspace-summary,
html body.page-requirements #workspace > #repository-graph-panel,
html body.page-delivery #workspace > .workspace-heading,
html body.page-delivery #workspace > .workspace-summary,
html body.page-delivery #workspace > #repository-graph-panel,
html body.page-ask #workspace > .workspace-heading,
html body.page-ask #workspace > .workspace-summary,
html body.page-ask #workspace > #repository-graph-panel { display:none !important; }

/* Repository switcher: keep review selection available from every page. */
html body > .topbar .review-switcher { display:block !important; position:relative !important; z-index:40 !important; margin-left:12px !important; margin-right:0 !important; }
html body > .topbar .review-button { display:flex !important; align-items:center !important; gap:8px !important; min-width:150px !important; min-height:34px !important; padding:0 10px !important; border:1px solid #cfdbea !important; border-radius:7px !important; color:#34445d !important; background:#fff !important; font-size:11px !important; font-weight:700 !important; }
html body > .topbar .review-button:hover { border-color:#9fb9e5 !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
html body > .topbar .review-button i { width:7px !important; height:7px !important; flex:0 0 7px !important; border-radius:50% !important; background:#20a66b !important; }
html body > .topbar .review-button b { margin-left:auto !important; color:#70809a !important; font-size:12px !important; font-weight:600 !important; }
html body > .topbar .review-menu { position:absolute !important; top:42px !important; right:0 !important; display:none !important; width:320px !important; max-height:420px !important; overflow:auto !important; padding:10px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fff !important; box-shadow:0 12px 30px rgba(31,52,84,.16) !important; }
html body > .topbar .review-menu.open { display:block !important; }
html body > .topbar .review-menu h2 { margin:4px 8px 8px !important; color:var(--reqrail-page-muted) !important; font-size:10px !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
html body > .topbar .review-choice { display:flex !important; align-items:center !important; gap:5px !important; width:100% !important; padding:5px !important; border-radius:7px !important; background:transparent !important; }
html body > .topbar .review-choice:hover,
html body > .topbar .review-choice.active { background:var(--reqrail-page-blue-soft) !important; }
html body > .topbar .review-select { display:block !important; min-width:0 !important; flex:1 !important; padding:7px !important; border:0 !important; color:var(--reqrail-page-ink) !important; background:transparent !important; text-align:left !important; }
html body > .topbar .review-select:hover { background:transparent !important; }
html body > .topbar .review-choice b { display:block !important; color:var(--reqrail-page-ink) !important; font-size:12px !important; }
html body > .topbar .review-choice small { display:block !important; margin-top:3px !important; color:var(--reqrail-page-muted) !important; font-size:10px !important; }
html body > .topbar .review-delete { color:#9b5d66 !important; background:transparent !important; }
@media (max-width:700px) {
  html body > .topbar .review-switcher { margin-left:6px !important; }
  html body > .topbar .review-button { min-width:34px !important; width:34px !important; padding:0 !important; justify-content:center !important; }
  html body > .topbar .review-button span { display:none !important; }
  html body > .topbar .review-menu { right:-8px !important; width:min(300px,calc(100vw - 28px)) !important; }
}

/* Global application standard: Capability Store language applies to every page. */
html body,
html body button,
html body input,
html body textarea,
html body select { font-family:var(--reqrail-font-ui) !important; letter-spacing:0 !important; }
html body { background:var(--reqrail-page-surface) !important; color:var(--reqrail-page-ink) !important; }
html body > main { color:var(--reqrail-page-ink) !important; }
html body h1,
html body h2,
html body h3,
html body h4,
html body strong,
html body b,
html body label { color:var(--reqrail-page-ink); }
html body p,
html body small,
html body .muted,
html body .hint { color:var(--reqrail-page-muted); }
html body .panel,
html body .workspace-insights,
html body .workspace-summary,
html body .requirement-assessment,
html body .requirements-list,
html body .delivery-summary,
html body .delivery-attention,
html body .milestone-progress,
html body .milestone-setup,
html body .change-intelligence,
html body .capability-detail,
html body .capability-categories { border-color:var(--reqrail-page-line) !important; border-radius:12px !important; box-shadow:none !important; }
html body .panel,
html body .workspace-insights,
html body .workspace-summary,
html body .requirement-assessment,
html body .requirements-list,
html body .delivery-summary,
html body .delivery-attention,
html body .milestone-progress,
html body .milestone-setup,
html body .change-intelligence { background:var(--reqrail-page-surface) !important; }
html body .workspace-insights { color:var(--reqrail-page-ink) !important; }
html body .insight-tabs { border-bottom:1px solid var(--reqrail-page-line) !important; background:#fafbfd !important; }
html body .insight-tab { min-height:38px !important; border-color:transparent !important; border-radius:7px 7px 0 0 !important; color:var(--reqrail-page-muted) !important; background:transparent !important; font-size:12px !important; font-weight:600 !important; }
html body .insight-tab:hover { border-color:var(--reqrail-page-line) !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
html body .insight-tab.active { border-color:var(--reqrail-page-blue) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; }
html body input,
html body textarea,
html body select { border:1px solid var(--reqrail-page-line) !important; border-radius:var(--rr-control-radius) !important; color:var(--reqrail-page-ink) !important; background:var(--rr-color-surface) !important; }
html body input:focus,
html body textarea:focus,
html body select:focus { border-color:var(--reqrail-page-blue) !important; outline:3px solid var(--rr-focus-ring) !important; }
html body button { border:1px solid var(--reqrail-page-line); border-radius:var(--rr-control-radius); color:var(--reqrail-page-ink); background:var(--rr-color-surface); font-size:var(--rr-control-font-size); font-weight:600; }
html body button:hover { border-color:var(--rr-color-line-hover); color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
html body button.primary,
html body .primary { border-color:var(--reqrail-page-blue) !important; border-radius:var(--rr-control-radius) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; box-shadow:none !important; }
html body button.primary:hover,
html body .primary:hover { border-color:var(--rr-color-primary-pressed) !important; background:var(--rr-color-primary-pressed) !important; }
html body .workspace-heading h1,
html body .empty-state h1 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; line-height:1.2 !important; }
html body .workspace-heading p,
html body .workspace-heading small { color:var(--reqrail-page-muted) !important; font-size:12px !important; }
html body .workspace-summary strong { color:var(--reqrail-page-ink) !important; font-size:25px !important; font-weight:600 !important; }
html body .workspace-summary span,
html body .workspace-summary small { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
html body .capability-card,
html body .capability-item,
html body .impact-card,
html body .reference-change-card { border-color:var(--reqrail-page-line) !important; border-radius:10px !important; box-shadow:none !important; background:#fff !important; }
html body.page-ask #workspace > .workspace-heading,
html body.page-ask #workspace > .workspace-summary,
html body.page-ask #workspace > #repository-graph-panel { display:none !important; }
html body.page-ask #workspace > .workspace-insights { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; overflow:visible !important; border-color:var(--reqrail-page-line) !important; background:#fff !important; }
html body.page-ask #capability-ask { display:block !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; background:#fff !important; }
html body.page-ask .page-title { margin:0 0 18px !important; }
html body.page-ask .capability-ask-card { display:grid !important; gap:20px !important; margin:0 !important; padding:28px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:12px !important; background:#fff !important; }
html body.page-ask .capability-ask-card > div { display:grid !important; gap:7px !important; }
html body.page-ask .capability-ask-card > div > span,
html body.page-ask .capability-answer header > span { color:var(--reqrail-page-muted) !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
html body.page-ask .capability-ask-card h2 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; line-height:1.2 !important; }
html body.page-ask .capability-ask-card p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; line-height:1.5 !important; }
html body.page-ask #capability-ask-form { display:flex !important; gap:10px !important; }
html body.page-ask #capability-ask-form input { flex:1 !important; min-height:42px !important; padding:0 12px !important; }
html body.page-ask #capability-ask-form button { min-width:72px !important; min-height:42px !important; }
html body.page-ask .capability-answer { display:grid !important; gap:18px !important; margin:0 !important; padding:22px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fff !important; }
html body.page-ask .capability-answer header { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; padding-bottom:12px !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-ask .capability-answer .status { padding:5px 9px !important; border-radius:999px !important; color:#fff !important; background:var(--reqrail-page-blue) !important; font-size:11px !important; font-weight:700 !important; }
html body.page-ask .capability-answer .status.partially_implemented { color:#8a5a00 !important; background:#fff3cd !important; }
html body.page-ask .capability-answer .status.not_confirmed { color:#9b2c2c !important; background:#fde8e8 !important; }
html body.page-ask .capability-answer .status.evidence-findings { color:#315b9b !important; background:#edf4ff !important; }
html body.page-ask .capability-answer-label { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
html body.page-ask .capability-answer-question,
html body.page-ask .capability-answer-result,
html body.page-ask .capability-answer-reason { display:grid !important; gap:5px !important; }
html body.page-ask .capability-answer-question > span,
html body.page-ask .capability-answer-result > span,
html body.page-ask .capability-answer-reason > span,
html body.page-ask .capability-answer footer > span { color:var(--reqrail-page-muted) !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; }
html body.page-ask .capability-answer h3 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:15px !important; font-weight:600 !important; }
html body.page-ask .capability-answer p { color:var(--reqrail-page-muted) !important; font-size:12px !important; }
html body.page-ask .repo-evidence-finding-list { display:grid; gap:8px; margin:4px 0 0; padding:0; list-style:none; }
html body.page-ask .repo-evidence-finding-list li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:start; padding:9px 10px; border:1px solid #e2e8f0; border-radius:6px; background:#fafcff; }
html body.page-ask .repo-evidence-finding-list p { margin:0; color:#34445d !important; font-size:12px !important; line-height:1.4; }
html body.page-ask .repo-evidence-finding-list b { color:#526079; font-size:10px; white-space:nowrap; }
html body.page-ask .capability-answer footer { display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:8px !important; padding-top:14px !important; border-top:1px solid #edf0f4 !important; }
html body.page-ask .capability-evidence-link { color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
html body.page-ask .capability-evidence-link:hover { border-color:var(--reqrail-page-blue) !important; }
html body.page-ask .repo-evidence-findings { overflow:hidden; border-top:1px solid #edf0f4; }
html body.page-ask .repo-evidence-findings > header { display:block !important; padding:14px 0 10px; border:0; }
html body.page-ask .repo-evidence-findings header span { display:block; color:var(--reqrail-page-muted); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
html body.page-ask .repo-evidence-findings h3 { margin:3px 0 0; color:var(--reqrail-page-ink); font-size:14px; font-weight:600; }
html body.page-ask .repo-evidence-findings > div { overflow:auto; border:1px solid #e2e8f0; border-radius:7px; }
html body.page-ask .repo-evidence-findings table { width:100%; min-width:580px; border-collapse:collapse; }
html body.page-ask .repo-evidence-findings th { padding:8px 10px; color:#65748b; background:#f8fafc; font-size:10px; letter-spacing:.04em; text-align:left; text-transform:uppercase; }
html body.page-ask .repo-evidence-findings td { padding:10px; border-top:1px solid #edf0f4; color:#34445d; font-size:11px; line-height:1.4; vertical-align:top; }
html body.page-ask .repo-evidence-findings td:nth-child(3) { color:#111827; font-weight:700; white-space:nowrap; }
html body.page-ask .repo-finding-state { display:inline-block; padding:3px 6px; border-radius:4px; font-size:10px; font-weight:700; white-space:nowrap; }
html body.page-ask .repo-finding-state.confirmed { color:#126b35; background:#e6f8ed; }
html body.page-ask .repo-finding-state.review { color:#9a5a00; background:#fff4df; }
html body.page-ask .repo-finding-evidence span { display:inline-block; margin:0 3px 3px 0; padding:2px 4px; border-radius:3px; color:#315b9b; background:#edf4ff; font-size:10px; font-weight:700; }
html body.page-ask .repo-finding-evidence .repo-finding-none { padding:0; color:#7a8798; background:transparent; font-weight:400; }
html body.page-requirements .requirement-coverage b,
html body.page-delivery .delivery-summary b { font-family:var(--reqrail-font-ui) !important; font-weight:600 !important; }
html body.page-delivery .milestone-coverage > div:first-child b { color:var(--reqrail-page-blue) !important; }
html body.page-delivery .milestone-progress-bar i { background:var(--reqrail-page-blue) !important; }
html body.page-change-intelligence .change-overview,
html body.page-change-intelligence .change-summary,
html body.page-change-intelligence .change-actions,
html body.page-change-intelligence .change-timeline { color:var(--reqrail-page-ink) !important; }
html body.page-change-intelligence .change-overview,
html body.page-change-intelligence .change-summary,
html body.page-change-intelligence .change-actions,
html body.page-change-intelligence .change-timeline { border-color:var(--reqrail-page-line) !important; box-shadow:none !important; }
@media (max-width:700px) {
  html body.page-ask .capability-ask-card { padding:20px !important; }
  html body.page-ask #capability-ask-form { flex-direction:column !important; }
}

/* Dashboard overview surface. */
html body.page-dashboard #workspace > .workspace-heading,
html body.page-dashboard #workspace > .workspace-summary,
html body.page-dashboard #workspace > #repository-graph-panel,
html body.page-dashboard #workspace > .workspace-insights { display:none !important; }
html body.page-dashboard #dashboard-page { display:block !important; width:100% !important; min-height:0 !important; }
html body.page-dashboard > main { margin-top:20px !important; }
html body.page-dashboard .dashboard-header { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:20px !important; margin:0 0 18px !important; }
html body.page-dashboard .dashboard-header > div { display:grid !important; gap:6px !important; }
html body.page-dashboard .dashboard-kicker,
html body.page-dashboard .dashboard-card-kicker { color:var(--reqrail-page-muted) !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
html body.page-dashboard .dashboard-header h1 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:26px !important; font-weight:600 !important; line-height:1.15 !important; }
html body.page-dashboard .dashboard-header p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; }
html body.page-dashboard .dashboard-refresh { min-height:38px !important; padding:0 16px !important; }
html body.page-dashboard .dashboard-metrics { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; min-height:60px !important; margin-bottom:14px !important; padding:0 10px !important; border:1px solid #e6ebf2 !important; border-radius:6px !important; background:#fcfdff !important; box-shadow:0 1px 2px rgba(30,55,90,.03) !important; }
html body.page-dashboard .dashboard-metric { position:relative !important; display:grid !important; grid-template-columns:30px max-content minmax(0,1fr) !important; grid-template-rows:15px minmax(0,1fr) !important; align-items:center !important; column-gap:9px !important; min-height:38px !important; padding:0 14px !important; border:0 !important; border-right:1px solid #eef2f6 !important; border-radius:0 !important; background:transparent !important; }
html body.page-dashboard .dashboard-metric:last-child { border-right:0 !important; }
html body.page-dashboard .dashboard-metric > span { display:grid !important; grid-column:1 / -1; grid-row:1; color:#62728b !important; font-size:9px !important; font-weight:800 !important; letter-spacing:.045em; text-transform:uppercase; }
html body.page-dashboard .dashboard-metric strong { grid-column:2; grid-row:2; margin:0; color:var(--reqrail-page-ink) !important; font-size:21px !important; font-weight:700 !important; line-height:1 !important; }
html body.page-dashboard .dashboard-metric small { grid-column:3; grid-row:2; min-width:0; margin-left:2px; overflow:hidden; color:#7c8ca2 !important; font-size:9px !important; line-height:1.15 !important; text-overflow:ellipsis; white-space:nowrap; }
html body.page-dashboard .dashboard-metric-icon { grid-column:1; grid-row:2; align-self:center; justify-self:center; width:24px !important; height:24px !important; color:var(--reqrail-page-blue) !important; opacity:.9 !important; }
html body.page-dashboard .dashboard-metric.green .dashboard-metric-icon { color:#20a66b !important; }
html body.page-dashboard .dashboard-metric.violet .dashboard-metric-icon { color:#7856d8 !important; }
html body.page-dashboard .dashboard-metric.amber .dashboard-metric-icon { color:#d98216 !important; }
html body.page-dashboard .dashboard-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
html body.page-dashboard .dashboard-card { display:grid !important; align-content:start !important; gap:14px !important; min-height:214px !important; padding:20px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:12px !important; background:#fff !important; }
html body.page-dashboard .dashboard-card > header { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:14px !important; padding:0 0 12px !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-dashboard .dashboard-card > header > div { display:grid !important; gap:5px !important; }
html body.page-dashboard .dashboard-card h2 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:16px !important; font-weight:600 !important; line-height:1.25 !important; }
html body.page-dashboard .dashboard-status { padding:5px 8px !important; border-radius:999px !important; color:#8a5a00 !important; background:#fff3cd !important; font-size:10px !important; font-weight:700 !important; }
html body.page-dashboard .dashboard-status.none { color:#18794e !important; background:#eaf8f0 !important; }
html body.page-dashboard .dashboard-status.high,
html body.page-dashboard .dashboard-status.critical { color:#9b2c2c !important; background:#fde8e8 !important; }
html body.page-dashboard .dashboard-card-icon { display:grid !important; width:26px !important; height:26px !important; place-items:center !important; border-radius:6px !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; font-size:13px !important; }
html body.page-dashboard .dashboard-card-icon svg { width:15px !important; height:15px !important; }
html body.page-dashboard .dashboard-change-value { display:flex !important; align-items:baseline !important; gap:8px !important; }
html body.page-dashboard .dashboard-change-value strong,
html body.page-dashboard .dashboard-capability-summary strong { color:var(--reqrail-page-ink) !important; font-size:34px !important; font-weight:600 !important; line-height:1 !important; }
html body.page-dashboard .dashboard-change-value span,
html body.page-dashboard .dashboard-capability-summary span { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
html body.page-dashboard .dashboard-card > p,
html body.page-dashboard .dashboard-empty-copy { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; line-height:1.5 !important; }
html body.page-dashboard .dashboard-link { justify-self:start !important; margin-top:auto !important; padding:0 !important; border:0 !important; color:var(--reqrail-page-blue) !important; background:transparent !important; font-size:11px !important; font-weight:700 !important; }
html body.page-dashboard .dashboard-link:hover { color:#1259c7 !important; background:transparent !important; }
html body.page-dashboard .dashboard-progress { display:grid !important; gap:9px !important; }
html body.page-dashboard .dashboard-progress strong { color:var(--reqrail-page-blue) !important; font-size:30px !important; font-weight:600 !important; }
html body.page-dashboard .dashboard-progress > div { height:9px !important; overflow:hidden !important; border-radius:9px !important; background:#edf0f4 !important; }
html body.page-dashboard .dashboard-progress i { display:block !important; height:100% !important; border-radius:inherit !important; background:var(--reqrail-page-blue) !important; }
html body.page-dashboard .dashboard-progress span { color:var(--reqrail-page-muted) !important; font-size:10px !important; }
html body.page-dashboard .dashboard-requirements-card ul { display:grid !important; gap:0 !important; margin:0 !important; padding:0 !important; list-style:none !important; }
html body.page-dashboard .dashboard-requirements-card li { display:grid !important; grid-template-columns:52px minmax(0,1fr) auto !important; align-items:center !important; gap:8px !important; min-height:34px !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-dashboard .dashboard-requirements-card li:last-child { border-bottom:0 !important; }
html body.page-dashboard .dashboard-requirements-card li span { color:var(--reqrail-page-blue) !important; font-size:10px !important; font-weight:700 !important; }
html body.page-dashboard .dashboard-requirements-card li p { overflow:hidden !important; margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:11px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .dashboard-requirements-card li b { color:var(--reqrail-page-ink) !important; font-size:10px !important; }
html body.page-dashboard .dashboard-capability-summary { display:flex !important; align-items:baseline !important; gap:8px !important; }
html body.page-dashboard .dashboard-actions { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:10px !important; margin-top:18px !important; padding:14px 16px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fafbfd !important; }
html body.page-dashboard .dashboard-actions > span { margin-right:auto !important; color:var(--reqrail-page-ink) !important; font-size:11px !important; font-weight:700 !important; }
html body.page-dashboard .dashboard-actions button { padding:7px 10px !important; color:var(--reqrail-page-blue) !important; background:#fff !important; font-size:10px !important; }
html body.page-dashboard .portfolio-repositories { display:grid !important; gap:12px !important; }
html body.page-dashboard .portfolio-repository { display:grid !important; gap:14px !important; padding:18px 20px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fff !important; }
html body.page-dashboard .portfolio-repository > header,
html body.page-dashboard .portfolio-repository > footer { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; }
html body.page-dashboard .portfolio-repository > header > div { min-width:0 !important; }
html body.page-dashboard .portfolio-repository-kicker { display:block !important; margin-bottom:4px !important; color:var(--reqrail-page-muted) !important; font-size:10px !important; font-weight:700 !important; text-transform:uppercase !important; }
html body.page-dashboard .portfolio-repository h2 { margin:0 !important; overflow:hidden !important; color:var(--reqrail-page-ink) !important; font-size:16px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .portfolio-repository header p,
html body.page-dashboard .portfolio-repository footer p { margin:4px 0 0 !important; overflow:hidden !important; color:var(--reqrail-page-muted) !important; font-size:11px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .portfolio-status { flex:0 0 auto !important; padding:5px 8px !important; border-radius:999px !important; color:#5f4700 !important; background:#fff3cd !important; font-size:10px !important; font-weight:700 !important; }
html body.page-dashboard .portfolio-status.clear { color:#167648 !important; background:#eaf8f0 !important; }
html body.page-dashboard .portfolio-status.attention { color:#a53d11 !important; background:#fff0e8 !important; }
html body.page-dashboard .portfolio-repository-metrics { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; padding:12px 0 !important; border-top:1px solid #edf0f4 !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-dashboard .portfolio-repository-metrics span { min-width:0 !important; color:var(--reqrail-page-muted) !important; font-size:10px !important; }
html body.page-dashboard .portfolio-repository-metrics b { display:block !important; overflow:hidden !important; margin-bottom:3px !important; color:var(--reqrail-page-ink) !important; font-size:12px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .portfolio-repository footer > div { display:flex !important; gap:8px !important; }
html body.page-dashboard .portfolio-repository footer .secondary { width:32px !important; min-height:32px !important; padding:0 !important; color:#9b3d4a !important; }
html body.page-dashboard .portfolio-repository footer .primary { min-height:32px !important; padding:0 12px !important; font-size:11px !important; }
html body.page-dashboard .portfolio-empty { display:grid !important; justify-items:start !important; gap:10px !important; padding:34px 20px !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fff !important; }
html body.page-dashboard .portfolio-empty h2 { margin:0 !important; color:var(--reqrail-page-ink) !important; font-size:18px !important; }
html body.page-dashboard .portfolio-empty p { margin:0 !important; color:var(--reqrail-page-muted) !important; font-size:12px !important; }
html body.page-dashboard .portfolio-table-wrap { overflow-x:auto !important; border:1px solid var(--reqrail-page-line) !important; border-radius:10px !important; background:#fff !important; }
html body.page-dashboard .portfolio-table { width:100% !important; min-width:0 !important; border-collapse:collapse !important; table-layout:fixed !important; }
html body.page-dashboard .portfolio-table th { padding:12px 16px !important; border-bottom:1px solid var(--reqrail-page-line) !important; color:var(--reqrail-page-muted) !important; background:#fafbfd !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.04em !important; text-align:left !important; text-transform:uppercase !important; }
html body.page-dashboard .portfolio-table th:first-child { width:5% !important; }
html body.page-dashboard .portfolio-table th:nth-child(2) { width:22% !important; }
html body.page-dashboard .portfolio-table th:nth-child(3) { width:12% !important; }
html body.page-dashboard .portfolio-table th:nth-child(4) { width:14% !important; }
html body.page-dashboard .portfolio-table th:nth-child(5) { width:18% !important; }
html body.page-dashboard .portfolio-table th:nth-child(6) { width:13% !important; }
html body.page-dashboard .portfolio-table th:last-child { width:16% !important; }
html body.page-dashboard .portfolio-table td { padding:15px 16px !important; border-bottom:1px solid #edf0f4 !important; color:var(--reqrail-page-ink) !important; vertical-align:middle !important; }
html body.page-dashboard .portfolio-table tbody tr:last-child td { border-bottom:0 !important; }
html body.page-dashboard .portfolio-table tbody tr:hover { background:#fbfdff !important; cursor:pointer !important; }
html body.page-dashboard .portfolio-table tbody tr:focus-visible { outline:2px solid var(--reqrail-page-blue) !important; outline-offset:-2px !important; }
html body.page-dashboard .portfolio-table tbody tr:has(input:checked) { background:#f0f6ff !important; }
html body.page-dashboard .portfolio-table td b { display:block !important; overflow:hidden !important; color:var(--reqrail-page-ink) !important; font-size:12px !important; font-weight:700 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .portfolio-table td small { display:block !important; overflow:hidden !important; margin-top:4px !important; color:var(--reqrail-page-muted) !important; font-size:10px !important; line-height:1.35 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-dashboard .portfolio-schedule-cell select { width:100%; min-height:30px; padding:4px 24px 4px 8px; border:1px solid var(--reqrail-page-line); border-radius:6px; color:var(--reqrail-page-ink); background:#fff; font:inherit; font-size:11px; font-weight:700; }
html body.page-dashboard .portfolio-schedule-cell select:focus { border-color:var(--reqrail-page-blue); outline:2px solid #1769e833; }
html body.page-dashboard .portfolio-select-cell { width:42px !important; padding-right:4px !important; padding-left:16px !important; text-align:center !important; }
html body.page-dashboard .portfolio-select-cell input { width:15px !important; height:15px !important; margin:0 !important; accent-color:var(--reqrail-page-blue) !important; cursor:pointer !important; }
html body.page-dashboard .dashboard-header > .portfolio-header-actions { display:flex !important; align-items:center !important; align-self:flex-start !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:8px !important; }
html body.page-dashboard .portfolio-delete-button { display:grid !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; padding:0 !important; place-items:center !important; border-color:#e0e7f0 !important; color:#a03b4b !important; background:#fff !important; font-size:15px !important; }
html body.page-dashboard .portfolio-delete-button:not(:disabled):hover { border-color:#f0b9c2 !important; color:#8e2638 !important; background:#fff4f5 !important; }
html body.page-dashboard .portfolio-delete-button:disabled { color:#b8c1cd !important; cursor:not-allowed !important; opacity:1 !important; }
html body.page-dashboard .portfolio-new-button { display:grid !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; padding:0 !important; place-items:center !important; font-size:18px !important; line-height:1 !important; }
html body .visually-hidden { position:absolute !important; width:1px !important; height:1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; }
@media (max-width:760px) {
  html body.page-dashboard .dashboard-header { flex-direction:column !important; }
  html body.page-dashboard .dashboard-metrics,
  html body.page-dashboard .dashboard-grid { grid-template-columns:1fr !important; }
  html body.page-dashboard .dashboard-actions > span { flex-basis:100% !important; }
  html body.page-dashboard .portfolio-repository > header,
  html body.page-dashboard .portfolio-repository > footer { align-items:flex-start !important; flex-direction:column !important; }
  html body.page-dashboard .portfolio-repository-metrics { grid-template-columns:1fr !important; }
  html body.page-dashboard .portfolio-table-wrap { margin-right:-4px !important; }
}

/* Canonical global theme: keep this block at EOF. */
html body,
html body button,
html body input,
html body textarea,
html body select,
html body label,
html body span,
html body p,
html body small,
html body em,
html body strong,
html body b,
html body dt,
html body dd { font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif !important; letter-spacing:0 !important; }
html body.page-change-intelligence .change-page-heading h1 { font-size:22px !important; color:#111827 !important; }
html body.page-change-intelligence .workspace-insights { height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; }
html body.page-change-intelligence #change-intelligence { height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; }
html body.page-change-intelligence .change-page-heading p { font-size:11px !important; color:#526079 !important; }
html body.page-requirements > main,
html body.page-delivery > main { margin-top:20px !important; }
html body.page-requirements #workspace > .workspace-heading,
html body.page-requirements #workspace > .workspace-summary,
html body.page-requirements #workspace > #repository-graph-panel,
html body.page-delivery #workspace > .workspace-heading,
html body.page-delivery #workspace > .workspace-summary,
html body.page-delivery #workspace > #repository-graph-panel { display:none !important; }
html body.page-requirements #workspace > .workspace-insights,
html body.page-delivery #workspace > .workspace-insights { display:block !important; width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; overflow:visible !important; border-color:#dfe4ea !important; background:#fff !important; }
html body.page-requirements #requirements,
html body.page-delivery #delivery-verification { display:block !important; height:auto !important; min-height:0 !important; max-height:none !important; overflow:visible !important; background:#fff !important; color:#111827 !important; }
html body.page-requirements .requirements,
html body.page-delivery .delivery-verification { display:block !important; }
html body.page-requirements .requirement-assessment,
html body.page-delivery .delivery-hero,
html body.page-delivery .milestone-progress,
html body.page-delivery .milestone-setup { border-color:#dfe4ea !important; background:#fff !important; color:#111827 !important; }
html body.page-requirements .requirement-assessment { display:grid !important; gap:14px !important; margin:0 0 16px !important; padding:22px 24px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; }
html body.page-requirements .requirement-assessment label { display:grid !important; gap:5px !important; color:#111827 !important; font-size:16px !important; font-weight:700 !important; }
html body.page-requirements .requirement-assessment label small { color:#526079 !important; font-size:11px !important; font-weight:400 !important; }
html body.page-requirements .requirement-assessment > div { display:flex !important; gap:10px !important; }
html body.page-requirements .requirement-assessment input { flex:1 !important; min-height:42px !important; padding:0 12px !important; border:1px solid #dfe4ea !important; border-radius:7px !important; font-size:13px !important; }
html body.page-requirements .requirement-assessment button { min-height:42px !important; padding:0 18px !important; border-radius:7px !important; font-size:12px !important; }
html body.page-requirements .requirements-list { display:grid !important; gap:0 !important; padding:0 20px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; background:#fff !important; }
html body.page-requirements .requirements-list::before { display:block; padding:22px 0 14px; border-bottom:1px solid #edf0f4; color:#111827; content:'Requirements coverage'; font-size:18px; font-weight:700; }
html body.page-requirements .requirement-summary-row { display:grid !important; grid-template-columns:78px minmax(0,1fr) 72px 34px 34px !important; align-items:center !important; gap:12px !important; min-height:68px !important; padding:10px 0 !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-requirements .requirement-summary-row:last-child { border-bottom:0 !important; }
html body.page-requirements .requirement-id { color:#1769e8 !important; font-size:11px !important; font-weight:700 !important; }
html body.page-requirements .requirement-summary-row p { min-width:0 !important; margin:0 !important; overflow:hidden !important; color:#34445d !important; font-size:13px !important; line-height:1.4 !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-requirements .requirement-coverage { display:grid !important; justify-items:end !important; gap:2px !important; }
html body.page-requirements .requirement-coverage b { color:#111827 !important; font-size:14px !important; }
html body.page-requirements .requirement-coverage small { color:#7a8798 !important; font-size:10px !important; }
html body.page-requirements .requirement-details,
html body.page-requirements .requirement-delete { width:28px !important; height:28px !important; padding:0 !important; border:1px solid #dfe4ea !important; border-radius:6px !important; color:#526079 !important; background:#fff !important; font-size:13px !important; }
html body.page-requirements .requirements-empty { margin:0 !important; padding:70px 20px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; text-align:center !important; }
html body.page-requirements .requirements-empty b { color:#111827 !important; font-size:18px !important; }
html body.page-requirements .requirements-empty p { color:#526079 !important; font-size:12px !important; }
html body.page-delivery .delivery-hero { display:flex !important; align-items:flex-start !important; justify-content:space-between !important; gap:24px !important; margin:0 0 18px !important; padding:22px 28px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; }
html body.page-delivery .delivery-kicker,
html body.page-delivery .milestone-progress > header > div > span,
html body.page-delivery .milestone-setup > span { color:#526079 !important; font-size:12px !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; }
html body.page-delivery .delivery-hero h2,
html body.page-delivery .milestone-progress h2,
html body.page-delivery .milestone-setup h2 { margin:7px 0 4px !important; color:#111827 !important; font-size:25px !important; line-height:1.15 !important; }
html body.page-delivery .delivery-hero p,
html body.page-delivery .milestone-progress p,
html body.page-delivery .milestone-setup p { margin:0 !important; color:#526079 !important; font-size:12px !important; line-height:1.5 !important; }
html body.page-delivery .delivery-hero-action { display:grid !important; justify-items:end !important; gap:10px !important; }
html body.page-delivery .delivery-hero-action b { color:#526079 !important; font-size:12px !important; }
html body.page-delivery .delivery-summary { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; margin:0 0 18px !important; padding:20px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; background:#fff !important; }
html body.page-delivery .delivery-summary > div { display:grid !important; gap:4px !important; padding:0 20px !important; border-right:1px solid #edf0f4 !important; }
html body.page-delivery .delivery-summary > div:last-child { border-right:0 !important; }
html body.page-delivery .delivery-summary b { color:#111827 !important; font-size:30px !important; line-height:1 !important; }
html body.page-delivery .delivery-summary span { color:#526079 !important; font-size:11px !important; }
html body.page-delivery .delivery-attention,
html body.page-delivery .milestone-progress { padding:0 20px 20px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; background:#fff !important; }
html body.page-delivery .delivery-attention > header,
html body.page-delivery .milestone-progress > section > header { display:flex !important; align-items:center !important; justify-content:space-between !important; padding:20px 0 14px !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-delivery .delivery-attention h3,
html body.page-delivery .milestone-progress h3 { margin:0 !important; color:#111827 !important; font-size:18px !important; }
html body.page-delivery .delivery-attention > header p,
html body.page-delivery .milestone-progress > section > header p { margin:5px 0 0 !important; color:#526079 !important; font-size:11px !important; }
html body.page-delivery .delivery-findings { display:grid !important; gap:0 !important; }
html body.page-delivery .delivery-finding,
html body.page-delivery .implementation-answer { display:grid !important; grid-template-columns:110px minmax(0,1fr) auto !important; align-items:center !important; gap:16px !important; padding:16px 0 !important; border-bottom:1px solid #edf0f4 !important; }
html body.page-delivery .delivery-finding:last-child { border-bottom:0 !important; }
html body.page-delivery .delivery-finding h3,
html body.page-delivery .implementation-answer h3 { margin:0 0 5px !important; color:#34445d !important; font-size:13px !important; line-height:1.35 !important; }
html body.page-delivery .delivery-finding p,
html body.page-delivery .implementation-answer p { margin:0 !important; color:#526079 !important; font-size:11px !important; line-height:1.45 !important; }
html body.page-delivery .delivery-empty { padding:26px 0 !important; color:#526079 !important; font-size:12px !important; }
html body.page-delivery .milestone-coverage { display:grid !important; grid-template-columns:125px minmax(0,1fr) !important; align-items:center !important; gap:14px 22px !important; margin:20px 0 !important; padding:20px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; }
html body.page-delivery .milestone-coverage > div:first-child { display:grid !important; gap:5px !important; }
html body.page-delivery .milestone-coverage > div:first-child b { color:#ff5f00 !important; font-size:38px !important; line-height:1 !important; }
html body.page-delivery .milestone-coverage > div:first-child span { color:#34445d !important; font-size:11px !important; font-weight:700 !important; text-transform:uppercase !important; }
html body.page-delivery .milestone-coverage > p { grid-column:1 / -1 !important; }
html body.page-delivery .milestone-progress-bar { height:10px !important; border-radius:10px !important; background:#edf0f4 !important; }
html body.page-delivery .milestone-progress-bar i { display:block !important; height:100% !important; border-radius:inherit !important; background:#111c20 !important; }
html body.page-delivery .milestone-assessment { margin:20px 0; border:1px solid #dfe4ea; border-left:4px solid #b7791f; border-radius:8px; background:#fff; }
html body.page-delivery .milestone-assessment.ready { border-left-color:#16803c; }
html body.page-delivery .milestone-assessment.at_risk { border-left-color:#c2410c; }
html body.page-delivery .milestone-assessment.blocked { border-left-color:#b42318; }
html body.page-delivery .milestone-assessment > header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px; border-bottom:1px solid #edf0f4; }
html body.page-delivery .milestone-assessment > header span { color:#526079; font-size:11px; font-weight:700; text-transform:uppercase; }
html body.page-delivery .milestone-assessment h3 { margin:3px 0 0; color:#111827; font-size:17px; }
html body.page-delivery .milestone-assessment-counts { display:flex; flex-wrap:wrap; gap:16px; padding:12px 16px; border-bottom:1px solid #edf0f4; color:#526079; font-size:11px; }
html body.page-delivery .milestone-assessment-counts b { color:#111827; font-size:16px; }
html body.page-delivery .milestone-blockers { display:grid; }
html body.page-delivery .milestone-blocker { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:16px; padding:14px 16px; border-bottom:1px solid #edf0f4; }
html body.page-delivery .milestone-blocker:last-child { border-bottom:0; }
html body.page-delivery .milestone-blocker b { display:block; color:#34445d; font-size:12px; line-height:1.4; }
html body.page-delivery .milestone-blocker span { display:block; margin-top:3px; color:#526079; font-size:11px; }
html body.page-delivery .milestone-resolved-requirement { background:#fbfefc; }
html body.page-delivery .milestone-resolved-status { margin:0; padding:4px 7px; border-radius:5px; color:#126b35 !important; background:#e6f8ed; font-size:10px !important; font-weight:700; white-space:nowrap; }
html body.page-delivery .milestone-action { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:0; min-height:32px; padding:0 10px; border-radius:6px; color:var(--reqrail-page-ink); font-size:11px; font-weight:600; white-space:nowrap; }
html body.page-delivery .milestone-action span { margin:0; color:inherit; font:inherit; }
html body.page-delivery .milestone-action svg { width:14px; height:14px; stroke-width:2; }
html body.page-delivery .milestone-setup { display:grid !important; gap:18px !important; max-width:none !important; margin:0 !important; padding:28px !important; border:1px solid #dfe4ea !important; border-radius:12px !important; background:#fff !important; }
html body.page-delivery .milestone-setup > p { max-width:720px !important; }
html body.page-delivery .milestone-no-requirements .milestone-add-requirements { display:grid !important; gap:8px !important; max-width:560px !important; margin-top:4px !important; padding:22px !important; border:1px solid #dfe4ea !important; border-radius:10px !important; background:#f8fafc !important; }
html body.page-delivery .milestone-add-requirements b { color:#111827 !important; font-size:15px !important; }
html body.page-delivery .milestone-add-requirements span { color:#526079 !important; font-size:11px !important; }
html body.page-delivery .milestone-add-requirements button { justify-self:start !important; margin-top:6px !important; min-height:38px !important; padding:0 16px !important; font-size:12px !important; }
html body.page-delivery .milestone-fields { display:grid !important; grid-template-columns:minmax(0,1fr) 220px !important; gap:14px !important; }
html body.page-delivery .milestone-fields label { display:grid !important; gap:6px !important; color:#526079 !important; font-size:11px !important; font-weight:700 !important; }
html body.page-delivery .milestone-fields input { min-height:40px !important; padding:0 11px !important; border:1px solid #dfe4ea !important; border-radius:7px !important; font-size:12px !important; }
html body.page-delivery .milestone-setup fieldset { display:grid !important; gap:0 !important; margin:0 !important; padding:0 !important; border:1px solid #dfe4ea !important; border-radius:10px !important; }
html body.page-delivery .milestone-setup legend { margin-left:14px !important; padding:0 6px !important; color:#111827 !important; font-size:15px !important; font-weight:700 !important; }
html body.page-delivery .milestone-requirement { display:grid !important; grid-template-columns:18px 72px minmax(0,1fr) !important; align-items:center !important; gap:10px !important; min-height:48px !important; padding:8px 14px !important; border-bottom:1px solid #edf0f4 !important; color:#34445d !important; font-size:12px !important; }
html body.page-delivery .milestone-requirement:last-child { border-bottom:0 !important; }
html body.page-delivery .milestone-requirement span { color:#1769e8 !important; font-size:11px !important; font-weight:700 !important; }
html body.page-delivery .milestone-requirement b { overflow:hidden !important; font-size:12px !important; text-overflow:ellipsis !important; white-space:nowrap !important; }
html body.page-delivery .milestone-setup form > .primary { justify-self:start !important; min-height:40px !important; padding:0 18px !important; font-size:12px !important; }
@media (max-width:700px) {
  html body.page-requirements .requirement-assessment > div { flex-direction:column !important; }
  html body.page-requirements .requirement-summary-row { grid-template-columns:62px minmax(0,1fr) 58px 30px 30px !important; gap:6px !important; }
  html body.page-delivery .delivery-hero { flex-direction:column !important; padding:20px !important; }
  html body.page-delivery .delivery-hero-action { justify-items:start !important; }
  html body.page-delivery .delivery-summary { grid-template-columns:1fr !important; gap:16px !important; }
  html body.page-delivery .delivery-summary > div { border-right:0 !important; }
  html body.page-delivery .milestone-fields { grid-template-columns:1fr !important; }
  html body.page-delivery .milestone-assessment > header,
  html body.page-delivery .milestone-blocker { align-items:start; flex-direction:column; grid-template-columns:1fr; }
  html body.page-delivery .milestone-setup { padding:20px !important; }
}
html body.page-change-intelligence .reference-change-card { color:#111827 !important; border-color:#dfe4ea !important; background:#fff !important; }
html body.page-change-intelligence .reference-change-card header span { font-size:12px !important; color:#526079 !important; }
html body.page-change-intelligence .reference-change-card header b { font-size:14px !important; color:#111827 !important; }
html body.page-change-intelligence .reference-change-card p,
html body.page-change-intelligence .reference-change-card small { font-size:11px !important; color:#526079 !important; }
html body.page-change-intelligence .actions-card li,
html body.page-change-intelligence .affected-capabilities-card li b,
html body.page-change-intelligence .timeline-card strong { font-size:12px !important; }
html body.page-change-intelligence .actions-card button,
html body.page-change-intelligence .share-card button { font-size:12px !important; color:#1769e8 !important; border-color:#dfe4ea !important; }
:root {
  --reqrail-font-ui:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --reqrail-theme-ink:#111827;
  --reqrail-theme-muted:#526079;
  --reqrail-theme-line:#dfe4ea;
  --reqrail-theme-surface:#fff;
  --reqrail-theme-blue:#1769e8;
  --reqrail-theme-blue-soft:#f4f8ff;
}
body,
body button,
body input,
body textarea,
body select,
body label,
body span,
body p,
body small,
body em,
body strong,
body b,
body dt,
body dd { font-family:var(--reqrail-font-ui) !important; letter-spacing:0 !important; }
body { color:var(--reqrail-theme-ink) !important; background:var(--reqrail-theme-surface) !important; }
body label,
body .workspace-insights label,
body .reference-change-card header span { font-size:12px !important; color:var(--reqrail-theme-muted) !important; }
body p,
body small,
body em,
body .workspace-insights p,
body .workspace-insights small,
body .workspace-insights em { font-size:11px !important; color:var(--reqrail-theme-muted) !important; }
body button,
body input,
body textarea,
body select { font-size:12px !important; color:var(--reqrail-theme-ink); border-color:var(--reqrail-theme-line); background:var(--reqrail-theme-surface); }
body button:hover:not(:disabled) { border-color:var(--reqrail-theme-blue); background:var(--reqrail-theme-blue-soft); }
body .workspace-insights h1,
body .workspace-insights h2,
body .workspace-insights h3,
body .workspace-insights h4 { color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .change-page-heading h1 { font-size:22px !important; color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .change-page-heading p { font-size:11px !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { color:var(--reqrail-theme-ink) !important; border-color:var(--reqrail-theme-line) !important; background:var(--reqrail-theme-surface) !important; }
body.page-change-intelligence .reference-change-card header span { font-size:12px !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .reference-change-card header b { font-size:14px !important; color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { font-size:11px !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b,
body.page-change-intelligence .timeline-card strong { font-size:12px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { font-size:12px !important; color:var(--reqrail-theme-blue) !important; border-color:var(--reqrail-theme-line) !important; }

/* Canonical ReqRail theme: all shared controls and text use one scale. */
:root {
  --reqrail-font-ui:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif;
  --reqrail-size-body:14px;
  --reqrail-size-label:12px;
  --reqrail-size-support:11px;
  --reqrail-size-control:12px;
  --reqrail-theme-ink:#111827;
  --reqrail-theme-muted:#526079;
  --reqrail-theme-soft:#7a8798;
  --reqrail-theme-line:#dfe4ea;
  --reqrail-theme-surface:#fff;
  --reqrail-theme-blue:#1769e8;
  --reqrail-theme-blue-soft:#f4f8ff;
}
body,
body button,
body input,
body textarea,
body select,
body label,
body span,
body p,
body small,
body em,
body strong,
body b,
body dt,
body dd { font-family:var(--reqrail-font-ui) !important; letter-spacing:0 !important; }
body { color:var(--reqrail-theme-ink) !important; background:var(--reqrail-theme-surface) !important; }
body label,
body .workspace-insights label,
body .change-reference-grid header span,
body .change-reference-grid .card-label { font-size:var(--reqrail-size-label) !important; color:var(--reqrail-theme-muted) !important; }
body p,
body small,
body em,
body .workspace-insights p,
body .workspace-insights small,
body .workspace-insights em { font-size:var(--reqrail-size-support) !important; color:var(--reqrail-theme-muted) !important; }
body button,
body input,
body textarea,
body select { font-size:var(--reqrail-size-control) !important; color:var(--reqrail-theme-ink); border-color:var(--reqrail-theme-line); background:var(--reqrail-theme-surface); }
body button:hover:not(:disabled) { border-color:var(--reqrail-theme-blue); background:var(--reqrail-theme-blue-soft); }
body .workspace-insights button,
body .workspace-insights input,
body .workspace-insights select,
body .workspace-insights textarea { font-size:var(--reqrail-size-control) !important; }
body .workspace-insights h1,
body .workspace-insights h2,
body .workspace-insights h3,
body .workspace-insights h4 { color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .change-page-heading h1 { font-size:22px !important; color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .change-page-heading p { font-size:var(--reqrail-size-support) !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { color:var(--reqrail-theme-ink) !important; border-color:var(--reqrail-theme-line) !important; background:var(--reqrail-theme-surface) !important; }
body.page-change-intelligence .reference-change-card header span { font-size:var(--reqrail-size-label) !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .reference-change-card header b { font-size:var(--reqrail-size-body) !important; color:var(--reqrail-theme-ink) !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { font-size:var(--reqrail-size-support) !important; color:var(--reqrail-theme-muted) !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b,
body.page-change-intelligence .timeline-card strong { font-size:var(--reqrail-size-body) !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { font-size:var(--reqrail-size-control) !important; color:var(--reqrail-theme-blue) !important; border-color:var(--reqrail-theme-line) !important; }
body.page-change-intelligence .risk-strip-lead span,
body.page-change-intelligence .risk-strip-stats span,
body.page-change-intelligence .change-summary > span,
body.page-change-intelligence .risk-panel > span { font-size:10px !important; }
body.page-change-intelligence .risk-strip-lead strong,
body.page-change-intelligence .change-summary p { font-size:16px !important; }
body.page-change-intelligence .risk-strip-lead small,
body.page-change-intelligence .risk-strip-stats small,
body.page-change-intelligence .risk-panel small,
body.page-change-intelligence .change-period { font-size:10px !important; }
body.page-change-intelligence .risk-strip-stats b,
body.page-change-intelligence .risk-strip-stats .risk-strip-regression strong { font-size:20px !important; }
body.page-change-intelligence .reference-change-card header span { font-size:12px !important; }
body.page-change-intelligence .reference-change-card header b { font-size:16px !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { font-size:11px !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b,
body.page-change-intelligence .timeline-card strong { font-size:12px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { font-size:11px !important; }
body.page-change-intelligence .what-changed-card dt,
body.page-change-intelligence .timeline-card small,
body.page-change-intelligence .change-commit small { font-size:10px !important; }
body.page-change-intelligence .what-changed-card dd,
body.page-change-intelligence .affected-capabilities-card li strong { font-size:12px !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { color:var(--reqrail-page-ink) !important; }
body.page-change-intelligence .risk-strip-lead > i { font-size:20px !important; }
body.page-change-intelligence .risk-strip-lead span,
body.page-change-intelligence .risk-strip-stats span,
body.page-change-intelligence .change-summary > span,
body.page-change-intelligence .risk-panel > span { font-size:10px !important; }
body.page-change-intelligence .risk-strip-lead strong,
body.page-change-intelligence .change-summary p { font-size:16px !important; }
body.page-change-intelligence .risk-strip-lead small,
body.page-change-intelligence .risk-strip-stats small,
body.page-change-intelligence .risk-panel small,
body.page-change-intelligence .change-period { font-size:10px !important; }
body.page-change-intelligence .risk-strip-stats b,
body.page-change-intelligence .risk-strip-stats .risk-strip-regression strong { font-size:20px !important; }
body.page-change-intelligence .reference-change-card header span { font-size:12px !important; }
body.page-change-intelligence .reference-change-card header b { font-size:16px !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { font-size:11px !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b,
body.page-change-intelligence .timeline-card strong { font-size:12px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { font-size:11px !important; }
body.page-change-intelligence .what-changed-card dt,
body.page-change-intelligence .timeline-card small,
body.page-change-intelligence .change-commit small { font-size:10px !important; }
body.page-change-intelligence .what-changed-card dd,
body.page-change-intelligence .affected-capabilities-card li strong { font-size:12px !important; }

/* Final shared page standard. Keep this last so legacy pane themes cannot override it. */
:root {
  --page-ink:#111827;
  --page-muted:#526079;
  --page-soft:#7a8798;
  --page-line:#dfe4ea;
  --page-surface:#fff;
  --page-blue:#1769e8;
  --page-blue-soft:#f4f8ff;
}
body,
body button,
body input,
body textarea,
body select { font-family:Inter,"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif !important; letter-spacing:0 !important; }
body { color:var(--page-ink) !important; background:var(--page-surface) !important; }
body main,
body .workspace-insights,
body .change-intelligence,
body .delivery-verification,
body .requirements,
body .capability-ask { color:var(--page-ink) !important; background:var(--page-surface) !important; }
body .workspace-insights h1,
body .workspace-insights h2,
body .workspace-insights h3,
body .workspace-insights h4 { color:var(--page-ink) !important; }
body .workspace-insights p,
body .workspace-insights small,
body .workspace-insights label,
body .workspace-insights dt,
body .workspace-insights dd { color:var(--page-muted) !important; }
body .workspace-insights button:not(.primary):not(.secondary) { border-color:var(--page-line) !important; color:var(--page-blue) !important; background:var(--page-surface) !important; }
body .workspace-insights button:not(.primary):not(.secondary):hover { border-color:var(--page-blue) !important; color:var(--page-blue) !important; background:var(--page-blue-soft) !important; }
body .workspace-insights .primary { border-color:var(--page-blue) !important; color:#fff !important; background:var(--page-blue) !important; }
body .workspace-insights .secondary { border-color:var(--page-line) !important; color:var(--page-ink) !important; background:var(--page-surface) !important; }
body.page-change-intelligence .change-page-heading h1 { color:var(--page-ink) !important; font-size:22px !important; font-weight:600 !important; }
body.page-change-intelligence .change-page-heading p { color:var(--page-muted) !important; font-size:11px !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { border-color:var(--page-line) !important; background:var(--page-surface) !important; }
body.page-change-intelligence .reference-change-card header span,
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small,
body.page-change-intelligence .what-changed-card dt,
body.page-change-intelligence .timeline-card small { color:var(--page-muted) !important; }
body.page-change-intelligence .reference-change-card header b,
body.page-change-intelligence .what-changed-card dd,
body.page-change-intelligence .timeline-card strong,
body.page-change-intelligence .change-commit > span,
body.page-change-intelligence .capability-impact li b,
body.page-change-intelligence .affected-capabilities-card li b { color:var(--page-ink) !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { border-color:var(--page-line) !important; color:var(--page-blue) !important; background:var(--page-surface) !important; }
body.page-change-intelligence .actions-card button:hover,
body.page-change-intelligence .share-card button:hover { border-color:var(--page-blue) !important; background:var(--page-blue-soft) !important; }
body.page-change-intelligence .change-window button.active { border-color:var(--page-blue) !important; color:#fff !important; background:var(--page-blue) !important; }
body.page-change-intelligence .change-commit small,
body.page-change-intelligence .capability-impact li small { color:var(--page-muted) !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { font-size:15px !important; }
body.page-change-intelligence .reference-change-card header span,
body.page-change-intelligence .reference-change-card header b,
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { line-height:1.35 !important; }
body.page-change-intelligence .reference-change-card header span { font-size:11px !important; }
body.page-change-intelligence .reference-change-card header b { font-size:12px !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { font-size:10px !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b { font-size:11px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { font-size:10px !important; }

body.sidebar-collapsed .product-nav button span,
body.sidebar-collapsed .product-nav-settings span { width:18px !important; color:#43638f !important; font-size:20px !important; transform:scale(1.2); transform-origin:center; }

/* Keep the collapse control on the logo row and against the rail edge. */
.product-sidebar-brand { flex-direction:row !important; align-items:center !important; gap:8px !important; }
.product-sidebar-brand-lockup { flex:0 0 auto; }
.product-sidebar > #sidebar-collapse { align-self:end; margin:2px 0 5px !important; }
.sidebar-collapse span { width:9px; height:9px; border-right:1.8px solid currentColor; border-bottom:1.8px solid currentColor; transform:rotate(135deg); }
.sidebar-collapse[aria-expanded="false"] span { transform:rotate(-45deg); }
body > .product-sidebar > #sidebar-collapse { align-self:flex-end !important; margin:2px -12px 5px 0 !important; border-radius:7px 0 0 7px; border-right:0 !important; }
body.sidebar-collapsed > .product-sidebar > #sidebar-collapse { margin-right:-8px !important; }
body.sidebar-collapsed .product-sidebar-brand-lockup { width:100% !important; justify-content:center !important; }

/* Keep the knowledge base and selected capability in a stable viewport frame. */
@media (min-width:701px) {
  #repository-graph-panel { height:min(620px, calc(100vh - 190px)); min-height:0; }
  #capability-store,
  #capability-store .capability-store-grid { height:100%; min-height:0; }
  #capability-store .capability-store-grid { overflow:hidden; }
  #capability-store .capability-categories,
  #capability-store .capability-detail { min-height:0; height:100%; overflow:auto; }
}

/* Use the lighter report-card treatment for capability detail boxes. */
.capability-detail { border-color:#dfe4ea !important; border-radius:15px !important; box-shadow:none !important; }
.reference-detail-grid { gap:16px !important; padding:16px !important; }
.reference-detail-grid .detail-card { min-height:178px !important; padding:20px !important; border-color:#dfe4ea !important; border-radius:15px !important; background:#fff !important; box-shadow:none !important; }
.reference-detail-grid h3 { margin-bottom:14px !important; color:#596273 !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.06em; text-transform:uppercase; }
.reference-detail-grid p { color:#526079 !important; font-size:10px !important; line-height:1.6 !important; }
.reference-detail-grid small { color:#7a8798 !important; font-size:9px !important; }
.reference-detail-grid .empty-placeholder { gap:7px !important; align-content:start !important; justify-items:start !important; min-height:118px !important; padding:0 !important; border:0 !important; background:transparent !important; text-align:left !important; }
.reference-detail-grid .empty-placeholder i { display:none !important; }
.reference-detail-grid .empty-placeholder p { margin:8px 0 0 !important; color:#111827 !important; font-size:22px !important; font-weight:600 !important; line-height:1.15 !important; }
.reference-detail-grid .empty-placeholder small { color:#526079 !important; font-size:10px !important; line-height:1.5 !important; }
.reference-detail-grid .value-card > strong { display:block !important; margin:10px 0 8px !important; padding:0 !important; color:#111827 !important; background:transparent !important; font-size:30px !important; font-weight:500 !important; line-height:1 !important; }
.reference-detail-grid .evidence-card > small { display:block; margin:8px 0 10px; font-size:10px !important; }
.reference-detail-grid .evidence-card dl { margin-top:0 !important; }
.reference-detail-grid .evidence-card dl dd { color:#111827 !important; font-size:18px !important; font-weight:600 !important; }

/* Summary metrics follow the same label, value, and supporting-note hierarchy. */
.workspace-summary { min-height:82px !important; padding:0 14px !important; border:1px solid #d8e3f2 !important; border-radius:10px !important; background:#fff !important; }
.workspace-summary article { gap:14px !important; min-height:54px !important; padding:0 22px !important; border-right:1px solid #e7edf5 !important; }
.workspace-summary article > div { display:grid; align-content:center; gap:2px; }
.workspace-summary strong { order:1; color:#0f172a !important; font-size:17px !important; line-height:1.05 !important; }
.workspace-summary small { order:2; margin-top:2px !important; color:#526079 !important; font-size:10px !important; line-height:1.2 !important; }
.workspace-summary em { order:3; margin-top:2px !important; color:#718096 !important; font-size:9px !important; line-height:1.2 !important; }
.workspace-summary .summary-icon { flex:none; width:34px !important; height:34px !important; }
.workspace-summary article:first-child { padding-left:18px !important; }

/* Individual metric cards match the clearer report reference. */
.workspace-summary { grid-template-columns:repeat(6,minmax(0,1fr)) !important; gap:12px !important; min-height:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
.workspace-summary article { display:block !important; min-height:112px !important; padding:20px !important; border:1px solid #dfe4ea !important; border-radius:15px !important; background:#fff !important; }
.workspace-summary article > div { display:flex !important; flex-direction:column; align-items:flex-start; }
.workspace-summary .summary-icon { display:none !important; }
.workspace-summary small { order:1; display:block; margin:0 !important; color:#596273 !important; font-size:11px !important; font-weight:500 !important; letter-spacing:.06em; line-height:1.2 !important; text-transform:uppercase; }
.workspace-summary strong { order:2; display:block; margin:14px 0 8px !important; font-size:30px !important; font-weight:500 !important; line-height:1 !important; }
.workspace-summary em { order:3; display:block; margin-top:0 !important; color:#526079 !important; font-size:10px !important; line-height:1.3 !important; }
@media (max-width:1050px) { .workspace-summary { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media (max-width:700px) { .workspace-summary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }.workspace-summary article { min-height:104px !important; padding:16px !important; }.workspace-summary strong { font-size:25px !important; } }

/* Subtle semantic accents keep each metric card distinct without overpowering the data. */
.workspace-summary article:nth-child(1) { border-color:#cfe0fb !important; background:#f7faff !important; }
.workspace-summary article:nth-child(1) strong { color:#1769e8 !important; }
.workspace-summary article:nth-child(2) { border-color:#ccefe0 !important; background:#f7fdfa !important; }
.workspace-summary article:nth-child(2) strong { color:#159a68 !important; }
.workspace-summary article:nth-child(3) { border-color:#e1d8fb !important; background:#fbfaff !important; }
.workspace-summary article:nth-child(3) strong { color:#7545d8 !important; }
.workspace-summary article:nth-child(4) { border-color:#f5dfbb !important; background:#fffaf3 !important; }
.workspace-summary article:nth-child(4) strong { color:#d98216 !important; }
.workspace-summary article:nth-child(5) { border-color:#f3d2d9 !important; background:#fff9fa !important; }
.workspace-summary article:nth-child(5) strong { color:#d84b63 !important; }
.workspace-summary article:nth-child(6) { border-color:#dce3ed !important; background:#fafbfd !important; }
.workspace-summary article:nth-child(6) strong { color:#536681 !important; }

/* Keep repository identity and controls visible while the workspace scrolls. */
body > .topbar { position:sticky; top:0; z-index:30; }

.workspace-heading { margin:0 0 14px !important; }
.workspace-heading h1 { margin:0 !important; color:#111827 !important; font-size:22px !important; font-weight:600 !important; line-height:1.2 !important; }

body.page-change-intelligence > main { margin-top:20px !important; }
body.page-change-intelligence #workspace > .workspace-heading,
body.page-change-intelligence #workspace > .workspace-summary,
body.page-change-intelligence #workspace > #repository-graph-panel { display:none !important; }
body.page-change-intelligence #workspace > .workspace-insights { display:block !important; width:100% !important; margin:0 !important; border:0 !important; background:#fff !important; }
body.page-change-intelligence .workspace-insights > .insight-tabs { display:none !important; }
body.page-change-intelligence #change-intelligence { display:flex !important; min-height:0 !important; border:0 !important; background:#fff !important; color:#172033 !important; overflow:visible !important; }
body.page-change-intelligence .change-page-heading { display:grid; gap:3px; margin:0 0 18px; }
body.page-change-intelligence .change-page-heading h1 { margin:0; color:#151b2b; font-size:22px; font-weight:700; line-height:1.15; }
body.page-change-intelligence .change-page-heading p { margin:0; color:#68758a; font-size:11px; line-height:1.4; }

body.page-change-intelligence .capability-drift-summary { margin:0 0 14px; border:1px solid #dfe5ed; border-left:4px solid #1769e8; border-radius:6px; background:#fff; }
body.page-change-intelligence .capability-drift-summary.attention_required { border-left-color:#d28b18; }
body.page-change-intelligence .capability-drift-summary.no_drift { border-left-color:#16885f; }
body.page-change-intelligence .capability-drift-summary > header { display:flex; justify-content:space-between; gap:18px; padding:13px 15px 10px; border:0; }
body.page-change-intelligence .capability-drift-summary header span { color:#6b778b; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .capability-drift-summary h2 { margin:3px 0; color:#172235; font-size:16px; }
body.page-change-intelligence .capability-drift-summary p { margin:0; color:#68758a; font-size:11px; }
body.page-change-intelligence .drift-count { display:grid; align-content:center; justify-items:end; }
body.page-change-intelligence .drift-count b { color:#1769e8; font-size:24px; line-height:1; }
body.page-change-intelligence .drift-count span { font-size:10px; letter-spacing:0; text-transform:none; }
body.page-change-intelligence .drift-metrics { display:flex; flex-wrap:wrap; gap:8px; padding:0 15px 11px; }
body.page-change-intelligence .drift-metrics span { padding:3px 7px; border:1px solid #e0e6ef; border-radius:4px; color:#526079; font-size:10px; }
body.page-change-intelligence .capability-drift-summary ul { display:grid; gap:1px; margin:0; padding:0; list-style:none; border-top:1px solid #e7ebf0; }
body.page-change-intelligence .capability-drift-summary .drift-finding > button { display:grid; grid-template-columns:minmax(130px,.5fr) auto minmax(0,1.5fr); gap:10px; width:100%; padding:9px 15px; border:0; background:#fff; color:#28364a; text-align:left; cursor:pointer; }
body.page-change-intelligence .capability-drift-summary .drift-finding > button:hover { background:#f6f9fd; }
body.page-change-intelligence .capability-drift-summary li small { color:#68758a; font-size:10px; line-height:1.35; }
body.page-change-intelligence .drift-finding { display:grid; grid-template-columns:minmax(0,980px) 168px auto; align-items:center; gap:12px; }
body.page-change-intelligence .drift-impact { display:grid; grid-template-columns:auto 34px 78px; align-items:center; gap:7px; }
body.page-change-intelligence .drift-impact b { padding:3px 6px; border-radius:4px; color:#a76a00; background:#fff2df; font-size:9px; font-weight:700; text-align:center; }
body.page-change-intelligence .drift-impact strong { color:#34445d; font-size:10px; text-align:right; }
body.page-change-intelligence .drift-impact i { display:block; height:3px; overflow:hidden; border-radius:2px; background:#e4e9f0; }
body.page-change-intelligence .drift-impact i em { display:block; height:100%; border-radius:inherit; background:#f59e0b; }
body.page-change-intelligence .drift-impact.high b { color:#bf4049; background:#fff0f0; }
body.page-change-intelligence .drift-impact.high i em { background:#ef4444; }
body.page-change-intelligence .drift-impact.low b { color:#16885f; background:#e6f8ed; }
body.page-change-intelligence .drift-impact.low i em { background:#22a06b; }
body.page-change-intelligence .drift-actions { display:grid; justify-items:end; gap:4px; padding-right:12px; }
body.page-change-intelligence .drift-actions span { width:100%; color:#68758a; font-size:9px; text-align:right; text-transform:capitalize; }
body.page-change-intelligence .drift-decision { display:flex; align-items:center; gap:8px; margin:0; padding:0; border:0; color:#526079; font-size:10px; }
body.page-change-intelligence .drift-decision legend { padding:0; color:#526079; font-size:9px; font-weight:700; }
body.page-change-intelligence .drift-decision label { display:flex; align-items:center; gap:3px; cursor:pointer; }
body.page-change-intelligence .drift-decision input { margin:0; accent-color:#1769e8; }
body.page-change-intelligence .drift-classification { align-self:start; padding:2px 5px; border-radius:3px; background:#eef4ff; color:#1769e8; font-size:9px; }
body.page-change-intelligence .drift-classification.evidence_weakened { background:#fff2df; color:#a76a00; }
body.page-change-intelligence .drift-classification.removed { background:#fff0f0; color:#bf4049; }
body.page-change-intelligence .drift-empty { padding:10px 15px; color:#68758a; font-size:11px; }
@media (max-width: 680px) { body.page-change-intelligence .capability-drift-summary .drift-finding { grid-template-columns:minmax(0,1fr) auto; } body.page-change-intelligence .capability-drift-summary .drift-finding > button { grid-column:1 / -1; grid-template-columns:1fr; gap:4px; } }
body.page-change-intelligence .change-risk-strip { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,2.65fr); min-height:92px; margin:0 0 12px; border:1px solid #f2c6c8; border-radius:6px; background:linear-gradient(100deg,#fffafa,#fff); }
body.page-change-intelligence .change-risk-strip.low,
body.page-change-intelligence .change-risk-strip.none { border-color:#bfe7d3; background:linear-gradient(100deg,#f7fffa,#fff); }
body.page-change-intelligence .risk-strip-lead { display:flex; align-items:center; gap:14px; padding:14px 18px; }
body.page-change-intelligence .risk-strip-lead > i { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border-radius:50%; color:#fff; background:#ef4444; font-size:20px; font-style:normal; font-weight:800; }
body.page-change-intelligence .change-risk-strip.low .risk-strip-lead > i,
body.page-change-intelligence .change-risk-strip.none .risk-strip-lead > i { background:#16885f; }
body.page-change-intelligence .risk-strip-lead div { display:grid; gap:3px; }
body.page-change-intelligence .risk-strip-lead span { color:#dc3f43; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .change-risk-strip.low .risk-strip-lead span,
body.page-change-intelligence .change-risk-strip.none .risk-strip-lead span { color:#16885f; }
body.page-change-intelligence .risk-strip-lead strong { color:#17233b; font-size:14px; line-height:1.25; }
body.page-change-intelligence .risk-strip-lead small { color:#68758a; font-size:9px; }
body.page-change-intelligence .risk-strip-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) 1.15fr; margin:12px 12px 12px 0; border:1px solid #f0f2f6; border-radius:4px; background:#fff; }
body.page-change-intelligence .risk-strip-stats > div { display:grid; align-content:center; gap:2px; padding:8px 12px; border-right:1px solid #edf0f5; }
body.page-change-intelligence .risk-strip-stats > div:last-child { border-right:0; }
body.page-change-intelligence .risk-strip-stats b { color:#087da4; font-size:18px; line-height:1; }
body.page-change-intelligence .risk-strip-stats span { color:#34445d; font-size:8px; }
body.page-change-intelligence .risk-strip-stats small { color:#8893a4; font-size:7px; }
body.page-change-intelligence .risk-strip-stats .risk-strip-regression strong { color:#ef4444; font-size:16px; line-height:1; }
body.page-change-intelligence .risk-strip-regression > i { display:block; width:100%; height:3px; margin-top:4px; border-radius:3px; background:#f0f2f6; }
body.page-change-intelligence .risk-strip-regression > i b { display:block; height:100%; border-radius:3px; background:#ef4444; }
body.page-change-intelligence .change-overview { display:none !important; }
body.page-change-intelligence .change-window-overview { display:grid; grid-template-columns:minmax(0,1fr) 280px; width:100%; align-items:stretch; gap:10px; margin:0 0 14px; }
body.page-change-intelligence .compact-change-summary { display:grid; grid-template-columns:210px minmax(0,1fr) 180px; width:100%; align-items:center; gap:16px; margin:0; padding:12px 16px; border:1px solid #d8e0eb; border-radius:6px; background:#fff; }
body.page-change-intelligence .compact-change-header { grid-column:1 / -1; padding:0 0 10px; border-bottom:1px solid #e6eaf0; }
body.page-change-intelligence .compact-change-header h2 { margin:0; color:#17233a; font-size:15px; line-height:1.25; }
body.page-change-intelligence .compact-change-header p { display:none; }
body.page-change-intelligence .compact-change-controls { display:grid; gap:6px; align-self:center; }
body.page-change-intelligence .compact-change-controls > span { grid-column:auto; }
body.page-change-intelligence .compact-change-controls small { grid-column:auto; }
body.page-change-intelligence .compact-change-controls > span,
body.page-change-intelligence .compact-change-copy > span,
body.page-change-intelligence .compact-change-trend figcaption { color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .compact-change-controls small { color:#61708a; font-size:12px; }
body.page-change-intelligence .compact-change-controls .change-window { justify-self:start; }
body.page-change-intelligence .compact-change-copy { min-width:0; padding-left:16px; border-left:1px solid #e6eaf0; }
body.page-change-intelligence .compact-change-copy p { margin:5px 0 0; color:#1a2740; font-size:13px; font-weight:600; line-height:1.45; }
body.page-change-intelligence .compact-change-trend { min-width:0; margin:0; padding-left:16px; border-left:1px solid #e6eaf0; color:#2f72e8; }
body.page-change-intelligence .compact-change-trend figcaption { margin-bottom:3px; }
body.page-change-intelligence .compact-change-trend svg { display:block; width:100%; height:46px; overflow:visible; }
body.page-change-intelligence .compact-change-trend circle { fill:#fff; stroke:currentColor; stroke-width:2; }
body.page-change-intelligence .compact-change-trend text { fill:#718098; font-size:10px; }
body.page-change-intelligence .change-window-overview .affected-capabilities-card { min-height:0; padding:12px 14px; }
body.page-change-intelligence .change-window-overview .affected-capabilities-card header { margin-bottom:7px; }
body.page-change-intelligence .change-window-overview .affected-capabilities-card .change-empty { margin:0; padding:2px 0; color:#61708a; font-size:12px; line-height:1.4; }
body.page-change-intelligence .change-reference-grid .actions-card { grid-row:auto; min-width:0; min-height:0; padding:12px 14px; border:1px solid #e0e6ef; border-radius:6px; background:#fff; }
body.page-change-intelligence .change-reference-grid .actions-card header { margin-bottom:7px; }
body.page-change-intelligence .change-reference-grid .actions-card ul { gap:5px; }
body.page-change-intelligence .change-reference-grid .actions-card li { font-size:11px; }
body.page-change-intelligence .release-decision { display:grid; align-content:center; gap:5px; min-width:0; padding:12px 14px; border:1px solid #b9dfd0; border-radius:6px; background:#f5fcf8; }
body.page-change-intelligence .release-decision.review { border-color:#f0d8a5; background:#fffaf0; }
body.page-change-intelligence .release-decision > span { color:#547087; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .release-decision strong { color:#177a58; font-size:16px; line-height:1.2; }
body.page-change-intelligence .release-decision.review strong { color:#b66b00; }
body.page-change-intelligence .release-decision p { margin:0; color:#40526a; font-size:11px; line-height:1.4; }
body.page-change-intelligence .release-decision small { color:#177a58; font-size:10px; font-weight:700; }
body.page-change-intelligence .release-decision.review small { color:#b66b00; }
body.page-change-intelligence .change-overview { grid-template-columns:minmax(0,1.35fr) minmax(0,1.8fr) 210px; min-height:108px; padding:14px 16px; border:1px solid #f0bfc3; border-radius:6px; background:linear-gradient(100deg,#fffafa,#fff); }
body.page-change-intelligence .change-summary { border:0; background:transparent; }
body.page-change-intelligence .change-summary > span,
body.page-change-intelligence .risk-panel > span { color:#6d7890; font-size:9px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
body.page-change-intelligence .change-summary p { margin:4px 0 0; color:#1a2740; font-size:14px; font-weight:700; line-height:1.35; }
body.page-change-intelligence .risk-panel { min-width:0; padding:12px 14px; border:1px solid #f0e1e1; border-left:0; border-radius:5px; background:#fff; }
body.page-change-intelligence .risk-panel.high { border-color:#f0d5d7; background:#fff; }
body.page-change-intelligence .risk-panel b { color:#dd4c51; font-size:18px; }
body.page-change-intelligence .risk-panel.medium b { color:#cf8611; }
body.page-change-intelligence .risk-panel small { color:#6c788b; font-size:9px; }
body.page-change-intelligence .change-controls { order:3; }
body.page-change-intelligence .change-window button { min-width:38px; min-height:28px; padding:0 7px; border:1px solid #d9e1ed; border-radius:5px; color:#49617f; background:#fff; font-size:9px; }
body.page-change-intelligence .change-window button.active { border-color:#2f72e8; color:#fff; background:#2f72e8; box-shadow:none; }
body.page-change-intelligence .change-period { color:#738197; font-size:9px; }
body.page-change-intelligence .change-impact { display:flex !important; flex-direction:column; gap:14px; padding:14px 0 0; border:0; overflow:visible; }
body.page-change-intelligence .change-impact > header { display:none; }
body.page-change-intelligence .change-reference-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; order:1; }
body.page-change-intelligence .change-reference-grid .commit-impact { order:-2; min-width:0; min-height:0; padding:12px 14px; border:1px solid #e0e6ef; border-radius:6px; background:#fff; }
body.page-change-intelligence .change-reference-grid .technical-impact { order:-3; }
body.page-change-intelligence .change-reference-grid .timeline-card { order:-1; }
body.page-change-intelligence .change-reference-grid .actions-card { order:0; }
body.page-change-intelligence .change-reference-grid .share-card { order:1; }
body.page-change-intelligence .change-reference-grid .technical-impact { display:block; min-width:0; min-height:0; padding:12px 14px; border:1px solid #e0e6ef; border-radius:6px; background:#fff; }
body.page-change-intelligence .change-reference-grid .technical-impact > header { margin:0 0 10px; padding:0; border:0; background:transparent; }
body.page-change-intelligence .change-reference-grid .technical-impact > header > span { color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .change-reference-grid .technical-metrics { gap:8px; }
body.page-change-intelligence .change-reference-grid .technical-metrics > div { border-color:#edf0f5; }
body.page-change-intelligence .reference-change-card { min-width:0; min-height:104px; padding:12px 13px; border:1px solid #e0e6ef; border-radius:6px; background:#fff; }
body.page-change-intelligence .reference-change-card header { display:grid; gap:3px; margin:0 0 10px; padding:0; border:0; background:transparent; }
body.page-change-intelligence .reference-change-card header span { color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .reference-change-card header b { overflow:hidden; color:#17233a; font-size:10px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { color:#728096; font-size:9px; line-height:1.4; }
body.page-change-intelligence .commit-impact > header { display:flex; align-items:center; justify-content:space-between; margin:0 0 7px; padding:0; border:0; background:transparent; }
body.page-change-intelligence .commit-impact > header span { color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .commit-impact > header b { color:#17233a; font-size:16px; line-height:1; }
body.page-change-intelligence .commit-impact .change-commit-list { display:grid; gap:0; }
body.page-change-intelligence .commit-impact .change-commit { display:grid; grid-template-columns:68px minmax(0,1fr); gap:10px; align-items:start; min-height:42px; padding:8px 0; border:0; border-bottom:1px solid #edf0f5; border-radius:0; background:transparent; text-align:left; }
body.page-change-intelligence .commit-impact .change-commit:last-child { border-bottom:0; }
body.page-change-intelligence .commit-impact .change-commit code { color:#55657d; font-size:10px; }
body.page-change-intelligence .commit-impact .change-commit > span { display:-webkit-box; overflow:hidden; color:#283751; font-size:11px; font-weight:600; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
body.page-change-intelligence .commit-impact .change-commit small { grid-column:2; color:#8390a2; font-size:9px; }
body.page-change-intelligence .baseline-bars { display:flex; align-items:end; gap:10px; height:35px; margin:4px 0 7px; padding:0 4px; border-bottom:1px solid #edf0f5; }
body.page-change-intelligence .baseline-bars i { display:block; width:25%; min-height:5px; border-radius:4px 4px 0 0; background:#9068ef; }
body.page-change-intelligence .baseline-bars i:nth-child(2) { background:#b39af6; }
body.page-change-intelligence .baseline-bars i:nth-child(3) { background:#d5c7fb; }
body.page-change-intelligence .actions-card { grid-row:span 2; }
body.page-change-intelligence .actions-card ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
body.page-change-intelligence .actions-card li { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#30405a; font-size:9px; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { min-height:22px; padding:3px 8px; border:1px solid #dce4ef; border-radius:4px; color:#2f72e8; background:#fff; font-size:8px; font-weight:700; white-space:nowrap; }
body.page-change-intelligence .actions-card button:hover,
body.page-change-intelligence .share-card button:hover { border-color:#2f72e8; background:#f4f8ff; }
body.page-change-intelligence .what-changed-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; margin:0; }
body.page-change-intelligence .what-changed-card dl div { display:flex; justify-content:space-between; gap:7px; padding-bottom:5px; border-bottom:1px solid #f0f2f6; }
body.page-change-intelligence .what-changed-card dt { color:#64738b; font-size:9px; }
body.page-change-intelligence .what-changed-card dd { margin:0; color:#18233b; font-size:10px; font-weight:700; }
body.page-change-intelligence .affected-capabilities-card ul { display:grid; gap:5px; margin:0; padding:0; list-style:none; }
body.page-change-intelligence .affected-capabilities-card li { border-bottom:1px solid #f0f2f6; }
body.page-change-intelligence .affected-capabilities-card li:last-child { border-bottom:0; }
body.page-change-intelligence .affected-capabilities-card li button { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; width:100%; padding:5px 0; border:0; border-radius:0; background:transparent; text-align:left; }
body.page-change-intelligence .affected-capabilities-card li button:hover { background:#f7faff; }
body.page-change-intelligence .affected-capabilities-card li b { overflow:hidden; color:#293852; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
body.page-change-intelligence .affected-capabilities-card li em { padding:2px 5px; border-radius:4px; font-size:7px; font-style:normal; font-weight:700; }
body.page-change-intelligence .affected-capabilities-card li em.high { color:#e34f55; background:#fff0f1; }
body.page-change-intelligence .affected-capabilities-card li em.medium { color:#db8615; background:#fff5e7; }
body.page-change-intelligence .affected-capabilities-card li strong { color:#293852; font-size:9px; }
body.page-change-intelligence .timeline-card { padding:12px 14px; }
body.page-change-intelligence .timeline-card header { margin-bottom:8px; }
body.page-change-intelligence .timeline-card header p { margin:3px 0 0; color:#64738b; font-size:10px; font-weight:600; line-height:1.35; }
body.page-change-intelligence .change-activity-timeline { display:grid; gap:0; margin:0; padding:0; list-style:none; }
body.page-change-intelligence .change-activity-timeline li { position:relative; display:grid; grid-template-columns:16px minmax(0,1fr) auto; column-gap:8px; align-items:start; min-height:39px; padding:0 0 8px; }
body.page-change-intelligence .change-activity-timeline li:not(:last-child)::before { position:absolute; top:14px; left:7px; width:1px; height:calc(100% - 8px); background:#dfe6f0; content:""; }
body.page-change-intelligence .change-activity-timeline li > i { z-index:1; width:7px; height:7px; margin-top:3px; border:2px solid #2f72e8; border-radius:50%; background:#fff; }
body.page-change-intelligence .change-activity-timeline li.code > i { border-color:#20a877; }
body.page-change-intelligence .change-activity-timeline li.capability > i { border-color:#8b5cf6; }
body.page-change-intelligence .change-activity-timeline li.drift > i { border-color:#f59e0b; }
body.page-change-intelligence .change-activity-timeline li.risk > i { border-color:#ef4444; background:#fff1f2; }
body.page-change-intelligence .change-activity-timeline strong { display:block; overflow:hidden; color:#283751; font-size:11px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
body.page-change-intelligence .change-activity-timeline small { display:block; margin-top:1px; color:#718098; font-size:9px; line-height:1.3; }
body.page-change-intelligence .change-activity-timeline time { padding-top:1px; color:#8390a2; font-size:8px; white-space:nowrap; }
body.page-change-intelligence .share-card { display:grid; gap:7px; }
body.page-change-intelligence .share-card header { margin-bottom:2px; }
body.page-change-intelligence .share-card button { width:100%; text-align:left; }
body.page-change-intelligence .impact-cards { order:2; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:auto; gap:10px; }
body.page-change-intelligence .impact-follow-up { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px; }
body.page-change-intelligence .impact-card { border-color:#e0e6ef; border-radius:6px; }
body.page-change-intelligence .impact-card > header { padding:10px 12px; background:#fafbfd; }
body.page-change-intelligence .impact-card > header b { color:#1769e8; font-size:18px; }
body.page-change-intelligence .technical-impact { grid-template-columns:1fr; gap:14px; }
body.page-change-intelligence .technical-metrics { grid-template-columns:repeat(auto-fit,minmax(104px,1fr)); gap:10px; }
body.page-change-intelligence .technical-metrics div { min-width:104px; }
body.page-change-intelligence .technical-metrics span { overflow-wrap:normal; word-break:normal; }
body.page-change-intelligence .change-reference-grid .technical-impact { display:block; padding:12px 14px; }
body.page-change-intelligence .change-reference-grid .technical-impact > header { margin:0 0 10px; padding:0; border:0; background:transparent; }
body.page-change-intelligence .change-reference-grid .technical-impact > header > span { display:block; color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .change-reference-grid .technical-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; }
body.page-change-intelligence .change-reference-grid .technical-metrics > div { min-width:0; padding:7px 8px; border:0; border-top:1px solid #edf0f5; }
body.page-change-intelligence .change-reference-grid .technical-metrics > div:nth-child(odd) { padding-left:0; border-right:1px solid #edf0f5; }
body.page-change-intelligence .change-reference-grid .technical-metrics > div:nth-child(even) { padding-right:0; }
body.page-change-intelligence .change-reference-grid .technical-metrics b { color:#17233a; font-size:18px; line-height:1; }
body.page-change-intelligence .change-reference-grid .technical-metrics span { display:block; margin-top:4px; color:#64738b; font-size:11px; line-height:1.3; }
body.page-change-intelligence .change-reference-grid .technical-action { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; padding-top:8px; border-top:1px solid #edf0f5; }
body.page-change-intelligence .change-reference-grid .technical-action span { color:#6b7890; font-size:9px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
body.page-change-intelligence .change-reference-grid .technical-action b { font-size:10px; }
body.page-change-intelligence .change-ai-disclaimer { width:100%; margin:4px 0 0; color:#728096; font-size:11px; line-height:1.45; text-align:center; }
html body.page-requirements .requirement-summary-row { display:block !important; }
html body.page-requirements .requirement-summary-main { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto auto; align-items:center; gap:12px; }
html body.page-requirements .requirement-inline-evidence { margin:12px 0 8px; }
html body.page-requirements .requirement-inline-evidence .capability-answer { display:grid; gap:18px; margin:0; padding:22px; border:1px solid var(--reqrail-page-line); border-radius:10px; background:#fff; }
html body.page-requirements .requirement-inline-evidence .capability-answer header { display:flex; align-items:center; gap:12px; padding-bottom:12px; border-bottom:1px solid #edf0f4; }
html body.page-requirements .requirement-inline-evidence .capability-answer-label,
html body.page-requirements .requirement-inline-evidence .capability-answer-question > span,
html body.page-requirements .requirement-inline-evidence .capability-answer-result > span,
html body.page-requirements .requirement-inline-evidence .capability-answer-reason > span,
html body.page-requirements .requirement-inline-evidence .capability-answer footer > span { color:var(--reqrail-page-muted); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
html body.page-requirements .requirement-inline-evidence .capability-answer-question,
html body.page-requirements .requirement-inline-evidence .capability-answer-result,
html body.page-requirements .requirement-inline-evidence .capability-answer-reason { display:grid; gap:5px; }
html body.page-requirements .requirement-inline-evidence .capability-answer h3 { margin:0; overflow:visible; color:var(--reqrail-page-ink); font-size:15px; font-weight:600; line-height:1.4; white-space:normal; }
html body.page-requirements .requirement-inline-evidence .capability-answer p { margin:0; overflow:visible !important; color:var(--reqrail-page-muted); font-size:12px; font-weight:400 !important; line-height:1.5; text-overflow:clip !important; white-space:normal !important; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list { display:grid; gap:8px; margin:4px 0 0; padding:0; list-style:none; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:start; padding:9px 10px; border:1px solid #e2e8f0; border-radius:6px; background:#fafcff; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list p { color:#34445d; font-size:12px; font-weight:400 !important; line-height:1.4; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list b { color:#526079; font-size:10px; font-weight:700; white-space:nowrap; }
html body.page-requirements .requirement-inline-evidence .repo-finding-state { display:inline-block; padding:3px 6px; border-radius:4px; font-size:10px; font-weight:700; white-space:nowrap; }
html body.page-requirements .requirement-inline-evidence .repo-finding-state.confirmed { color:#126b35; background:#e6f8ed; }
html body.page-requirements .requirement-inline-evidence .repo-finding-state.review { color:#9a5a00; background:#fff4df; }
html body.page-requirements .requirement-inline-evidence .repo-finding-state.not-required { color:#667085; background:#f1f3f5; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list li.not-required { opacity:.62; background:#f8fafc; }
html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list li.not-required p { text-decoration:line-through; }
html body.page-requirements .requirement-inline-evidence .repo-finding-actions { display:flex; grid-column:2 / 4; gap:6px; }
html body.page-requirements .requirement-inline-evidence .repo-finding-actions button { min-height:26px; padding:0 8px; border:1px solid var(--reqrail-page-line); border-radius:5px; color:var(--reqrail-page-ink); background:#fff; font-size:10px; font-weight:600; }
html body.page-requirements .requirement-inline-evidence .repo-finding-actions button:hover { border-color:#aebdce; background:#f7f9fc; }
html body.page-requirements .requirement-inline-evidence .capability-answer footer { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding-top:14px; border-top:1px solid #edf0f4; }
html body.page-requirements .requirement-inline-evidence .capability-evidence-link { color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
@media (max-width:700px) {
  html body.page-requirements .requirement-summary-main { grid-template-columns:auto minmax(0,1fr) auto auto; gap:8px; }
  html body.page-requirements .requirement-coverage { display:none; }
  html body.page-requirements .requirement-inline-evidence .capability-answer { padding:16px; }
  html body.page-requirements .requirement-inline-evidence .capability-answer header { margin:-16px -16px 0; padding:12px 14px; }
  html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list li { grid-template-columns:auto minmax(0,1fr); }
  html body.page-requirements .requirement-inline-evidence .repo-evidence-finding-list b { grid-column:2; }
}

@media (max-width:900px) {
  body.page-change-intelligence .compact-change-summary { grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr); }
  body.page-change-intelligence .compact-change-trend { grid-column:1 / -1; padding:12px 0 0; border-top:1px solid #e6eaf0; border-left:0; }
  body.page-change-intelligence .change-risk-strip { grid-template-columns:1fr; }
  body.page-change-intelligence .risk-strip-stats { margin:0 12px 12px; }
  body.page-change-intelligence .change-overview { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  body.page-change-intelligence .change-controls { grid-column:1 / -1; order:0; justify-self:start; }
  body.page-change-intelligence .change-reference-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-change-intelligence .actions-card { grid-row:auto; }
}
@media (max-width:620px) {
  body.page-change-intelligence .compact-change-summary { grid-template-columns:1fr; gap:12px; }
  body.page-change-intelligence .compact-change-copy { padding:12px 0 0; border-top:1px solid #e6eaf0; border-left:0; }
  body.page-change-intelligence .risk-strip-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.page-change-intelligence .risk-strip-stats > div:nth-child(2) { border-right:0; }
  body.page-change-intelligence .risk-strip-stats .risk-strip-regression { grid-column:1 / -1; border-top:1px solid #edf0f5; border-right:0; }
  body.page-change-intelligence .change-overview,
  body.page-change-intelligence .change-reference-grid,
  body.page-change-intelligence .impact-cards,
  body.page-change-intelligence .impact-follow-up { grid-template-columns:1fr; }
  body.page-change-intelligence .what-changed-card dl { grid-template-columns:1fr; }

  /* Shared ReqRail standard: every workspace page uses the Capability Store type and color system. */
  :root {
    --reqrail-page-ink:#111827;
    --reqrail-page-muted:#526079;
    --reqrail-page-soft:#7a8798;
    --reqrail-page-line:#dfe4ea;
    --reqrail-page-surface:#fff;
    --reqrail-page-blue:#1769e8;
    --reqrail-page-blue-soft:#f4f8ff;
  }
  body,
  body button,
  body input,
  body textarea,
  body select { font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif !important; letter-spacing:0 !important; }
  body { color:var(--reqrail-page-ink) !important; background:var(--reqrail-page-surface) !important; }
  body main,
  body .workspace-insights,
  body .change-intelligence,
  body .delivery-verification,
  body .requirements,
  body .capability-ask { color:var(--reqrail-page-ink) !important; background:var(--reqrail-page-surface) !important; }
  body .workspace-insights h1,
  body .workspace-insights h2,
  body .workspace-insights h3,
  body .workspace-insights h4,
  body .workspace-insights strong,
  body .workspace-insights b { color:var(--reqrail-page-ink); }
  body .workspace-insights p,
  body .workspace-insights small,
  body .workspace-insights label,
  body .workspace-insights dt,
  body .workspace-insights dd,
  body .workspace-insights li,
  body .workspace-insights span { color:var(--reqrail-page-muted); }
  body .workspace-insights button:not(.primary):not(.secondary) { border-color:var(--reqrail-page-line); color:var(--reqrail-page-blue); background:var(--reqrail-page-surface); }
  body .workspace-insights button:not(.primary):not(.secondary):hover { border-color:var(--reqrail-page-blue); color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
  body .workspace-insights .primary { border-color:var(--reqrail-page-blue) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; }
  body .workspace-insights .secondary { border-color:var(--reqrail-page-line) !important; color:var(--reqrail-page-ink) !important; background:var(--reqrail-page-surface) !important; }
  body .workspace-insights > .insight-tabs { color:var(--reqrail-page-ink); background:var(--reqrail-page-surface); border-color:var(--reqrail-page-line); }
  body .workspace-insights > .insight-tabs .insight-tab { color:var(--reqrail-page-muted); background:var(--reqrail-page-surface); border-color:var(--reqrail-page-line); }
  body .workspace-insights > .insight-tabs .insight-tab.active { color:#fff; background:var(--reqrail-page-blue); border-color:var(--reqrail-page-blue); }
  body.page-change-intelligence .change-page-heading h1 { color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; }
  body.page-change-intelligence .change-page-heading p { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
  body.page-change-intelligence .change-reference-card { border-color:var(--reqrail-page-line) !important; background:var(--reqrail-page-surface) !important; }
  body.page-change-intelligence .change-reference-card header span { color:var(--reqrail-page-muted) !important; }
  body.page-change-intelligence .change-reference-card header b,
  body.page-change-intelligence .what-changed-card dd,
  body.page-change-intelligence .timeline-card strong { color:var(--reqrail-page-ink) !important; }
  body.page-change-intelligence .change-reference-card p,
  body.page-change-intelligence .change-reference-card small,
  body.page-change-intelligence .what-changed-card dt,
  body.page-change-intelligence .timeline-card small { color:var(--reqrail-page-muted) !important; }
  body.page-change-intelligence .change-window button.active { border-color:var(--reqrail-page-blue) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; }
  body.page-change-intelligence .actions-card button,
  body.page-change-intelligence .share-card button { border-color:var(--reqrail-page-line) !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-surface) !important; }
  body.page-change-intelligence .actions-card button:hover,
  body.page-change-intelligence .share-card button:hover { border-color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
  body.page-change-intelligence .impact-card { border-color:var(--reqrail-page-line) !important; background:var(--reqrail-page-surface) !important; }
  body.page-change-intelligence .impact-card > header { border-color:var(--reqrail-page-line) !important; background:#fafbfd !important; }
  body.page-change-intelligence .change-commit > span,
  body.page-change-intelligence .capability-impact li b,
  body.page-change-intelligence .affected-capabilities-card li b { color:var(--reqrail-page-ink) !important; }
  body.page-change-intelligence .change-commit small,
  body.page-change-intelligence .capability-impact li small,
  body.page-change-intelligence .capability-impact li em { color:var(--reqrail-page-muted) !important; }

  @media (max-width:700px) {
    body.page-change-intelligence .change-page-heading h1 { font-size:20px !important; }
  }
}

/* Use semantic metric symbols instead of the legacy text glyphs. */
.workspace-summary .summary-icon { position:relative; font-size:0 !important; }
.workspace-summary .summary-icon.blue::before { width:8px; height:8px; border:1.5px solid #2671e6; border-radius:2px; transform:rotate(30deg) skewY(-8deg); content:''; }
.workspace-summary .summary-icon.blue::after { width:1px; height:8px; background:#2671e6; transform:rotate(30deg); content:''; }
.workspace-summary .summary-icon.green::before { width:14px; height:14px; border:3px solid #2bb986; border-right-color:transparent; border-bottom-color:#b8ead6; border-radius:50%; transform:rotate(-28deg); content:''; }
.workspace-summary .summary-icon.violet::before { width:12px; height:12px; border:3px solid #8a42e8; border-left-color:#d6b5f8; border-radius:50%; content:''; }
.workspace-summary .summary-icon.violet::after { width:3px; height:3px; border-radius:50%; background:#8a42e8; content:''; }
.workspace-summary .summary-icon.amber::before { position:absolute; top:6px; width:5px; height:5px; border-radius:50%; background:#e79522; content:''; }
.workspace-summary .summary-icon.amber::after { position:absolute; bottom:5px; width:11px; height:6px; border-radius:8px 8px 3px 3px; background:#e79522; content:''; }
.workspace-summary .summary-icon.red::before { width:8px; height:10px; border:1.5px solid #e45468; border-radius:2px; background:linear-gradient(#e45468 0 1px,transparent 1px 4px,#e45468 4px 5px,transparent 5px 7px,#e45468 7px 8px,transparent 8px); content:''; }
.workspace-summary .summary-icon.slate::before { width:13px; height:13px; border:2px solid #61708a; border-radius:50%; content:''; }
.workspace-summary .summary-icon.slate::after { width:1.5px; height:5px; background:#61708a; box-shadow:3px 4px 0 -0.25px #61708a; transform:translateY(-1px) rotate(35deg); transform-origin:bottom center; content:''; }

/* Crisp vector silhouettes keep the small metric symbols legible. */
.workspace-summary .summary-icon::before { width:16px; height:16px; border:0; background:currentColor; transform:none; }
.workspace-summary .summary-icon::after { display:none; }
.workspace-summary .summary-icon.blue::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Zm0 0v9m8-4.5-8 4.5m-8-4.5 8 4.5'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 3 8 4.5v9L12 21l-8-4.5v-9L12 3Zm0 0v9m8-4.5-8 4.5m-8-4.5 8 4.5'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.green::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='3' d='M20 12a8 8 0 1 1-5.7-7.7'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='3' d='M20 12a8 8 0 1 1-5.7-7.7'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.violet::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='3'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='3'/%3E%3Ccircle cx='12' cy='12' r='2' fill='black'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.amber::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3' fill='black'/%3E%3Cpath fill='black' d='M5 21a7 7 0 0 1 14 0H5Z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3' fill='black'/%3E%3Cpath fill='black' d='M5 21a7 7 0 0 1 14 0H5Z'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.red::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 3h9l3 3v15H6V3Zm9 0v4h4M9 12h6m-6 4h4'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 3h9l3 3v15H6V3Zm9 0v4h4M9 12h6m-6 4h4'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.slate::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='2' d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='2' d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat; }
.workspace-summary .summary-icon.blue::before,
.workspace-summary .summary-icon.green::before,
.workspace-summary .summary-icon.violet::before,
.workspace-summary .summary-icon.amber::before,
.workspace-summary .summary-icon.red::before,
.workspace-summary .summary-icon.slate::before { width:16px !important; height:16px !important; border:0 !important; transform:none !important; }

/* Keep the Capability Store canvas white; the blue theme remains on the navigation rail. */
.repository-graph-panel,
.capability-store,
.capability-store-grid { background:#fff !important; }

/* Compact blue navigation rail for the collapse control. */
.product-sidebar { background:linear-gradient(180deg,#f3f7ff 0%,#eaf2ff 100%) !important; border-right-color:#d8e5fa !important; }
.sidebar-collapse { display:grid; width:27px; height:27px; place-items:center; border:1px solid #c7daf8 !important; border-radius:7px; color:var(--reqrail-blue-deep) !important; background:#fff !important; font-size:0 !important; }
.product-sidebar-brand .sidebar-collapse { flex:none; margin-left:auto; }
.sidebar-collapse span { font-size:16px !important; line-height:1; }
.sidebar-collapse:hover { border-color:var(--reqrail-blue) !important; background:var(--reqrail-blue-soft) !important; }
.product-sidebar-brand { flex-direction:column; align-items:stretch; gap:10px; }
.product-sidebar-brand-lockup { display:flex; align-items:center; gap:9px; }
.product-sidebar-mark { width:31px !important; height:31px !important; }
.product-sidebar-brand .sidebar-collapse { align-self:flex-start; margin-left:0; }
body { transition:grid-template-columns .18s ease; }
body.sidebar-collapsed { grid-template-columns:76px minmax(0,1fr); }
body.sidebar-collapsed .product-sidebar { width:76px; padding-right:8px; padding-left:8px; }
body.sidebar-collapsed .product-sidebar-brand { align-items:center; justify-content:flex-start; gap:10px; padding:0; }
body.sidebar-collapsed .product-sidebar-brand-lockup { justify-content:center; }
body.sidebar-collapsed .product-sidebar-brand strong,
body.sidebar-collapsed .product-nav button,
body.sidebar-collapsed .product-nav-settings,
body.sidebar-collapsed .sidebar-repository,
body.sidebar-collapsed .sidebar-quick-stats { font-size:0 !important; }
body.sidebar-collapsed .sidebar-repository,
body.sidebar-collapsed .sidebar-quick-stats { display:none !important; }
body.sidebar-collapsed .product-nav button,
body.sidebar-collapsed .product-nav-settings { justify-content:center; padding-right:0; padding-left:0; }
body.sidebar-collapsed .product-nav button span,
body.sidebar-collapsed .product-nav-settings span { width:18px; color:#43638f; font-size:20px !important; transform:scale(1.2); transform-origin:center; }
body.sidebar-collapsed .product-nav button,
body.sidebar-collapsed .product-nav-settings { min-height:36px; }
body.sidebar-collapsed .sidebar-footer { justify-items:center; }
body.sidebar-collapsed .sidebar-collapse { margin:0 auto; }
body.sidebar-collapsed .product-sidebar-brand .sidebar-collapse { align-self:center; margin:0; }

/* Align secondary offering pages with the Dashboard and Capability Store hierarchy. */
html body.page-requirements > main,
html body.page-delivery > main,
html body.page-ask > main { margin-top:20px !important; }
html body.page-requirements .page-title,
html body.page-delivery .page-title,
html body.page-ask .page-title { margin:0 !important; }
html body.page-requirements .page-title h1,
html body.page-delivery .page-title h1,
html body.page-ask .page-title h1 { color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; line-height:1.15 !important; }
html body.page-requirements .page-title-icon,
html body.page-delivery .page-title-icon,
html body.page-ask .page-title-icon { width:22px !important; height:22px !important; color:var(--reqrail-page-blue) !important; }
html body.page-requirements .requirement-assessment,
html body.page-delivery .delivery-hero,
html body.page-delivery .milestone-progress,
html body.page-delivery .milestone-setup,
html body.page-ask .capability-ask-card { border-color:var(--reqrail-page-line) !important; border-radius:10px !important; }
html body.page-requirements .requirement-assessment { gap:10px !important; padding:18px !important; }
html body.page-requirements .requirement-assessment label { gap:4px !important; color:var(--reqrail-page-ink) !important; font-size:12px !important; font-weight:700 !important; }
html body.page-requirements .requirement-assessment label small { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
html body.page-requirements .requirement-assessment textarea { width:100%; min-height:92px; box-sizing:border-box; resize:vertical; padding:10px 12px; border:1px solid var(--reqrail-page-line); border-radius:7px; color:var(--reqrail-page-ink); background:#fff; font:inherit; font-size:12px; line-height:1.45; }
html body.page-requirements .requirement-assessment textarea:focus { outline:2px solid rgba(30,105,232,.18); outline-offset:1px; border-color:var(--reqrail-page-blue); }
html body.page-requirements .requirement-draft-summary { min-height:16px; color:var(--reqrail-page-muted); font-size:11px; }
html body.page-requirements .requirement-draft-list { display:grid; gap:5px; max-height:180px; overflow:auto; }
html body.page-requirements .requirement-draft-list:empty { display:none; }
html body.page-requirements .requirement-draft-list > div { display:grid; grid-template-columns:20px minmax(0,1fr) 26px; align-items:center; gap:8px; padding:7px 8px; border:1px solid #e4ebf5; border-radius:6px; background:#fafcff; }
html body.page-requirements .requirement-draft-list > div > span { display:grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#315b9b; background:#eaf2ff; font-size:10px; font-weight:700; }
html body.page-requirements .requirement-draft-list p { min-width:0; margin:0; overflow:hidden; color:var(--reqrail-page-ink); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
html body.page-requirements .requirement-draft-list button { width:24px; height:24px; padding:0; border:0; border-radius:5px; color:#667891; background:transparent; font-size:16px; line-height:1; }
html body.page-requirements .requirement-draft-list button:hover { color:#9b2835; background:#fff0f1; }
html body.page-requirements .requirement-assessment-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html body.page-requirements .requirement-assessment-actions > span { min-height:16px; color:var(--reqrail-page-muted); font-size:11px; }
html body.page-requirements .requirement-assessment-actions .primary { min-width:150px; }
html body.page-requirements .requirement-assessment-actions .primary:disabled { cursor:not-allowed; opacity:.52; }
html body.page-requirements .requirements-workspace { display:grid; grid-template-columns:minmax(0,780px) 250px; gap:16px; align-items:start; }
html body.page-requirements .requirements-main { display:grid; gap:16px; min-width:0; }
html body.page-requirements .requirements-context { display:grid; align-content:start; gap:14px; min-height:260px; box-sizing:border-box; padding:18px; border:1px solid var(--reqrail-page-line); border-radius:10px; background:#fff; }
html body.page-requirements .requirements-context-heading { display:flex; align-items:center; gap:9px; }
html body.page-requirements .requirements-context-heading > i,
html body.page-requirements .requirements-context-heading > svg { width:26px; height:26px; box-sizing:border-box; padding:6px; border-radius:6px; color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
html body.page-requirements .requirements-context-heading span { display:block; margin-bottom:2px; color:var(--reqrail-page-muted); font-size:9px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
html body.page-requirements .requirements-context-heading b { color:var(--reqrail-page-ink); font-size:12px; font-weight:700; }
html body.page-requirements .requirements-context-flow { display:grid; justify-items:start; gap:5px; }
html body.page-requirements .requirements-context-flow section { display:grid; grid-template-columns:24px minmax(0,1fr); gap:1px 8px; align-items:center; }
html body.page-requirements .requirements-context-flow section > i,
html body.page-requirements .requirements-context-flow section > svg { grid-row:1 / span 2; width:24px; height:24px; box-sizing:border-box; padding:5px; border-radius:5px; color:#315b9b; background:#f1f6ff; }
html body.page-requirements .requirements-context-flow b { display:block; color:var(--reqrail-page-ink); font-size:11px; font-weight:700; }
html body.page-requirements .requirements-context-flow span { display:block; color:var(--reqrail-page-muted); font-size:10px; line-height:1.25; }
html body.page-requirements .requirements-context-flow > i,
html body.page-requirements .requirements-context-flow > svg { width:13px; height:13px; margin-left:4px; color:#82a4d7; }
html body.page-requirements .requirement-assessment { gap:8px !important; padding:16px 18px !important; }
html body.page-requirements .requirement-assessment textarea { min-height:74px !important; }
html body.page-requirements .requirement-assessment > .requirement-draft-summary,
html body.page-requirements .requirement-assessment > .requirement-draft-list,
html body.page-requirements .requirement-assessment > .requirement-assessment-actions { display:flex !important; }
html body.page-requirements .requirement-assessment > .requirement-draft-list { display:grid !important; }
html body.page-requirements .requirement-draft-list:empty { display:none !important; }
html body.page-requirements .requirements-list { padding:0 18px !important; border-radius:10px !important; }
html body.page-requirements .requirements-list::before { display:none !important; }
html body.page-requirements .requirements-list-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 0 12px; border-bottom:1px solid #edf0f4; }
html body.page-requirements .requirements-list-header h2 { margin:0 0 2px; color:var(--reqrail-page-ink); font-size:16px; font-weight:600; }
html body.page-requirements .requirements-list-header p { margin:0; color:var(--reqrail-page-muted); font-size:11px; }
html body.page-requirements .requirements-list-header > span { padding:4px 7px; border-radius:5px; color:#315b9b; background:#edf4ff; font-size:10px; font-weight:700; white-space:nowrap; }
html body.page-requirements .requirement-summary-row { grid-template-columns:76px minmax(0,1fr) 72px 30px 30px !important; min-height:58px !important; gap:10px !important; padding:9px 0 !important; }
html body.page-requirements .requirement-summary-copy { min-width:0; }
html body.page-requirements .requirement-summary-row .requirement-summary-copy p { font-size:12px !important; font-weight:600; }
html body.page-requirements .requirement-summary-copy small { display:block; margin-top:3px; color:var(--reqrail-page-muted); font-size:10px; }
html body.page-requirements .requirement-coverage { min-width:62px; padding:5px 7px; border-radius:6px; background:#fff7e8; }
html body.page-requirements .requirement-coverage b { color:#a45e00 !important; font-size:12px !important; }
html body.page-requirements .requirement-coverage small { color:#8a6d42 !important; }
html body .capability-match-assessment { overflow:hidden; border:1px solid #dfe4ea; border-radius:8px; background:#fff; }
html body .capability-match-assessment > header { display:flex; align-items:start; justify-content:space-between; gap:18px; padding:18px; border-bottom:1px solid #edf0f4; background:#f8fafc; }
html body .capability-match-assessment > header span { display:block; color:#526079; font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
html body .capability-match-assessment h3 { margin:4px 0; color:#111827; font-size:17px; }
html body .capability-match-assessment p { margin:0; color:#526079; font-size:12px; line-height:1.45; }
html body .capability-match-assessment > header > b { min-width:46px; color:#1769e8; font-size:22px; text-align:right; }
html body .capability-match-findings { display:grid; gap:14px; padding:16px; }
html body .capability-match-claim { padding-bottom:14px; border-bottom:1px solid #edf0f4; }
html body .capability-match-claim:last-child { padding-bottom:0; border-bottom:0; }
html body .capability-match-claim > header { display:flex; align-items:start; justify-content:space-between; gap:12px; margin-bottom:7px; }
html body .capability-match-claim h4 { margin:0 0 7px; color:#111827; font-size:12px; font-weight:600; line-height:1.45; }
html body .capability-match-claim > header h4 { margin:0; }
html body .intent-score { flex:0 0 auto; padding:4px 7px; border-radius:5px; font-size:10px; font-weight:700; white-space:nowrap; }
html body .intent-score.ok { color:#126b35; background:#e6f8ed; }
html body .intent-score.not-ok { color:#9a5a00; background:#fff4df; }
html body .capability-match-findings .repo-evidence-finding-list { display:grid; gap:8px; margin:0; padding:0; list-style:none; }
html body .capability-match-findings .repo-evidence-finding-list li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:8px; align-items:start; padding:9px 10px; border:1px solid #e2e8f0; border-radius:6px; background:#fafcff; }
html body .capability-match-findings .repo-evidence-finding-list p { margin:0; color:#34445d; font-size:12px; line-height:1.4; }
html body .capability-match-findings .repo-evidence-finding-list b { color:#526079; font-size:10px; white-space:nowrap; }
html body .capability-match-table-wrap { overflow:auto; }
html body .capability-match-assessment table { width:100%; min-width:680px; border-collapse:collapse; }
html body .capability-match-assessment th { padding:10px 14px; border-bottom:1px solid #edf0f4; color:#526079; background:#fff; font-size:10px; letter-spacing:.04em; text-align:left; text-transform:uppercase; }
html body .capability-match-assessment td { padding:12px 14px; border-bottom:1px solid #edf0f4; color:#34445d; font-size:12px; vertical-align:top; }
html body .capability-match-assessment tbody tr:last-child td { border-bottom:0; }
html body .capability-match-assessment td:nth-child(3) { color:#111827; font-weight:700; white-space:nowrap; }
html body .capability-match-assessment td b { display:block; color:#111827; font-size:12px; font-weight:600; line-height:1.4; }
html body .capability-match-assessment td small { display:block; margin-top:4px; color:#65748b; font-size:11px; line-height:1.4; }
html body .capability-match-state { display:inline-block; padding:4px 7px; border-radius:5px; font-size:10px; font-weight:700; white-space:nowrap; }
html body .capability-match-state.confirmed { color:#126b35; background:#e6f8ed; }
html body .capability-match-state.review { color:#9a5a00; background:#fff4df; }
html body .capability-match-link { margin:0 4px 4px 0; padding:3px 5px; border:1px solid #cfe0f7; border-radius:4px; color:#1769e8; background:#f4f8ff; font-size:10px; font-weight:700; cursor:pointer; }
html body .capability-match-link:hover { border-color:#1769e8; background:#eaf3ff; }
html body .capability-match-empty { color:#7a8798; font-size:11px; }
html body.page-requirements .requirement-details,
html body.page-requirements .requirement-delete { display:grid !important; width:28px !important; height:28px !important; place-items:center; }
html body.page-requirements .requirement-details svg,
html body.page-requirements .requirement-delete svg { width:14px; height:14px; }
html body.page-requirements .requirement-delete:hover { border-color:#e2a7ad !important; color:#a12737 !important; background:#fff2f3 !important; }
html body.page-requirements .requirements-guide { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr); gap:18px; align-items:center; margin:0 0 16px; padding:18px; border:1px solid var(--reqrail-page-line); border-radius:10px; background:#fff; }
html body.page-requirements .requirements-guide-kicker { display:block; margin-bottom:5px; color:var(--reqrail-page-blue); font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
html body.page-requirements .requirements-guide h2 { margin:0 0 5px; color:var(--reqrail-page-ink); font-size:18px; font-weight:600; line-height:1.25; }
html body.page-requirements .requirements-guide p { margin:0; color:var(--reqrail-page-muted); font-size:11px; line-height:1.45; }
html body.page-requirements .requirements-flow { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr); gap:4px; align-items:center; }
html body.page-requirements .requirements-flow section { display:grid; grid-template-columns:26px minmax(0,1fr); gap:1px 7px; align-items:center; min-width:0; padding:8px; border:1px solid #e4ebf5; border-radius:7px; background:#fafcff; }
html body.page-requirements .requirements-flow section > i,
html body.page-requirements .requirements-flow section > svg { grid-row:1 / span 2; width:26px; height:26px; box-sizing:border-box; padding:6px; border-radius:6px; color:var(--reqrail-page-blue); background:var(--reqrail-page-blue-soft); }
html body.page-requirements .requirements-flow b { overflow:hidden; color:var(--reqrail-page-ink); font-size:10px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
html body.page-requirements .requirements-flow span { color:var(--reqrail-page-muted); font-size:9px; line-height:1.2; }
html body.page-requirements .requirements-flow-arrow { width:14px; height:14px; justify-self:center; color:#82a4d7; }
@media (max-width:850px) { html body.page-requirements .requirements-guide { grid-template-columns:1fr; } }
@media (max-width:850px) { html body.page-requirements .requirements-workspace { grid-template-columns:1fr; } html body.page-requirements .requirements-context { grid-column:1; grid-row:1; min-height:0; } html body.page-requirements .requirements-main { grid-column:1; grid-row:2; } }
@media (max-width:560px) { html body.page-requirements .requirements-flow { grid-template-columns:1fr; gap:6px; } html body.page-requirements .requirements-flow-arrow { transform:rotate(90deg); } }
html body.page-requirements .requirements-list::before { padding:18px 0 12px !important; color:var(--reqrail-page-ink) !important; font-size:16px !important; font-weight:600 !important; }
html body.page-requirements .requirement-summary-row p { color:var(--reqrail-page-ink) !important; font-size:12px !important; }
html body.page-requirements .requirement-coverage b { color:var(--reqrail-page-ink) !important; font-size:13px !important; }
html body.page-delivery .delivery-hero { padding:18px 20px !important; }
html body.page-delivery .delivery-kicker,
html body.page-delivery .milestone-progress > header > div > span,
html body.page-delivery .milestone-setup > span { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
html body.page-delivery .delivery-hero h2,
html body.page-delivery .milestone-progress h2,
html body.page-delivery .milestone-setup h2 { color:var(--reqrail-page-ink) !important; font-size:20px !important; font-weight:600 !important; }
html body.page-delivery .delivery-hero p,
html body.page-delivery .milestone-progress p,
html body.page-delivery .milestone-setup p { color:var(--reqrail-page-muted) !important; font-size:12px !important; }
html body.page-delivery .delivery-summary { padding:18px !important; border-color:var(--reqrail-page-line) !important; border-radius:10px !important; }
html body.page-delivery .delivery-summary b { color:var(--reqrail-page-ink) !important; font-size:28px !important; font-weight:600 !important; }
html body.page-delivery .delivery-attention h3,
html body.page-delivery .milestone-progress h3 { color:var(--reqrail-page-ink) !important; font-size:16px !important; font-weight:600 !important; }
html body.page-ask .capability-ask-card { gap:16px !important; padding:20px !important; }
html body.page-ask .capability-ask-card h2 { color:var(--reqrail-page-ink) !important; font-size:20px !important; font-weight:600 !important; }
html body.page-ask .capability-ask-card p,
html body.page-ask .capability-answer p { color:var(--reqrail-page-muted) !important; font-size:12px !important; }

/* Capability Store typography floor: 10px supporting, 11px priority labels. */
.reference-analysis-status,
.reference-repository-meta,
.workspace-summary small,
.workspace-summary em,
.capability-store-toolbar label,
.repository-tree-root,
.capability-tree-item,
.reference-detail-header p,
.reference-detail-grid p,
.reference-detail-grid small,
.empty-placeholder p,
.empty-placeholder small,
.reference-status span,
.reference-quick-actions span,
.reference-quick-actions button,
.detail-tabs button,
.capability-id,
.sidebar-repository > span,
.sidebar-quick-stats > span,
.sidebar-repository b,
.sidebar-repository small,
.sidebar-quick-stats b,
.sidebar-quick-stats small,
.sidebar-user b,
.sidebar-user b small,
.sidebar-collapse { font-size:10px !important; }

.product-nav button,
.product-nav-settings,
.reference-header-actions button,
.capability-category b,
.capability-category strong,
.reference-detail-grid h3,
.reference-quick-actions button,
.store-action,
.capability-store-toolbar label button { font-size:11px !important; }

.capability-category i,
.tree-folder,
.capability-tree-item span,
.summary-icon { font-size:12px !important; }

/* Compact repository-tree icons and category toggles. */
.tree-chevron { width:7px; height:7px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; color:#74849a; transform:rotate(-45deg); transition:transform .14s ease; }
.capability-tree-group.expanded .tree-chevron { transform:rotate(45deg); }
.tree-folder { position:relative; width:14px; height:10px; margin-top:1px; border:1px solid #58749b; border-radius:2px 2px 2px 1px; color:transparent; background:#8ea7ca; box-shadow:inset 0 1px rgba(255,255,255,.55); }
.tree-folder::before { position:absolute; top:-3px; left:-1px; width:7px; height:4px; border:1px solid #58749b; border-bottom:0; border-radius:2px 3px 0 0; background:#7894ba; content:''; }
.tree-folder::after { position:absolute; right:2px; bottom:2px; left:2px; height:1px; background:rgba(255,255,255,.42); content:''; }
.capability-category.active .tree-folder { border-color:#1e61c9; background:#4f8fe8; }.capability-category.active .tree-folder::before { border-color:#1e61c9; background:#3479d9; }.capability-category.active .tree-folder::after { background:rgba(255,255,255,.56); }
.tree-document { position:relative; width:9px; height:11px; border:1px solid #7b8da9; border-radius:1px; }
.tree-document::before,.tree-document::after { position:absolute; left:2px; width:4px; height:1px; background:#7b8da9; content:''; }
.tree-document::before { top:3px; }.tree-document::after { top:6px; }
.capability-category { grid-template-columns:13px 14px minmax(0,1fr) auto; }.capability-category .tree-chevron { justify-self:center; }.capability-tree-item { gap:7px; }.capability-tree-item span.tree-document { flex:none; font-size:0 !important; }
.repository-tree-root > span { flex:none; font-size:0 !important; }.repository-tree-root > span:first-child { width:7px; height:7px; border-right:1.5px solid #74849a; border-bottom:1.5px solid #74849a; transform:rotate(45deg); }.repository-tree-root > span:nth-child(2) { position:relative; width:14px; height:12px; border:1.2px solid #5d7699; border-radius:50% / 22%; background:linear-gradient(to bottom,#eaf1f9 0 22%,#9bb0cc 22% 30%,#d4e0ef 30% 58%,#8da5c2 58% 66%,#c4d4e6 66% 100%); box-shadow:inset 0 1px rgba(255,255,255,.72); }.repository-tree-root > span:nth-child(2)::before { position:absolute; top:-1px; right:-1px; left:-1px; height:4px; border:1px solid #5d7699; border-radius:50%; background:#edf3fa; content:''; }.repository-tree-root > span:nth-child(2)::after { position:absolute; right:1px; bottom:1px; left:1px; height:3px; border-bottom:1px solid rgba(93,118,153,.72); border-radius:50%; content:''; }

/* The repository knowledge base is a complete left-side panel, not a report-wide toolbar. */
.capability-store-grid { align-items:stretch; }

/* Capability Store health strip keeps scan metrics visible without competing with the working surface. */
.workspace-summary {
  grid-template-columns:repeat(4,minmax(0,1fr)) auto !important;
  gap:0 !important;
  min-height:60px !important;
  padding:0 10px !important;
  border:1px solid #e6ebf2 !important;
  border-radius:6px !important;
  background:#fcfdff !important;
  box-shadow:0 1px 2px rgba(30,55,90,.03) !important;
}
.workspace-summary article {
  position:relative !important;
  display:grid !important;
  grid-template-columns:30px max-content minmax(0,1fr) !important;
  grid-template-rows:11px minmax(28px,1fr) !important;
  align-items:center !important;
  column-gap:9px !important;
  min-height:42px !important;
  padding:0 14px !important;
  overflow:hidden;
  border:0 !important;
  border-right:1px solid #eef2f6 !important;
  border-radius:0 !important;
  background:transparent !important;
}
.workspace-summary article > div { display:contents !important; }
.workspace-summary .summary-icon {
  grid-column:1;
  grid-row:2;
  align-self:center;
  justify-self:center;
  display:grid !important;
  width:28px !important;
  height:28px !important;
  color:var(--summary-card-accent) !important;
  background:transparent !important;
}
.workspace-summary .summary-icon.blue::before,
.workspace-summary .summary-icon.green::before,
.workspace-summary .summary-icon.violet::before,
.workspace-summary .summary-icon.amber::before,
.workspace-summary .summary-icon.red::before,
.workspace-summary .summary-icon.slate::before { width:24px !important; height:24px !important; }
.workspace-summary .attention-icon::before { -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6m0 4h.01' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat !important; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6m0 4h.01' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat !important; }
.workspace-summary small { grid-column:1 / -1; grid-row:1; color:#62728b !important; font-size:9px !important; font-weight:800 !important; letter-spacing:.045em; text-transform:uppercase; }
.workspace-summary strong { grid-column:2; grid-row:2; margin:0 !important; color:#17243a !important; font-size:21px !important; font-weight:700 !important; line-height:1 !important; }
.workspace-summary em { grid-column:3; grid-row:2; min-width:0; margin-left:2px !important; overflow:hidden; color:#7c8ca2 !important; font-size:9px !important; font-style:normal !important; line-height:1.15 !important; text-overflow:ellipsis; white-space:nowrap; }
.workspace-summary article:has(#summary-coverage-note) em { overflow:visible; text-overflow:clip; white-space:normal; }
.workspace-summary article:nth-child(1) { --summary-card-accent:#3b82f6; }
.workspace-summary article:nth-child(2) { --summary-card-accent:#f59e0b; }
.workspace-summary article:nth-child(3) { --summary-card-accent:#8b5cf6; }
.workspace-summary article:nth-child(4) { --summary-card-accent:#d98216; }
.workspace-summary article:nth-child(n) {
  border-right-color:#edf1f6 !important;
  background:transparent !important;
}
.workspace-summary .summary-attention { border-right:0 !important; }
.workspace-summary .summary-attention strong { color:#c97a15 !important; }
.workspace-summary .summary-attention em { color:#9b7b52 !important; }
@media (max-width:1050px) { .workspace-summary { grid-template-columns:repeat(2,minmax(0,1fr)) !important; padding:8px 12px !important; }.workspace-summary article:nth-child(2) { border-right:0 !important; }.workspace-summary article:nth-child(-n+2) { border-bottom:1px solid #edf1f6 !important; } }
@media (max-width:700px) { .workspace-summary { grid-template-columns:1fr !important; padding:6px 12px !important; }.workspace-summary article,.workspace-summary article:nth-child(n) { min-height:44px !important; padding:0 !important; border-right:0 !important; border-bottom:1px solid #edf1f6 !important; }.workspace-summary .summary-attention { border-bottom:0 !important; } }
.capability-categories { min-height:620px; max-height:none; padding:12px; }
.capability-categories > .capability-store-toolbar { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin:0 0 6px; padding:0 0 11px; border-bottom:1px solid #edf1f6; background:transparent; }
.capability-categories > .capability-store-toolbar label { display:grid; width:100%; min-width:0; gap:10px; padding:0 !important; color:#1f2d43; font-size:10px !important; letter-spacing:0; text-transform:none; }
.capability-categories > .capability-store-toolbar label b { font-size:11px; }
.tree-search { box-sizing:border-box; display:flex; align-items:center; width:100%; gap:8px; min-height:36px; padding:0 11px; border:1px solid #cfdbea; border-radius:6px; background:#fff; }
.tree-search:focus-within { border-color:#cfdbea; box-shadow:none; background:#f8fbff; }
.tree-search i { position:relative; width:9px; height:9px; border:1.5px solid #72839b; border-radius:50%; }.tree-search i::after { position:absolute; right:-4px; bottom:-3px; width:4px; height:1.5px; background:#72839b; content:''; transform:rotate(45deg); }
.tree-search input { box-sizing:border-box; width:100%; min-width:0; min-height:34px; padding:0; border:0 !important; border-radius:0 !important; outline:none !important; box-shadow:none !important; appearance:none; -webkit-appearance:none; color:#3c4d65; background:transparent; font:inherit; font-size:11px; }.tree-search input:focus { border:0 !important; outline:none !important; box-shadow:none !important; }.tree-search input::-webkit-search-decoration, .tree-search input::-webkit-search-cancel-button { -webkit-appearance:none; appearance:none; }.tree-search input::placeholder { color:#77869b; opacity:1; }

/* Capability evidence is a map, not a prose report. */
.capability-detail .reference-detail-grid { grid-template-columns:minmax(230px,.78fr) minmax(0,1.22fr) !important; gap:12px !important; padding:12px !important; }
.capability-detail .reference-detail-grid .detail-card { min-height:0 !important; padding:14px !important; border-radius:8px !important; }
.capability-detail .reference-detail-grid h3 { margin:0 0 9px !important; font-size:10px !important; letter-spacing:.05em; }
.capability-detail .reference-detail-grid p,
.capability-detail .reference-detail-grid small,
.capability-detail .reference-detail-grid dt,
.capability-detail .reference-detail-grid dd,
.capability-detail .reference-detail-grid li { font-size:11px !important; line-height:1.45 !important; }
.capability-detail .summary-card { grid-column:1; }
.capability-detail .evidence-card { grid-column:1 / -1; background:#f8fbff !important; }
.capability-evidence-list { display:grid; gap:8px; margin:10px 0 0; padding:0; list-style:none; }
.capability-flow-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(115px,.72fr) minmax(0,1fr); align-items:center; gap:10px; }
.capability-flow-node { min-width:0; padding:8px 10px; border:1px solid #dbe6f4; border-radius:6px; color:#203d61; background:#fff; font-weight:700; overflow-wrap:anywhere; }
.capability-flow-link { position:relative; min-width:0; color:#496886; font-weight:600; text-align:center; overflow-wrap:anywhere; }
.capability-flow-link::before,
.capability-flow-link::after { position:absolute; top:50%; width:15px; border-top:1px solid #8eafd2; content:''; }
.capability-flow-link::before { left:-19px; }
.capability-flow-link::after { right:-19px; }
.capability-detail .relationships-card { grid-column:1; }
.capability-detail .tags-card { grid-column:2; }
.capability-detail .facts-card { grid-column:1 / -1; }
.capability-detail .relationships-card ul { display:grid; gap:6px; margin:0; padding-left:16px; }
.capability-detail .summary-card dl,
.capability-detail .facts-card dl { margin:10px 0 0; }
.capability-detail:has(.capability-route-map) { display:block; min-height:0; }
.capability-route-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border-bottom:1px solid #e6ebf3; background:#fff; }
.capability-route-header h2 { margin:8px 0 4px; color:#17263f; font-size:16px; }
.capability-route-header p { margin:0; color:#687993; font-size:11px; }
.capability-route-heading { min-width:0; }.capability-route-heading h2 { display:flex; align-items:center; gap:7px; margin:7px 0 4px; font-size:18px; line-height:1.2; }.capability-header-meta { display:grid; grid-template-columns:auto 112px 22px; align-items:center; gap:14px; }.capability-evidence-status { display:inline-flex; align-items:center; gap:4px; margin-top:1px; padding:4px 7px; border-radius:99px; color:#16845a; background:#e6f8ef; font-size:9px; font-weight:800; white-space:nowrap; }.capability-evidence-status svg { width:11px; height:11px; }.capability-header-icon { display:grid; width:22px; height:22px; place-items:center; padding:0; border:0; border-radius:4px; color:#637693; background:transparent; }.capability-header-icon:hover:not(:disabled),.capability-header-icon.selected { color:#2367d4; background:#eef5ff; }.capability-header-icon svg { width:15px; height:15px; }.capability-route-header .reference-confidence { min-width:112px; }.capability-route-header .reference-confidence b { font-size:20px; }.capability-route-header .reference-confidence span { font-size:9px; }
.capability-confidence-card { display:none; }.capability-route-header .reference-confidence { min-width:112px; }.capability-route-header .reference-confidence b { color:#1d63c9; font-size:28px; line-height:1; }.capability-route-header .reference-confidence span { margin-top:4px; color:#15945e; font-size:10px; font-weight:800; white-space:nowrap; }.capability-route-header .reference-confidence i { width:96px; height:4px; margin-top:7px; }
.capability-summary-empty { color:#77899e !important; font-style:italic; }.capability-summary-action { display:inline-flex; align-items:center; gap:5px; margin-top:10px; padding:0; border:0; color:#2367d4; background:transparent; font-size:11px; font-weight:800; }.capability-summary-action svg { width:13px; height:13px; }.capability-summary-action:disabled { color:#90a1b8; }
.capability-evidence-caption { margin:-4px 0 8px !important; color:#71839a !important; font-size:10px !important; font-weight:700; }.capability-inventory-card dl div { grid-template-columns:minmax(0,1fr) 24px; align-items:center; }.capability-inventory-card dt { display:flex; align-items:center; gap:7px; font-weight:700; }.capability-inventory-card dt svg { width:13px; height:13px; color:#18a56d; }.capability-inventory-card dd { color:#355274; }.capability-business-value-card { border-left:3px solid #24a873; }.capability-business-value-card p { color:#315f52; font-weight:700; }
.capability-facts-card { display:grid; align-content:start; gap:10px; }.capability-facts-list { margin:0 !important; }.capability-facts-list div { padding:6px 0 !important; }.capability-facts-list dt { display:flex; align-items:center; gap:6px; }.capability-facts-list dt svg { width:12px; height:12px; color:#617b9f; }.capability-maturity { display:inline-block; padding:2px 5px; border-radius:4px; font-size:8px !important; font-weight:800; }.capability-maturity.established { color:#167b51; background:#e6f8ef; }.capability-maturity.developing { color:#94620f; background:#fff3d7; }.capability-maturity.limited { color:#8b5d13; background:#fff4e5; }.capability-confidence-preview { margin-top:1px; padding-top:8px; border-top:1px solid #edf1f6; }.capability-confidence-preview header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.capability-confidence-preview header span { color:#61758f; font-size:9px; font-weight:800; text-transform:uppercase; }.capability-confidence-preview header b { color:#179764; font-size:11px; }.capability-confidence-preview svg { display:block; width:100%; height:42px; margin-top:3px; }.capability-confidence-preview line { stroke:#dce8e3; stroke-width:2; stroke-linecap:round; }.capability-confidence-preview path { fill:none; stroke:#1db477; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }.capability-confidence-preview circle { fill:#fff; stroke:#1db477; stroke-width:2; }.capability-confidence-preview text { fill:#8493a5; font-size:7px; text-anchor:middle; }.capability-confidence-preview small { display:block; margin-top:1px; color:#8493a5; font-size:8px; line-height:1.2; }
.capability-evidence-preview { display:inline-block; margin-left:6px; padding:2px 5px; border-radius:3px; color:#8b5a05; background:#fff3cf; font-size:8px; font-weight:800; letter-spacing:0; text-transform:none; vertical-align:middle; }
.capability-view-tabs { display:none; }
.capability-detail [data-capability-pane][hidden] { display:block !important; }
.capability-overview { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(210px,.8fr); gap:12px; padding:14px; background:#f8fbff; }.capability-overview-card { min-width:0; padding:14px; border:1px solid #e1e9f3; border-radius:7px; background:#fff; }.capability-overview-card h3 { margin:0 0 10px; color:#263c5c; font-size:10px; letter-spacing:.05em; text-transform:uppercase; }.capability-overview-card p,.capability-overview-card dt,.capability-overview-card dd,.capability-overview-card li,.capability-overview-card span { color:#526984; font-size:11px; line-height:1.5; }.capability-overview-card p { margin:0; }.capability-overview-card dl { display:grid; gap:0; margin:11px 0 0; }.capability-overview-card dl div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; padding:7px 0; border-top:1px solid #edf1f6; }.capability-overview-card dt { color:#77899e; }.capability-overview-card dd { margin:0; color:#263b59; font-weight:700; text-align:right; overflow-wrap:anywhere; }.capability-inventory-card button { margin-top:11px; padding:0; border:0; color:#236ad5; background:transparent; font-size:11px; font-weight:800; }.capability-confidence-card strong { display:block; color:#1d63c9; font-size:28px; line-height:1; }.capability-confidence-card > span { display:block; margin-top:4px; color:#1c9b68; font-weight:800; }.capability-confidence-card p { margin-top:12px; }.capability-relationships-card { grid-column:1 / 3; }.capability-relationship-map { display:grid; grid-template-columns:1fr 88px 1fr; gap:10px; align-items:center; min-height:106px; }.capability-relationship-map div { display:grid; gap:6px; }.capability-relationship-map li,.capability-relationship-map span { position:relative; display:block; margin:0; padding-left:10px; list-style:none; }.capability-relationship-map li::before,.capability-relationship-map span::before { position:absolute; left:0; color:#2d75dc; content:'•'; }.capability-relationship-map b { display:grid; width:82px; height:82px; place-items:center; padding:8px; border:1px solid #cfe0f7; border-radius:8px; color:#2367c8; background:#eef5ff; font-size:10px; text-align:center; overflow-wrap:anywhere; }.capability-facts-card { grid-column:3; grid-row:1 / span 2; }
.capability-understanding { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:12px; padding:12px; background:#f7faff; }
.capability-understanding section { padding:13px; border:1px solid #e1e9f3; border-radius:7px; background:#fff; }
.capability-understanding h3,.capability-flow-section h3 { margin:0 0 7px; color:#263c5c; font-size:10px; letter-spacing:.05em; text-transform:uppercase; }
.capability-understanding p,.capability-understanding dt,.capability-understanding dd,.capability-understanding li { color:#526984; font-size:11px; line-height:1.45; }
.capability-meaning p { margin:0 0 10px; }.capability-meaning dl { margin:0; }.capability-meaning dl div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:8px; padding:6px 0; border-top:1px solid #edf1f6; }.capability-meaning dt { color:#74849a; }.capability-meaning dd { margin:0; color:#263b59; font-weight:700; text-align:right; overflow-wrap:anywhere; }
.capability-evidence-summary { position:relative; }.capability-evidence-summary strong { display:inline-block; margin-right:4px; color:#1b66cf; font-size:24px; line-height:1; }.capability-evidence-summary span { color:#657b95; font-size:10px; font-weight:700; }.capability-evidence-summary ul { display:grid; gap:5px; margin:9px 0 0; padding-left:15px; }
.capability-flow-section { margin:12px; overflow:hidden; border:1px solid #dbe6f2; border-radius:8px; background:#071225; }.capability-flow-section > header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 14px; border-bottom:1px solid #203e60; color:#e8f4ff; background:#0b1d33; }.capability-flow-section h3 { margin:0 0 4px; color:#cfe8ff; }.capability-flow-section p { margin:0; color:#9bb7d3; font-size:10px; }.capability-flow-section > header > span { flex:none; padding:4px 7px; border:1px solid #2d6594; border-radius:99px; color:#9bd8ff; font-size:10px; font-weight:800; }
.capability-route-map { display:block; width:100%; height:480px; border:0; background:#f8fbff; }

.capability-inventory-card button { display:none; }
.capability-mini-graph-node { transform:translate(-50%,-50%) translate(var(--node-x),var(--node-y)); }
.capability-flow-section { margin:0 14px 14px; overflow:hidden; border:1px solid #e1e9f3; border-radius:7px; background:#fff; }
.capability-flow-section > header { padding:12px 14px; border-bottom:1px solid #edf1f6; color:inherit; background:#fff; }
.capability-flow-section h3 { margin:0 0 3px; color:#263c5c; font-size:10px; letter-spacing:.05em; text-transform:uppercase; }
.capability-flow-section p { margin:0; color:#526984; font-size:11px; }
.capability-flow-section > header > span { padding:0; border:0; color:#2367c8; font-size:11px; }
.capability-mini-graph { position:relative; height:148px; overflow:hidden; background:#fbfdff; }.capability-mini-graph > b { position:absolute; top:50%; left:50%; z-index:2; display:grid; width:68px; height:68px; place-items:center; padding:7px; border:3px solid #d9e6fa; border-radius:50%; color:#fff; background:#2367d4; box-shadow:0 5px 14px rgb(30 83 163 / 18%); font-size:10px; line-height:1.15; text-align:center; transform:translate(-50%,-50%); overflow-wrap:anywhere; }.capability-mini-graph-line { position:absolute; top:50%; left:50%; width:60px; height:1px; background:#d7e2f3; transform:rotate(var(--node-angle)); transform-origin:left center; }.capability-mini-graph-node { position:absolute; top:50%; left:50%; z-index:1; display:grid; width:52px; height:52px; place-items:center; padding:5px; border:2px solid #fff; border-radius:50%; color:#fff; background:var(--node-color); box-shadow:0 4px 10px rgb(32 62 108 / 16%); font-size:8px; font-style:normal; font-weight:800; line-height:1.1; text-align:center; transform:translate(-50%,-50%) rotate(var(--node-angle)) translateY(-58px) rotate(calc(-1 * var(--node-angle))); overflow:hidden; overflow-wrap:anywhere; }
/* Capability overview prioritizes purpose and evidence over inferred relationship decoration. */
.capability-overview { grid-template-columns:repeat(4,minmax(0,1fr)); }
.capability-overview > .capability-overview-card { grid-column:auto; grid-row:auto; }
.capability-inventory-card { grid-column:auto; grid-row:auto; }
.capability-business-value-card { grid-column:auto; grid-row:auto; }
.capability-relationships-card { display:none; }
.capability-relationships-card ~ .capability-facts-card { grid-column:auto; grid-row:auto; }
@media (max-width:700px) { .capability-overview { grid-template-columns:1fr; }.capability-inventory-card,.capability-business-value-card,.capability-relationships-card ~ .capability-facts-card { grid-column:auto; grid-row:auto; }.capability-relationships-card,.capability-facts-card { grid-column:auto; grid-row:auto; }.capability-relationship-map { grid-template-columns:1fr; }.capability-relationship-map b { justify-self:start; }.capability-understanding { grid-template-columns:1fr; }.capability-route-map { height:430px; }.capability-flow-section { margin:10px; } }
.capability-mini-graph-node { transform:translate(-50%,-50%) translate(var(--node-x),var(--node-y)); }
.capability-normal-flow { display:grid; grid-template-columns:minmax(105px,.7fr) minmax(0,2fr) minmax(105px,.7fr); gap:10px; align-items:center; min-height:148px; padding:12px; background:#fbfdff; }.capability-flow-endpoint { position:relative; display:grid; gap:5px; min-height:72px; align-content:center; padding:10px; border:1px solid #cfe0f7; border-radius:7px; background:#eef5ff; }.capability-flow-endpoint::after { position:absolute; top:50%; right:-10px; width:10px; border-top:1px solid #b7cbe6; content:''; }.capability-flow-endpoint.output { border-color:#cce8dd; background:#effaf4; }.capability-flow-endpoint.output::after { right:auto; left:-10px; }.capability-flow-endpoint small { color:#687f9d; font-size:9px; font-weight:800; text-transform:uppercase; }.capability-flow-endpoint b { color:#245b9f; font-size:11px; line-height:1.25; overflow-wrap:anywhere; }.capability-flow-endpoint.output b { color:#19754d; }.capability-flow-steps { display:grid; gap:5px; max-height:132px; margin:0; padding:0; overflow:auto; list-style:none; }.capability-flow-steps li { display:grid; grid-template-columns:18px minmax(0,1fr); gap:7px; align-items:center; min-width:0; }.capability-flow-steps li > span { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#fff; background:#2367d4; font-size:9px; font-weight:800; }.capability-flow-steps li > div { min-width:0; padding:6px 8px; border:1px solid #e1e9f3; border-radius:5px; background:#fff; }.capability-flow-steps small,.capability-flow-steps b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.capability-flow-steps small { color:#71839a; font-size:9px; }.capability-flow-steps b { margin-top:2px; color:#29415f; font-size:10px; }
.capability-flow-map { min-height:220px; overflow-x:auto; background:#f9fbff; }.capability-flow-map svg { display:block; width:100%; min-width:620px; height:220px; }.capability-flow-map-edge { fill:none; stroke:#4b86d8; stroke-width:2; marker-end:url(#capability-flow-arrow); }.capability-flow-map defs path { fill:#4b86d8; }.capability-flow-map-step circle { fill:#2367d4; stroke:#fff; stroke-width:2; }.capability-flow-map-step text { fill:#fff; font-size:9px; font-weight:800; text-anchor:middle; }.capability-flow-map-label { fill:#48617f; font-size:9px; font-weight:700; text-anchor:middle; }.capability-flow-map-node rect { fill:#fff; stroke:#b9d0ef; stroke-width:1.5; }.capability-flow-map-node text { fill:#27486e; font-size:9px; font-weight:800; text-anchor:middle; }
.capability-journey-scroll { overflow-x:auto; background:#071c2c; }.capability-journey { position:relative; height:272px; overflow:hidden; background-image:linear-gradient(rgb(110 180 210 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(110 180 210 / 8%) 1px,transparent 1px),radial-gradient(circle at 48% 42%,rgb(28 104 123 / 55%),transparent 46%); background-color:#071c2c; background-size:34px 34px,34px 34px,auto; }.capability-journey-lanes { position:absolute; inset:0; }.capability-journey-lane { position:absolute; top:12px; bottom:0; left:var(--journey-x); width:1px; border-left:1px solid rgb(121 193 220 / 15%); color:#72b8d7; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transform:translateX(-50%); }.capability-journey-lane::first-line { background:#071c2c; }.capability-journey-arrows { position:absolute; inset:0; width:100%; height:272px; overflow:visible; }.capability-journey-arrows path { fill:none; stroke:#4ed39c; stroke-width:3; marker-end:url(#capability-journey-arrow); filter:drop-shadow(0 0 5px rgb(78 211 156 / 45%)); }.capability-journey-arrows defs path { fill:#4ed39c; }.capability-journey-step { position:absolute; top:var(--journey-y); left:var(--journey-x); z-index:1; display:grid; gap:6px; width:164px; min-height:104px; padding:12px; border:1px solid #3dbb83; border-radius:8px; color:#e8fbf6; background:linear-gradient(145deg,rgb(47 180 126 / 20%),rgb(5 29 42 / 94%) 70%); box-shadow:0 10px 24px rgb(0 0 0 / 32%); }.capability-journey-state { display:flex; align-items:center; gap:6px; color:#59e2ab; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.capability-journey-state i { display:grid; width:17px; height:17px; place-items:center; border-radius:50%; color:#042218; background:#51dca2; font-size:9px; font-style:normal; }.capability-journey-step b { color:#fff; font-size:12px; line-height:1.28; }.capability-journey-step small { color:#acd7e6; font-size:10px; line-height:1.35; }.capability-journey-scope { margin:0; padding:10px 14px; border-top:1px solid #27475a; color:#c7e0eb; background:#0b2638; font-size:10px; line-height:1.45; }.capability-journey-scope b { margin-right:8px; color:#ffc36a; font-size:9px; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:700px) { .capability-detail .reference-detail-grid { grid-template-columns:1fr !important; }.capability-detail .summary-card,.capability-detail .relationships-card,.capability-detail .tags-card,.capability-detail .facts-card { grid-column:auto; }.capability-flow-row { grid-template-columns:1fr; gap:5px; }.capability-flow-link { text-align:left; padding-left:18px; }.capability-flow-link::before { left:0; width:12px; }.capability-flow-link::after { display:none; } }

/* Increase the working report scale while preserving established page titles. */
.reference-analysis-status,
.reference-repository-meta,
.workspace-summary small,
.workspace-summary em,
.capability-store-toolbar label,
.tree-search input,
.repository-tree-root,
.capability-tree-item,
.reference-detail-header p,
.reference-detail-grid p,
.reference-detail-grid small,
.empty-placeholder p,
.empty-placeholder small,
.reference-status span,
.reference-quick-actions span,
.capability-id,
.sidebar-repository > span,
.sidebar-quick-stats > span,
.sidebar-repository b,
.sidebar-repository small,
.sidebar-quick-stats b,
.sidebar-quick-stats small,
.sidebar-user b,
.sidebar-user b small,
.sidebar-collapse { font-size:11px !important; }

.capability-categories > .capability-store-toolbar label b,
.product-nav button,
.product-nav-settings,
.reference-header-actions button,
.capability-category b,
.capability-category strong,
.reference-detail-grid h3,
.reference-quick-actions button,
.detail-tabs button,
.store-action,
.capability-store-toolbar label button { font-size:12px !important; }
.job-item.running { border-color: #A9C7F8; }
.job-item.queued { border-color: #C8DCF9; }
.job-item.failed { border-color: #F6D38B; }
.job-cancel { border: 1px solid #d7a3a3; border-radius: 6px; padding: 5px 9px; background: #fff7f7; color: #9b3f3f; font-size: 11px; cursor: pointer; }
.job-cancel:hover { background: #feecec; }
.job-cancel:disabled { opacity: .6; cursor: wait; }

/* Application-wide report surface — mirrors the selected reference, not just the insight area. */
:root { --ink:#0c2030; --muted:#4f6470; --line:#dbe3e7; --bg:#f7f8f8; --panel:#fff; --dark:#111a1e; }
body,
button,
input,
textarea,
select { font-family:Inter, "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, sans-serif; }
body { background:#f7f8f8; color:#0c2030; font-size:15px; line-height:1.5; }
.topbar { background:#111a1e; }
.topbar strong { font-family:Inter, "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif; font-size:20px; font-weight:700; }
.topbar span { color:#b7c4c8; }
main { max-width:1440px; margin:22px auto; }
.review-bar,
.panel,
.empty-state { border-color:#dbe3e7; background:#fff; box-shadow:none; }
.review-bar { min-height:76px; padding:16px 20px; }
.review-bar label,
.review-bar p,
.hint { color:#4f6470; }
button { border-color:#d1dce1; border-radius:7px; color:#294753; background:#fff; font-size:13px; font-weight:600; }
button:hover { border-color:#aebfc6; background:#f5f8f9; }
.primary { border-color:#111a1e; background:#111a1e; color:#fff; }
.primary:hover { border-color:#29383e; background:#29383e; }
input,
textarea,
select { border-color:#d1dce1; border-radius:7px; color:#0c2030; background:#fff; }
input:focus,
textarea:focus,
select:focus { border-color:#617985; outline:3px solid #61798522; }
.panel > header { min-height:70px; padding:16px 20px; border-color:#e3e9ec; }
.panel h2,
.empty-state h1 { color:#0c2030; font-family:Inter, "Segoe UI Variable Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif; font-weight:700; }
.panel h2 { font-size:20px; }

/* Brand palette wins over the legacy report-surface defaults above. */
body { background: #F7FAFF; color: var(--reqrail-ink); }
.topbar { background: linear-gradient(110deg, var(--reqrail-navy), var(--reqrail-blue-deep)) !important; border-bottom-color: #2D61C5 !important; }
.topbar span { color: #CFE0FF !important; }
.brand strong { color: #FFFFFF !important; }
.brand-logo { border-color: rgba(255,255,255,.48) !important; border-radius: 50% !important; box-shadow: 0 3px 12px rgba(15,52,120,.32); }
button.primary,
.primary,
.modal-form .primary,
.intent-expansion .primary,
.delivery-verification .primary { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue) !important; color: #FFFFFF !important; box-shadow: 0 5px 12px rgba(30,64,175,.18); }
button.primary:hover,
.primary:hover,
.modal-form .primary:hover,
.intent-expansion .primary:hover,
.delivery-verification .primary:hover { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; }

/* The Capability Store page uses a clean white application canvas. */
body { --report-gutter:19px; background:#fff !important; }
body > .topbar { padding-right:var(--report-gutter) !important; padding-left:var(--report-gutter) !important; border-bottom:0 !important; }
body > main { width:auto !important; max-width:none !important; margin:14px var(--report-gutter) 42px !important; padding:0 !important; background:#fff; }
@media (max-width:700px) { body { --report-gutter:13px; } body > main { margin-top:16px !important; } }
.panel h2,
.empty-state h1,
.workspace-summary strong,
.workspace-insights h4,
.workspace-insights .impact-summary h3,
.workspace-insights .delivery-summary b,
.modal-form h2 { color: var(--reqrail-ink) !important; }
.modal-kicker { color: var(--reqrail-blue-deep) !important; }
.review-button,
.settings,
.new-review-icon,
.status-job-icon { border-color: #4774C9 !important; background: rgba(13,39,88,.52) !important; }
.review-button:hover,
.settings:hover,
.new-review-icon:hover,
.status-job-icon:hover { border-color: #8DB5F5 !important; background: rgba(30,64,175,.72) !important; }
.review-button i { background: var(--reqrail-amber) !important; }
body > .topbar .topbar-utility-actions .status-job-icon { color:#40516b !important; background:#fff !important; border-color:#d8e1ef !important; }
body > .topbar .topbar-utility-actions .status-job-icon:hover { color:#1458d9 !important; background:#eaf2ff !important; border-color:#b9d1fb !important; }
.insight-tab.active,
.change-window button.active { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; color: #FFFFFF !important; }
.insight-tab:hover,
.change-window button:hover { border-color: #8DB5F5 !important; background: var(--reqrail-blue-soft) !important; color: var(--reqrail-blue-deep) !important; }
.insight-tab.active:hover { border-color: var(--reqrail-blue-deep) !important; background: var(--reqrail-blue-deep) !important; color: #FFFFFF !important; }
.entity-map { background: radial-gradient(circle at 50% 50%, #E8F1FF 0, #FAFCFF 44%, #F2F6FC 100%) !important; }
.entity-map:before { background-image: linear-gradient(#DCE8F8 1px, transparent 1px), linear-gradient(90deg, #DCE8F8 1px, transparent 1px) !important; }
.map-edge.active { stroke: var(--reqrail-blue) !important; }
.map-entity:hover,
.map-entity.selected { border-color: var(--reqrail-blue) !important; background: var(--reqrail-blue-soft) !important; box-shadow: 0 0 0 2px rgba(59,130,246,.2) !important; }
.job-item.queued i,
.job-item.running i { background: #DBEAFE; color: var(--reqrail-blue-deep); }
.job-item.failed i { background: #FEF3C7; color: var(--reqrail-amber-deep); }

/* Final desktop-safe shared standard. This must remain after all legacy overrides. */
:root {
  --reqrail-page-ink:#111827;
  --reqrail-page-muted:#526079;
  --reqrail-page-line:#dfe4ea;
  --reqrail-page-surface:#fff;
  --reqrail-page-blue:#1769e8;
  --reqrail-page-blue-soft:#f4f8ff;
}
body,
body button,
body input,
body textarea,
body select { font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,sans-serif !important; letter-spacing:0 !important; }
body { color:var(--reqrail-page-ink) !important; background:var(--reqrail-page-surface) !important; }
body.page-change-intelligence .change-page-heading h1 { color:var(--reqrail-page-ink) !important; font-size:22px !important; font-weight:600 !important; }
body.page-change-intelligence .change-page-heading p { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
body.page-change-intelligence .reference-change-card,
body.page-change-intelligence .impact-card { border-color:var(--reqrail-page-line) !important; background:var(--reqrail-page-surface) !important; }
body.page-change-intelligence .reference-change-card header span { color:var(--reqrail-page-muted) !important; font-size:11px !important; }
body.page-change-intelligence .reference-change-card header b { color:var(--reqrail-page-ink) !important; font-size:12px !important; }
body.page-change-intelligence .reference-change-card p,
body.page-change-intelligence .reference-change-card small { color:var(--reqrail-page-muted) !important; font-size:10px !important; }
body.page-change-intelligence .actions-card li,
body.page-change-intelligence .affected-capabilities-card li b { font-size:11px !important; }
body.page-change-intelligence .actions-card button,
body.page-change-intelligence .share-card button { border-color:var(--reqrail-page-line) !important; color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-surface) !important; font-size:10px !important; }
body.page-change-intelligence .actions-card button:hover,
body.page-change-intelligence .share-card button:hover { border-color:var(--reqrail-page-blue) !important; background:var(--reqrail-page-blue-soft) !important; }
body.page-change-intelligence .change-window button.active { border-color:var(--reqrail-page-blue) !important; color:#fff !important; background:var(--reqrail-page-blue) !important; }
body.page-change-intelligence .impact-card > header { border-color:var(--reqrail-page-line) !important; background:#fafbfd !important; }