/*
 * Director workbench visual cockpit (2026-08-17)
 * Action first, charts second, supporting details last.
 */

/* Project introduction: continuous path, focused instruction, clear outcome. */
#view-dashboard .dash-project-intro { width: min(100%, 1280px); margin: 0 auto 24px; position: relative; color: #203c36; }
.dash-project-intro-bar { position: absolute; top: 14px; right: 20px; z-index: 1; }
.dash-project-intro-bar button { border: 0; padding: 6px 10px; background: transparent; color: #536960; font: inherit; font-size: 12px; cursor: pointer; border-radius: 6px; }
.dash-project-intro-bar button:hover { background: #eaf0ed; color: #234d40; }
.dash-project-intro.is-collapsed { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.dash-project-intro.is-collapsed .dash-project-intro-bar { position: static; }
.dash-project-intro.is-collapsed button { background: #fff; border: 1px solid #cbd9d2; padding: 9px 14px; }
#dash-project-intro-body { display: grid; grid-template-columns: 260px minmax(0,1fr); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px #1c453b0c; }
#dash-project-intro-body[hidden] { display: none; }
.dash-intro-cover { padding: 30px 28px; background: #214d43; color: #fff; display: flex; flex-direction: column; align-items: flex-start; }
.dash-project-intro .dash-intro-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: .06em; color: #426857; }
#view-dashboard .dash-project-intro .dash-intro-cover .dash-intro-eyebrow { color: #d6e5dc !important; }
.dash-project-intro .dash-intro-cover h2 { font-size: 29px; font-weight: 600; line-height: 1.5; letter-spacing: -.025em; margin: 24px 0 12px; color: #fff !important; }
.dash-intro-cover p { font-size: 13px; line-height: 1.8; margin: 0; color: #d6e5dc; max-width: 19em; }
.dash-intro-cover-bottom { margin-top: auto; padding-top: 32px; display: flex; align-items: center; gap: 12px; font-size: 13px; line-height: 1.7; color: #e5efe8; }
.dash-intro-cover-bottom svg { width: 28px; height: 28px; color: #b9d5c6; }
.dash-intro-cover-bottom small { color: #b9d5c6; font-size: 11px; }
.dash-intro-work { padding: 48px 28px 22px; min-width: 0; }
.dash-project-intro-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 26px; }
.dash-project-intro-steps button { position: relative; border: 0; background: transparent; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; color: #61726b; font: inherit; font-size: 12px; cursor: pointer; text-align: left; }
.dash-project-intro-steps button:not(:last-child)::after { content: ''; position: absolute; height: 1px; background: #dbe5df; top: 15px; left: 38px; right: 8px; }
.dash-project-intro-steps button span { width: 31px; height: 31px; border-radius: 50%; background: #f0f4f1; display: grid; place-items: center; font-size: 11px; font-weight: 600; transition: background .18s ease-out,color .18s ease-out; }
.dash-project-intro-steps button strong { font-weight: 500; }
.dash-project-intro-steps button[aria-pressed="true"] { color: #214d43; }
.dash-project-intro-steps button[aria-pressed="true"] span { background: #214d43; color: #fff; }
.dash-project-intro-steps button[aria-pressed="true"] strong { font-weight: 700; }
.dash-project-intro-steps button:hover span { background: #dbe9e1; color: #214d43; }
.dash-project-intro-steps button[aria-pressed="true"]:hover span { background: #214d43; color: #fff; }
.dash-project-intro-detail { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(150px,1fr); gap: 24px; }
.dash-project-intro-detail h3 { font-size: 21px; line-height: 1.4; margin: 8px 0 14px; letter-spacing: -.02em; }
.dash-intro-instruction ol { padding-left: 19px; margin: 0; color: #42594f; font-size: 13px; line-height: 1.8; }
.dash-intro-instruction li { padding-left: 4px; margin-bottom: 6px; }
.dash-intro-instruction li::marker { color: #527d67; font-size: 11px; }
.dash-intro-outcome { background: #f2f6f3; padding: 18px; border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; }
.dash-intro-outcome svg { width: 23px; height: 23px; margin-bottom: 14px; color: #527d67; }
.dash-intro-outcome span { color: #61756a; font-size: 11px; }
.dash-intro-outcome strong { font-size: 14px; line-height: 1.6; margin-top: 5px; font-weight: 600; }
.dash-intro-outcome p { font-size: 11px; line-height: 1.7; color: #61756a; margin: 9px 0 0; }
.dash-project-intro footer { border-top: 1px solid #e7ede8; padding-top: 16px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.dash-project-intro footer > div { display: flex; flex-direction: column; gap: 6px; }
.dash-project-intro footer span, .dash-project-intro footer small { font-size: 10px; color: #61756a; }
.dash-intro-primary { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 7px; padding: 11px 16px; background: #214d43; color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.dash-intro-primary:hover { background: #163b31; }
.dash-intro-primary svg { width: 16px; height: 16px; }
#view-dashboard .dash-intro-work { padding-top:28px; }
#view-dashboard .dash-project-intro-steps { margin-bottom:16px; }
#view-dashboard .dash-intro-project-context { margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid #e7ede8; color:#52675c; font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
#view-dashboard .dash-intro-before { margin:0 0 14px; color:#52675c; font-size:13px; line-height:1.7; }
#view-dashboard .dash-intro-before strong { margin-right:8px; color:#294d3b; font-weight:600; }
#view-dashboard .dash-intro-outcome { align-self:start; }
#view-dashboard .dash-intro-outcome p { font-size:12px; color:#4f6658; }
#view-dashboard .dash-project-intro footer { display:block; }
#view-dashboard .dash-intro-entry-buttons { display:flex; gap:8px; flex-wrap:wrap; }
#view-dashboard .dash-intro-entry-group p { font-size:12px; line-height:1.6; color:#52675c; margin:8px 0 0; }
#view-dashboard .dash-intro-secondary { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 12px; border:1px solid #cad9ce; border-radius:7px; background:#fff; color:#294d3b; font:inherit; font-size:13px; cursor:pointer; }
#view-dashboard .dash-intro-secondary svg { width:16px; height:16px; }
#view-dashboard .dash-intro-secondary:hover { background:#edf4ef; }
#view-dashboard .dash-project-intro button:disabled { background:#f1f4f2; color:#69766e; border-color:#dce4df; cursor:not-allowed; }
#view-dashboard .dash-project-intro footer > .dash-intro-reading-nav { display:flex; flex-direction:row; align-items:center; justify-content:flex-end; gap:14px; margin-top:16px; }
#view-dashboard .dash-intro-reading-nav button { padding:6px 8px; min-height:36px; border:0; border-radius:6px; background:transparent; color:#315d44; font:inherit; font-size:12px; cursor:pointer; }
#view-dashboard .dash-intro-reading-nav button:hover:not(:disabled) { background:#edf4ef; }
#view-dashboard .dash-intro-reading-nav span { color:#52675c; font-size:12px; }
@media (max-width:640px) {
  #view-dashboard .dash-intro-entry-buttons { flex-direction:column; }
  #view-dashboard .dash-intro-reading-nav button { min-height:40px; }
  #view-dashboard .dash-project-intro footer > .dash-intro-reading-nav { justify-content:space-between; gap:8px; }
}
.dash-project-intro button:focus-visible { outline: 2px solid #527d67; outline-offset: 4px; }
@media (max-width: 1000px) { #dash-project-intro-body { grid-template-columns: 210px minmax(0,1fr); } .dash-intro-cover { padding: 26px 20px; } .dash-project-intro .dash-intro-cover h2 { font-size: 25px; } .dash-intro-work { padding-inline: 20px; } .dash-project-intro-detail { grid-template-columns: minmax(0,1fr); gap: 14px; } .dash-intro-outcome { padding: 14px; } .dash-intro-outcome svg { display: none; } }
@media (max-width: 640px) { #dash-project-intro-body { grid-template-columns: minmax(0,1fr); } .dash-intro-cover { padding: 24px; } .dash-project-intro .dash-intro-cover h2 { margin: 14px 0 8px; } .dash-intro-cover h2 br { display: none; } .dash-intro-cover-bottom { display: none; } .dash-intro-work { padding: 24px 18px; } .dash-project-intro-bar { top: 14px; right: 12px; } .dash-project-intro:not(.is-collapsed) .dash-project-intro-bar button { color: #d6e5dc; } .dash-project-intro-steps button { font-size: 10px; gap: 8px; } .dash-project-intro-steps button strong { max-width: 4em; } .dash-project-intro-detail h3 { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) { .dash-project-intro * { transition: none !important; } }
@media (max-width: 640px) {
  #view-dashboard .dash-project-intro .dash-intro-cover h2 br { display: initial; }
  #view-dashboard .dash-project-intro .dash-project-intro-steps button strong { font-size: 11px !important; line-height: 1.5; max-width: 4em; letter-spacing: 0; }
}

#view-dashboard .dash-header.is-director,
#view-dashboard .dash-visual-workbench {
  width: min(100%, 1280px);
  margin-inline: auto;
}

body[data-active-view="dashboard"] .breadcrumb,
body[data-active-view="dashboard"] .breadcrumb.is-home-hidden {
  display: none !important;
}

body[data-active-view="dashboard"] .main-content {
  padding-top: 0;
}

#view-dashboard .dash-header.is-director {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 98px;
  padding: 24px 0 18px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#view-dashboard .dash-director-more-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border: 1px solid #d7dee8;
  border-radius: 10px;
  color: #334155;
  font: inherit;
  font-size: 12px;
  font-weight: 680;
  background: rgba(255, 255, 255, 0.86);
  cursor: pointer;
}

#view-dashboard .dash-director-more-button svg {
  width: 15px;
  height: 15px;
}

#view-dashboard .dash-header.is-director .dash-title {
  margin: 0;
  color: #111827;
  font-size: clamp(28px, 2.35vw, 38px);
  font-weight: 760;
  letter-spacing: -0.04em;
  line-height: 1.12;
}

#view-dashboard .dash-header.is-director .dash-subtitle {
  margin: 9px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.45;
}

#view-dashboard .dash-visual-workbench {
  display: grid;
  gap: 20px;
  padding: 0 0 34px;
}

#view-dashboard .dash-director-hero {
  display: grid;
  grid-template-columns: minmax(330px, .9fr) minmax(510px, 1.45fr);
  gap: 16px;
  align-items: stretch;
}

#view-dashboard .dash-director-current-stack {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 112px;
  overflow: hidden;
  border-radius: 16px;
  background: #1464e8;
  box-shadow: 0 18px 34px rgba(20, 100, 232, 0.2);
}

#view-dashboard .dash-director-current-action,
#view-dashboard .dash-director-kpi,
#view-dashboard .dash-visual-panel header button,
#view-dashboard .dash-priority-row:not(.is-head) {
  font: inherit;
}

#view-dashboard .dash-director-current-action {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 20px;
  gap: 14px;
  align-items: center;
  min-height: 112px;
  padding: 18px 20px;
  overflow: hidden;
  border: 1px solid #0f5fe8;
  border-radius: 16px;
  color: #fff;
  text-align: left;
  background: #1464e8;
  box-shadow: 0 18px 34px rgba(20, 100, 232, 0.2);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

#view-dashboard .dash-director-current-stack .dash-director-current-action {
  min-height: 76px;
  padding-block: 14px;
  border-bottom: 0;
  border-radius: 16px 16px 0 0;
  box-shadow: none;
}

#view-dashboard .dash-director-current-stack .dash-director-current-action:only-child {
  min-height: 112px;
  border-bottom: 1px solid #0f5fe8;
  border-radius: 16px;
}

#view-dashboard .dash-director-current-stack .dash-director-current-action:hover {
  box-shadow: none;
  transform: none;
}

#view-dashboard .dash-director-project-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 7px 14px;
  border: 1px solid #0f5fe8;
  border-top-color: rgba(255, 255, 255, .2);
  border-radius: 0 0 16px 16px;
  color: rgba(255, 255, 255, .9);
  font: inherit;
  font-size: 11px;
  font-weight: 650;
  background: #0f58cd;
  cursor: pointer;
}

#view-dashboard .dash-director-project-switch:hover {
  background: #0b4fbd;
}

#view-dashboard .dash-director-project-switch svg {
  width: 14px;
  height: 14px;
}

#view-dashboard .dash-director-project-switch b {
  margin-left: auto;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 580;
}

#view-dashboard .dash-director-current-action:hover {
  background: #0f5bd8;
  box-shadow: 0 21px 38px rgba(20, 100, 232, 0.25);
  transform: translateY(-1px);
}

#view-dashboard .dash-director-current-action:active {
  transform: translateY(1px);
}

#view-dashboard .dash-director-current-action:focus-visible,
#view-dashboard .dash-director-kpi:focus-visible,
#view-dashboard .dash-visual-panel header button:focus-visible,
#view-dashboard .dash-priority-row:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.28);
  outline-offset: 3px;
}

#view-dashboard .dash-director-action-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
}

#view-dashboard .dash-director-action-icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

#view-dashboard .dash-director-current-action > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 4px;
}

#view-dashboard .dash-director-current-action small {
  color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  font-weight: 650;
}

#view-dashboard .dash-director-current-action strong {
  overflow: hidden;
  font-size: clamp(16px, 1.35vw, 20px);
  font-weight: 740;
  line-height: 1.28;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-director-current-action em {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-director-current-action > svg {
  width: 20px;
  height: 20px;
}

#view-dashboard .dash-director-kpi-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 112px;
  overflow: hidden;
  border: 1px solid #dce3ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

#view-dashboard .dash-director-kpi {
  display: grid;
  align-content: center;
  gap: 6px;
  min-width: 0;
  padding: 15px 16px;
  border: 0;
  border-left: 1px solid #e7ebf0;
  color: #111827;
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition: background-color 150ms ease;
}

#view-dashboard .dash-director-kpi:first-child {
  border-left: 0;
}

#view-dashboard .dash-director-kpi:hover {
  background: #f8fafc;
}

#view-dashboard .dash-director-kpi > span {
  color: #334155;
  font-size: 12px;
  font-weight: 690;
}

#view-dashboard .dash-director-kpi > div {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

#view-dashboard .dash-director-kpi strong {
  font-size: clamp(26px, 2vw, 34px);
  font-weight: 740;
  letter-spacing: -0.045em;
  line-height: 1;
}

#view-dashboard .dash-director-kpi b {
  color: #475569;
  font-size: 13px;
  font-weight: 620;
}

#view-dashboard .dash-director-kpi small {
  overflow: hidden;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-director-analytics,
#view-dashboard .dash-director-insight-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 16px;
}

#view-dashboard .dash-director-insight-grid {
  grid-template-columns: 1fr;
}

#view-dashboard .dash-visual-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce3ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
}

#view-dashboard .dash-coverage-matrix,
#view-dashboard .dash-priority-projects {
  display: flex;
  flex-direction: column;
}

#view-dashboard .dash-stage-distribution,
#view-dashboard .dash-risk-remediation {
  display: flex;
  flex-direction: column;
}

#view-dashboard .dash-visual-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 58px;
  padding: 17px 20px 13px;
  border-bottom: 1px solid #edf0f4;
}

#view-dashboard .dash-visual-panel > header h2 {
  margin: 0;
  color: #172033;
  font-size: 16px;
  font-weight: 720;
  letter-spacing: -0.015em;
}

#view-dashboard .dash-visual-panel > header h2 small {
  margin-left: 6px;
  color: #718096;
  font-size: 12px;
  font-weight: 540;
}

#view-dashboard .dash-coverage-heading {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
}

#view-dashboard .dash-coverage-heading select {
  min-height: 32px;
  padding: 5px 28px 5px 10px;
  border: 1px solid #d8e0e9;
  border-radius: 10px;
  color: #334155;
  font: inherit;
  font-size: 12px;
  font-weight: 680;
  background: #f8fafc;
  cursor: pointer;
}

#view-dashboard .dash-coverage-heading select:focus-visible {
  border-color: #1763d8;
  outline: 3px solid rgba(23, 99, 216, .16);
  outline-offset: 1px;
}

#view-dashboard .dash-coverage-heading select:disabled {
  color: #52637a;
  opacity: 1;
  cursor: default;
}

#view-dashboard .dash-coverage-no-year {
  padding: 6px 9px;
  border-radius: 9px;
  color: #7a8798;
  font-size: 11px;
  font-weight: 650;
  background: #f1f3f6;
}

#view-dashboard .dash-visual-panel > header button {
  flex: 0 0 auto;
  padding: 5px 0;
  border: 0;
  color: #1763d8;
  font-size: 12px;
  font-weight: 680;
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
}

#view-dashboard .dash-stage-track {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  align-content: center;
  padding: 34px 22px 30px;
}

#view-dashboard .dash-stage-node {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0;
  border: 0;
  color: #64748b;
  font: inherit;
  text-align: center;
  background: transparent;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}

