.dashboard-unified-shell {
  width: min(100%, 1280px);
  margin-inline: auto;
  padding: clamp(1.6rem, 3vw, 2.7rem) 0 2.5rem;
}

body:has(.dashboard-unified-shell) .global-sync-status,
body:has(.dashboard-detail-shell) .global-sync-status {
  display: none;
}

.dashboard-detail-orb .dashboard-real-orb {
  --ring-color: #06adf5;
  --ring-glow: rgba(6, 173, 245, 0.3);
  width: clamp(176px, 17vw, 220px);
  height: clamp(176px, 17vw, 220px);
}

.dashboard-detail-orb .dashboard-real-orb.sleep { --ring-color: #9fd8f5; --ring-glow: rgba(159, 216, 245, 0.3); }
.dashboard-detail-orb .dashboard-real-orb.recovery,
.dashboard-detail-orb .dashboard-real-orb.success { --ring-color: #20ed58; --ring-glow: rgba(32, 237, 88, 0.28); }
.dashboard-detail-orb .dashboard-real-orb.warning { --ring-color: #ffc83d; --ring-glow: rgba(255, 200, 61, 0.28); }
.dashboard-detail-orb .dashboard-real-orb.danger { --ring-color: #ff4267; --ring-glow: rgba(255, 66, 103, 0.3); }
.dashboard-detail-orb .dashboard-real-orb.strain { --ring-color: #06adf5; --ring-glow: rgba(6, 173, 245, 0.3); }
.dashboard-detail-orb .dashboard-ring-core {
  width: 70%;
  height: 70%;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.dashboard-detail-orb .dashboard-ring-core::before { content: none; }
.dashboard-detail-orb .dashboard-ring-core strong { color: #f7f9fd; font-size: clamp(2.5rem, 4vw, 4rem); }

.dashboard-unified-shell h1,
.dashboard-unified-shell h2,
.dashboard-unified-shell p {
  margin: 0;
}

.dashboard-unified-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.35rem;
  padding-inline: 0.15rem;
}

.dashboard-unified-header h1 {
  color: var(--brand-text, #fcfdff);
  font-size: clamp(2rem, 3.2vw, 3.15rem);
  line-height: 1.02;
  letter-spacing: -0.055em;
  font-weight: 750;
}

.dashboard-unified-header p {
  margin-top: 0.42rem;
  color: var(--brand-muted, #97a2b3);
  font-size: 0.88rem;
}

.dashboard-kicker,
.dashboard-section-head > div > span {
  display: block;
  margin-bottom: 0.42rem;
  color: #8391a4;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.dashboard-source-status {
  display: inline-flex;
  align-items: center;
  gap: 0.48rem;
  min-height: 2.25rem;
  padding: 0.55rem 0.78rem;
  border: 1px solid rgba(126, 150, 181, 0.2);
  border-radius: 999px;
  background: rgba(9, 14, 22, 0.74);
  color: #aab4c3;
  font: inherit;
  font-size: 0.73rem;
  font-weight: 700;
  cursor: pointer;
}

.dashboard-source-status > span {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: #5d6a7b;
  box-shadow: 0 0 0 3px rgba(93, 106, 123, 0.12);
}

.dashboard-source-status.success > span { background: #42e4a3; box-shadow: 0 0 0 3px rgba(66, 228, 163, 0.12); }
.dashboard-source-status.warning > span { background: #f3ca59; box-shadow: 0 0 0 3px rgba(243, 202, 89, 0.12); }
.dashboard-source-status.error > span { background: #ff6c8e; box-shadow: 0 0 0 3px rgba(255, 108, 142, 0.12); }

.dashboard-decision-surface {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 1.05fr);
  min-height: 340px;
  overflow: hidden;
  border: 1px solid rgba(55, 89, 128, 0.56);
  border-radius: 24px;
  background:
    radial-gradient(circle at 86% 10%, rgba(0, 180, 255, 0.105), transparent 34%),
    linear-gradient(135deg, rgba(13, 22, 36, 0.98), rgba(6, 11, 18, 0.99));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.25);
}

.dashboard-decision-surface::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: '';
  background: #20bff7;
}

.dashboard-decision-surface.push::before { background: #3ee1a2; }
.dashboard-decision-surface.recover::before { background: #ff6c8e; }

.dashboard-signal-panel {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: clamp(1.5rem, 3vw, 2.3rem);
  border-right: 1px solid rgba(84, 111, 144, 0.17);
}

.dashboard-unified-shell .dashboard-console-rings.grid.metric-rings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 0;
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.dashboard-unified-shell .dashboard-ring-card.ring-card {
  --ring-color: #0bb7ff;
  --ring-glow: rgba(11, 183, 255, 0.28);
  display: grid;
  grid-template-rows: 1fr auto;
  place-items: center;
  align-content: center;
  gap: 0.72rem;
  width: 100%;
  min-width: 0;
  min-height: 170px;
  padding-inline: 0.4rem;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  color: #f7f9fd;
  font: inherit;
  text-align: center;
}

.dashboard-unified-shell .dashboard-ring-card.ring-card.sleep { --ring-color: #9fd8f5; --ring-glow: rgba(159, 216, 245, 0.3); }
.dashboard-unified-shell .dashboard-ring-card.ring-card.recovery,
.dashboard-unified-shell .dashboard-ring-card.ring-card.success { --ring-color: #20ed58; --ring-glow: rgba(32, 237, 88, 0.28); }
.dashboard-unified-shell .dashboard-ring-card.ring-card.warning { --ring-color: #ffc83d; --ring-glow: rgba(255, 200, 61, 0.28); }
.dashboard-unified-shell .dashboard-ring-card.ring-card.danger { --ring-color: #ff4267; --ring-glow: rgba(255, 66, 103, 0.3); }
.dashboard-unified-shell .dashboard-ring-card.ring-card.strain { --ring-color: #06adf5; --ring-glow: rgba(6, 173, 245, 0.3); }
.dashboard-unified-shell .dashboard-ring-card.ring-card.neutral { --ring-color: #a8bdd8; --ring-glow: rgba(168, 189, 216, 0.22); }

.dashboard-unified-shell .dashboard-ring-card .ring-card-label {
  min-height: auto;
  margin: 0;
  color: #f4f7fb;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-unified-shell .dashboard-real-orb {
  width: clamp(112px, 10.4vw, 142px);
  height: clamp(112px, 10.4vw, 142px);
}

.dashboard-unified-shell .dashboard-ring-core strong {
  font-size: clamp(1.65rem, 2.2vw, 2.25rem);
}

.dashboard-decision-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(1.7rem, 3.4vw, 3.15rem);
}

.dashboard-decision-meta {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin-bottom: 1rem;
  color: #8895a6;
  font-size: 0.72rem;
  font-weight: 700;
}

.dashboard-decision-chip {
  padding: 0.34rem 0.66rem;
  border: 1px solid rgba(54, 207, 255, 0.35);
  border-radius: 999px;
  background: rgba(0, 174, 245, 0.1);
  color: #5fd9ff;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.dashboard-decision-surface.push .dashboard-decision-chip {
  border-color: rgba(62, 225, 162, 0.36);
  background: rgba(62, 225, 162, 0.1);
  color: #5ae7ad;
}

.dashboard-decision-surface.recover .dashboard-decision-chip {
  border-color: rgba(255, 108, 142, 0.36);
  background: rgba(255, 108, 142, 0.1);
  color: #ff8fa9;
}

.dashboard-decision-copy h2 {
  max-width: 670px;
  color: #fbfcff;
  font-size: clamp(1.7rem, 2.55vw, 2.65rem);
  line-height: 1.08;
  letter-spacing: -0.045em;
  font-weight: 750;
}

.dashboard-decision-copy > p {
  max-width: 640px;
  margin-top: 0.8rem;
  color: #a0abbb;
  font-size: 0.9rem;
  line-height: 1.6;
}

.dashboard-pain-caution {
  display: grid;
  gap: 0.18rem;
  margin-top: 0.8rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid rgba(255, 108, 142, 0.25);
  border-radius: 11px;
  background: rgba(255, 108, 142, 0.07);
  color: #f7c6d2;
  font-size: 0.73rem;
  line-height: 1.45;
}

.dashboard-text-action,
.dashboard-small-action,
.dashboard-more-count {
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #55ccf8;
  font: inherit;
  font-size: 0.73rem;
  font-weight: 750;
  cursor: pointer;
}

.dashboard-text-action {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 1rem;
}

.dashboard-text-action svg { width: 0.9rem; height: 0.9rem; }

.dashboard-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
  gap: 1rem;
  margin-top: 1rem;
}

.dashboard-section,
.dashboard-recent-section,
.dashboard-context-disclosure {
  border: 1px solid rgba(55, 79, 109, 0.54);
  border-radius: 18px;
  background: rgba(9, 14, 22, 0.9);
}

.dashboard-section { min-width: 0; padding: 1.2rem; }

.dashboard-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid rgba(100, 125, 156, 0.15);
}

.dashboard-section-head h2 {
  color: #f6f8fc;
  font-size: 1rem;
  letter-spacing: -0.02em;
}

.dashboard-agenda-list { display: grid; margin-top: 0.35rem; }

.dashboard-agenda-row {
  display: grid;
  grid-template-columns: 72px 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  min-height: 62px;
  width: 100%;
  padding: 0.72rem 0.1rem;
  border: 0;
  border-bottom: 1px solid rgba(100, 125, 156, 0.13);
  background: transparent;
  color: inherit;
  text-align: left;
}

button.dashboard-agenda-row { cursor: pointer; }
.dashboard-agenda-row:last-child { border-bottom: 0; }

.dashboard-agenda-time {
  color: #8490a1;
  font-size: 0.66rem;
  font-weight: 750;
  line-height: 1.25;
}

.dashboard-agenda-icon,
.dashboard-recent-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border: 1px solid rgba(52, 164, 225, 0.23);
  border-radius: 9px;
  background: rgba(20, 111, 170, 0.09);
  color: #43c9fa;
}

.dashboard-agenda-icon svg { width: 17px; height: 17px; }
.dashboard-agenda-icon .activity-icon,
.dashboard-recent-icon .activity-icon { width: 100%; height: 100%; }

.dashboard-agenda-copy,
.dashboard-recent-row > span:nth-child(2) { display: grid; gap: 0.16rem; min-width: 0; }
.dashboard-agenda-copy strong,
.dashboard-recent-row strong { overflow: hidden; color: #edf1f7; font-size: 0.8rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-agenda-copy small,
.dashboard-recent-row small { overflow: hidden; color: #7d899a; font-size: 0.67rem; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-agenda-state,
.dashboard-agenda-action {
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(115, 139, 167, 0.22);
  border-radius: 999px;
  background: transparent;
  color: #93a0b1;
  font: inherit;
  font-size: 0.61rem;
  font-weight: 800;
  text-transform: uppercase;
}

.dashboard-agenda-action { color: #55ccf8; cursor: pointer; }
.dashboard-agenda-state.is-done { color: #5ae7ad; }

.dashboard-agenda-empty {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.8rem;
  min-height: 120px;
}

.dashboard-agenda-empty > span { color: #3ecaff; }
.dashboard-agenda-empty strong { color: #edf1f7; font-size: 0.84rem; }
.dashboard-agenda-empty p { margin-top: 0.2rem; color: #7f8a9a; font-size: 0.72rem; }
.dashboard-more-count { margin-top: 0.65rem; }

.dashboard-week-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 0.8rem;
}

.dashboard-week-summary > div { min-width: 0; padding: 0 0.85rem; border-right: 1px solid rgba(100, 125, 156, 0.14); }
.dashboard-week-summary > div:first-child { padding-left: 0; }
.dashboard-week-summary > div:last-child { padding-right: 0; border-right: 0; }
.dashboard-week-summary span { display: block; color: #718095; font-size: 0.61rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.dashboard-week-summary strong { display: block; margin-top: 0.28rem; color: #f6f8fc; font-size: 1.28rem; letter-spacing: -0.03em; }
.dashboard-week-summary small { display: block; margin-top: 0.12rem; overflow: hidden; color: #798698; font-size: 0.62rem; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-week-bars {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  align-items: end;
  gap: 0.48rem;
  height: 106px;
  margin-top: 1rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(100, 125, 156, 0.12);
}

.dashboard-week-bar { display: grid; grid-template-rows: 1fr auto; align-items: end; height: 100%; gap: 0.35rem; }
.dashboard-week-bar i { display: block; width: 100%; min-height: 3px; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, #48d8ff, #197be9); opacity: 0.9; }
.dashboard-week-bar small { color: #687588; font-size: 0.58rem; font-weight: 700; text-align: center; text-transform: uppercase; }

.dashboard-week-empty {
  display: flex;
  align-items: center;
  gap: 0.72rem;
  min-height: 102px;
  margin-top: 0.75rem;
  border-top: 1px solid rgba(100, 125, 156, 0.12);
  color: #36c9ff;
}
.dashboard-week-empty > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(54, 201, 255, 0.2); border-radius: 9px; background: rgba(54, 201, 255, 0.06); }
.dashboard-week-empty svg { width: 17px; height: 17px; }
.dashboard-week-empty div { display: grid; gap: 0.18rem; }
.dashboard-week-empty strong { color: #dfe6ef; font-size: 0.78rem; }
.dashboard-week-empty small { color: #768294; font-size: 0.66rem; line-height: 1.4; }

.dashboard-recent-section { margin-top: 1rem; padding: 1.2rem; }
.dashboard-recent-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.dashboard-recent-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  min-width: 0;
  padding: 1rem;
  border: 0;
  border-right: 1px solid rgba(100, 125, 156, 0.14);
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.dashboard-recent-row:last-child { border-right: 0; }
.dashboard-recent-row b { color: #d6deea; font-size: 0.7rem; }
.dashboard-recent-empty { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1rem; color: #7f8a9a; font-size: 0.75rem; }

.dashboard-context-disclosure { margin-top: 1rem; overflow: hidden; }
.dashboard-context-disclosure > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 66px;
  padding: 0.95rem 1.2rem;
  color: #dbe2ec;
  cursor: pointer;
  list-style: none;
}
.dashboard-context-disclosure > summary::-webkit-details-marker { display: none; }
.dashboard-context-disclosure > summary > span { display: grid; gap: 0.15rem; }
.dashboard-context-disclosure > summary strong { font-size: 0.82rem; }
.dashboard-context-disclosure > summary small { color: #788598; font-size: 0.68rem; }
.dashboard-context-disclosure > summary svg { width: 1rem; height: 1rem; transition: transform 160ms ease; }
.dashboard-context-disclosure[open] > summary svg { transform: rotate(180deg); }

.dashboard-context-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(100, 125, 156, 0.14);
}
.dashboard-context-grid > div { padding: 1rem 1.2rem; border-right: 1px solid rgba(100, 125, 156, 0.14); }
.dashboard-context-grid > div:last-child { border-right: 0; }
.dashboard-context-grid span { display: block; color: #718095; font-size: 0.61rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.dashboard-context-grid strong { display: block; margin-top: 0.28rem; color: #edf1f7; font-size: 1rem; }

.dashboard-unified-shell .dashboard-footer-note {
  margin: 1rem auto 0;
  color: #596577;
  font-size: 0.64rem;
  text-align: center;
}

.settings-dashboard-unified { display: grid; gap: 1rem; }
.settings-dashboard-unified-intro { display: flex; align-items: flex-start; gap: 0.9rem; padding: 1rem; border: 1px solid rgba(54, 201, 255, 0.2); border-radius: 14px; background: rgba(0, 180, 255, 0.055); }
.settings-dashboard-unified-mark { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid rgba(54, 201, 255, 0.3); border-radius: 11px; color: #44cdff; font-size: 0.66rem; font-weight: 800; }
.settings-dashboard-unified-intro strong { color: #f2f5fa; font-size: 0.92rem; }
.settings-dashboard-unified-intro p { max-width: 680px; margin: 0.26rem 0 0; color: #8995a6; font-size: 0.74rem; line-height: 1.5; }
.settings-dashboard-unified-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(80, 106, 137, 0.32); border-radius: 14px; overflow: hidden; }
.settings-dashboard-unified-grid > div { display: grid; gap: 0.28rem; padding: 1rem; border-right: 1px solid rgba(80, 106, 137, 0.24); }
.settings-dashboard-unified-grid > div:last-child { border-right: 0; }
.settings-dashboard-unified-grid span { color: #3ecaff; font-size: 0.6rem; font-weight: 800; }
.settings-dashboard-unified-grid strong { color: #eaf0f8; font-size: 0.78rem; }
.settings-dashboard-unified-grid small { color: #7e8999; font-size: 0.67rem; line-height: 1.45; }
.settings-dashboard-open { justify-self: start; }

body[data-theme='light'] .dashboard-unified-header h1 { color: #101827; }
body[data-theme='light'] .dashboard-unified-header p { color: #66758a; }
body[data-theme='light'] .dashboard-source-status { border-color: rgba(74, 100, 135, 0.2); background: rgba(255, 255, 255, 0.76); color: #607087; }
body[data-theme='light'] .dashboard-decision-surface {
  border-color: rgba(111, 143, 181, 0.32);
  background:
    radial-gradient(circle at 86% 10%, rgba(0, 180, 255, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(240, 247, 253, 0.98));
  box-shadow: 0 24px 70px rgba(49, 73, 105, 0.12);
}
body[data-theme='light'] .dashboard-signal-panel { border-color: rgba(74, 100, 135, 0.15); }
body[data-theme='light'] .dashboard-unified-shell .dashboard-ring-card.ring-card { color: #132033; }
body[data-theme='light'] .dashboard-unified-shell .dashboard-ring-core strong,
body[data-theme='light'] .dashboard-unified-shell .dashboard-ring-card .ring-card-label { color: #152135; }
body[data-theme='light'] .dashboard-decision-copy h2 { color: #101827; }
body[data-theme='light'] .dashboard-decision-copy > p { color: #617087; }
body[data-theme='light'] .dashboard-text-action,
body[data-theme='light'] .dashboard-small-action,
body[data-theme='light'] .dashboard-more-count { color: #087bb5; }
body[data-theme='light'] .dashboard-section,
body[data-theme='light'] .dashboard-recent-section,
body[data-theme='light'] .dashboard-context-disclosure {
  border-color: rgba(111, 143, 181, 0.3);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 40px rgba(48, 72, 104, 0.08);
}
body[data-theme='light'] .dashboard-section-head,
body[data-theme='light'] .dashboard-agenda-row,
body[data-theme='light'] .dashboard-week-bars,
body[data-theme='light'] .dashboard-week-empty,
body[data-theme='light'] .dashboard-context-disclosure > summary,
body[data-theme='light'] .dashboard-context-grid,
body[data-theme='light'] .dashboard-recent-row { border-color: rgba(93, 122, 157, 0.16); }
body[data-theme='light'] .dashboard-section-head h2,
body[data-theme='light'] .dashboard-agenda-copy strong,
body[data-theme='light'] .dashboard-agenda-empty strong,
body[data-theme='light'] .dashboard-week-summary strong,
body[data-theme='light'] .dashboard-week-empty strong,
body[data-theme='light'] .dashboard-recent-row strong,
body[data-theme='light'] .dashboard-recent-row b,
body[data-theme='light'] .dashboard-context-disclosure > summary,
body[data-theme='light'] .dashboard-context-grid strong { color: #172235; }
body[data-theme='light'] .dashboard-agenda-time,
body[data-theme='light'] .dashboard-agenda-copy small,
body[data-theme='light'] .dashboard-agenda-empty p,
body[data-theme='light'] .dashboard-week-summary span,
body[data-theme='light'] .dashboard-week-summary small,
body[data-theme='light'] .dashboard-week-empty small,
body[data-theme='light'] .dashboard-recent-row small,
body[data-theme='light'] .dashboard-context-disclosure > summary small,
body[data-theme='light'] .dashboard-context-grid span { color: #68778c; }
body[data-theme='light'] .settings-dashboard-unified-intro { border-color: rgba(12, 126, 181, 0.2); background: rgba(10, 154, 219, 0.06); }
body[data-theme='light'] .settings-dashboard-unified-intro strong,
body[data-theme='light'] .settings-dashboard-unified-grid strong { color: #172235; }
body[data-theme='light'] .settings-dashboard-unified-intro p,
body[data-theme='light'] .settings-dashboard-unified-grid small { color: #68778c; }
body[data-theme='light'] .settings-dashboard-unified-grid { border-color: rgba(93, 122, 157, 0.24); }
body[data-theme='light'] .settings-dashboard-unified-grid > div { border-color: rgba(93, 122, 157, 0.18); }

body[data-theme='light'] .dashboard-detail-orb .dashboard-ring-core strong { color: #172238; }

@media (max-width: 980px) {
  .dashboard-decision-surface { grid-template-columns: 1fr; }
  .dashboard-signal-panel { border-right: 0; border-bottom: 1px solid rgba(84, 111, 144, 0.17); }
  .dashboard-primary-grid { grid-template-columns: 1fr; }
  .dashboard-recent-list { grid-template-columns: 1fr; }
  .dashboard-recent-row { border-right: 0; border-bottom: 1px solid rgba(100, 125, 156, 0.14); }
  .dashboard-recent-row:last-child { border-bottom: 0; }
}

@media (max-width: 720px) {
  .dashboard-unified-shell { padding: 1rem 0.78rem 6rem; }
  .dashboard-unified-header { align-items: flex-start; margin-bottom: 1rem; }
  .dashboard-unified-header h1 { font-size: 1.85rem; }
  .dashboard-source-status { max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .dashboard-decision-surface { min-height: 0; border-radius: 19px; }
  .dashboard-signal-panel { padding: 1.25rem 0.55rem 1rem; }
  .dashboard-unified-shell .dashboard-real-orb { width: clamp(86px, 27vw, 112px); height: clamp(86px, 27vw, 112px); }
  .dashboard-unified-shell .dashboard-ring-core strong { font-size: clamp(1.25rem, 6vw, 1.72rem); }
  .dashboard-unified-shell .ring-card-label { margin-top: 0.48rem; font-size: 0.58rem; letter-spacing: 0.12em; }
  .dashboard-decision-copy { padding: 1.35rem; }
  .dashboard-decision-copy h2 { font-size: 1.65rem; }
  .dashboard-decision-copy > p { font-size: 0.82rem; }
  .dashboard-primary-grid { margin-top: 0.75rem; gap: 0.75rem; }
  .dashboard-section, .dashboard-recent-section { padding: 1rem; }
  .dashboard-agenda-row { grid-template-columns: 58px 32px minmax(0, 1fr) auto; gap: 0.48rem; }
  .dashboard-week-summary { grid-template-columns: repeat(3, 1fr); }
  .dashboard-week-summary > div { padding-inline: 0.55rem; }
  .dashboard-week-summary strong { font-size: 1rem; }
  .dashboard-week-summary small { white-space: normal; line-height: 1.25; }
  .dashboard-context-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-context-grid > div:nth-child(2) { border-right: 0; }
  .dashboard-context-grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(100, 125, 156, 0.14); }
  .settings-dashboard-unified-grid { grid-template-columns: 1fr; }
  .settings-dashboard-unified-grid > div { border-right: 0; border-bottom: 1px solid rgba(80, 106, 137, 0.24); }
  .settings-dashboard-unified-grid > div:last-child { border-bottom: 0; }
}

@media (max-width: 430px) {
  .dashboard-source-status { display: none; }
  .dashboard-unified-shell .dashboard-ring-card { padding-inline: 0.1rem; }
  .dashboard-unified-shell .dashboard-real-orb { width: 82px; height: 82px; }
  .dashboard-unified-shell .dashboard-ring-core strong { font-size: 1.2rem; }
  .dashboard-adjustment { padding: 0.8rem; }
  .dashboard-agenda-row { grid-template-columns: 50px 30px minmax(0, 1fr) auto; }
  .dashboard-agenda-time { font-size: 0.58rem; }
  .dashboard-agenda-state { display: none; }
  .dashboard-agenda-empty { grid-template-columns: 30px 1fr; }
  .dashboard-agenda-empty .btn { grid-column: 1 / -1; width: 100%; }
}

/* Dashboard hierarchy v2: signals first, decision second, context by relevance. */
.dashboard-signal-surface {
  position: relative;
  min-height: 278px;
  overflow: hidden;
  border: 1px solid rgba(55, 89, 128, 0.56);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(0, 174, 245, 0.075), transparent 42%),
    linear-gradient(145deg, rgba(12, 20, 32, 0.99), rgba(6, 10, 17, 0.99));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22);
}

.dashboard-signal-surface .dashboard-signal-panel {
  min-height: 278px;
  padding: 1.45rem clamp(2rem, 7vw, 6.5rem) 1.25rem;
  border: 0;
}

.dashboard-signal-surface .dashboard-ring-card.ring-card {
  min-height: 220px;
}

.dashboard-signal-surface .dashboard-ring-visual,
.dashboard-signal-surface .dashboard-real-orb {
  width: clamp(148px, 14vw, 178px);
  height: clamp(148px, 14vw, 178px);
}

.dashboard-signal-surface .dashboard-ring-core strong {
  font-size: clamp(2rem, 2.8vw, 2.75rem);
}

.dashboard-decision-band {
  position: relative;
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.4rem;
  min-height: 132px;
  margin-top: 0.85rem;
  padding: 1.15rem 1.3rem 1.15rem 1.55rem;
  overflow: hidden;
  border: 1px solid rgba(55, 89, 128, 0.5);
  border-radius: 18px;
  background:
    radial-gradient(circle at 95% 10%, rgba(0, 174, 245, 0.07), transparent 35%),
    rgba(8, 14, 22, 0.95);
}

.dashboard-decision-band::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  content: '';
  background: #20bff7;
}

.dashboard-decision-band.push::before { background: #3ee1a2; }
.dashboard-decision-band.recover::before { background: #ff6c8e; }

.dashboard-decision-status {
  display: grid;
  align-content: center;
  gap: 0.24rem;
  align-self: stretch;
  padding-right: 1.2rem;
  border-right: 1px solid rgba(100, 125, 156, 0.15);
}

.dashboard-decision-status > span {
  color: #748399;
  font-size: 0.61rem;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.dashboard-decision-status strong {
  color: #57d7ff;
  font-size: 1.22rem;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.dashboard-decision-band.push .dashboard-decision-status strong { color: #5ae7ad; }
.dashboard-decision-band.recover .dashboard-decision-status strong { color: #ff8fa9; }
.dashboard-decision-status small { color: #7e8b9d; font-size: 0.67rem; }

.dashboard-decision-body { min-width: 0; }
.dashboard-decision-body h2 {
  color: #f6f8fc;
  font-size: clamp(1.2rem, 1.65vw, 1.55rem);
  line-height: 1.16;
  letter-spacing: -0.035em;
}
.dashboard-decision-body > p {
  max-width: 760px;
  margin-top: 0.4rem;
  color: #8995a6;
  font-size: 0.76rem;
  line-height: 1.5;
}
.dashboard-decision-band .dashboard-text-action {
  margin-top: 0;
  white-space: nowrap;
}

.dashboard-primary-grid { align-items: start; }
.dashboard-today-section { min-height: 0; }
.dashboard-agenda-empty { min-height: 86px; }

.dashboard-section-meta {
  display: block;
  margin-top: 0.28rem;
  color: #738095;
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1.35;
}

.dashboard-week-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 0.9rem;
}

.dashboard-week-kpis > div {
  min-width: 0;
  padding: 0 0.72rem;
  border-right: 1px solid rgba(100, 125, 156, 0.14);
}
.dashboard-week-kpis > div:first-child { padding-left: 0; }
.dashboard-week-kpis > div:last-child { padding-right: 0; border-right: 0; }
.dashboard-week-kpis span,
.dashboard-week-progress span {
  display: block;
  color: #718095;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.dashboard-week-kpis strong {
  display: block;
  margin-top: 0.25rem;
  color: #f5f7fb;
  font-size: 1.12rem;
  letter-spacing: -0.03em;
}
.dashboard-week-kpis small {
  display: block;
  margin-top: 0.12rem;
  overflow: hidden;
  color: #727f91;
  font-size: 0.59rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-week-progress {
  display: grid;
  gap: 0.45rem;
  margin-top: 0.9rem;
}
.dashboard-week-progress > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.dashboard-week-progress strong { color: #9aa7b8; font-size: 0.64rem; font-weight: 700; }
.dashboard-week-progress > i {
  display: block;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #17243a;
}
.dashboard-week-progress > i > b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #23c5f9, #3e86ff);
}

.dashboard-week-section .dashboard-week-bars {
  height: 92px;
  margin-top: 0.75rem;
}

.dashboard-context-section {
  margin-top: 1rem;
  padding: 1.2rem;
  border: 1px solid rgba(55, 79, 109, 0.54);
  border-radius: 18px;
  background: rgba(9, 14, 22, 0.9);
}
.dashboard-context-section .dashboard-context-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 0;
}
.dashboard-context-section .dashboard-context-grid.count-1 { grid-template-columns: minmax(220px, 0.36fr); }
.dashboard-context-section .dashboard-context-grid.count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dashboard-context-section .dashboard-context-grid.count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-context-section .dashboard-context-grid > div { padding: 1rem; }
.dashboard-context-section .dashboard-context-grid > div:first-child { padding-left: 0; }
.dashboard-context-section .dashboard-context-grid > div:last-child { padding-right: 0; }
.dashboard-context-section .dashboard-context-grid small {
  display: block;
  margin-top: 0.16rem;
  color: #758296;
  font-size: 0.63rem;
}

body[data-theme='light'] .dashboard-signal-surface,
body[data-theme='light'] .dashboard-decision-band,
body[data-theme='light'] .dashboard-context-section {
  border-color: rgba(111, 143, 181, 0.3);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 16px 40px rgba(48, 72, 104, 0.08);
}
body[data-theme='light'] .dashboard-decision-status { border-color: rgba(93, 122, 157, 0.16); }
body[data-theme='light'] .dashboard-decision-body h2,
body[data-theme='light'] .dashboard-week-kpis strong,
body[data-theme='light'] .dashboard-context-section .dashboard-context-grid strong { color: #172235; }
body[data-theme='light'] .dashboard-decision-body > p,
body[data-theme='light'] .dashboard-section-meta,
body[data-theme='light'] .dashboard-week-kpis span,
body[data-theme='light'] .dashboard-week-kpis small,
body[data-theme='light'] .dashboard-context-section .dashboard-context-grid span,
body[data-theme='light'] .dashboard-context-section .dashboard-context-grid small { color: #68778c; }

@media (max-width: 980px) {
  .dashboard-signal-surface .dashboard-signal-panel { padding-inline: 1.5rem; }
  .dashboard-decision-band { grid-template-columns: 132px minmax(0, 1fr); }
  .dashboard-decision-band .dashboard-text-action { grid-column: 2; justify-self: start; }
}

@media (max-width: 720px) {
  .dashboard-signal-surface { min-height: 0; border-radius: 19px; }
  .dashboard-signal-surface .dashboard-signal-panel { min-height: 0; padding: 1.15rem 0.45rem 1rem; }
  .dashboard-signal-surface .dashboard-ring-card.ring-card { min-height: 150px; }
  .dashboard-signal-surface .dashboard-ring-visual,
  .dashboard-signal-surface .dashboard-real-orb { width: clamp(88px, 27vw, 112px); height: clamp(88px, 27vw, 112px); }
  .dashboard-signal-surface .dashboard-ring-core strong { font-size: clamp(1.25rem, 6vw, 1.72rem); }
  .dashboard-decision-band { grid-template-columns: 1fr; gap: 0.8rem; padding: 1rem 1.05rem 1rem 1.2rem; }
  .dashboard-decision-status { grid-template-columns: auto auto 1fr; align-items: baseline; justify-content: start; gap: 0.55rem; padding: 0 0 0.72rem; border-right: 0; border-bottom: 1px solid rgba(100, 125, 156, 0.15); }
  .dashboard-decision-status strong { font-size: 1rem; }
  .dashboard-decision-band .dashboard-text-action { grid-column: 1; }
  .dashboard-week-kpis { grid-template-columns: repeat(2, 1fr); gap: 0.8rem 0; }
  .dashboard-week-kpis > div:nth-child(2) { border-right: 0; }
  .dashboard-week-kpis > div:nth-child(3) { padding-left: 0; }
  .dashboard-context-section .dashboard-context-grid,
  .dashboard-context-section .dashboard-context-grid.count-3 { grid-template-columns: repeat(2, 1fr); }
  .dashboard-context-section .dashboard-context-grid > div { padding: 0.9rem; }
  .dashboard-context-section .dashboard-context-grid > div:nth-child(2) { border-right: 0; }
}

@media (max-width: 430px) {
  .dashboard-signal-surface .dashboard-ring-card.ring-card { min-height: 132px; }
  .dashboard-signal-surface .dashboard-ring-visual,
  .dashboard-signal-surface .dashboard-real-orb { width: 82px; height: 82px; }
  .dashboard-context-section .dashboard-context-grid,
  .dashboard-context-section .dashboard-context-grid.count-2,
  .dashboard-context-section .dashboard-context-grid.count-3 { grid-template-columns: 1fr; }
  .dashboard-context-section .dashboard-context-grid > div { padding: 0.82rem 0; border-right: 0; border-bottom: 1px solid rgba(100, 125, 156, 0.14); }
  .dashboard-context-section .dashboard-context-grid > div:last-child { border-bottom: 0; }
}

/* Dashboard outlook: compact hierarchy with the recommendation as the primary action. */
.dashboard-unified-shell {
  padding-top: clamp(0.7rem, 1.4vw, 1.15rem);
}

.dashboard-unified-header {
  margin-bottom: 0.85rem;
}

.dashboard-outlook-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(168px, 0.32fr) minmax(0, 1fr) 42px;
  align-items: center;
  gap: 1.4rem;
  min-height: 124px;
  margin-top: 0.85rem;
  padding: 1.15rem 1.35rem;
  overflow: hidden;
  border: 1.5px solid transparent;
  border-radius: 20px;
  color: #f7f9fd;
  cursor: pointer;
  isolation: isolate;
  transition: transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
}

.dashboard-outlook-card::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: '';
  pointer-events: none;
  opacity: 0.68;
}

.dashboard-outlook-card.night {
  background:
    linear-gradient(108deg, rgba(23, 21, 49, 0.97), rgba(10, 31, 47, 0.97)) padding-box,
    linear-gradient(105deg, #8b63ff 0%, #667df7 47%, #56d8f3 100%) border-box;
  box-shadow: 0 18px 44px rgba(27, 37, 72, 0.22);
}

.dashboard-outlook-card.night::after {
  background:
    radial-gradient(circle at 8% 20%, rgba(142, 92, 255, 0.2), transparent 36%),
    radial-gradient(circle at 84% 70%, rgba(64, 215, 245, 0.16), transparent 40%);
}

.dashboard-outlook-card.morning {
  background:
    linear-gradient(108deg, rgba(39, 28, 22, 0.98), rgba(12, 33, 42, 0.98)) padding-box,
    linear-gradient(105deg, #ffbb67 0%, #fd8f6c 42%, #58d8ee 100%) border-box;
  box-shadow: 0 18px 44px rgba(63, 41, 26, 0.2);
}

.dashboard-outlook-card.morning::after {
  background:
    radial-gradient(circle at 9% 22%, rgba(255, 182, 92, 0.22), transparent 37%),
    radial-gradient(circle at 84% 70%, rgba(69, 214, 238, 0.15), transparent 42%);
}

.dashboard-outlook-card.day {
  background:
    linear-gradient(108deg, rgba(12, 28, 44, 0.98), rgba(8, 28, 39, 0.98)) padding-box,
    linear-gradient(105deg, #4c8dff 0%, #2fc8f4 52%, #5ce0d0 100%) border-box;
  box-shadow: 0 18px 44px rgba(15, 55, 85, 0.2);
}

.dashboard-outlook-card.day::after {
  background:
    radial-gradient(circle at 10% 25%, rgba(70, 138, 255, 0.18), transparent 38%),
    radial-gradient(circle at 85% 65%, rgba(76, 220, 211, 0.14), transparent 42%);
}

.dashboard-outlook-card:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.dashboard-clickable-card:focus-visible {
  outline: 2px solid #55d8ff;
  outline-offset: 3px;
}

.dashboard-outlook-lead {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-width: 0;
}

.dashboard-outlook-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.07);
  color: #e9efff;
}

.dashboard-outlook-icon svg {
  width: 23px;
  height: 23px;
}

.dashboard-outlook-lead small {
  display: block;
  color: #aeb8ca;
  font-size: 0.64rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.dashboard-outlook-lead strong {
  display: block;
  margin-top: 0.28rem;
  color: #f8fbff;
  font-size: 1rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.dashboard-outlook-card.push .dashboard-outlook-lead strong { color: #55efb3; }
.dashboard-outlook-card.recover .dashboard-outlook-lead strong { color: #ff8eaa; }

.dashboard-outlook-copy {
  min-width: 0;
  padding-left: 1.35rem;
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.dashboard-outlook-copy h2 {
  color: #f8faff;
  font-size: clamp(1.18rem, 1.7vw, 1.55rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
}

.dashboard-outlook-copy > p {
  max-width: 800px;
  margin-top: 0.38rem;
  color: #a5afc0;
  font-size: 0.76rem;
  line-height: 1.5;
}

.dashboard-outlook-arrow,
.dashboard-card-arrow {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  color: #a9e9ff;
  transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.dashboard-outlook-arrow svg,
.dashboard-card-arrow svg {
  width: 20px;
  height: 20px;
}

.dashboard-outlook-card:hover .dashboard-outlook-arrow,
.dashboard-week-section.dashboard-clickable-card:hover .dashboard-card-arrow {
  background: rgba(83, 214, 255, 0.1);
  color: #e7f9ff;
  transform: translateX(2px);
}

.dashboard-primary-grid--single {
  grid-template-columns: minmax(0, 1fr);
}

.dashboard-week-section.dashboard-clickable-card {
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.dashboard-week-section.dashboard-clickable-card:hover {
  border-color: rgba(57, 198, 244, 0.42);
  background: rgba(12, 20, 31, 0.96);
  transform: translateY(-1px);
}

body[data-theme='light'] .dashboard-outlook-card {
  color: #172235;
  box-shadow: 0 18px 42px rgba(48, 72, 104, 0.12);
}

body[data-theme='light'] .dashboard-outlook-card.morning {
  background:
    linear-gradient(108deg, rgba(255, 249, 239, 0.98), rgba(239, 251, 253, 0.98)) padding-box,
    linear-gradient(105deg, #ee9a4d, #ed7569 45%, #2fbfd6) border-box;
}

body[data-theme='light'] .dashboard-outlook-card.day,
body[data-theme='light'] .dashboard-outlook-card.night {
  background:
    linear-gradient(108deg, rgba(245, 248, 255, 0.99), rgba(237, 250, 253, 0.99)) padding-box,
    linear-gradient(105deg, #6f63e9, #4e88ed 48%, #2abbd1) border-box;
}

body[data-theme='light'] .dashboard-outlook-icon {
  border-color: rgba(48, 80, 122, 0.13);
  background: rgba(43, 105, 167, 0.06);
  color: #335a83;
}

body[data-theme='light'] .dashboard-outlook-lead small,
body[data-theme='light'] .dashboard-outlook-copy > p { color: #68778c; }
body[data-theme='light'] .dashboard-outlook-lead strong,
body[data-theme='light'] .dashboard-outlook-copy h2 { color: #172235; }
body[data-theme='light'] .dashboard-outlook-copy { border-color: rgba(74, 107, 148, 0.15); }

@media (max-width: 720px) {
  .dashboard-unified-shell { padding-top: 0.55rem; }
  .dashboard-unified-header { margin-bottom: 0.72rem; }
  .dashboard-outlook-card {
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 0.8rem;
    padding: 1rem;
  }
  .dashboard-outlook-copy {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 0.8rem 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
    border-left: 0;
  }
  .dashboard-outlook-arrow { grid-column: 2; grid-row: 1; }
}

/* Dashboard command centre: daily signals, decision, weekly context, and useful change. */
.dashboard-unified-shell {
  padding-top: clamp(0.45rem, 1vw, 0.8rem);
}

.dashboard-unified-header {
  margin-bottom: 0.72rem;
}

.dashboard-outlook-card {
  grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr) 38px;
  min-height: 112px;
  margin-top: 0.72rem;
  padding: 1rem 1.2rem;
  border-width: 1px;
  border-color: rgba(70, 107, 146, 0.52);
  border-radius: 17px;
  box-shadow: none;
}

.dashboard-outlook-card.morning {
  background:
    radial-gradient(circle at 7% 45%, rgba(255, 174, 91, 0.12), transparent 30%),
    radial-gradient(circle at 92% 35%, rgba(66, 199, 241, 0.085), transparent 34%),
    linear-gradient(112deg, rgba(18, 22, 29, 0.99), rgba(8, 18, 27, 0.99));
}

.dashboard-outlook-card.day {
  background:
    radial-gradient(circle at 7% 45%, rgba(66, 144, 255, 0.12), transparent 30%),
    radial-gradient(circle at 92% 35%, rgba(65, 222, 204, 0.08), transparent 34%),
    linear-gradient(112deg, rgba(11, 22, 35, 0.99), rgba(7, 18, 27, 0.99));
}

.dashboard-outlook-card.night {
  background:
    radial-gradient(circle at 7% 45%, rgba(132, 93, 255, 0.13), transparent 31%),
    radial-gradient(circle at 92% 35%, rgba(69, 181, 239, 0.08), transparent 34%),
    linear-gradient(112deg, rgba(15, 17, 33, 0.99), rgba(7, 17, 25, 0.99));
}

.dashboard-outlook-card::before { content: none; }
.dashboard-outlook-card::after { content: none; }

.dashboard-outlook-card:hover {
  border-color: rgba(74, 196, 238, 0.5);
  filter: none;
  transform: translateY(-1px);
}

.dashboard-outlook-icon {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border-color: rgba(126, 170, 215, 0.18);
  border-radius: 11px;
  background: rgba(17, 37, 56, 0.72);
}

.dashboard-outlook-icon img {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1);
  opacity: 0.9;
}

.dashboard-outlook-card.morning .dashboard-outlook-icon {
  border-color: rgba(255, 180, 92, 0.25);
  background: rgba(88, 55, 28, 0.28);
}

.dashboard-outlook-card.night .dashboard-outlook-icon {
  border-color: rgba(142, 111, 255, 0.25);
  background: rgba(61, 43, 104, 0.25);
}

.dashboard-outlook-lead small { color: #8391a4; }
.dashboard-outlook-copy { padding-left: 1.15rem; }
.dashboard-outlook-copy h2 { font-size: clamp(1.08rem, 1.45vw, 1.38rem); }
.dashboard-outlook-copy > p { max-width: 860px; color: #8b97a8; }

.dashboard-plan-section,
.dashboard-intelligence-surface,
.dashboard-recent-section {
  border: 1px solid rgba(55, 79, 109, 0.54);
  background: rgba(8, 13, 21, 0.93);
}

.dashboard-plan-section {
  margin-top: 0.78rem;
  padding: 1rem 1.15rem;
  border-radius: 16px;
}

.dashboard-plan-head { padding-bottom: 0.72rem; }
.dashboard-plan-head > small { color: #738095; font-size: 0.68rem; font-weight: 700; }
.dashboard-plan-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.dashboard-plan-row {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.72rem;
  min-width: 0;
  padding: 0.85rem 1rem;
  border: 0;
  border-right: 1px solid rgba(100, 125, 156, 0.14);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.dashboard-plan-row:first-child { padding-left: 0; }
.dashboard-plan-row:last-child { padding-right: 0; border-right: 0; }
.dashboard-plan-icon { display: grid; width: 36px; height: 36px; place-items: center; overflow: hidden; border: 1px solid rgba(54, 190, 239, 0.22); border-radius: 9px; background: rgba(21, 102, 156, 0.1); }
.dashboard-plan-icon .activity-icon { width: 100%; height: 100%; }
.dashboard-plan-row > span:nth-child(2) { display: grid; gap: 0.18rem; min-width: 0; }
.dashboard-plan-row strong { overflow: hidden; color: #edf2f8; font-size: 0.8rem; text-overflow: ellipsis; white-space: nowrap; }
.dashboard-plan-row small { color: #778599; font-size: 0.66rem; }
.dashboard-plan-row-action { display: inline-flex; align-items: center; gap: 0.2rem; color: #6ecff1; font-size: 0.64rem; font-weight: 750; }
.dashboard-plan-row-action svg { width: 13px; height: 13px; }
.dashboard-plan-row:hover strong { color: #ffffff; }
.dashboard-plan-row:hover .dashboard-plan-row-action { color: #a8eaff; }

.dashboard-intelligence-surface {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(280px, 0.72fr);
  margin-top: 0.78rem;
  overflow: hidden;
  border-radius: 18px;
}

.dashboard-week-panel {
  min-width: 0;
  padding: 1.15rem 1.2rem 1rem;
  border-right: 1px solid rgba(80, 106, 137, 0.27);
  cursor: pointer;
  transition: background 160ms ease;
}

.dashboard-week-panel:hover { background: rgba(16, 27, 42, 0.45); }
.dashboard-week-panel:hover .dashboard-card-arrow { color: #e7f9ff; transform: translateX(2px); }
.dashboard-week-panel .dashboard-week-bars { height: 92px; margin-top: 0.75rem; }

.dashboard-change-panel { min-width: 0; padding: 1.15rem 1.05rem 0.9rem; }
.dashboard-change-head > span {
  display: block;
  margin-bottom: 0.42rem;
  color: #35c9ff;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}
.dashboard-change-head h2 { color: #f4f7fb; font-size: 1rem; letter-spacing: -0.02em; }
.dashboard-change-head p { margin-top: 0.28rem; color: #748196; font-size: 0.66rem; line-height: 1.42; }
.dashboard-change-list { margin-top: 0.85rem; border-top: 1px solid rgba(100, 125, 156, 0.14); }

.dashboard-change-list button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-height: 64px;
  padding: 0.72rem 0;
  border: 0;
  border-bottom: 1px solid rgba(100, 125, 156, 0.14);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.dashboard-change-list button:last-child { border-bottom: 0; }
.dashboard-change-list button > span { display: grid; gap: 0.16rem; }
.dashboard-change-list small { color: #758398; font-size: 0.61rem; font-weight: 750; letter-spacing: 0.06em; text-transform: uppercase; }
.dashboard-change-list strong { color: #eef3f9; font-size: 1rem; letter-spacing: -0.025em; }
.dashboard-change-list b { color: #8996a8; font-size: 0.63rem; font-weight: 650; white-space: nowrap; }
.dashboard-change-list svg { width: 15px; height: 15px; color: #66778c; transition: color 150ms ease, transform 150ms ease; }
.dashboard-change-list button:hover svg { color: #63d8ff; transform: translateX(2px); }
.dashboard-change-list button:hover strong { color: #ffffff; }

.dashboard-recent-section {
  margin-top: 0.78rem;
  border-radius: 16px;
  box-shadow: none;
}

body[data-theme='light'] .dashboard-outlook-card.morning,
body[data-theme='light'] .dashboard-outlook-card.day,
body[data-theme='light'] .dashboard-outlook-card.night {
  border-color: rgba(93, 125, 161, 0.28);
  background:
    radial-gradient(circle at 7% 45%, rgba(73, 142, 226, 0.08), transparent 30%),
    linear-gradient(112deg, rgba(255, 255, 255, 0.98), rgba(243, 248, 252, 0.98));
}

body[data-theme='light'] .dashboard-outlook-icon img { filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(948%) hue-rotate(170deg) brightness(88%) contrast(90%); }
body[data-theme='light'] .dashboard-plan-section,
body[data-theme='light'] .dashboard-intelligence-surface,
body[data-theme='light'] .dashboard-recent-section { border-color: rgba(111, 143, 181, 0.3); background: rgba(255, 255, 255, 0.9); }
body[data-theme='light'] .dashboard-week-panel { border-color: rgba(93, 122, 157, 0.18); }
body[data-theme='light'] .dashboard-week-panel:hover { background: rgba(234, 244, 252, 0.55); }
body[data-theme='light'] .dashboard-plan-row { border-color: rgba(93, 122, 157, 0.16); }
body[data-theme='light'] .dashboard-plan-row strong,
body[data-theme='light'] .dashboard-change-head h2,
body[data-theme='light'] .dashboard-change-list strong { color: #172235; }
body[data-theme='light'] .dashboard-plan-row small,
body[data-theme='light'] .dashboard-plan-head > small,
body[data-theme='light'] .dashboard-change-head p,
body[data-theme='light'] .dashboard-change-list small,
body[data-theme='light'] .dashboard-change-list b { color: #68778c; }
body[data-theme='light'] .dashboard-change-list,
body[data-theme='light'] .dashboard-change-list button { border-color: rgba(93, 122, 157, 0.16); }

@media (max-width: 980px) {
  .dashboard-intelligence-surface { grid-template-columns: 1fr; }
  .dashboard-week-panel { border-right: 0; border-bottom: 1px solid rgba(80, 106, 137, 0.27); }
  .dashboard-change-list { display: grid; grid-template-columns: repeat(3, 1fr); }
  .dashboard-change-list button { grid-template-columns: minmax(0, 1fr) 16px; padding: 0.75rem; border-right: 1px solid rgba(100, 125, 156, 0.14); border-bottom: 0; }
  .dashboard-change-list button:first-child { padding-left: 0; }
  .dashboard-change-list button:last-child { padding-right: 0; border-right: 0; }
  .dashboard-change-list b { grid-column: 1; grid-row: 2; }
  .dashboard-change-list svg { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 720px) {
  .dashboard-outlook-card { grid-template-columns: minmax(0, 1fr) 34px; min-height: 0; }
  .dashboard-outlook-copy { padding-top: 0.75rem; }
  .dashboard-plan-list { grid-template-columns: 1fr; }
  .dashboard-plan-row { padding-inline: 0; border-right: 0; border-bottom: 1px solid rgba(100, 125, 156, 0.14); }
  .dashboard-plan-row:last-child { border-bottom: 0; }
  .dashboard-change-list { grid-template-columns: 1fr; }
  .dashboard-change-list button,
  .dashboard-change-list button:first-child,
  .dashboard-change-list button:last-child { grid-template-columns: minmax(0, 1fr) auto 16px; padding: 0.72rem 0; border-right: 0; border-bottom: 1px solid rgba(100, 125, 156, 0.14); }
  .dashboard-change-list button:last-child { border-bottom: 0; }
  .dashboard-change-list b { grid-column: 2; grid-row: 1; }
  .dashboard-change-list svg { grid-column: 3; grid-row: 1; }
}

/* Dashboard performance markers and a calmer weekly read. */
.dashboard-outlook-card.push::before,
.dashboard-outlook-card.recover::before {
  background: #36cfff;
}

.dashboard-outlook-card.push .dashboard-outlook-lead strong,
.dashboard-outlook-card.maintain .dashboard-outlook-lead strong,
.dashboard-outlook-card.recover .dashboard-outlook-lead strong {
  color: #f2f7fb;
}

.dashboard-marker-surface {
  margin-top: 0.78rem;
  padding: 1.05rem 1.15rem 1.15rem;
  overflow: hidden;
  border: 1px solid rgba(55, 79, 109, 0.54);
  border-radius: 18px;
  background: rgba(8, 13, 21, 0.93);
}

.dashboard-marker-heading {
  align-items: end;
  padding-bottom: 0.82rem;
}

.dashboard-marker-heading small {
  display: block;
  margin-top: 0.24rem;
  color: #78869a;
  font-size: 0.67rem;
  line-height: 1.4;
}

.dashboard-marker-groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(67, 91, 121, 0.4);
  border-radius: 14px;
  background: rgba(13, 22, 34, 0.68);
}

.dashboard-marker-group {
  min-width: 0;
  padding: 0.8rem 0.9rem 0.25rem;
  border-right: 1px solid rgba(72, 96, 126, 0.34);
}

.dashboard-marker-group:last-child { border-right: 0; }

.dashboard-marker-group > h3 {
  margin: 0 0 0.38rem;
  color: #6f7d91;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.dashboard-marker-list { display: grid; }

.dashboard-marker-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto 16px 13px;
  align-items: center;
  gap: 0.66rem;
  width: 100%;
  min-height: 66px;
  padding: 0.55rem 0;
  border: 0;
  border-top: 1px solid rgba(72, 96, 126, 0.23);
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.dashboard-marker-row:first-child { border-top: 0; }
.dashboard-marker-row:hover .dashboard-marker-name strong,
.dashboard-marker-row:focus-visible .dashboard-marker-name strong { color: #fff; }
.dashboard-marker-row:hover .dashboard-marker-icon,
.dashboard-marker-row:focus-visible .dashboard-marker-icon { border-color: color-mix(in srgb, var(--accent, #00b4ff) 52%, transparent); color: var(--accent, #00b4ff); }
.dashboard-marker-row:focus-visible { outline: 2px solid color-mix(in srgb, var(--accent, #00b4ff) 46%, transparent); outline-offset: 3px; }

.dashboard-marker-icon,
.dashboard-marker-detail-icon {
  display: grid;
  place-items: center;
  color: #8797aa;
}

.dashboard-marker-icon {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboard-marker-icon-mask {
  display: block;
  width: 22px;
  height: 22px;
  background: currentColor;
  -webkit-mask: var(--dashboard-marker-icon) center / contain no-repeat;
  mask: var(--dashboard-marker-icon) center / contain no-repeat;
}

.dashboard-marker-name,
.dashboard-marker-value {
  display: grid;
  gap: 0.16rem;
  min-width: 0;
}

.dashboard-marker-name strong {
  overflow: hidden;
  color: #e8edf4;
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 150ms ease;
}

.dashboard-marker-name small,
.dashboard-marker-value small {
  overflow: hidden;
  color: #677589;
  font-size: 0.56rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-marker-value { justify-items: end; }
.dashboard-marker-value strong { color: #f4f7fb; font-size: 0.88rem; font-weight: 780; letter-spacing: -0.025em; white-space: nowrap; }

.dashboard-marker-trend {
  color: #738195;
  font-size: 0.76rem;
  font-weight: 900;
  text-align: center;
}

.dashboard-marker-trend.positive { color: #43d9ad; }
.dashboard-marker-trend.attention { color: #f3ba4f; }
.dashboard-marker-chevron { display: grid; place-items: center; color: #56667a; }
.dashboard-marker-chevron svg { width: 13px; height: 13px; }

.dashboard-week-surface { grid-template-columns: minmax(0, 1fr); }
.dashboard-week-surface .dashboard-week-panel { border-right: 0; }
.dashboard-training-load-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 18px;
  align-items: end;
  gap: 1.15rem;
}

.dashboard-training-load-head > div:first-child > span,
.dashboard-training-load-read > span,
.dashboard-training-load-chart > span {
  display: block;
  color: #8391a4;
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.dashboard-training-load-head h2 {
  margin-top: 0.28rem;
  color: #f4f7fb;
  font-size: 1.04rem;
  letter-spacing: -0.025em;
}

.dashboard-training-load-head > div:first-child > small {
  display: block;
  margin-top: 0.24rem;
  color: #748196;
  font-size: 0.65rem;
}

.dashboard-training-load-total {
  display: grid;
  min-width: 210px;
  justify-items: end;
  gap: 0.08rem;
  text-align: right;
}

.dashboard-training-load-total > span {
  color: #738196;
  font-size: 0.56rem;
  font-weight: 750;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.dashboard-training-load-total > strong {
  color: #f7f9fc;
  font-size: 1.42rem;
  letter-spacing: -0.045em;
}

.dashboard-training-load-total > small {
  color: #8390a2;
  font-size: 0.61rem;
}

.dashboard-training-load-chart {
  min-width: 0;
  margin-top: 0.95rem;
  padding: 0.85rem 0 0.72rem;
  border-top: 1px solid rgba(69, 93, 122, 0.28);
  border-bottom: 1px solid rgba(69, 93, 122, 0.28);
}

.dashboard-training-load-chart > span {
  color: #6f7d91;
}

.dashboard-training-load-chart .dashboard-week-bars {
  height: 142px;
  margin-top: 0.4rem;
  padding-top: 0;
  border-top: 0;
}

.dashboard-training-load-chart .dashboard-week-bar {
  position: relative;
  border-radius: 7px;
}

.dashboard-training-load-chart .dashboard-week-bar::before {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: calc(100% - 8px);
  padding: 0.3rem 0.44rem;
  border: 1px solid rgba(88, 119, 154, 0.45);
  border-radius: 7px;
  background: #111b29;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
  color: #eff6fc;
  content: attr(data-value);
  font-size: 0.59rem;
  font-weight: 750;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 5px);
  transition: opacity 140ms ease, transform 140ms ease;
  white-space: nowrap;
}

.dashboard-training-load-chart .dashboard-week-bar:hover::before,
.dashboard-training-load-chart .dashboard-week-bar:focus-within::before {
  opacity: 1;
  transform: translate(-50%, 0);
}

.dashboard-training-load-chart .dashboard-week-bar i {
  transition: filter 150ms ease, opacity 150ms ease;
}

.dashboard-training-load-chart .dashboard-week-bar:hover i { filter: brightness(1.12); opacity: 1; }

.dashboard-training-load-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.dashboard-training-load-stats > div {
  min-width: 0;
  padding: 0.9rem 1rem 0.86rem;
  border-right: 1px solid rgba(69, 93, 122, 0.25);
}

.dashboard-training-load-stats > div:first-child { padding-left: 0; }
.dashboard-training-load-stats > div:last-child { padding-right: 0; border-right: 0; }
.dashboard-training-load-stats span { display: block; color: #718095; font-size: 0.57rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.dashboard-training-load-stats strong { display: block; margin-top: 0.26rem; color: #f1f5f9; font-size: 1rem; letter-spacing: -0.025em; }
.dashboard-training-load-stats small { display: block; margin-top: 0.18rem; overflow: hidden; color: #738095; font-size: 0.59rem; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }

.dashboard-training-load-read {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 0.9rem;
  padding-top: 0.88rem;
  border-top: 1px solid rgba(69, 93, 122, 0.28);
}

.dashboard-training-load-read p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.69rem;
  font-weight: 620;
  line-height: 1.45;
}

.dashboard-marker-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.8rem;
}

.dashboard-marker-back {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #75d9fb;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 750;
  cursor: pointer;
}
.dashboard-marker-back svg { width: 14px; height: 14px; }
.dashboard-marker-detail-source { color: #758398; font-size: 0.66rem; }

.dashboard-marker-detail-hero {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1.15rem 1.2rem;
  border: 1px solid rgba(55, 79, 109, 0.54);
  border-radius: 18px;
  background: rgba(8, 13, 21, 0.93);
}

.dashboard-marker-detail-icon { width: 52px; height: 52px; border-radius: 14px; color: #5bd8ff; }
.dashboard-marker-detail-icon .dashboard-marker-icon-mask { width: 25px; height: 25px; }
.dashboard-marker-detail-hero h1 { margin-top: 0.22rem; color: #f6f8fb; font-size: clamp(1.4rem, 2.4vw, 2rem); letter-spacing: -0.04em; }
.dashboard-marker-detail-hero p { max-width: 700px; margin-top: 0.28rem; color: #7f8c9e; font-size: 0.75rem; line-height: 1.5; }
.dashboard-marker-detail-current { display: grid; justify-items: end; gap: 0.35rem; }
.dashboard-marker-detail-current > strong { color: #fff; font-size: clamp(1.65rem, 3vw, 2.5rem); letter-spacing: -0.05em; }
.dashboard-marker-detail-current .dashboard-marker-trend { padding: 0.22rem 0.48rem; border: 1px solid rgba(76, 103, 136, 0.38); border-radius: 999px; background: rgba(10, 17, 28, 0.72); font-size: 0.62rem; }
.dashboard-marker-detail-chart { margin-top: 0.78rem; }
.dashboard-marker-detail-note { margin-top: 0.78rem; padding: 0.85rem 1rem; border: 1px dashed rgba(72, 99, 132, 0.45); border-radius: 12px; color: #7d8a9c; font-size: 0.7rem; }
.dashboard-marker-empty-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  min-height: 230px;
  padding: 1.25rem;
  border: 1px solid rgba(55, 79, 109, 0.54);
  border-radius: 18px;
  background: rgba(8, 13, 21, 0.93);
  text-align: left;
}
.dashboard-marker-empty-chart > span { display: grid; width: 42px; height: 42px; place-items: center; color: #5bd8ff; border: 1px solid rgba(82, 108, 141, 0.35); border-radius: 12px; }
.dashboard-marker-empty-chart strong { display: block; color: #edf3f8; font-size: 0.92rem; }
.dashboard-marker-empty-chart small { display: block; max-width: 430px; margin-top: 0.24rem; color: #778598; font-size: 0.7rem; line-height: 1.45; }

body[data-theme='light'] .dashboard-marker-surface,
body[data-theme='light'] .dashboard-marker-detail-hero,
body[data-theme='light'] .dashboard-marker-empty-chart { border-color: rgba(111, 143, 181, 0.3); background: rgba(255, 255, 255, 0.92); }
body[data-theme='light'] .dashboard-marker-groups { border-color: rgba(111, 143, 181, 0.24); background: rgba(240, 247, 252, 0.72); }
body[data-theme='light'] .dashboard-marker-group,
body[data-theme='light'] .dashboard-marker-row,
body[data-theme='light'] .dashboard-training-load-chart,
body[data-theme='light'] .dashboard-training-load-read,
body[data-theme='light'] .dashboard-training-load-stats > div { border-color: rgba(111, 143, 181, 0.2); }
body[data-theme='light'] .dashboard-marker-icon { background: transparent; }
body[data-theme='light'] .dashboard-marker-name strong,
body[data-theme='light'] .dashboard-marker-value strong,
body[data-theme='light'] .dashboard-marker-detail-hero h1,
body[data-theme='light'] .dashboard-marker-detail-current > strong,
body[data-theme='light'] .dashboard-training-load-head h2,
body[data-theme='light'] .dashboard-training-load-total > strong,
body[data-theme='light'] .dashboard-training-load-stats strong { color: #152134; }
body[data-theme='light'] .dashboard-training-load-read p { color: #314158; }
body[data-theme='light'] .dashboard-training-load-chart .dashboard-week-bar::before { border-color: rgba(77, 108, 142, 0.3); background: #ffffff; color: #172235; }

@media (max-width: 1120px) {
  .dashboard-marker-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-marker-group:nth-child(2) { border-right: 0; }
  .dashboard-marker-group:last-child { grid-column: 1 / -1; border-top: 1px solid rgba(72, 96, 126, 0.34); }
  .dashboard-marker-group:last-child .dashboard-marker-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dashboard-marker-group:last-child .dashboard-marker-row { padding-inline: 0.7rem; border-top: 0; border-right: 1px solid rgba(72, 96, 126, 0.23); }
  .dashboard-marker-group:last-child .dashboard-marker-row:last-child { border-right: 0; }
}

@media (max-width: 860px) {
  .dashboard-training-load-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-training-load-stats > div { border-bottom: 1px solid rgba(69, 93, 122, 0.25); }
  .dashboard-training-load-stats > div:nth-child(2n) { padding-right: 0; border-right: 0; }
  .dashboard-training-load-stats > div:nth-child(2n + 1) { padding-left: 0; }
  .dashboard-training-load-stats > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .dashboard-training-load-chart .dashboard-week-bars { height: 116px; }
}

@media (max-width: 720px) {
  .dashboard-training-load-head { grid-template-columns: minmax(0, 1fr) 16px; align-items: start; }
  .dashboard-training-load-total { grid-column: 1 / -1; grid-row: 2; min-width: 0; justify-items: start; margin-top: 0.15rem; text-align: left; }
  .dashboard-training-load-head > .dashboard-card-arrow { grid-column: 2; grid-row: 1; }
  .dashboard-training-load-chart .dashboard-week-bars { height: 96px; gap: 0.3rem; }
  .dashboard-training-load-read { grid-template-columns: 1fr; gap: 0.35rem; }
  .dashboard-training-load-stats small { white-space: normal; }
  .dashboard-marker-surface { padding-inline: 0.9rem; }
  .dashboard-marker-groups { grid-template-columns: 1fr; }
  .dashboard-marker-group,
  .dashboard-marker-group:nth-child(2),
  .dashboard-marker-group:last-child { grid-column: auto; border-right: 0; border-top: 1px solid rgba(72, 96, 126, 0.34); }
  .dashboard-marker-group:first-child { border-top: 0; }
  .dashboard-marker-group:last-child .dashboard-marker-list { grid-template-columns: 1fr; }
  .dashboard-marker-group:last-child .dashboard-marker-row { padding-inline: 0; border-right: 0; border-top: 1px solid rgba(72, 96, 126, 0.23); }
  .dashboard-marker-group:last-child .dashboard-marker-row:first-child { border-top: 0; }
  .dashboard-marker-detail-hero { grid-template-columns: 48px minmax(0, 1fr); }
  .dashboard-marker-detail-current { grid-column: 1 / -1; grid-template-columns: auto auto; align-items: center; justify-content: space-between; justify-items: start; width: 100%; padding-top: 0.75rem; border-top: 1px solid rgba(72, 96, 126, 0.28); }
}