#view-dashboard .dash-stage-node > * {
  pointer-events: none;
}

#view-dashboard .dash-stage-node:active {
  transform: scale(.97);
}

#view-dashboard .dash-stage-node:hover .dash-stage-node-icon {
  border-color: #1763d8;
  box-shadow: 0 0 0 5px #f0f5ff;
}

#view-dashboard .dash-stage-node-icon {
  position: relative;
  z-index: 2;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid #d6dde7;
  border-radius: 50%;
  color: #64748b;
  background: #fff;
}

#view-dashboard .dash-stage-node-icon svg {
  width: 20px;
  height: 20px;
}

#view-dashboard .dash-stage-node.has-projects .dash-stage-node-icon {
  border-color: #b8cdf4;
  color: #1763d8;
  background: #f5f9ff;
}

#view-dashboard .dash-stage-node.is-active .dash-stage-node-icon {
  border-color: #1763d8;
  color: #fff;
  background: #1763d8;
  box-shadow: 0 0 0 6px #edf4ff;
}

#view-dashboard .dash-stage-node > strong {
  overflow: hidden;
  max-width: 100%;
  color: #334155;
  font-size: 13px;
  font-weight: 680;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-stage-node.is-active > strong {
  color: #1763d8;
}

#view-dashboard .dash-stage-node > b {
  color: #111827;
  font-size: 24px;
  font-weight: 740;
  line-height: 1;
}

#view-dashboard .dash-stage-node > small {
  color: #64748b;
  font-size: 11px;
}

#view-dashboard .dash-stage-connector {
  position: absolute;
  z-index: 1;
  top: 21px;
  left: calc(50% + 24px);
  width: calc(100% - 48px);
  height: 2px;
  background: #dce3ec;
}

#view-dashboard .dash-stage-node.has-projects .dash-stage-connector {
  background: #8eb5f4;
}

#view-dashboard .dash-stage-distribution > footer {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  padding: 15px 20px;
  border-top: 1px solid #edf0f4;
  color: #64748b;
  font-size: 12px;
}

#view-dashboard .dash-stage-distribution > footer strong {
  margin-left: 4px;
  color: #1e293b;
}

#view-dashboard .dash-risk-remediation-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(160px, 0.82fr);
  gap: 20px;
  padding: 24px 20px 20px;
}

#view-dashboard .dash-risk-bars > strong,
#view-dashboard .dash-remediation-summary > strong {
  display: block;
  margin-bottom: 17px;
  color: #475569;
  font-size: 12px;
  font-weight: 680;
}

#view-dashboard .dash-risk-scope-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 13px;
}

#view-dashboard .dash-risk-scope-head > strong {
  color: #475569;
  font-size: 12px;
  font-weight: 680;
}

#view-dashboard .dash-risk-scope-head select {
  width: min(210px, 50vw);
  height: 30px;
  padding: 0 27px 0 9px;
  overflow: hidden;
  border: 1px solid #d7dee8;
  border-radius: 8px;
  color: #334155;
  font: inherit;
  font-size: 10px;
  font-weight: 630;
  text-overflow: ellipsis;
  background: #fff;
}

#view-dashboard .dash-risk-scope-head + .dash-risk-bar {
  margin-top: 0;
}

#view-dashboard .dash-risk-bar {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 24px;
  gap: 9px;
  align-items: center;
  margin-top: 13px;
  width: 100%;
  padding: 2px 0;
  border: 0;
  color: #64748b;
  font: inherit;
  font-size: 12px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-risk-bar:hover span,
#view-dashboard .dash-risk-bar:hover em {
  color: #1763d8;
}

#view-dashboard .dash-risk-bar b {
  display: block;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: #eef2f6;
}

#view-dashboard .dash-risk-bar b i {
  display: block;
  height: 100%;
  min-width: 0;
  border-radius: inherit;
  background: #cbd5e1;
}

#view-dashboard .dash-risk-bar.is-critical b i { background: #e5484d; }
#view-dashboard .dash-risk-bar.is-high b i { background: #f97316; }
#view-dashboard .dash-risk-bar.is-medium b i { background: #eab308; }
#view-dashboard .dash-risk-bar.is-low b i { background: #22a06b; }

#view-dashboard .dash-risk-bar em {
  color: #334155;
  font-style: normal;
  text-align: right;
}

#view-dashboard .dash-remediation-summary {
  padding-left: 20px;
  border-left: 1px solid #e6ebf1;
}

#view-dashboard .dash-remediation-value {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: 0;
  font: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-remediation-value b {
  color: #169b5d;
  font-size: 29px;
  font-weight: 750;
  letter-spacing: -0.04em;
}

#view-dashboard .dash-remediation-value span {
  color: #64748b;
  font-size: 11px;
}

#view-dashboard .dash-remediation-track {
  height: 9px;
  margin: 13px 0 18px;
  overflow: hidden;
  border-radius: 999px;
  background: #e7ebf0;
}

#view-dashboard .dash-remediation-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #18a566;
}

#view-dashboard .dash-remediation-summary dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

#view-dashboard .dash-remediation-summary dl button {
  display: flex;
  justify-content: space-between;
  padding: 4px 0;
  border: 0;
  color: #64748b;
  font: inherit;
  font-size: 11px;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-remediation-summary dl button:hover dt,
#view-dashboard .dash-remediation-summary dl button:hover dd {
  color: #1763d8;
}

#view-dashboard .dash-remediation-summary dt,
#view-dashboard .dash-remediation-summary dd {
  margin: 0;
}

#view-dashboard .dash-remediation-summary dd {
  color: #334155;
  font-weight: 690;
}

#view-dashboard .dash-risk-remediation > footer {
  padding: 11px 20px 14px;
  border-top: 1px solid #edf0f4;
  color: #8a5a14;
  font-size: 11px;
}

#view-dashboard .dash-coverage-table,
#view-dashboard .dash-priority-table {
  flex: 1 1 auto;
  max-height: 330px;
  overflow-y: auto;
  padding: 8px 18px 14px;
  scrollbar-color: #cbd5e1 transparent;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
}

#view-dashboard .dash-coverage-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #edf0f4;
  background: #fbfcfd;
}

#view-dashboard .dash-coverage-summary > button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 10px;
  align-items: baseline;
  min-width: 0;
  padding: 13px 18px;
  border: 0;
  border-left: 1px solid #edf0f4;
  color: inherit;
  font: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-coverage-summary > button:first-child { border-left: 0; }
#view-dashboard .dash-coverage-summary > button:hover { background: #f5f8fc; }
#view-dashboard .dash-coverage-summary > button:focus-visible { position: relative; z-index: 1; outline: 2px solid #3978db; outline-offset: -2px; }
#view-dashboard .dash-coverage-summary b { grid-row: 1 / span 2; color: #172033; font-size: 22px; font-weight: 730; letter-spacing: -.025em; }
#view-dashboard .dash-coverage-summary small { color: #334155; font-size: 11px; font-weight: 690; }
#view-dashboard .dash-coverage-summary em { overflow: hidden; color: #7a8798; font-size: 10px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }

#view-dashboard .dash-coverage-table::-webkit-scrollbar,
#view-dashboard .dash-priority-table::-webkit-scrollbar {
  width: 7px;
}

#view-dashboard .dash-coverage-table::-webkit-scrollbar-thumb,
#view-dashboard .dash-priority-table::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 999px;
  background: #cbd5e1;
  background-clip: padding-box;
}

#view-dashboard .dash-coverage-row.is-head,
#view-dashboard .dash-priority-row.is-head {
  position: sticky;
  z-index: 2;
  top: 0;
  background: #fff;
}

#view-dashboard .dash-coverage-row {
  display: grid;
  grid-template-columns: minmax(180px, .9fr) repeat(4, minmax(150px, 1fr));
  align-items: stretch;
  min-width: 780px;
  min-height: 56px;
  border-bottom: 1px solid #edf0f4;
}

#view-dashboard .dash-coverage-row:last-child {
  border-bottom: 0;
}

#view-dashboard .dash-coverage-row > * {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 9px 11px;
  color: #475569;
  font-size: 11px;
  text-align: center;
}

#view-dashboard .dash-coverage-row > strong {
  justify-content: flex-start;
  gap: 8px;
  overflow: hidden;
  color: #334155;
  font-weight: 650;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-coverage-row > strong > span {
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-dashboard .dash-coverage-row > strong > small {
  flex: 0 0 auto;
  padding: 3px 6px;
  border-radius: 999px;
  color: #8a6100;
  font-size: 9px;
  background: #fff5d6;
}

#view-dashboard .dash-coverage-row.is-head > * {
  color: #64748b;
  font-weight: 650;
}

#view-dashboard .dash-coverage-row.is-head {
  min-height: 38px;
}

#view-dashboard .dash-coverage-row:not(.is-head) > button {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 4px;
  margin: 6px 5px;
  padding: 8px 9px;
  border: 0;
  border-radius: 10px;
  font: inherit;
  font-weight: 650;
  text-align: center;
  cursor: pointer;
}

#view-dashboard .dash-coverage-cell-counts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
}

#view-dashboard .dash-coverage-cell-counts > span {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

#view-dashboard .dash-coverage-cell-counts > span + span {
  border-left: 1px solid currentColor;
}

#view-dashboard .dash-coverage-cell-counts b {
  color: inherit;
  font-size: 15px;
  font-weight: 760;
  font-variant-numeric: tabular-nums;
}

#view-dashboard .dash-coverage-cell-counts small,
#view-dashboard .dash-coverage-cell-planned {
  color: inherit;
  font-size: 10px;
  font-weight: 620;
  font-style: normal;
  white-space: nowrap;
  opacity: .84;
}

#view-dashboard .dash-coverage-cell-status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 720;
  white-space: nowrap;
}

#view-dashboard .dash-coverage-cell-status > i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

#view-dashboard .dash-coverage-cell > strong,
#view-dashboard .dash-coverage-cell > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#view-dashboard .dash-coverage-cell > strong {
  display: -webkit-box;
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#view-dashboard .dash-coverage-cell > small {
  color: inherit;
  font-size: 10px;
  font-weight: 560;
  opacity: .82;
  white-space: nowrap;
}

#view-dashboard .dash-coverage-row button.is-completed { color: #16794b; background: #e9f7ef; }
#view-dashboard .dash-coverage-row button.is-in-progress { color: #125dcc; background: #eaf2ff; }
#view-dashboard .dash-coverage-row button.is-planned { color: #9a6700; background: #fff4d6; }
#view-dashboard .dash-coverage-row button.is-not-covered,
#view-dashboard .dash-coverage-row button.is-not-applicable { color: #64748b; background: #f1f3f5; }

#view-dashboard .dash-coverage-row:not(.is-head) > button:hover {
  box-shadow: inset 0 0 0 1px currentColor;
}

#view-dashboard .dash-coverage-legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 13px 20px 16px;
  border-top: 1px solid #edf0f4;
  color: #64748b;
  font-size: 11px;
}

#view-dashboard .dash-coverage-legend > em {
  margin-left: auto;
  color: #8a96a6;
  font-style: normal;
}

#view-dashboard .dash-coverage-legend span::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  border-radius: 50%;
  background: #cbd5e1;
  content: '';
}

#view-dashboard .dash-coverage-legend .is-completed::before { background: #22a06b; }
#view-dashboard .dash-coverage-legend .is-in-progress::before { background: #1763d8; }
#view-dashboard .dash-coverage-legend .is-planned::before { background: #eab308; }

#view-dashboard .dash-priority-row {
  display: grid;
  grid-template-columns: minmax(128px, 1.45fr) minmax(72px, .72fr) minmax(58px, .58fr) minmax(78px, .82fr) minmax(82px, .88fr);
  gap: 8px;
  align-items: center;
  width: 100%;
  min-height: 51px;
  padding: 8px 6px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  color: #475569;
  text-align: left;
  background: transparent;
}

#view-dashboard button.dash-priority-row {
  cursor: pointer;
  transition: background-color 140ms ease;
}

#view-dashboard button.dash-priority-row:hover {
  background: #f8fafc;
}

#view-dashboard .dash-priority-row:last-child {
  border-bottom: 0;
}

#view-dashboard .dash-priority-row.is-head {
  min-height: 36px;
  color: #64748b;
  font-size: 11px;
  font-weight: 650;
}

#view-dashboard .dash-priority-row > strong {
  min-width: 0;
  overflow: hidden;
  color: #1f2937;
  font-size: 12px;
  font-weight: 670;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-priority-row > span,
#view-dashboard .dash-priority-row > em {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-size: 11px;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-priority-row > span {
  display: flex;
  align-items: center;
  gap: 6px;
}

#view-dashboard .dash-priority-row > em {
  justify-self: start;
  box-sizing: border-box;
  padding: 5px 8px;
  border-radius: 7px;
  color: #125dcc;
  background: #edf4ff;
}

#view-dashboard .dash-priority-row .is-danger { color: #c43131; }
#view-dashboard .dash-priority-row .is-high { color: #d14e10; }
#view-dashboard .dash-priority-row .is-medium { color: #956900; }
#view-dashboard .dash-priority-row .is-normal { color: #16794b; }

#view-dashboard .dash-priority-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
}

#view-dashboard .dash-priority-dot.is-pre { background: #22a06b; }
#view-dashboard .dash-priority-dot.is-execution { background: #1763d8; }
#view-dashboard .dash-priority-dot.is-finding { background: #f97316; }
#view-dashboard .dash-priority-dot.is-report { background: #eab308; }
#view-dashboard .dash-priority-dot.is-archive { background: #64748b; }

#view-dashboard .dash-visual-empty {
  display: grid;
  min-height: 200px;
  place-content: center;
  gap: 7px;
  padding: 30px;
  color: #64748b;
  text-align: center;
}

#view-dashboard .dash-visual-empty strong {
  color: #334155;
  font-size: 14px;
}

#view-dashboard .dash-visual-empty span {
  font-size: 12px;
}

#view-dashboard .dash-visual-empty > div {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 5px;
}

#view-dashboard .dash-visual-empty > div > button {
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid #d8e1ed;
  border-radius: 9px;
  color: #334155;
  font: inherit;
  font-size: 11px;
  font-weight: 680;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-visual-empty > div > button:last-child {
  border-color: #1763d8;
  color: #fff;
  background: #1763d8;
}

#view-dashboard .dash-director-panel-backdrop {
  position: fixed;
  z-index: 5200;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(3px);
  animation: dash-director-fade-in 160ms ease both;
}

#view-dashboard .dash-director-detail-panel {
  display: flex;
  width: min(520px, calc(100vw - 28px));
  height: 100%;
  flex-direction: column;
  overflow: hidden;
  color: #172033;
  background: #f8fafc;
  box-shadow: -24px 0 60px rgba(15, 23, 42, 0.18);
  animation: dash-director-slide-in 190ms cubic-bezier(.2, .75, .25, 1) both;
}

#view-dashboard .dash-director-detail-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 24px 24px 20px;
  border-bottom: 1px solid #e1e7ef;
  background: rgba(255, 255, 255, 0.92);
}

#view-dashboard .dash-director-detail-panel > header > div {
  display: grid;
  gap: 5px;
}

#view-dashboard .dash-director-detail-panel > header span {
  color: #1763d8;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .04em;
}

#view-dashboard .dash-director-detail-panel > header h2 {
  margin: 0;
  font-size: 23px;
  font-weight: 750;
  letter-spacing: -.035em;
}

#view-dashboard .dash-director-detail-panel > header p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.55;
}

#view-dashboard .dash-director-detail-panel > header > button {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid #d9e0e9;
  border-radius: 50%;
  color: #475569;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-director-detail-panel > header > button svg {
  width: 17px;
  height: 17px;
}

#view-dashboard .dash-director-detail-body {
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 0;
  padding: 16px;
  overflow: auto;
}

#view-dashboard .dash-director-panel-list {
  overflow: hidden;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  background: #fff;
}

#view-dashboard .dash-director-panel-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  gap: 12px;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  color: #172033;
  font: inherit;
  text-align: left;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-director-panel-row:last-child {
  border-bottom: 0;
}

#view-dashboard .dash-director-panel-row:hover {
  background: #f7faff;
}

#view-dashboard .dash-director-panel-row.is-selected {
  color: #174ea6;
  background: #edf4ff;
  box-shadow: inset 3px 0 0 #1763d8;
}

#view-dashboard .dash-director-panel-row.is-selected > svg {
  transform: rotate(180deg);
}

#view-dashboard .dash-director-panel-row > span {
  display: grid;
  min-width: 0;
  gap: 5px;
}

#view-dashboard .dash-director-panel-row > svg {
  transition: transform 150ms ease;
}

#view-dashboard .dash-director-item-detail {
  display: grid;
  gap: 15px;
  padding: 18px;
  border: 1px solid #d8e1ed;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

#view-dashboard .dash-director-item-detail > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

#view-dashboard .dash-director-item-detail > header > div {
  display: grid;
  min-width: 0;
  gap: 5px;
}

#view-dashboard .dash-director-item-detail > header span,
#view-dashboard .dash-director-item-next > span {
  color: #1763d8;
  font-size: 10px;
  font-weight: 740;
  letter-spacing: .04em;
}

#view-dashboard .dash-director-item-detail > header h3 {
  margin: 0;
  color: #172033;
  font-size: 16px;
  line-height: 1.4;
}

#view-dashboard .dash-director-item-detail > header p,
#view-dashboard .dash-director-item-next p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.6;
}

#view-dashboard .dash-director-item-detail > header > b {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  color: #475569;
  font-size: 10px;
  background: #eef2f7;
}

#view-dashboard .dash-director-item-detail > header > b.is-danger { color: #b42318; background: #fff0ed; }
#view-dashboard .dash-director-item-detail > header > b.is-warning { color: #8a6100; background: #fff5d6; }
#view-dashboard .dash-director-item-detail > header > b.is-success { color: #16794b; background: #e9f7ef; }

#view-dashboard .dash-director-item-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #e3e8ef;
  border-radius: 12px;
  background: #f8fafc;
}

#view-dashboard .dash-director-item-metrics > span {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 12px;
  border-left: 1px solid #e3e8ef;
}

#view-dashboard .dash-director-item-metrics > span:first-child { border-left: 0; }
#view-dashboard .dash-director-item-metrics small { overflow: hidden; color: #64748b; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
#view-dashboard .dash-director-item-metrics strong { color: #172033; font-size: 16px; }

#view-dashboard .dash-director-item-next {
  display: grid;
  gap: 5px;
  padding: 13px 14px;
  border-radius: 12px;
  background: #f5f8fc;
}

#view-dashboard .dash-director-item-next strong {
  color: #26364d;
  font-size: 13px;
}

#view-dashboard .dash-director-item-detail > footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

#view-dashboard .dash-director-inspect-primary,
#view-dashboard .dash-director-inspect-secondary {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid #d8e1ed;
  border-radius: 10px;
  font: inherit;
  font-size: 11px;
  font-weight: 680;
  cursor: pointer;
}

#view-dashboard .dash-director-inspect-secondary {
  color: #334155;
  background: #fff;
}

#view-dashboard .dash-director-inspect-primary {
  border-color: #1763d8;
  color: #fff;
  background: #1763d8;
}

#view-dashboard .dash-director-inspect-primary svg {
  width: 14px;
  height: 14px;
}

#view-dashboard .dash-director-panel-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border: 1px solid #dfe5ed;
  border-radius: 12px;
  color: #64748b;
  font-size: 11px;
  background: rgba(255, 255, 255, .74);
}

#view-dashboard .dash-director-panel-route > button {
  display: inline-flex;
  min-height: 34px;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  border: 0;
  border-radius: 9px;
  color: #125dcc;
  font: inherit;
  font-weight: 680;
  background: #edf4ff;
  cursor: pointer;
}

#view-dashboard .dash-director-panel-route svg {
  width: 13px;
  height: 13px;
}

#view-dashboard .dash-director-panel-row strong,
#view-dashboard .dash-director-panel-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-director-panel-row strong {
  font-size: 13px;
  font-weight: 690;
}

#view-dashboard .dash-director-panel-row small {
  color: #64748b;
  font-size: 11px;
}

#view-dashboard .dash-director-panel-row > b {
  padding: 5px 8px;
  border-radius: 999px;
  color: #475569;
  font-size: 10px;
  font-weight: 700;
  background: #f1f3f6;
  white-space: nowrap;
}

#view-dashboard .dash-director-panel-row > b.is-danger { color: #b42318; background: #fff0ee; }
#view-dashboard .dash-director-panel-row > b.is-warning { color: #8a5a14; background: #fff5dc; }
#view-dashboard .dash-director-panel-row > b.is-success { color: #16794b; background: #e9f7ef; }
#view-dashboard .dash-director-panel-row > svg { width: 16px; color: #94a3b8; }

#view-dashboard .dash-director-project-list {
  overflow: hidden;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  background: #fff;
}

#view-dashboard .dash-director-project-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  width: 100%;
  min-height: 88px;
  padding: 14px 15px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  color: #172033;
  font: inherit;
  text-align: left;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-director-project-option:last-child { border-bottom: 0; }
#view-dashboard .dash-director-project-option:hover { background: #f7faff; }
#view-dashboard .dash-director-project-option.is-current { background: #f1f6ff; }

#view-dashboard .dash-director-project-option > span {
  display: grid;
  min-width: 0;
  gap: 5px;
}

#view-dashboard .dash-director-project-option strong,
#view-dashboard .dash-director-project-option small,
#view-dashboard .dash-director-project-option em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-director-project-option strong { font-size: 13px; font-weight: 700; }
#view-dashboard .dash-director-project-option small { color: #64748b; font-size: 11px; }
#view-dashboard .dash-director-project-option em { color: #334155; font-size: 11px; font-style: normal; font-weight: 620; }

#view-dashboard .dash-director-project-option > b {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #1763d8;
  font-size: 10px;
  font-weight: 690;
  white-space: nowrap;
}

#view-dashboard .dash-director-project-option > b svg { width: 13px; height: 13px; }

#view-dashboard .dash-director-project-switch-note {
  margin: 0;
  padding: 0 4px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.65;
}

#view-dashboard .dash-director-panel-empty {
  display: grid;
  min-height: 240px;
  place-content: center;
  justify-items: center;
  gap: 9px;
  padding: 32px;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  color: #64748b;
  text-align: center;
  background: #fff;
}

#view-dashboard .dash-director-panel-empty svg {
  width: 28px;
  height: 28px;
  color: #22a06b;
}

#view-dashboard .dash-director-panel-empty strong { color: #334155; font-size: 14px; }
#view-dashboard .dash-director-panel-empty span { max-width: 310px; font-size: 12px; line-height: 1.6; }

#view-dashboard .dash-director-panel-section,
#view-dashboard .dash-director-metric-definitions {
  padding: 17px;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  background: #fff;
}

#view-dashboard .dash-director-panel-section > header {
  display: grid;
  gap: 5px;
  margin-bottom: 15px;
}

#view-dashboard .dash-director-panel-section > header span { color: #1763d8; font-size: 11px; font-weight: 700; }
#view-dashboard .dash-director-panel-section > header strong { color: #334155; font-size: 14px; }

#view-dashboard .dash-director-mini-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 14px;
  overflow: hidden;
  border: 1px solid #e5e9ef;
  border-radius: 11px;
}

#view-dashboard .dash-director-mini-metrics span {
  display: grid;
  gap: 4px;
  padding: 12px;
  border-left: 1px solid #e5e9ef;
  color: #64748b;
  font-size: 10px;
}

#view-dashboard .dash-director-mini-metrics span:first-child { border-left: 0; }
#view-dashboard .dash-director-mini-metrics b { color: #172033; font-size: 20px; }

#view-dashboard .dash-director-panel-primary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 11px 13px;
  border: 0;
  border-radius: 10px;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 690;
  background: #1763d8;
  cursor: pointer;
}

#view-dashboard .dash-director-panel-primary svg { width: 16px; height: 16px; }

#view-dashboard .dash-director-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

#view-dashboard .dash-director-tool-grid button,
#view-dashboard .dash-director-panel-secondary button {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 9px 11px;
  border: 1px solid #e1e6ed;
  border-radius: 10px;
  color: #334155;
  font: inherit;
  font-size: 11px;
  font-weight: 640;
  text-align: left;
  background: #f8fafc;
  cursor: pointer;
}

#view-dashboard .dash-director-tool-grid svg,
#view-dashboard .dash-director-panel-secondary svg { width: 16px; height: 16px; color: #1763d8; }

#view-dashboard .dash-director-panel-secondary {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 12px;
}

#view-dashboard .dash-director-metric-definitions summary {
  color: #334155;
  font-size: 12px;
  font-weight: 680;
  cursor: pointer;
}

#view-dashboard .dash-director-metric-definitions p {
  margin: 12px 0 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.65;
}

#view-dashboard .dash-director-coverage-focus {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 15px;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  color: #475569;
  font-size: 12px;
  background: #fff;
}

#view-dashboard .dash-director-coverage-focus > svg { width: 15px; color: #94a3b8; }
#view-dashboard .dash-director-coverage-focus > b { padding: 5px 8px; border-radius: 999px; font-size: 10px; white-space: nowrap; }
#view-dashboard .dash-director-coverage-focus > b.is-completed { color: #16794b; background: #e9f7ef; }
#view-dashboard .dash-director-coverage-focus > b.is-in-progress { color: #125dcc; background: #eaf2ff; }
#view-dashboard .dash-director-coverage-focus > b.is-planned { color: #9a6700; background: #fff4d6; }
#view-dashboard .dash-director-coverage-focus > b.is-not-covered,
#view-dashboard .dash-director-coverage-focus > b.is-not-applicable { color: #64748b; background: #eef1f5; }

#view-dashboard .dash-director-coverage-overview {
  display: grid;
  gap: 22px;
}

#view-dashboard .dash-director-coverage-list {
  display: grid;
  overflow: hidden;
  border: 1px solid #dfe5ed;
  border-radius: 14px;
  background: #fff;
}

#view-dashboard .dash-director-coverage-list > article,
#view-dashboard .dash-director-coverage-list > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  gap: 12px;
  align-items: center;
  min-height: 64px;
  padding: 11px 14px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  color: #334155;
  font: inherit;
  text-align: left;
  background: #fff;
}

#view-dashboard .dash-director-coverage-list > article { grid-template-columns: minmax(0, 1fr) auto; }
#view-dashboard .dash-director-coverage-list > :last-child { border-bottom: 0; }
#view-dashboard .dash-director-coverage-list > button { cursor: pointer; }
#view-dashboard .dash-director-coverage-list > button:hover { background: #f7faff; }
#view-dashboard .dash-director-coverage-list > article > span,
#view-dashboard .dash-director-coverage-list > button > span { display: grid; min-width: 0; gap: 4px; }
#view-dashboard .dash-director-coverage-list strong,
#view-dashboard .dash-director-coverage-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-dashboard .dash-director-coverage-list strong { font-size: 12px; font-weight: 690; }
#view-dashboard .dash-director-coverage-list small { color: #7a8798; font-size: 10px; }
#view-dashboard .dash-director-coverage-list b { padding: 5px 8px; border-radius: 999px; font-size: 10px; white-space: nowrap; }
#view-dashboard .dash-director-coverage-list b.is-success { color: #16794b; background: #e9f7ef; }
#view-dashboard .dash-director-coverage-list b.is-warning { color: #8a6100; background: #fff5d6; }
#view-dashboard .dash-director-coverage-list b.is-neutral { color: #125dcc; background: #eaf2ff; }
#view-dashboard .dash-director-coverage-list svg { width: 14px; height: 14px; color: #125dcc; }

#view-dashboard .dash-director-coverage-shell {
  display: flex;
  min-height: calc(100vh - 170px);
  flex-direction: column;
}

#view-dashboard .dash-director-coverage-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border-top: 1px solid #dfe5ed;
  border-bottom: 1px solid #dfe5ed;
}

#view-dashboard .dash-director-coverage-metrics > span {
  display: grid;
  min-width: 0;
  gap: 5px;
  padding: 15px 13px;
  border-left: 1px solid #dfe5ed;
}

#view-dashboard .dash-director-coverage-metrics > span:first-child { border-left: 0; }
#view-dashboard .dash-director-coverage-metrics b { color: #172033; font-size: 24px; font-weight: 730; letter-spacing: -.025em; }
#view-dashboard .dash-director-coverage-metrics strong { color: #334155; font-size: 11px; font-weight: 700; }
#view-dashboard .dash-director-coverage-metrics small { overflow: hidden; color: #7a8798; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

#view-dashboard .dash-director-coverage-gaps {
  display: grid;
  gap: 0;
}

#view-dashboard .dash-director-coverage-gaps > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 9px;
}

#view-dashboard .dash-director-coverage-gaps h3 { margin: 0; color: #26364d; font-size: 13px; font-weight: 700; }
#view-dashboard .dash-director-coverage-gaps > header span { color: #8a96a6; font-size: 10px; }

#view-dashboard .dash-director-coverage-gaps > button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 16px;
  gap: 10px;
  align-items: center;
  min-height: 52px;
  padding: 9px 2px;
  border: 0;
  border-top: 1px solid #edf0f4;
  color: #334155;
  font: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-director-coverage-gaps > button > span { display: grid; min-width: 0; gap: 3px; }
#view-dashboard .dash-director-coverage-gaps strong,
#view-dashboard .dash-director-coverage-gaps small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-dashboard .dash-director-coverage-gaps strong { font-size: 12px; }
#view-dashboard .dash-director-coverage-gaps small { color: #7a8798; font-size: 10px; }
#view-dashboard .dash-director-coverage-gaps b { color: #64748b; font-size: 10px; font-weight: 690; }
#view-dashboard .dash-director-coverage-gaps svg { width: 14px; height: 14px; color: #94a3b8; }
#view-dashboard .dash-director-coverage-gaps > button:hover strong { color: #125dcc; }

#view-dashboard .dash-director-coverage-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: -6px 0 0;
  color: #6b7788;
  font-size: 10px;
  line-height: 1.55;
}

#view-dashboard .dash-director-coverage-note svg { width: 14px; height: 14px; flex: 0 0 auto; }
#view-dashboard .dash-director-panel-empty.is-compact { min-height: 128px; padding: 22px; }

#view-dashboard .dash-director-coverage-facts {
  margin: 0;
  border-top: 1px solid #e3e8ef;
}

#view-dashboard .dash-director-coverage-facts > div {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 14px;
  padding: 13px 2px;
  border-bottom: 1px solid #e3e8ef;
}

#view-dashboard .dash-director-coverage-facts dt { color: #7a8798; font-size: 10px; font-weight: 650; }
#view-dashboard .dash-director-coverage-facts dd { margin: 0; color: #334155; font-size: 11px; line-height: 1.55; }

#view-dashboard .dash-director-coverage-records {
  border-bottom: 1px solid #e3e8ef;
}

#view-dashboard .dash-director-coverage-records summary {
  padding: 13px 2px;
  color: #334155;
  font-size: 11px;
  font-weight: 690;
  cursor: pointer;
}

#view-dashboard .dash-director-coverage-records summary span { color: #7a8798; font-weight: 560; }
#view-dashboard .dash-director-coverage-records > div { display: grid; padding-bottom: 10px; }
#view-dashboard .dash-director-coverage-records article,
#view-dashboard .dash-director-coverage-records button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 9px 10px;
  border: 0;
  border-top: 1px solid #edf0f4;
  color: #334155;
  font: inherit;
  text-align: left;
  background: #fafbfd;
}

#view-dashboard .dash-director-coverage-records article { grid-template-columns: 1fr; }
#view-dashboard .dash-director-coverage-records button { cursor: pointer; }
#view-dashboard .dash-director-coverage-records article > span,
#view-dashboard .dash-director-coverage-records button > span { display: grid; min-width: 0; gap: 4px; }
#view-dashboard .dash-director-coverage-records strong,
#view-dashboard .dash-director-coverage-records small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-dashboard .dash-director-coverage-records strong { font-size: 11px; }
#view-dashboard .dash-director-coverage-records small { color: #7a8798; font-size: 10px; }
#view-dashboard .dash-director-coverage-records svg { width: 14px; height: 14px; color: #125dcc; }

#view-dashboard .dash-director-coverage-actions {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  margin-top: auto;
  padding-top: 18px;
}

#view-dashboard .dash-director-coverage-actions > button {
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #d8e1ed;
  border-radius: 10px;
  color: #334155;
  font: inherit;
  font-size: 11px;
  font-weight: 680;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-director-coverage-actions > button.is-primary {
  border-color: #1763d8;
  color: #fff;
  background: #1763d8;
}

@keyframes dash-director-fade-in { from { opacity: 0; } }
@keyframes dash-director-slide-in { from { transform: translateX(28px); opacity: .6; } }

@media (max-width: 1180px) {
  #view-dashboard .dash-director-analytics,
  #view-dashboard .dash-director-insight-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  #view-dashboard .dash-director-hero {
    grid-template-columns: 1fr;
  }

  #view-dashboard .dash-director-current-action {
    min-height: 112px;
  }
}

@media (max-width: 760px) {
  #view-dashboard .dash-header.is-director {
    min-height: auto;
    padding: 18px 0 14px;
  }

  #view-dashboard .dash-director-more-button span {
    display: none;
  }

  #view-dashboard .dash-visual-workbench {
    gap: 14px;
  }

  #view-dashboard .dash-coverage-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  #view-dashboard .dash-coverage-heading h2 small {
    display: block;
    margin: 3px 0 0;
  }

  #view-dashboard .dash-director-kpi-rail {
    grid-template-columns: 1fr;
  }

  #view-dashboard .dash-director-kpi {
    grid-template-columns: 1fr auto;
    align-items: center;
    border-top: 1px solid #e7ebf0;
    border-left: 0;
  }

  #view-dashboard .dash-director-kpi:first-child {
    border-top: 0;
  }

  #view-dashboard .dash-director-kpi small {
    grid-column: 1 / -1;
  }

  #view-dashboard .dash-stage-track {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 20px;
  }

  #view-dashboard .dash-stage-node {
    grid-template-columns: 38px minmax(0, 1fr) auto auto;
    justify-items: start;
    align-items: center;
    text-align: left;
  }

  #view-dashboard .dash-stage-node-icon {
    width: 38px;
    height: 38px;
  }

  #view-dashboard .dash-stage-connector {
    display: none;
  }

  #view-dashboard .dash-risk-remediation-grid {
    grid-template-columns: 1fr;
  }

  #view-dashboard .dash-remediation-summary {
    padding-top: 18px;
    padding-left: 0;
    border-top: 1px solid #e6ebf1;
    border-left: 0;
  }

  #view-dashboard .dash-coverage-table {
    overflow-x: auto;
  }

  #view-dashboard .dash-coverage-row {
    min-width: 820px;
  }

  #view-dashboard .dash-priority-table {
    display: grid;
    gap: 8px;
    padding: 10px;
    overflow: visible;
  }

  #view-dashboard .dash-priority-row.is-head {
    display: none;
  }

  #view-dashboard .dash-priority-row:not(.is-head) {
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    min-height: 96px;
    gap: 8px 12px;
    padding: 13px;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    background: #fff;
  }

  #view-dashboard .dash-priority-row:not(.is-head) > strong {
    grid-column: 1;
    font-size: 13px;
  }

  #view-dashboard .dash-priority-row:not(.is-head) > span:nth-of-type(1) {
    grid-column: 2;
    grid-row: 1;
  }

  #view-dashboard .dash-priority-row:not(.is-head) > span:nth-of-type(2),
  #view-dashboard .dash-priority-row:not(.is-head) > span:nth-of-type(3) {
    grid-column: 1;
  }

  #view-dashboard .dash-priority-row:not(.is-head) > em {
    grid-column: 2;
    grid-row: 2 / span 2;
    align-self: center;
  }

  #view-dashboard .dash-director-detail-panel {
    width: 100vw;
  }

  #view-dashboard .dash-director-detail-panel > header {
    padding: 20px;
  }

  #view-dashboard .dash-director-panel-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  #view-dashboard .dash-director-panel-row > svg {
    display: none;
  }

  #view-dashboard .dash-director-item-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-dashboard .dash-director-item-metrics > span:nth-child(3) {
    border-top: 1px solid #e3e8ef;
    border-left: 0;
  }

  #view-dashboard .dash-director-item-metrics > span:nth-child(4) {
    border-top: 1px solid #e3e8ef;
  }
}

@media (prefers-reduced-motion: reduce) {
  #view-dashboard .dash-director-current-action,
  #view-dashboard .dash-director-kpi,
  #view-dashboard button.dash-priority-row,
  #view-dashboard .dash-director-panel-backdrop,
  #view-dashboard .dash-director-detail-panel {
    transition: none;
    animation: none;
  }
}

/* Guided home: the workbench explains the next project action instead of
   duplicating the annual-plan and project-portfolio management surfaces. */
#view-dashboard .dash-guidance-workbench {
  display: grid;
  width: min(100%, 1180px);
  margin-inline: auto;
  gap: 14px;
  padding: 0 0 34px;
}

#view-dashboard .dash-project-guide {
  overflow: hidden;
  border: 1px solid #dce3ec;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.055);
}

#view-dashboard .dash-project-guide-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 26px 22px;
}

#view-dashboard .dash-project-guide-main > div:first-child {
  min-width: 0;
}

#view-dashboard .dash-project-guide-main h2 {
  margin: 0;
  color: #172033;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 760;
  letter-spacing: -0.025em;
  line-height: 1.2;
}

#view-dashboard .dash-project-guide-main p {
  display: grid;
  max-width: 70ch;
  gap: 5px;
  margin: 10px 0 0;
  color: #59687c;
  font-size: 14px;
  line-height: 1.55;
}

#view-dashboard .dash-project-guide-main p strong {
  overflow: hidden;
  color: #253247;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-project-guide-actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

#view-dashboard .dash-project-guide-actions .btn {
  min-height: 40px;
  padding-inline: 16px;
  border-radius: 10px;
}

#view-dashboard .dash-project-guide-path {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  border-top: 1px solid #e6ebf1;
  list-style: none;
  background: #f8fafc;
}

#view-dashboard .dash-project-guide-path li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 16px 17px;
  border-right: 1px solid #e6ebf1;
  color: #7a8798;
}

#view-dashboard .dash-project-guide-path li:last-child {
  border-right: 0;
}

#view-dashboard .dash-project-guide-path li > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #cfd7e2;
  border-radius: 50%;
  color: #64748b;
  font-size: 13px;
  font-weight: 750;
  background: #fff;
}

#view-dashboard .dash-project-guide-path li > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

#view-dashboard .dash-project-guide-path strong {
  color: #465469;
  font-size: 14px;
  line-height: 1.35;
}

#view-dashboard .dash-project-guide-path small {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-dashboard .dash-project-guide-path li.is-current {
  color: #1d4ed8;
  background: #eef5ff;
}

#view-dashboard .dash-project-guide-path li.is-current > span {
  border-color: #1769e8;
  color: #fff;
  background: #1769e8;
}

#view-dashboard .dash-project-guide-path li.is-current strong {
  color: #174ea6;
}

#view-dashboard .dash-project-guide-path li.is-done > span {
  border-color: #b8d8c7;
  color: #176b43;
  background: #eaf7f0;
}

#view-dashboard .dash-access-strip.is-tools-only {
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
}

#view-dashboard .dash-access-strip.is-tools-only .dash-tool-dock {
  min-height: auto;
}

#view-dashboard .dash-guidance-support {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.55fr);
  gap: 14px;
  align-items: stretch;
}

#view-dashboard .dash-guidance-support > section {
  min-width: 0;
  margin: 0;
}

#view-dashboard .dash-project-guide button:focus-visible,
#view-dashboard .dash-guidance-support button:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.28);
  outline-offset: 3px;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide {
  border-color: #314158;
  background: #172235;
  box-shadow: none;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-main h2,
html[data-theme="dark"] #view-dashboard .dash-project-guide-main p strong,
html[data-theme="dark"] #view-dashboard .dash-project-guide-path strong {
  color: #eef4ff;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-main p {
  color: #a8b5c7;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path {
  border-color: #314158;
  background: #132033;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path li {
  border-color: #314158;
  color: #9fb0c7;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path li > span {
  border-color: #40516a;
  color: #b8c5d6;
  background: #172235;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path li.is-current {
  background: #172a46;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path li.is-current > span {
  border-color: #72a7ff;
  color: #0f172a;
  background: #72a7ff;
}

html[data-theme="dark"] #view-dashboard .dash-project-guide-path li.is-current strong {
  color: #b7d2ff;
}

@media (max-width: 900px) {
  #view-dashboard .dash-project-guide-main,
  #view-dashboard .dash-guidance-support {
    grid-template-columns: 1fr;
  }

  #view-dashboard .dash-project-guide-main {
    display: grid;
    gap: 18px;
  }

  #view-dashboard .dash-project-guide-actions {
    justify-content: flex-start;
  }

  #view-dashboard .dash-project-guide-path {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #view-dashboard .dash-project-guide-path li:nth-child(2) {
    border-right: 0;
  }

  #view-dashboard .dash-project-guide-path li:nth-child(-n + 2) {
    border-bottom: 1px solid #e6ebf1;
  }
}

@media (max-width: 560px) {
  #view-dashboard .dash-project-guide-main {
    padding: 20px;
  }

  #view-dashboard .dash-project-guide-actions {
    align-items: stretch;
    flex-direction: column;
  }

  #view-dashboard .dash-project-guide-path {
    grid-template-columns: 1fr;
  }

  #view-dashboard .dash-project-guide-path li {
    border-right: 0;
    border-bottom: 1px solid #e6ebf1;
  }

  #view-dashboard .dash-project-guide-path li:last-child {
    border-bottom: 0;
  }
}

html[data-theme="dark"] #view-dashboard .dash-header.is-director .dash-title,
html[data-theme="dark"] #view-dashboard .dash-director-kpi,
html[data-theme="dark"] #view-dashboard .dash-visual-panel {
  color: #e7edf7;
}

html[data-theme="dark"] #view-dashboard .dash-director-kpi-rail,
html[data-theme="dark"] #view-dashboard .dash-visual-panel,
html[data-theme="dark"] #view-dashboard .dash-director-detail-panel,
html[data-theme="dark"] #view-dashboard .dash-director-panel-list,
html[data-theme="dark"] #view-dashboard .dash-director-panel-row,
html[data-theme="dark"] #view-dashboard .dash-director-project-list,
html[data-theme="dark"] #view-dashboard .dash-director-project-option,
html[data-theme="dark"] #view-dashboard .dash-director-panel-empty,
html[data-theme="dark"] #view-dashboard .dash-director-panel-section,
html[data-theme="dark"] #view-dashboard .dash-director-metric-definitions,
html[data-theme="dark"] #view-dashboard .dash-director-coverage-focus,
html[data-theme="dark"] #view-dashboard .dash-director-item-detail,
html[data-theme="dark"] #view-dashboard .dash-director-item-metrics,
html[data-theme="dark"] #view-dashboard .dash-director-item-next,
html[data-theme="dark"] #view-dashboard .dash-director-panel-route {
  border-color: #2b3648;
  background: #151d2b;
}

html[data-theme="dark"] #view-dashboard .dash-director-kpi,
html[data-theme="dark"] #view-dashboard .dash-visual-panel > header,
html[data-theme="dark"] #view-dashboard .dash-priority-row,
html[data-theme="dark"] #view-dashboard .dash-coverage-row,
html[data-theme="dark"] #view-dashboard .dash-director-panel-row,
html[data-theme="dark"] #view-dashboard .dash-director-project-option,
html[data-theme="dark"] #view-dashboard .dash-director-detail-panel > header {
  border-color: #2b3648;
}

html[data-theme="dark"] #view-dashboard .dash-director-kpi:hover,
html[data-theme="dark"] #view-dashboard button.dash-priority-row:hover,
html[data-theme="dark"] #view-dashboard .dash-director-panel-row:hover,
html[data-theme="dark"] #view-dashboard .dash-director-project-option:hover {
  background: #1c2636;
}

html[data-theme="dark"] #view-dashboard .dash-director-panel-row.is-selected {
  color: #9bc1ff;
  background: #1b2b45;
}

html[data-theme="dark"] #view-dashboard .dash-director-item-detail h3,
html[data-theme="dark"] #view-dashboard .dash-director-item-metrics strong,
html[data-theme="dark"] #view-dashboard .dash-director-item-next strong {
  color: #e7edf7;
}

html[data-theme="dark"] #view-dashboard .dash-director-inspect-secondary {
  border-color: #334155;
  color: #d7e0ed;
  background: #1b2534;
}

html[data-theme="dark"] #view-dashboard .dash-risk-scope-head select {
  border-color: #334155;
  color: #e2e8f0;
  background: #172235;
}

/* Unified home: current project and today's work share one command surface. */
#view-dashboard #dash-content { width: 100%; }

#view-dashboard .dash-home-shell {
  display: grid;
  grid-auto-rows: max-content;
  align-content: start;
  width: min(100%, 1180px);
  min-height: calc(100dvh - 56px);
  margin-inline: auto;
  gap: 0;
  padding: 24px 0 40px;
  box-sizing: border-box;
}

#view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header,
#view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header.is-director {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 2px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

#view-dashboard .dash-home-shell .dash-header-left { min-width: 0; }

#view-dashboard .dash-home-shell .dash-title,
#view-dashboard .dash-home-shell .dash-header.is-director .dash-title {
  margin: 0;
  color: #172033 !important;
  font-size: clamp(28px, 2.5vw, 36px) !important;
  font-weight: 780;
  letter-spacing: -.035em;
  line-height: 1.12;
}

#view-dashboard .dash-home-shell .dash-subtitle,
#view-dashboard .dash-home-shell .dash-header.is-director .dash-subtitle {
  max-width: 76ch;
  margin: 8px 0 0 !important;
  color: #657184 !important;
  font-size: 13px;
  line-height: 1.55;
}

#view-dashboard .dash-home-shell .dash-eyebrow { margin-bottom: 6px; color: #60716b; letter-spacing: .04em; }
#view-dashboard .dash-home-shell .dash-header-right { display: flex; flex: 0 0 auto; align-items: stretch; gap: 8px; }

#view-dashboard .dash-home-shell :is(.dash-year-badge, .dash-scope-badge) {
  min-height: 42px;
  padding: 7px 11px !important;
  border: 1px solid #d7e0e8;
  border-radius: 10px;
  background: rgba(255,255,255,.82) !important;
  box-shadow: none !important;
}

#view-dashboard .dash-home-shell .dash-year-badge {
  display: grid;
  align-content: center;
  align-items: flex-start;
  min-width: 136px;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#view-dashboard .dash-home-shell .dash-year-badge small,
#view-dashboard .dash-home-shell .dash-scope-badge small { color: #667386; font-size: 10px; font-weight: 720; line-height: 1.15; }
#view-dashboard .dash-home-shell .dash-year-label { margin-top: 3px; color: #334155 !important; font-size: 12px; font-weight: 760; }
#view-dashboard .dash-home-shell .dash-year-name { margin-top: 1px; color: #697589 !important; font-size: 10px; }
#view-dashboard .dash-home-shell .dash-scope-badge { display: grid; align-content: center; gap: 3px; min-width: 210px; color: #334155; font-size: 12px; }

#view-dashboard .dash-home-shell .dash-scope-picker select {
  width: 100%;
  min-height: 22px;
  padding: 0 22px 0 0;
  border: 0;
  border-radius: 0;
  color: #253248;
  font: inherit;
  font-size: 12px;
  font-weight: 740;
  background-color: transparent;
  cursor: pointer;
}

#view-dashboard .dash-home-shell :is(.dash-year-badge, .dash-scope-picker select):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .2);
  outline-offset: 2px;
}

#view-dashboard .dash-home-shell .dash-year-badge:hover { border-color: #aebdce; background: #fff !important; }

#view-dashboard .dash-home-shell .dash-guidance-workbench {
  display: grid;
  grid-template-rows: auto auto minmax(260px, 1fr);
  width: 100%;
  min-height: 0;
  margin: 0;
  gap: 14px;
  padding: 0;
}

#view-dashboard .dash-home-command {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(390px, .8fr);
  grid-template-rows: auto;
  overflow: hidden;
  border: 1px solid #dce3ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(31, 50, 72, .065);
}

#view-dashboard .dash-home-command > .dash-project-guide {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

#view-dashboard .dash-home-command .dash-project-guide-main {
  display: grid;
  align-content: start;
  gap: 18px;
  min-height: 300px;
  padding: 26px 28px 22px;
}

#view-dashboard .dash-project-context-picker {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, .82fr);
  align-items: end;
  gap: 12px 18px;
  padding-bottom: 17px;
  border-bottom: 1px solid #e8ecf1;
}

#view-dashboard .dash-project-context-picker label {
  display: grid;
  min-width: 0;
  gap: 7px;
}

#view-dashboard .dash-project-context-picker label > span {
  color: #566579;
  font-size: 11px;
  font-weight: 760;
}

#view-dashboard .dash-project-context-picker select {
  width: 100%;
  min-height: 42px;
  padding: 0 36px 0 12px;
  overflow: hidden;
  border: 1px solid #cfd9e4;
  border-radius: 10px;
  color: #253248;
  font: inherit;
  font-size: 13px;
  font-weight: 720;
  text-overflow: ellipsis;
  background: #fff;
  cursor: pointer;
}

#view-dashboard .dash-project-context-picker select:hover { border-color: #9fb1c4; }
#view-dashboard .dash-project-context-picker select:disabled { color: #7b8797; background: #f5f7f9; cursor: not-allowed; }
#view-dashboard .dash-project-context-picker select:focus-visible { outline: 3px solid rgba(37, 99, 235, .2); outline-offset: 2px; border-color: #588bc7; }

#view-dashboard .dash-project-context-picker > small {
  max-width: 34ch;
  padding-bottom: 5px;
  color: #677589;
  font-size: 11px;
  line-height: 1.5;
}

#view-dashboard .dash-project-guide-copy { min-width: 0; }

#view-dashboard .dash-home-command .dash-project-guide-main h2 { font-size: clamp(24px, 2vw, 30px); }

#view-dashboard .dash-home-command .dash-project-guide-main p {
  max-width: 64ch;
  margin-top: 10px;
}

#view-dashboard .dash-home-command .dash-project-guide-main p strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.4;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#view-dashboard .dash-project-guide-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 420px;
  margin-top: 18px;
  border-top: 1px solid #e8ecf1;
  border-bottom: 1px solid #e8ecf1;
}

#view-dashboard .dash-project-guide-facts > span { display: grid; gap: 4px; padding: 12px 14px 12px 0; }
#view-dashboard .dash-project-guide-facts > span + span { padding-left: 16px; border-left: 1px solid #e8ecf1; }
#view-dashboard .dash-project-guide-facts small { color: #647184; font-size: 10px; font-weight: 700; }
#view-dashboard .dash-project-guide-facts b { color: #314158; font-size: 14px; font-weight: 760; }

#view-dashboard .dash-home-command .dash-project-guide-actions { justify-content: flex-start; }
#view-dashboard .dash-home-command .dash-project-guide-actions .btn { min-height: 44px; }

#view-dashboard .dash-home-command .dash-project-guide-path { background: #f8fafc; }
#view-dashboard .dash-home-command .dash-project-guide-path.is-context li { min-height: 74px; padding: 12px 13px; }
#view-dashboard .dash-home-command .dash-project-guide-path.is-context li > span { width: 24px; height: 24px; font-size: 11px; }
#view-dashboard .dash-home-command .dash-project-guide-path.is-context small { display: none; }
#view-dashboard .dash-home-command .dash-project-guide-path.is-context li.is-current small { display: block; }

#view-dashboard .dash-home-command > .dash-attention-panel {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 0;
  border-left: 1px solid #e4e9ef;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

#view-dashboard .dash-home-command .dash-attention-panel > header { min-height: 98px; padding: 22px 22px 16px; }
#view-dashboard .dash-home-command .dash-attention-panel > header h2 { font-size: 20px !important; }
#view-dashboard .dash-home-command .dash-attention-panel > header p { margin-top: 7px; font-size: 12px !important; line-height: 1.55; }
#view-dashboard .dash-home-command .dash-attention-panel > header > b { min-width: 44px; height: 30px; font-size: 12px; }

#view-dashboard .dash-attention-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #e8ecf1;
  background: #f8fafb;
}

#view-dashboard .dash-attention-summary > span { display: grid; gap: 3px; padding: 11px 14px; border-right: 1px solid #e8ecf1; }
#view-dashboard .dash-attention-summary > span:last-child { border-right: 0; }
#view-dashboard .dash-attention-summary small { color: #647184; font-size: 10px; font-weight: 700; white-space: nowrap; }
#view-dashboard .dash-attention-summary strong { color: #2f3e52; font-size: 17px; font-variant-numeric: tabular-nums; }
#view-dashboard .dash-attention-summary .has-attention strong { color: #a3482b; }

#view-dashboard .dash-home-command .dash-attention-item { min-height: 62px; padding-inline: 16px; }
#view-dashboard .dash-home-command .dash-attention-item strong { font-size: 13px; }
#view-dashboard .dash-home-command .dash-attention-panel > footer {
  display: flex;
  min-height: 42px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 16px;
  padding: 8px 16px;
}
#view-dashboard .dash-home-command .dash-attention-panel > footer button { min-height: 32px; }

#view-dashboard .dash-home-operating {
  display: grid;
  grid-template-columns: minmax(270px, .72fr) minmax(0, 1.88fr);
  min-width: 0;
  min-height: 260px;
  overflow: hidden;
  border: 1px solid #dce3ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(31, 50, 72, .045);
}

#view-dashboard .dash-home-operating-overview {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px 26px 20px;
  border-right: 1px solid #e4e9ef;
  background: #f6f9f8;
}

#view-dashboard .dash-home-operating-eyebrow,
#view-dashboard .dash-home-project-pulse > header > div > span {
  color: #506b63;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .08em;
}

#view-dashboard .dash-home-operating-overview h2,
#view-dashboard .dash-home-project-pulse > header h2 {
  margin: 0;
  color: #253248;
  font-size: 19px;
  font-weight: 770;
  letter-spacing: -.02em;
}

#view-dashboard .dash-home-project-pulse > header > div { min-width: 0; }
#view-dashboard .dash-home-project-pulse > header > div > p {
  max-width: 62ch;
  margin: 5px 0 0;
  color: #6b7789;
  font-size: 11px;
  line-height: 1.45;
}

#view-dashboard .dash-home-operating-overview > p {
  max-width: 37ch;
  margin: 8px 0 0;
  color: #748092;
  font-size: 11px;
  line-height: 1.6;
}

#view-dashboard .dash-home-operating-rate {
  display: flex;
  align-items: baseline;
  gap: 9px;
  margin-top: auto;
  padding-top: 20px;
}

#view-dashboard .dash-home-operating-rate strong {
  color: #1e5e51;
  font-size: clamp(32px, 3vw, 44px);
  font-weight: 790;
  letter-spacing: -.055em;
  line-height: 1;
}

#view-dashboard .dash-home-operating-rate span {
  color: #657367;
  font-size: 11px;
  font-weight: 700;
}

#view-dashboard .dash-home-operating-track {
  height: 6px;
  margin: 12px 0 15px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe8e4;
}

#view-dashboard .dash-home-operating-track > i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2b7566;
}

#view-dashboard .dash-home-operating-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid #dfe7e4;
  border-bottom: 1px solid #dfe7e4;
}

#view-dashboard .dash-home-operating-stats > div {
  display: grid;
  gap: 3px;
  padding: 10px 8px 10px 0;
}

#view-dashboard .dash-home-operating-stats > div + div {
  padding-left: 10px;
  border-left: 1px solid #dfe7e4;
}

#view-dashboard .dash-home-operating-stats dt,
#view-dashboard .dash-home-operating-stats dd { margin: 0; }
#view-dashboard .dash-home-operating-stats dt { color: #5e6f69; font-size: 10px; font-weight: 680; }
#view-dashboard .dash-home-operating-stats dd { color: #34433f; font-size: 17px; font-weight: 770; }

#view-dashboard .dash-home-operating-link {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 7px;
  min-height: 34px;
  margin-top: 12px;
  padding: 0;
  border: 0;
  color: #24685b;
  font: inherit;
  font-size: 11px;
  font-weight: 740;
  background: transparent;
  cursor: pointer;
}

#view-dashboard .dash-home-operating-link svg { width: 14px; height: 14px; }

#view-dashboard .dash-home-project-pulse {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#view-dashboard .dash-home-project-pulse > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px 15px;
  border-bottom: 1px solid #edf0f4;
}

#view-dashboard .dash-home-project-totals {
  display: grid;
  grid-template-columns: repeat(3, minmax(74px, auto));
  gap: 0;
}

#view-dashboard .dash-home-project-totals > span {
  display: grid;
  gap: 2px;
  min-width: 76px;
  padding: 0 14px;
  border-left: 1px solid #e6ebf0;
}

#view-dashboard .dash-home-project-totals small { color: #647184; font-size: 10px; font-weight: 700; }
#view-dashboard .dash-home-project-totals strong { color: #314158; font-size: 18px; font-weight: 780; }
#view-dashboard .dash-home-project-totals .has-attention strong { color: #a3482b; }

#view-dashboard .dash-home-project-list {
  display: grid;
  flex: 0 0 auto;
  grid-auto-rows: minmax(64px, auto);
  min-height: 0;
}

#view-dashboard .dash-home-project-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(90px, .52fr) 42px minmax(70px, auto) 18px;
  gap: 12px;
  align-items: center;
  min-width: 0;
  padding: 11px 20px;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  color: #314158;
  font: inherit;
  text-align: left;
  background: #fff;
  cursor: pointer;
  transition: background-color 140ms ease;
}

#view-dashboard .dash-home-project-row:hover { background: #f8fafc; }
#view-dashboard .dash-home-project-name { display: grid; min-width: 0; gap: 4px; }
#view-dashboard .dash-home-project-name strong,
#view-dashboard .dash-home-project-name small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#view-dashboard .dash-home-project-name strong { color: #26364c; font-size: 12px; font-weight: 760; }
#view-dashboard .dash-home-project-name small { color: #667387; font-size: 10px; }

#view-dashboard .dash-home-project-progress {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9edf2;
}

#view-dashboard .dash-home-project-progress > i { display: block; height: 100%; border-radius: inherit; background: #3277ca; }
#view-dashboard .dash-home-project-row > b { color: #526174; font-size: 11px; font-weight: 730; text-align: right; }
#view-dashboard .dash-home-project-row > em { color: #708096; font-size: 10px; font-style: normal; font-weight: 680; text-align: right; white-space: nowrap; }
#view-dashboard .dash-home-project-row.is-danger > em { color: #a03b34; }
#view-dashboard .dash-home-project-row.is-warning > em,
#view-dashboard .dash-home-project-row.is-attention > em { color: #99651c; }
#view-dashboard .dash-home-project-row > svg { width: 15px; height: 15px; color: #8290a2; }

#view-dashboard .dash-home-stage-snapshot {
  display: grid;
  flex: 0 0 auto;
  gap: 10px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--visual-line-soft,#edf0f4);
  background: var(--visual-surface,#fff);
}

#view-dashboard .dash-home-stage-snapshot > header {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 12px;
}
#view-dashboard .dash-home-stage-snapshot > header strong { color:var(--visual-ink,#26364c); font-size:12px; }
#view-dashboard .dash-home-stage-snapshot > header span { color:var(--visual-copy,#526174); font-size:11px; }
#view-dashboard .dash-home-stage-snapshot > div {
  display: grid;
  gap:4px;
}
#view-dashboard .dash-stage-filter {
  display:grid;
  grid-template-columns:76px minmax(0,1fr) 48px 42px;
  align-items:center;
  gap:12px;
  min-height:34px;
  padding:5px 8px;
  border:1px solid transparent;
  border-radius:var(--visual-radius-sm,7px);
  background:transparent;
  color:var(--visual-copy,#526174);
  font:inherit;
  font-size:12px;
  text-align:left;
  cursor:pointer;
}
#view-dashboard .dash-stage-filter > strong { color:var(--visual-ink,#26364c); font-size:13px; text-align:right; font-variant-numeric:tabular-nums; }
#view-dashboard .dash-stage-filter small { margin-left:4px; color:var(--visual-copy,#526174); font-size:11px; font-weight:400; }
#view-dashboard .dash-stage-filter em { color:var(--visual-copy,#526174); font-size:11px; font-style:normal; text-align:right; font-variant-numeric:tabular-nums; }
#view-dashboard .dash-stage-bar { height:6px; overflow:hidden; border-radius:3px; background:var(--visual-line-soft,#e3e8ed); }
#view-dashboard .dash-stage-bar b { display:block; height:100%; border-radius:inherit; background:var(--visual-accent,#3277ca); }
#view-dashboard .dash-stage-filter[aria-pressed="true"] { border-color:var(--visual-accent,#3277ca); background:var(--visual-accent-soft,#edf4ff); }
#view-dashboard .dash-stage-filter[aria-pressed="true"] > span { color:var(--visual-accent-deep,#2458a0); font-weight:700; }
#view-dashboard .dash-portfolio-result-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-height:42px; padding:8px 20px; background:var(--visual-surface-soft,#f8fafc); }
#view-dashboard .dash-portfolio-result-head > strong { color:var(--visual-copy,#526174); font-size:12px; font-weight:500; }
#view-dashboard .dash-portfolio-result-head button { padding:4px 8px; border:0; background:transparent; color:var(--visual-accent-deep,#2458a0); font:inherit; font-size:12px; cursor:pointer; }
#view-dashboard .dash-portfolio-pagination { display:flex; justify-content:flex-end; align-items:center; gap:12px; padding:10px 20px; border-top:1px solid var(--visual-line-soft,#e3e8ed); color:var(--visual-copy,#526174); font-size:12px; }
#view-dashboard .dash-portfolio-pagination button { min-height:36px; padding:6px 12px; border:1px solid var(--visual-line,#dce3ea); border-radius:var(--visual-radius-sm,7px); background:var(--visual-surface,#fff); color:var(--visual-ink,#26364c); font:inherit; cursor:pointer; }
#view-dashboard .dash-home-operating-overview > .dash-rate-basis { margin:8px 0 14px; color:var(--visual-copy,#526174); font-size:12px; line-height:1.6; }
@media (max-width:760px) {
  #view-dashboard .dash-stage-filter { grid-template-columns:70px minmax(0,1fr) 36px 36px; gap:8px; min-height:44px; }
  #view-dashboard .dash-home-stage-snapshot { padding:14px 12px; }
  #view-dashboard .dash-portfolio-result-head { padding:8px 14px; }
}

#view-dashboard .dash-home-project-pulse > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 40px;
  padding: 8px 20px;
  color: #657184;
  font-size: 10px;
}

#view-dashboard .dash-home-project-pulse > footer button {
  padding: 4px 0;
  border: 0;
  color: #2563ad;
  font: inherit;
  font-size: 11px;
  font-weight: 730;
  background: transparent;
  cursor: pointer;
}

#view-dashboard :is(.dash-home-operating-link, .dash-home-project-row, .dash-home-project-pulse > footer button):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .2);
  outline-offset: -3px;
}

#view-dashboard .dash-home-shell .dash-access-strip.is-tools-only { display: block; margin: 0; }

#view-dashboard .dash-home-shell .dash-access-strip.is-tools-only .dash-tool-dock {
  display: grid;
  grid-template-columns: minmax(240px, auto) minmax(0, 1fr);
  grid-template-rows: none;
  align-items: center;
  gap: 18px;
  min-height: 72px;
  padding: 12px 14px;
  overflow: hidden;
  border: 1px solid #dce3ea;
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: none;
}

#view-dashboard .dash-home-shell .dash-tool-dock-head { gap: 12px; }
#view-dashboard .dash-home-shell .dash-tool-dock-head > div { display: grid; gap: 3px; }
#view-dashboard .dash-home-shell .dash-tool-dock-head > div span { font-size: 14px; }
#view-dashboard .dash-home-shell .dash-tool-dock-head > div small { font-size: 10px; }
#view-dashboard .dash-home-shell .dash-tool-more { min-height: 36px; }
#view-dashboard .dash-home-shell .dash-tool-shortcut-list { grid-template-columns: repeat(4, minmax(110px, 1fr)); }
#view-dashboard .dash-home-shell .dash-tool-shortcut { min-height: 44px; }
#view-dashboard .dash-home-shell .dash-tool-shortcut.is-workflow { border-color: #d9e5f1; background: #f7faff; color: #215f9e; }

html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-title,
html[data-theme="dark"] #view-dashboard .dash-project-guide-facts b,
html[data-theme="dark"] #view-dashboard .dash-attention-summary strong { color: #edf4ff !important; }

html[data-theme="dark"] #view-dashboard .dash-home-command,
html[data-theme="dark"] #view-dashboard .dash-home-command > .dash-project-guide,
html[data-theme="dark"] #view-dashboard .dash-home-command > .dash-attention-panel,
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-access-strip.is-tools-only .dash-tool-dock { border-color: #314158; background: #172235; box-shadow: none; }

html[data-theme="dark"] #view-dashboard .dash-home-operating,
html[data-theme="dark"] #view-dashboard .dash-home-project-row { border-color: #314158; background: #172235; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-overview { border-color: #314158; background: #132033; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-overview h2,
html[data-theme="dark"] #view-dashboard .dash-home-project-pulse > header h2,
html[data-theme="dark"] #view-dashboard .dash-home-project-name strong,
html[data-theme="dark"] #view-dashboard .dash-home-project-totals strong,
html[data-theme="dark"] #view-dashboard .dash-home-operating-stats dd { color: #edf4ff; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-overview > p,
html[data-theme="dark"] #view-dashboard .dash-home-project-name small { color: #9dacbf; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-eyebrow,
html[data-theme="dark"] #view-dashboard .dash-home-project-pulse > header > div > span { color: #9fc8bd; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-rate strong { color: #8bdcc7; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-rate span,
html[data-theme="dark"] #view-dashboard .dash-home-operating-stats dt { color: #a8b9b3; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-link { color: #83d8c5; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-track { background: #314c48; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-track > i { background: #55bca5; }
html[data-theme="dark"] #view-dashboard .dash-home-project-row > b,
html[data-theme="dark"] #view-dashboard .dash-home-project-row > em { color: #bac7d6; }
html[data-theme="dark"] #view-dashboard .dash-home-project-row.is-danger > em { color: #ffaaa4; }
html[data-theme="dark"] #view-dashboard .dash-home-project-row.is-warning > em,
html[data-theme="dark"] #view-dashboard .dash-home-project-row.is-attention > em,
html[data-theme="dark"] #view-dashboard .dash-home-project-totals .has-attention strong { color: #f1c27b; }
html[data-theme="dark"] #view-dashboard .dash-home-operating-stats,
html[data-theme="dark"] #view-dashboard .dash-home-operating-stats > div + div,
html[data-theme="dark"] #view-dashboard .dash-home-project-pulse > header,
html[data-theme="dark"] #view-dashboard .dash-home-project-totals > span,
html[data-theme="dark"] #view-dashboard .dash-home-project-row { border-color: #314158; }
html[data-theme="dark"] #view-dashboard .dash-home-project-row:hover { background: #1b2b41; }
html[data-theme="dark"] #view-dashboard .dash-home-stage-snapshot { border-color: #314158; background: #142136; }
html[data-theme="dark"] #view-dashboard .dash-home-stage-snapshot > div,
html[data-theme="dark"] #view-dashboard .dash-home-stage-snapshot > div > span { border-color: #314158; }
html[data-theme="dark"] #view-dashboard .dash-home-stage-snapshot .has-projects strong { color: #91bdf0; }

html[data-theme="dark"] #view-dashboard .dash-home-command > .dash-attention-panel { border-left-color: #314158; }
html[data-theme="dark"] #view-dashboard .dash-attention-summary,
html[data-theme="dark"] #view-dashboard .dash-home-command .dash-project-guide-path { border-color: #314158; background: #132033; }
html[data-theme="dark"] #view-dashboard .dash-attention-summary > span,
html[data-theme="dark"] #view-dashboard .dash-project-guide-facts,
html[data-theme="dark"] #view-dashboard .dash-project-guide-facts > span + span { border-color: #314158; }
html[data-theme="dark"] #view-dashboard .dash-home-shell :is(.dash-year-badge, .dash-scope-badge) { border-color: #40516a; background: #172235 !important; color: #dce8f5; }
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-year-badge:hover { border-color: #60738d; background: #1b2b41 !important; }
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-year-badge small,
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-scope-badge small,
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-year-name,
html[data-theme="dark"] #view-dashboard .dash-project-context-picker > small,
html[data-theme="dark"] #view-dashboard .dash-home-project-pulse > header > div > p { color: #a8b6c8 !important; }
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-year-label,
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-scope-picker select,
html[data-theme="dark"] #view-dashboard .dash-project-context-picker label > span { color: #e0e9f5 !important; }
html[data-theme="dark"] #view-dashboard .dash-project-context-picker { border-color: #314158; }
html[data-theme="dark"] #view-dashboard .dash-project-context-picker select { border-color: #40516a; color: #e0e9f5; background: #132033; }
html[data-theme="dark"] #view-dashboard .dash-project-context-picker select:disabled { color: #94a4b8; background: #19263a; }
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-tool-shortcut.is-workflow { border-color: #40516a; background: #1b2b41; color: #b7d2ff; }

@media (max-width: 900px) {
  #view-dashboard .dash-home-shell { padding-top: 20px; }
  #view-dashboard .dash-home-command { grid-template-columns: 1fr; grid-template-rows: auto; min-height: 0; }
  #view-dashboard .dash-home-command > .dash-project-guide,
  #view-dashboard .dash-home-command > .dash-attention-panel,
  #view-dashboard .dash-home-operating { grid-column: 1; grid-row: auto; }
  #view-dashboard .dash-home-command > .dash-attention-panel { border-top: 1px solid #e4e9ef; border-left: 0; }
  #view-dashboard .dash-home-command .dash-project-guide-main { min-height: 0; }
  #view-dashboard .dash-home-operating { grid-template-columns: 1fr; }
  #view-dashboard .dash-home-operating-overview { border-right: 0; border-bottom: 1px solid #e4e9ef; }
  #view-dashboard .dash-home-shell .dash-access-strip.is-tools-only .dash-tool-dock { grid-template-columns: 1fr; gap: 10px; }
  html[data-theme="dark"] #view-dashboard .dash-home-command > .dash-attention-panel { border-top-color: #314158; }
}

@media (max-width: 680px) {
  #view-dashboard .dash-home-shell { padding: 16px 0 32px; }
  #view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header,
  #view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header.is-director { align-items: flex-start; flex-direction: column; gap: 14px; padding: 0 2px 16px; }
  #view-dashboard .dash-home-shell .dash-header-right { flex-wrap: wrap; width: 100%; }
  #view-dashboard .dash-home-shell .dash-year-badge { flex: 1 1 138px; }
  #view-dashboard .dash-home-shell .dash-scope-badge { flex: 1 1 210px; }
  #view-dashboard .dash-home-command { border-radius: 13px; }
  #view-dashboard .dash-home-command .dash-project-guide-main { padding: 22px 18px 18px; }
  #view-dashboard .dash-project-context-picker { grid-template-columns: 1fr; align-items: start; }
  #view-dashboard .dash-project-context-picker > small { max-width: none; padding-bottom: 0; }
  #view-dashboard .dash-project-guide-facts { max-width: none; }
  #view-dashboard .dash-home-command .dash-project-guide-actions { align-items: stretch; flex-direction: column; }
  #view-dashboard .dash-home-command .dash-project-guide-path,
  #view-dashboard .dash-home-command .dash-project-guide-path.is-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-dashboard .dash-home-command .dash-project-guide-path li:nth-child(2) { border-right: 0; }
  #view-dashboard .dash-home-command .dash-project-guide-path li:nth-child(-n + 2) { border-bottom: 1px solid #e6ebf1; }
  #view-dashboard .dash-home-command .dash-attention-panel > header { padding-inline: 18px; }
  #view-dashboard .dash-attention-summary > span { padding-inline: 10px; }
  #view-dashboard .dash-home-project-pulse > header { align-items: flex-start; flex-direction: column; }
  #view-dashboard .dash-home-project-totals { width: 100%; }
  #view-dashboard .dash-home-project-totals > span:first-child { padding-left: 0; border-left: 0; }
  #view-dashboard .dash-home-project-row { grid-template-columns: minmax(0, 1fr) 44px 18px; }
  #view-dashboard .dash-home-project-progress,
  #view-dashboard .dash-home-project-row > em { display: none; }
  #view-dashboard .dash-home-shell .dash-tool-shortcut-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  #view-dashboard .dash-home-shell * { scroll-behavior: auto; }
}

/* Home responsibilities: actions, current project, portfolio, annual plan, tools. */
#view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header { gap:20px; }
#view-dashboard .dash-workbench-switch { display:flex; flex-shrink:0; gap:3px; padding:4px; border:1px solid #dce3df; border-radius:10px; background:#edf2ee; }
#view-dashboard .dash-workbench-switch button { min-height:36px; padding:7px 14px; border:0; border-radius:7px; background:transparent; color:#4e6155; font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
#view-dashboard .dash-workbench-switch button:hover { background:#dfe8e1; color:#244a36; }
#view-dashboard .dash-workbench-switch button[aria-pressed="true"] { background:#245c44; color:#fff; }
#view-dashboard .dash-workbench-switch button:focus-visible { outline:2px solid #245c44; outline-offset:3px; }
html[data-theme="dark"] #view-dashboard .dash-workbench-switch { background:#182a23; border-color:#40574b; }
html[data-theme="dark"] #view-dashboard .dash-workbench-switch button { color:#c4d7cb; }
html[data-theme="dark"] #view-dashboard .dash-workbench-switch button:hover { background:#2b4638; color:#fff; }
html[data-theme="dark"] #view-dashboard .dash-workbench-switch button[aria-pressed="true"] { background:#a5d7b9; color:#142c20; }
html[data-theme="dark"] #view-dashboard .dash-workbench-switch button:focus-visible { outline-color:#a5d7b9; }
@media (max-width:900px) {
  #view-dashboard .dash-home-shell > [data-dashboard-home] > .dash-header { flex-wrap:wrap; }
}
@media (max-width:680px) {
  #view-dashboard .dash-workbench-switch { align-self:flex-start; }
  #view-dashboard .dash-workbench-switch button { min-height:40px; }
}
#view-dashboard .dash-home-shell .dash-guidance-workbench { grid-template-columns:minmax(0,1fr); grid-template-rows:none; gap:20px; }
#view-dashboard .dash-home-command { grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr); align-items:start; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; gap:20px; }
#view-dashboard .dash-home-command > :is(.dash-project-guide,.dash-attention-panel) { grid-column:auto; grid-row:auto; margin:0; border:1px solid #dce3df; border-radius:14px; overflow:hidden; box-shadow:none; }
#view-dashboard .dash-home-command > .dash-project-guide { grid-template-rows:auto; background:#f4f7f3; }
#view-dashboard [data-workbench-type="execution"] .dash-home-command { grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr); }
#view-dashboard .dash-home-command .dash-project-guide-main { min-height:0; padding:24px; gap:18px; }
#view-dashboard .dash-home-command .dash-project-guide-main h2 { font-size:20px; }
#view-dashboard .dash-project-context-picker { grid-template-columns:minmax(0,1fr); gap:8px; padding-bottom:16px; }
#view-dashboard .dash-project-context-picker > small { max-width:none; font-size:12px; padding:0; }
#view-dashboard .dash-project-context-picker label > span { font-size:12px; }
#view-dashboard .dash-project-context-picker select { min-width:0; font-size:14px; }
#view-dashboard .dash-home-command .dash-project-guide-main p { margin:8px 0 0; font-size:14px; line-height:1.65; }
#view-dashboard .dash-project-guide-facts { display:block; margin-top:14px; border-bottom:0; }
#view-dashboard .dash-project-guide-facts > span { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 0 0; }
#view-dashboard .dash-project-guide-facts small { font-size:12px; }
#view-dashboard .dash-home-command .dash-project-guide-actions .btn { width:100%; white-space:normal; line-height:1.5; }
#view-dashboard .dash-home-command .dash-attention-panel > header { min-height:0; align-items:flex-start; flex-wrap:wrap; gap:14px; padding:22px 24px 16px; }
#view-dashboard .dash-home-command .dash-attention-panel > header p { font-size:13px !important; }
#view-dashboard :is(.dash-local-filter,.dash-portfolio-filters label) { min-width:0; color:#59695f; font-size:12px; }
#view-dashboard .dash-local-filter { max-width:220px; }
#view-dashboard :is(.dash-local-filter,.dash-portfolio-filters) select { width:100%; min-height:38px; padding:7px 28px 7px 10px; border:1px solid #ced8d0; border-radius:6px; background:#fff; color:#30493b; font:inherit; font-size:13px; cursor:pointer; }
#view-dashboard .dash-attention-filters { display:flex; flex-wrap:wrap; gap:6px; padding:0 24px 16px; border-bottom:1px solid #e5eae6; }
#view-dashboard .dash-attention-filters button { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:#536459; font:inherit; font-size:13px; cursor:pointer; }
#view-dashboard .dash-attention-filters button:hover { background:#eff4ef; }
#view-dashboard .dash-attention-filters button[aria-pressed="true"] { background:#244f3b; color:#fff; }
#view-dashboard .dash-attention-filters b { font-size:12px; font-variant-numeric:tabular-nums; }
#view-dashboard .dash-home-command .dash-attention-item { min-height:74px; padding:14px 24px; }
#view-dashboard .dash-home-command .dash-attention-item strong { font-size:14px; white-space:normal; line-height:1.5; }
#view-dashboard .dash-home-command .dash-attention-item small { font-size:12px; }
#view-dashboard .dash-home-command .dash-attention-panel > footer:empty { display:none; }
#view-dashboard .dash-home-operating { display:block; min-height:0; box-shadow:none; border-color:#dce3df; border-radius:14px; }
#view-dashboard .dash-home-project-pulse > header { padding:20px 24px 16px; }
#view-dashboard .dash-home-project-pulse > header > div > p { font-size:13px; }
#view-dashboard :is(.dash-all-projects,.dash-annual-compact > button) { display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:6px 0; border:0; background:transparent; color:#28583e; font:inherit; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; }
#view-dashboard :is(.dash-all-projects,.dash-annual-compact > button) svg { width:16px; height:16px; }
#view-dashboard .dash-portfolio-filters { display:flex; flex-wrap:wrap; align-items:center; gap:16px; padding:14px 24px; }
#view-dashboard .dash-portfolio-filters label { display:flex; align-items:center; gap:8px; white-space:nowrap; }
#view-dashboard .dash-portfolio-filters select { width:auto; }
#view-dashboard .dash-portfolio-filters > span { margin-left:auto; color:#67756b; font-size:12px; }
#view-dashboard .dash-home-project-list { grid-auto-rows:auto; }
#view-dashboard :is(.dash-project-column-head,.dash-home-project-row) { display:grid; grid-template-columns:minmax(240px,2fr) minmax(90px,.65fr) minmax(85px,.6fr) minmax(150px,1fr) 18px; gap:18px; align-items:center; padding:15px 24px; }
#view-dashboard .dash-project-column-head { padding-block:10px; background:#f5f7f4; color:#617064; font-size:12px; border-block:1px solid #e5eae6; }
#view-dashboard .dash-home-project-row { min-height:78px; }
#view-dashboard .dash-home-project-row:last-child { border-bottom:0; }
#view-dashboard .dash-home-project-name strong { font-size:14px; }
#view-dashboard .dash-home-project-name small { font-size:12px; }
#view-dashboard :is(.dash-project-owner,.dash-project-stage-label,.dash-home-project-row > em) { min-width:0; font-size:13px; line-height:1.5; white-space:normal; overflow-wrap:anywhere; }
#view-dashboard .dash-annual-compact { display:flex; flex-wrap:wrap; align-items:center; gap:24px; padding:20px 24px; border:1px solid #dce3df; border-radius:12px; background:#f4f7f3; }
#view-dashboard .dash-annual-compact > div:first-child { margin-right:auto; }
#view-dashboard .dash-annual-compact > div > span { color:#546d5c; font-size:12px; }
#view-dashboard .dash-annual-compact h2 { margin:4px 0; font-size:17px; color:#2b4233; }
#view-dashboard .dash-annual-compact small { color:#607265; font-size:12px; }
#view-dashboard .dash-annual-compact dl { display:flex; gap:24px; margin:0; }
#view-dashboard .dash-annual-compact dt { color:#607265; font-size:12px; }
#view-dashboard .dash-annual-compact dd { margin:4px 0 0; color:#304938; font-size:22px; font-weight:650; font-variant-numeric:tabular-nums; }
#view-dashboard .dash-annual-completion { display:grid; gap:4px; padding-left:24px; border-left:1px solid #d7e0d8; }
#view-dashboard .dash-annual-completion strong { font-size:26px; font-weight:650; color:#305e43; }
#view-dashboard .dash-home-shell .is-tools-only .dash-tool-shortcut-list { grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
#view-dashboard .dash-home-shell .is-tools-only .dash-tool-dock-head > div small { font-size:12px; }
#view-dashboard .dash-guidance-workbench :is(button,select):focus-visible { outline:3px solid #699b7b; outline-offset:3px; }
html[data-theme="dark"] #view-dashboard :is(.dash-annual-compact,.dash-project-column-head,.dash-home-command > .dash-project-guide) { background:#172a25; border-color:#375044; }
html[data-theme="dark"] #view-dashboard :is(.dash-local-filter,.dash-portfolio-filters) select { background:#172a25; border-color:#526e5b; color:#e0e9e1; }
html[data-theme="dark"] #view-dashboard :is(.dash-annual-compact h2,.dash-annual-compact dd,.dash-annual-completion strong,.dash-project-owner,.dash-project-stage-label,.dash-all-projects,.dash-annual-compact > button) { color:#d5e8db; }
html[data-theme="dark"] #view-dashboard :is(.dash-annual-compact small,.dash-annual-compact dt,.dash-annual-compact > div > span,.dash-project-column-head,.dash-portfolio-filters > span,.dash-portfolio-filters label,.dash-attention-filters button) { color:#b0c5b8; }
html[data-theme="dark"] #view-dashboard .dash-attention-filters button[aria-pressed="true"] { background:#365f49; color:#fff; }
@media (max-width:1050px) {
  #view-dashboard .dash-home-command, #view-dashboard [data-workbench-type="execution"] .dash-home-command { grid-template-columns:minmax(0,1fr); }
  #view-dashboard .dash-home-command > :is(.dash-project-guide,.dash-attention-panel) { grid-column:1; }
  #view-dashboard :is(.dash-project-column-head,.dash-home-project-row) { grid-template-columns:minmax(180px,1.7fr) minmax(80px,.7fr) 80px minmax(120px,1fr) 18px; gap:12px; }
}
@media (max-width:680px) {
  #view-dashboard .dash-home-shell .dash-guidance-workbench { gap:16px; }
  #view-dashboard .dash-home-command { gap:16px; }
  #view-dashboard .dash-home-command .dash-attention-panel > header { padding:18px; }
  #view-dashboard .dash-attention-filters { padding:0 12px 12px; gap:2px; }
  #view-dashboard .dash-attention-filters button { padding-inline:9px; min-height:40px; }
  #view-dashboard .dash-home-command .dash-attention-item { padding:14px 16px; }
  #view-dashboard .dash-home-project-pulse > header { flex-direction:row; padding:18px; gap:12px; }
  #view-dashboard .dash-local-filter { width:100%; max-width:none; }
  #view-dashboard .dash-portfolio-filters { gap:10px; padding:12px 18px; }
  #view-dashboard .dash-portfolio-filters label { flex:1 1 135px; display:grid; gap:6px; }
  #view-dashboard .dash-portfolio-filters select { width:100%; }
  #view-dashboard .dash-portfolio-filters > span { margin-left:0; width:100%; }
  #view-dashboard .dash-project-column-head { display:none; }
  #view-dashboard .dash-home-project-row { grid-template-columns:minmax(0,1fr) auto 18px; gap:8px 12px; padding:16px 18px; }
  #view-dashboard .dash-home-project-name { grid-column:1 / 3; }
  #view-dashboard .dash-home-project-name strong { white-space:normal; overflow-wrap:anywhere; }
  #view-dashboard .dash-project-owner { grid-column:1; grid-row:2; }
  #view-dashboard .dash-project-owner::before { content:'负责人：'; color:#67756b; }
  #view-dashboard .dash-project-stage-label { grid-column:2; grid-row:2; }
  #view-dashboard .dash-home-project-row > em { display:block; grid-column:1 / 3; grid-row:3; }
  #view-dashboard .dash-home-project-row > svg { grid-column:3; grid-row:1; }
  #view-dashboard .dash-annual-compact { padding:18px; gap:18px; }
  #view-dashboard .dash-annual-compact > div:first-child { width:100%; }
  #view-dashboard .dash-annual-compact dl { width:100%; justify-content:space-between; gap:12px; }
  #view-dashboard .dash-annual-completion { padding-left:0; border:0; margin-right:auto; }
  #view-dashboard .dash-home-shell .is-tools-only .dash-tool-shortcut-list { grid-template-columns:1fr; }
}

#view-dashboard .dash-local-filter > span { display:block; margin-bottom:6px; color:#59695f; font-size:12px; font-weight:500; }

/* Compact launch row: personal shortcuts and project introduction. */
#view-dashboard .dash-home-launch-row { display:flex; align-items:center; gap:16px; margin:0 0 22px; padding:12px 0; border-block:1px solid #d3dfd7; }
#view-dashboard .dash-home-shell .dash-fixed-shortcuts { flex:1; min-width:0; margin:0; }
#view-dashboard .dash-home-shell .dash-access-strip.is-tools-only.dash-fixed-shortcuts .dash-tool-dock { display:flex; align-items:center; gap:12px; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
#view-dashboard .dash-fixed-shortcuts .dash-tool-dock-head { flex-shrink:0; }
#view-dashboard .dash-fixed-shortcuts .dash-tool-dock-head h2 { margin:0; color:#3c5748; font-size:13px !important; font-weight:600; white-space:nowrap; }
#view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut-list { display:flex; flex-wrap:wrap; flex:1; min-width:0; gap:6px; }
#view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut { display:inline-flex; flex:0 0 auto; width:auto; justify-content:center; align-items:center; min-height:36px; padding:7px 9px; gap:6px; border:1px solid #d4dfd6; border-radius:6px; background:#ffffffb8; color:#29483a; box-shadow:none; font-size:12px; font-weight:500; line-height:1.4; }
#view-dashboard .dash-fixed-shortcuts .dash-tool-shortcut span { white-space:nowrap; font-size:12px; }
#view-dashboard .dash-fixed-shortcuts .dash-tool-shortcut svg { width:16px; height:16px; flex-shrink:0; }
#view-dashboard .dash-fixed-shortcuts .dash-tool-shortcut:hover { background:#fff; border-color:#8ba794; }
#view-dashboard .dash-shortcut-add { display:inline-flex; align-items:center; justify-content:center; width:36px; min-height:36px; padding:0; border:1px dashed #91a698; border-radius:6px; background:transparent; color:#375c45; cursor:pointer; }
#view-dashboard .dash-shortcut-add svg { width:18px; height:18px; }
#view-dashboard .dash-shortcut-add:hover { background:#eef4ed; border-style:solid; }
#view-dashboard .dash-intro-inline-toggle { flex:0 0 auto; min-height:36px; padding:7px 0 7px 16px; border:0; border-left:1px solid #c7d6cc; border-radius:0; background:transparent; color:#3a5c49; font:inherit; font-size:12px; white-space:nowrap; cursor:pointer; }
#view-dashboard .dash-intro-inline-toggle:hover { color:#183e2b; text-decoration:underline; text-underline-offset:4px; }
#view-dashboard .dash-project-intro.is-collapsed { display:none; }
#view-dashboard .dash-fixed-shortcuts button:disabled { opacity:.5; cursor:not-allowed; }
#view-dashboard .dash-home-launch-row button:focus-visible { outline:3px solid #699b7b; outline-offset:3px; }
#view-dashboard .dash-page-shortcut-config { width:min(880px,100%); max-height:85dvh; display:flex; flex-direction:column; overflow:hidden; }
#view-dashboard .dash-page-shortcut-config > header, #view-dashboard .dash-page-shortcut-config > footer { flex-shrink:0; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list { overflow:auto; min-height:0; gap:8px; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list article { grid-template-columns:20px minmax(0,1fr) auto auto; gap:8px; padding:12px; border-radius:8px; background:#fff; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list article.is-selected { border-color:#b5cdba; background:#f3f7f1; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list article.is-selected small { color:#356446; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list article > svg { width:18px; height:18px; color:#47654f; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list button { color:#345c42; font-weight:500; }
#view-dashboard .dash-page-shortcut-config .dash-tool-config-list button:disabled { opacity:.45; cursor:not-allowed; }
html[data-theme="dark"] #view-dashboard .dash-home-launch-row { border-color:#3e5447; }
html[data-theme="dark"] #view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut { background:#192c25; border-color:#415e4d; color:#d8e7dc; }
html[data-theme="dark"] #view-dashboard :is(.dash-intro-inline-toggle,.dash-shortcut-add,.dash-fixed-shortcuts .dash-tool-dock-head h2) { color:#c3ddcd; border-color:#526e5b; }
html[data-theme="dark"] #view-dashboard .dash-page-shortcut-config .dash-tool-config-list article { background:#192c25; border-color:#415e4d; }
html[data-theme="dark"] #view-dashboard .dash-page-shortcut-config .dash-tool-config-list article.is-selected { background:#243d2e; }
html[data-theme="dark"] #view-dashboard .dash-page-shortcut-config .dash-tool-config-list article.is-selected small { color:#b3d2bd; }
@media (max-width:900px) {
  #view-dashboard .dash-home-launch-row { align-items:flex-start; gap:10px; }
  #view-dashboard .dash-home-shell .dash-access-strip.is-tools-only.dash-fixed-shortcuts .dash-tool-dock { align-items:flex-start; }
  #view-dashboard .dash-fixed-shortcuts .dash-tool-dock-head { padding-top:10px; }
}
@media (max-width:680px) {
  #view-dashboard .dash-home-launch-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; }
  #view-dashboard .dash-home-shell .dash-access-strip.is-tools-only.dash-fixed-shortcuts { display:contents; }
  #view-dashboard .dash-home-shell .dash-access-strip.is-tools-only.dash-fixed-shortcuts .dash-tool-dock { display:contents; }
  #view-dashboard .dash-fixed-shortcuts .dash-tool-dock-head { grid-column:1; grid-row:1; padding:0; align-self:center; }
  #view-dashboard .dash-intro-inline-toggle { grid-column:2; grid-row:1; padding:0; border:0; }
  #view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut-list { grid-column:1 / -1; grid-row:2; }
  #view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut { min-height:40px; padding:8px 10px; }
  #view-dashboard .dash-shortcut-add { min-height:40px; width:40px; }
  #view-dashboard .dash-page-shortcut-config .dash-tool-config-list { grid-template-columns:1fr; padding:12px; }
  #view-dashboard .dash-page-shortcut-config > header { padding:16px; }
  #view-dashboard .dash-page-shortcut-config > footer { padding:12px; gap:8px; }
}

/* Unified audit home: current project beside the task and reading stack. */
#view-dashboard .dash-home-shell[data-workbench-type="audit"] .dash-header{margin-bottom:12px;padding-top:0}
#view-dashboard .dash-home-shell[data-workbench-type="audit"] .dash-home-launch-row{margin-bottom:16px;padding-block:8px}
#view-dashboard .dash-home-shell[data-workbench-type="audit"] .dash-project-intro{margin-bottom:18px}
#view-dashboard .dash-home-shell[data-workbench-type="audit"] .dash-home-command{grid-template-columns:minmax(280px,.85fr) minmax(0,1.65fr);align-items:stretch;gap:18px}
#view-dashboard .dash-home-side{display:flex;flex-direction:column;gap:14px;min-width:0}
#view-dashboard .dash-home-side>.dash-attention-panel{flex:1;margin:0;border:1px solid #dce3df;border-radius:14px;overflow:hidden;box-shadow:none}
#view-dashboard .dash-home-side>.audit-reading-desk-entry{flex:none;margin:0;padding:14px 18px;gap:12px}
#view-dashboard .dash-home-side .audit-reading-desk-entry p{display:block;margin:6px 0 0;font-size:13px;line-height:1.6;color:var(--text-secondary,#52675b)}
#view-dashboard .dash-home-side .audit-reading-desk-actions{flex-wrap:wrap;gap:8px}
#view-dashboard .dash-home-side .audit-reading-desk-actions button{padding:8px 12px;font-size:13px}
html[data-theme="dark"] #view-dashboard .dash-home-side>.audit-reading-desk-entry{background:#172a25;border-color:#375044}
@media(max-width:900px){#view-dashboard .dash-home-shell[data-workbench-type="audit"] .dash-home-command{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){#view-dashboard .dash-home-side>.audit-reading-desk-entry{align-items:flex-start;flex-direction:column}}

/* Refined homepage uses the selected theme tokens, including teaching controls. */
html[data-visual-style="refined"] #view-dashboard .dash-intro-cover{background:var(--visual-locator-surface);color:var(--visual-locator-ink)}
html[data-visual-style="refined"] #view-dashboard .dash-intro-cover :is(p,small,svg,.dash-intro-cover-bottom){color:var(--visual-locator-muted)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-primary,.dash-attention-filters button[aria-pressed="true"],.dash-project-guide-actions .btn-primary){background:var(--visual-accent);border-color:var(--visual-accent);color:#fff}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-primary,.dash-attention-filters button[aria-pressed="true"],.dash-project-guide-actions .btn-primary):hover{background:var(--visual-accent-deep);color:#fff}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro-steps button{color:var(--visual-copy)}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro-steps button span{background:var(--visual-surface-soft);color:var(--visual-copy)}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro-steps button[aria-pressed="true"]{color:var(--visual-accent-deep)}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro-steps button[aria-pressed="true"] span{background:var(--visual-accent);color:#fff}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro-steps button:hover:not([aria-pressed="true"]) span{background:var(--visual-accent-soft);color:var(--visual-accent-deep)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-outcome,.dash-home-command>.dash-project-guide){background:var(--visual-surface-soft);border-color:var(--visual-line);color:var(--visual-ink)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-secondary,.dash-intro-reading-nav button,.dash-attention-filters button,.dash-local-filter,.dash-project-context-picker){color:var(--visual-copy);border-color:var(--visual-line)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-secondary,.dash-intro-reading-nav button,.dash-attention-filters button):hover:not(:disabled):not([aria-pressed="true"]){background:var(--visual-accent-soft);color:var(--visual-accent-deep)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-project-context,.dash-intro-before,.dash-intro-outcome p,.dash-intro-outcome span,.dash-intro-entry-group p,.dash-intro-reading-nav span){color:var(--visual-copy)}
html[data-visual-style="refined"] #view-dashboard :is(.dash-intro-before strong,.dash-intro-outcome strong){color:var(--visual-ink)}
html[data-visual-style="refined"] #view-dashboard .dash-intro-outcome svg{color:var(--visual-accent)}
html[data-visual-style="refined"] #view-dashboard .dash-project-intro button:disabled{background:var(--visual-surface-soft);color:var(--visual-faint);border-color:var(--visual-line)}
html[data-visual-style="refined"] #view-dashboard button:focus-visible{outline-color:var(--visual-accent)}

/* Two primary work paths; current work precedes optional guidance. */
#view-dashboard .dash-work-paths{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 24px}
#view-dashboard .dash-work-paths article{padding:22px 24px;border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff);display:flex;align-items:flex-start;flex-direction:column;gap:18px;min-width:0}
#view-dashboard .dash-work-paths h3{font-size:22px!important;line-height:1.4;margin:0 0 8px}
#view-dashboard .dash-work-paths p{font-size:14px;line-height:1.7;margin:0 0 6px;color:var(--text-primary,#243348)}
#view-dashboard .dash-work-paths small{font-size:12px;line-height:1.7;color:var(--text-secondary,#526173)}
#view-dashboard .dash-work-paths button{display:inline-flex;align-items:center;gap:12px;margin-top:auto;min-height:38px;font-size:13px}
#view-dashboard .dash-work-paths svg{width:16px;height:16px}
#view-dashboard .dash-path-guide{margin:24px 0 18px;border-top:1px solid var(--border-color,#d5dde7);padding-top:18px}
#view-dashboard .dash-path-guide h2{font-size:17px!important;margin:0 0 6px}
#view-dashboard .dash-path-guide p{font-size:13px;line-height:1.8;color:var(--text-secondary,#526173);margin:6px 0 12px;max-width:90ch}
#view-dashboard .dash-path-guide>details{border-bottom:1px solid var(--border-color,#d5dde7);padding:12px 0}
#view-dashboard .dash-path-guide summary{cursor:pointer;font-size:13px;line-height:1.8}
#view-dashboard .dash-path-guide summary strong{font-size:14px;margin-right:18px}
#view-dashboard .dash-path-guide summary span{color:var(--text-secondary,#526173)}
#view-dashboard .dash-path-stages{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:12px 0}
#view-dashboard .dash-path-stages details{padding:10px 0;border-bottom:1px solid var(--border-color,#d5dde7)}
#view-dashboard .dash-path-guide summary:focus-visible{outline:2px solid var(--accent-color,#315ac6);outline-offset:4px}
@media(max-width:700px){#view-dashboard .dash-work-paths{grid-template-columns:1fr;gap:12px}#view-dashboard .dash-work-paths article{padding:18px}#view-dashboard .dash-path-stages{grid-template-columns:1fr}#view-dashboard .dash-path-guide summary span{display:block;margin-left:16px}}

/* Work context stays compact; summary and reading have their own destinations. */
#view-dashboard .dash-home-launch-row{margin:0 0 22px}
#view-dashboard .dash-focus-work{border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff);overflow:hidden}
#view-dashboard .dash-project-context-line{padding:12px 20px;border-bottom:1px solid var(--border-color,#d5dde7)}
#view-dashboard .dash-project-context-line .dash-project-context-picker{padding:0;margin:0;border:0;background:none;display:flex;align-items:center;gap:20px}
#view-dashboard .dash-project-context-line label{display:flex;align-items:center;gap:12px;min-width:0;margin:0;flex:1}
#view-dashboard .dash-project-context-line label>span{white-space:nowrap}
#view-dashboard .dash-project-context-line select{max-width:480px;min-width:0}
#view-dashboard .dash-project-context-line small{font-size:12px;color:var(--text-secondary,#526173)}
#view-dashboard .dash-focus-work .dash-attention-panel{margin:0;border:0;box-shadow:none;border-radius:0}
#view-dashboard .dash-knowledge-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
#view-dashboard .dash-knowledge-pair article{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:12px;background:var(--card-bg,#fff);border:1px solid var(--border-color,#d5dde7)}
#view-dashboard .dash-knowledge-pair article>svg{width:28px;height:28px;flex-shrink:0;color:var(--accent-color,#315ac6);margin-top:3px}
#view-dashboard .dash-knowledge-pair h2{font-size:21px!important;margin:0 0 8px}
#view-dashboard .dash-knowledge-pair p{font-size:13px;line-height:1.8;color:var(--text-secondary,#526173);margin:0 0 18px}
#view-dashboard .dash-knowledge-pair button{display:inline-flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--accent-color,#315ac6);padding:4px 0;font-size:14px;font-weight:600;cursor:pointer}
#view-dashboard .dash-knowledge-pair button svg{width:16px;height:16px}
#view-dashboard .dash-path-guide-v2{padding:20px 0;margin-top:22px}
#view-dashboard .dash-path-guide-v2>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
#view-dashboard .dash-path-guide-v2 h2{font-size:18px!important}
#view-dashboard .dash-path-guide-v2 header p{margin:4px 0 0}
#view-dashboard .dash-guide-switch{display:flex;border-bottom:1px solid var(--border-color,#d5dde7);gap:20px;flex-shrink:0}
#view-dashboard .dash-guide-switch button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;font-size:13px;color:var(--text-secondary,#526173);cursor:pointer}
#view-dashboard .dash-guide-switch button[aria-pressed="true"]{border-color:var(--accent-color,#315ac6);color:var(--accent-color,#315ac6);font-weight:600}
#view-dashboard .dash-guide-lane{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 22px}
#view-dashboard .dash-guide-lane[hidden]{display:none!important}
#view-dashboard .dash-guide-node{padding:13px 0;border-bottom:1px solid var(--border-color,#d5dde7);min-width:0}
#view-dashboard .dash-guide-node summary{display:flex;align-items:center;gap:9px;list-style:none;font-size:12px;min-height:28px}
#view-dashboard .dash-guide-node summary::-webkit-details-marker{display:none}
#view-dashboard .dash-guide-node summary>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-secondary,#526173);margin:0}
#view-dashboard .dash-guide-node summary strong{font-size:13px;margin:0;font-weight:500}
#view-dashboard .dash-guide-node summary svg{width:13px;height:13px;flex-shrink:0;margin-left:auto;color:var(--text-secondary,#526173)}
#view-dashboard .dash-guide-node[open] summary svg{transform:rotate(180deg)}
#view-dashboard .dash-guide-node p{font-size:12px;margin-top:12px;line-height:1.8}
@media(max-width:700px){#view-dashboard .dash-knowledge-pair{grid-template-columns:1fr;gap:12px}#view-dashboard .dash-project-context-line .dash-project-context-picker{display:block}#view-dashboard .dash-project-context-line small{display:block;margin-top:8px}#view-dashboard .dash-path-guide-v2>header{align-items:flex-start;flex-direction:column;gap:10px}#view-dashboard .dash-guide-lane{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}}

/* Home: supporting spaces precede the open-ended work queue. */
#view-dashboard [data-dashboard-home][hidden],
#view-dashboard [data-dashboard-guide][hidden]{display:none!important}
#view-dashboard .dash-guide-entry{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-height:44px;padding:8px 16px;border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff);color:var(--text-primary,#243449);text-align:left;cursor:pointer;font:inherit}
#view-dashboard .dash-guide-entry>svg{width:20px;height:20px;color:var(--accent-color,#315ac6);flex-shrink:0}
#view-dashboard .dash-guide-entry>svg:last-child{width:16px;height:16px;margin-left:12px}
#view-dashboard .dash-guide-entry strong{display:block;font-size:14px;font-weight:600}
#view-dashboard .dash-guide-entry small{display:block;font-size:12px;color:var(--text-secondary,#526173);margin-top:4px}
#view-dashboard .dash-guide-entry:hover{border-color:var(--accent-color,#315ac6)}
#view-dashboard .dash-guide-back{display:inline-flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:20px;border:0;background:transparent;color:var(--accent-color,#315ac6);font:inherit;font-size:14px;cursor:pointer}
#view-dashboard .dash-guide-back svg{width:18px;height:18px}
#view-dashboard .dash-guide-back:focus-visible{outline:2px solid var(--accent-color,#315ac6);outline-offset:4px}
#view-dashboard .dash-guide-page h1{margin:0 0 12px;font-size:28px}
#view-dashboard .dash-guide-page-intro{color:var(--text-secondary,#526173);font-size:14px;line-height:1.8}
#view-dashboard .dash-guide-page .dash-guide-lane{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
#view-dashboard .dash-guide-page .dash-guide-node summary{padding-block:20px}
#view-dashboard .dash-guide-page .dash-guide-node p{max-width:65ch}
@media(max-width:900px){#view-dashboard .dash-home-launch-row{flex-wrap:wrap}#view-dashboard .dash-guide-entry{margin-left:auto}}
@media(max-width:700px){#view-dashboard .dash-home-launch-row{display:flex;flex-direction:column;align-items:stretch}#view-dashboard .dash-guide-entry{margin:0;width:100%}#view-dashboard .dash-guide-entry>svg:last-child{margin-left:auto}#view-dashboard .dash-guide-page .dash-guide-lane{grid-template-columns:1fr}}

/* Shared hierarchy and icon treatment for the workbench entry points. */
#view-dashboard .dash-mode-section>h2{font-size:15px!important;font-weight:600;line-height:1.6;margin:0 0 12px;color:var(--text-secondary,#526173)}
#view-dashboard .dash-work-paths article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:18px;row-gap:18px;padding:24px}
#view-dashboard .dash-work-paths article>.dash-mode-icon{width:28px;height:28px;margin-top:3px;color:var(--accent-color,#315ac6)}
#view-dashboard .dash-work-paths article>.btn{grid-column:2;justify-self:start}
#view-dashboard .dash-work-paths h3{font-size:21px!important;line-height:1.4;margin:0 0 8px}
#view-dashboard .dash-home-shell .dash-fixed-shortcuts .dash-tool-shortcut,
#view-dashboard .dash-shortcut-add{min-height:44px}
#view-dashboard .dash-guide-entry{border-radius:8px}
@media(max-width:700px){#view-dashboard .dash-work-paths article{padding:18px;column-gap:14px}#view-dashboard .dash-knowledge-pair article{padding:18px;gap:14px}}

/* Work guide: a readable, actionable companion to the workbench. */
#view-dashboard .dash-guide-mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 16px}
#view-dashboard .dash-guide-mode-cards button{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff);color:var(--text-primary,#243348);text-align:left;font:inherit;cursor:pointer}
#view-dashboard .dash-guide-mode-cards button[aria-pressed="true"]{border-color:var(--accent-color,#315ac6);background:var(--visual-accent-soft,#edf2ff)}
#view-dashboard .dash-guide-mode-cards button>svg{width:28px;height:28px;color:var(--accent-color,#315ac6);flex-shrink:0}
#view-dashboard .dash-guide-mode-cards strong{display:block;font-size:20px;line-height:1.4}
#view-dashboard .dash-guide-mode-cards small{display:block;margin-top:8px;font-size:13px;line-height:1.7;color:var(--text-secondary,#526173)}
#view-dashboard .dash-guide-context{font-size:13px;line-height:1.7;color:var(--text-secondary,#526173);margin:0 0 24px}
#view-dashboard .dash-guide-page .dash-guide-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
#view-dashboard .dash-guide-workspace[hidden],#view-dashboard .dash-guide-detail[hidden]{display:none!important}
#view-dashboard .dash-guide-stage-nav{display:grid;gap:8px}
#view-dashboard .dash-guide-stage-nav button{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:12px;text-align:left;min-height:60px;padding:14px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-primary,#243348);font:inherit;cursor:pointer}
#view-dashboard .dash-guide-stage-nav button>span{font-size:12px;color:var(--text-secondary,#526173);font-variant-numeric:tabular-nums}
#view-dashboard .dash-guide-stage-nav strong{font-size:14px;line-height:1.6;font-weight:500}
#view-dashboard .dash-guide-stage-nav svg{width:16px;height:16px}
#view-dashboard .dash-guide-stage-nav button[aria-pressed="true"]{background:var(--card-bg,#fff);border-color:var(--border-color,#d5dde7);color:var(--accent-color,#315ac6)}
#view-dashboard .dash-guide-stage-nav button[aria-pressed="true"] strong{font-weight:650}
#view-dashboard .dash-guide-stage-nav button:hover{background:var(--card-bg,#fff)}
#view-dashboard .dash-guide-detail{padding:32px;border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff)}
#view-dashboard .dash-guide-detail>header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px}
#view-dashboard .dash-guide-detail>header>svg{width:32px;height:32px;flex-shrink:0;color:var(--accent-color,#315ac6);margin-top:2px}
#view-dashboard .dash-guide-detail h3{font-size:24px;line-height:1.4;margin:0 0 12px}
#view-dashboard .dash-guide-detail p{font-size:14px;line-height:1.8;margin:0;max-width:70ch;color:var(--text-secondary,#526173)}
#view-dashboard .dash-guide-detail h4{font-size:14px;line-height:1.6;margin:0 0 8px;font-weight:650;color:var(--text-primary,#243348)}
#view-dashboard .dash-guide-preparation{padding-bottom:24px;border-bottom:1px solid var(--border-color,#d5dde7)}
#view-dashboard .dash-guide-actions{margin:24px 0}
#view-dashboard .dash-guide-actions ol{padding-left:24px;margin:12px 0 0;display:grid;gap:16px}
#view-dashboard .dash-guide-actions li{font-size:15px;line-height:1.9;padding-left:8px;max-width:70ch;color:var(--text-primary,#243348)}
#view-dashboard .dash-guide-actions li::marker{color:var(--accent-color,#315ac6);font-weight:600}
#view-dashboard .dash-guide-outcome{display:flex;gap:12px;padding:20px 0;border-block:1px solid var(--border-color,#d5dde7)}
#view-dashboard .dash-guide-outcome>svg{width:20px;height:20px;flex-shrink:0;color:var(--accent-color,#315ac6);margin-top:2px}
#view-dashboard .dash-guide-detail footer{padding-top:24px}
#view-dashboard .dash-guide-route-actions{display:flex;flex-wrap:wrap;gap:12px}
#view-dashboard .dash-guide-route-actions button{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px}
#view-dashboard .dash-guide-route-actions svg,#view-dashboard .dash-guide-next svg{width:16px;height:16px}
#view-dashboard .dash-guide-next{display:inline-flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--accent-color,#315ac6);font:inherit;font-size:13px;cursor:pointer;padding:12px 0;margin-top:16px;min-height:44px}
#view-dashboard .dash-guide-end{margin-top:20px!important;font-size:13px!important}
#view-dashboard .dash-guide-experience button:focus-visible{outline:2px solid var(--accent-color,#315ac6);outline-offset:3px}
#view-dashboard .dash-guide-route-actions button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){#view-dashboard .dash-guide-page .dash-guide-workspace{grid-template-columns:220px minmax(0,1fr);gap:16px}#view-dashboard .dash-guide-detail{padding:24px}}
@media(max-width:700px){#view-dashboard .dash-guide-mode-cards{grid-template-columns:1fr;gap:12px}#view-dashboard .dash-guide-mode-cards button{padding:16px}#view-dashboard .dash-guide-page .dash-guide-workspace{grid-template-columns:1fr}#view-dashboard .dash-guide-stage-nav{display:flex;overflow-x:auto;padding:4px 2px 12px;gap:8px}#view-dashboard .dash-guide-stage-nav button{flex:0 0 auto;grid-template-columns:20px auto;min-height:44px;padding:10px 12px}#view-dashboard .dash-guide-stage-nav svg{display:none}#view-dashboard .dash-guide-detail{padding:20px}#view-dashboard .dash-guide-detail h3{font-size:21px}#view-dashboard .dash-guide-detail>header{gap:12px}#view-dashboard .dash-guide-route-actions{flex-direction:column;align-items:stretch}#view-dashboard .dash-guide-route-actions button{justify-content:center}}

/* Group the guide with the two modes it explains. */
#view-dashboard .dash-mode-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px}
#view-dashboard .dash-mode-heading h2{font-size:17px!important;font-weight:650;line-height:1.5;margin:0 0 6px;color:var(--text-primary,#243348)}
#view-dashboard .dash-mode-heading p{font-size:13px;line-height:1.7;margin:0;color:var(--text-secondary,#526173)}
#view-dashboard .dash-mode-heading .dash-guide-entry{margin:0;width:auto;flex-shrink:0}
#view-dashboard .dash-work-paths small{display:block;font-size:13px;line-height:1.8}
#view-dashboard .dash-knowledge-pair p>span{display:block}
#view-dashboard .dash-knowledge-pair article>div{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}
#view-dashboard .dash-knowledge-pair button.btn-secondary{margin-top:auto;min-height:40px;padding:8px 16px;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;background:transparent;color:var(--accent-color,#315ac6);font-size:13px;font-weight:500}
#view-dashboard .dash-knowledge-pair button.btn-secondary:hover{background:var(--visual-accent-soft,#edf2ff);border-color:var(--accent-color,#315ac6)}
body[data-active-view="dashboard"]:has([data-dashboard-home]:not([hidden])) #project-new-btn{display:none!important}
@media(max-width:700px){#view-dashboard .dash-mode-heading{align-items:flex-start;gap:12px}#view-dashboard .dash-mode-heading .dash-guide-entry{padding:8px 10px;gap:8px}#view-dashboard .dash-mode-heading .dash-guide-entry>svg:last-child{display:none}#view-dashboard .dash-mode-heading p{max-width:32ch}}

/* Distinct identities for the two equally important work modes. */
#view-dashboard .dash-work-paths [data-work-mode="history"]{--mode-surface:#e5ebfb;--mode-border:#bccbea;--mode-ink:#233b72;--mode-copy:#354b70;--mode-muted:#4b5e80;--mode-icon-bg:#d2def6;--mode-accent:#2c4da7;--mode-hover:#233e89}
#view-dashboard .dash-work-paths [data-work-mode="freeanalysis"]{--mode-surface:#e0f1eb;--mode-border:#add4c6;--mode-ink:#164f44;--mode-copy:#2d574e;--mode-muted:#40675d;--mode-icon-bg:#c5e6d9;--mode-accent:#176b57;--mode-hover:#115440}
#view-dashboard .dash-work-paths article[data-work-mode]{grid-template-columns:44px minmax(0,1fr);column-gap:16px;background:var(--mode-surface);border-color:var(--mode-border)}
#view-dashboard .dash-work-paths article[data-work-mode]>.dash-mode-icon{box-sizing:border-box;width:44px;height:44px;padding:9px;margin-top:0;border-radius:12px;background:var(--mode-icon-bg);color:var(--mode-accent)}
#view-dashboard .dash-work-paths article[data-work-mode] h3{color:var(--mode-ink);padding-top:6px;margin-bottom:14px}
#view-dashboard .dash-work-paths article[data-work-mode] p{color:var(--mode-copy)}
#view-dashboard .dash-work-paths article[data-work-mode] small{color:var(--mode-muted)}
#view-dashboard .dash-work-paths article[data-work-mode]>.btn-primary{background:var(--mode-accent);border-color:var(--mode-accent);color:#fff;min-height:42px}
#view-dashboard .dash-work-paths article[data-work-mode]>.btn-primary:hover:not(:disabled){background:var(--mode-hover);border-color:var(--mode-hover)}
#view-dashboard .dash-work-paths article[data-work-mode]>.btn-primary:focus-visible{outline:3px solid var(--mode-accent);outline-offset:4px}
#view-dashboard .dash-work-paths article[data-work-mode]>.btn-primary:disabled{opacity:.55;cursor:not-allowed}
html[data-theme="dark"] #view-dashboard .dash-work-paths [data-work-mode="history"]{--mode-surface:#1d2b45;--mode-border:#40577d;--mode-ink:#e0eaff;--mode-copy:#c7d5ec;--mode-muted:#afc2df;--mode-icon-bg:#2c4266;--mode-accent:#3762bf;--mode-hover:#416fcf}
html[data-theme="dark"] #view-dashboard .dash-work-paths [data-work-mode="freeanalysis"]{--mode-surface:#173b34;--mode-border:#3b6d60;--mode-ink:#dcf5ea;--mode-copy:#c2e0d6;--mode-muted:#accfc2;--mode-icon-bg:#245446;--mode-accent:#20785f;--mode-hover:#27856b}
html[data-theme="dark"] #view-dashboard .dash-work-paths article[data-work-mode]>.dash-mode-icon{color:var(--mode-ink)}
@media(max-width:700px){#view-dashboard .dash-work-paths article[data-work-mode]{grid-template-columns:36px minmax(0,1fr);column-gap:12px}#view-dashboard .dash-work-paths article[data-work-mode]>.dash-mode-icon{width:36px;height:36px;padding:6px;border-radius:10px}#view-dashboard .dash-work-paths article[data-work-mode] h3{padding-top:3px}}

/* Keep daily work before optional capability demonstrations. */
#view-dashboard .dash-summary-entry {display:flex;align-items:center;gap:16px;margin:20px 0;padding:18px 22px;border:1px solid var(--border-color,#d5dde7);border-radius:12px;background:var(--card-bg,#fff)}
#view-dashboard .dash-summary-entry>svg {width:24px;height:24px;flex-shrink:0;color:var(--visual-accent,#315ac6)}
#view-dashboard .dash-summary-entry>div {flex:1;min-width:0}
#view-dashboard .dash-summary-entry h2 {font-size:18px!important;margin:0 0 4px}
#view-dashboard .dash-summary-entry p {margin:0;font-size:13px;color:var(--text-secondary,#526173)}
#view-dashboard .dash-summary-entry button {display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
#view-dashboard .dash-summary-entry button svg {width:16px;height:16px}
@media(max-width:600px){#view-dashboard .dash-summary-entry {flex-wrap:wrap;padding:18px}#view-dashboard .dash-summary-entry>div {flex-basis:calc(100% - 40px)}#view-dashboard .dash-summary-entry button {margin-left:40px}}