/* Light analytics treatment for the signed-in my-space view only. */
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
body[data-planner-view="today"],
body[data-planner-view="today"] .main,
body[data-planner-view="today"] #todayView { background: #e8eef8; }
body[data-planner-view="today"] #todayView { --rooftop-frame: #e8eef8; color: #243454; color-scheme: light; }
body[data-planner-view="today"] .rooftop-banner { height: clamp(230px, 22vw, 315px); }

.dashboard-content { display: grid; grid-template-columns: 178px minmax(0,1fr); width: min(1500px, calc(100% - 44px)); margin: 0 auto 42px; padding: 0; border: 1px solid #d6deed; border-radius: 0 0 12px 12px; background: #f7f9fd; box-shadow: 0 20px 50px #667ba124; overflow: hidden; }
.analytics-sidebar { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 18px 9px; border-right: 1px solid #dbe3f0; background: #f0f4fa; }
.analytics-side-brand { display: flex; align-items: center; justify-content: space-between; margin: 2px 8px 28px; color: #283758; font-size: 16px; font-weight: 800; letter-spacing: -.04em; text-decoration: none; }
.analytics-side-brand span { color: #6575a3; font-size: 14px; }
.analytics-side-label { margin: 10px 9px 7px; color: #8c9ab3; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.analytics-side-link { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 34px; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #536381; font-size: 11px; text-align: left; text-decoration: none; cursor: pointer; }
.analytics-side-link:hover,
.analytics-side-link.is-current { background: #e0e8fc; color: #2e43ba; }
.analytics-side-link:focus-visible { outline: 2px solid #4156d8; outline-offset: 2px; }
.analytics-main { min-width: 0; padding: 15px 19px 26px; }

.dashboard-tabs { grid-template-columns: 1fr auto; margin: 0 0 18px; padding: 0 0 11px; border-bottom: 1px solid #dfe5ef; }
.dashboard-tabs .dashboard-wordmark { display: none; }
.dashboard-tabs .dashboard-tab-list { justify-self: start; border-color: #dbe2ee; background: #eef2f9; }
.dashboard-tabs .dashboard-tab-list > button,
.dashboard-tabs .dashboard-tab-list > a { color: #64728d; }
.dashboard-tabs .dashboard-tab-list > button:hover,
.dashboard-tabs .dashboard-tab-list > a:hover,
.dashboard-tabs .dashboard-tab-list > .is-current { background: #fff; color: #3045bc; box-shadow: 0 1px 5px #293f8320; }
.dashboard-tabs .dashboard-logout { border-color: #d7dfec; background: #fff; color: #576c96; }
.dashboard-profile { border-color: #d8e0ec; background: #fff; color: #263554; }
.dashboard-profile small { color: #8290a9; }
.dashboard-profile b { color: #7080a0; }

.analytics-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin: 2px 0 16px; }
.analytics-heading span { color: #7e8aa2; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.analytics-heading h1 { margin: 6px 0 0; color: #253456; font-size: clamp(23px,2.3vw,32px); font-weight: 660; letter-spacing: -.045em; }
.analytics-period { display: inline-flex; gap: 2px; padding: 3px; border: 1px solid #d9e1ef; border-radius: 8px; background: #edf2fa; }
.analytics-period button { min-width: 39px; min-height: 26px; padding: 0 7px; border: 0; border-radius: 5px; background: transparent; color: #607091; font-size: 10px; cursor: pointer; }
.analytics-period button.selected { background: #fff; color: #3048c6; box-shadow: 0 1px 4px #31487820; }
.analytics-period button:focus-visible { outline: 2px solid #4056cf; outline-offset: 2px; }

.dashboard-hero-row { display: block; margin: 0 0 11px; }
.dashboard-hero-row .page-heading { display: none; }
#todayView .dashboard-hero-row .summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
#todayView .dashboard-hero-row .summary-card,
#todayView .dashboard-hero-row .summary-card:nth-child(2),
#todayView .dashboard-hero-row .reward-summary { min-height: 116px; padding: 16px 17px; border: 1px solid #d6deec; border-radius: 9px; background: #fff; box-shadow: 0 5px 14px #7e95be12; }
#todayView .dashboard-hero-row .summary-label { color: #566889; font-size: 11px; }
#todayView .dashboard-hero-row .summary-card > strong { color: #243559; font-size: 30px; }
#todayView .dashboard-hero-row .summary-card > strong small { color: #7483a0; }
#todayView .dashboard-hero-row .summary-foot { color: #8090aa; }
#todayView .dashboard-hero-row .progress-track { background: #e8edf7; }
#todayView .dashboard-hero-row .progress-track span { background: #3b49c2; }
#todayView .dashboard-hero-row .text-link { color: #334bc3; }

.dashboard-statusbar { min-height: 41px; margin-bottom: 12px; padding: 5px 6px 5px 10px; border-color: #d8e0ed; border-radius: 8px; background: #fff; }
.statusbar-icon { border-color: #dce3ef; color: #4f65a8; }
.dashboard-statusbar strong { color: #2e3c5b; }
.dashboard-statusbar small { color: #7d8ca5; }
.statusbar-pending { color: #6c7b97; }
#todayView .dashboard-statusbar .button.primary { border-radius: 7px; background: #3b4dc7; color: #fff; }
#todayView .dashboard-statusbar .button.primary:hover { background: #2d3eae; }

#todayView .today-grid { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(230px,.75fr); grid-template-areas: "rhythm rhythm" "tasks rail"; gap: 12px; }
#todayView .rhythm-surface { min-height: 354px; padding: 17px 18px 13px; }
#todayView .task-surface,
#todayView .right-rail { min-height: 242px; }
#todayView .right-rail { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#todayView .roof-teaser { order: 0; }
#todayView .surface,
#todayView .focus-card,
#todayView .reward-summary { border: 1px solid #d6deec; border-radius: 9px; background: #fff; box-shadow: 0 5px 15px #6880ad12; }
#todayView .surface-heading h2 { color: #29395b; }
#todayView .eyebrow { color: #5266b5; }
#todayView .muted,
#todayView .rhythm-caption { color: #7d8ca6; }
#todayView .text-link { color: #334ac1; }
#todayView .rhythm-chart[hidden],
#todayView .rhythm-stats[hidden] { display: none !important; }
.trend-key { display: flex; flex-wrap: wrap; gap: 12px; color: #667692; font-size: 10px; }
.trend-key span { display: inline-flex; align-items: center; gap: 5px; }
.trend-key i { width: 8px; height: 8px; border-radius: 50%; background: #3849c1; }
.trend-key span:nth-child(2) i { background: #19a693; }
.trend-chart { width: 100%; min-height: 268px; overflow: hidden; }
.trend-chart svg { display: block; width: 100%; height: 270px; }
.trend-chart text { fill: #94a2ba; font: 10px Inter,'Segoe UI',sans-serif; }
.trend-chart .grid-line { stroke: #e5eaf3; stroke-width: 1; }
.trend-chart .axis-line { stroke: #cbd5e5; stroke-width: 1; }
.trend-chart .complete-line { fill: none; stroke: #3349bd; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.trend-chart .created-line { fill: none; stroke: #18a690; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.trend-chart .complete-dot { fill: #3349bd; }
.trend-chart .created-dot { fill: #18a690; }

#todayView .quick-add { border-color: #d8e0ec; background: #f6f8fc; }
#todayView .quick-add input { color: #273754; }
#todayView .quick-add input::placeholder { color: #93a0b4; }
#todayView .quick-add button { background: #4053c5; color: #fff; }
#todayView .task-title,
#todayView .timer { color: #26385a; }
#todayView .task-meta { color: #7e8da5; }
#todayView .task-surface .task-row { border-bottom-color: #e4eaf4; }
#todayView .task-surface .task-row:hover { background: #f4f7fd; }
#todayView .focus-card .button.primary { border-color: #4053c5; background: #4053c5; color: #fff; }
#todayView .focus-card .button.secondary { border-color: #d9e1ed; background: #f7f9fd; color: #4b5d83; }
#todayView .recent-surface { margin-top: 12px; }
.recent-table-head { background: #edf2fa; color: #61718e; }
.recent-row { border-bottom-color: #e3e9f3; color: #63718d; }
.recent-title { color: #273a61; }
.recent-status { background: #dff3ea; color: #188363; }
.recent-empty { color: #8391a8; }

@media (max-width: 1100px) {
  .dashboard-content { width: calc(100% - 30px); grid-template-columns: 150px minmax(0,1fr); }
  .analytics-main { padding: 13px; }
  #todayView .right-rail { grid-template-columns: 1fr; }
}
@media (max-width: 780px) {
  .dashboard-content { width: calc(100% - 20px); grid-template-columns: 1fr; }
  .analytics-sidebar { display: none; }
  .dashboard-tabs { grid-template-columns: 1fr auto; }
  .dashboard-tabs .dashboard-tab-list { grid-row: 2; grid-column: 1 / -1; justify-self: stretch; }
  .dashboard-account-actions { grid-row: 1; grid-column: 2; }
  .dashboard-tabs:before { content: 'WorkDeck'; align-self: center; color: #283758; font-weight: 800; }
  #todayView .today-grid { grid-template-columns: 1fr; grid-template-areas: "rhythm" "tasks" "rail"; }
  #todayView .right-rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  .dashboard-content { width: calc(100% - 14px); }
  .analytics-main { padding: 12px 9px 18px; }
  .analytics-heading { align-items: flex-start; }
  .analytics-heading h1 { font-size: 22px; }
  #todayView .dashboard-hero-row .summary-grid { gap: 5px; }
  #todayView .dashboard-hero-row .summary-card { min-height: 102px; padding: 10px 7px; }
  #todayView .dashboard-hero-row .summary-label { font-size: 8px; }
  #todayView .dashboard-hero-row .summary-card > strong { font-size: 20px; }
  #todayView .rhythm-surface { min-height: 300px; padding: 13px 9px; }
  .trend-chart { min-height: 216px; }
  .trend-chart svg { height: 216px; }
  .trend-chart text { font-size: 23px; }
  .trend-chart .complete-line,
  .trend-chart .created-line { stroke-width: 5; }
  #todayView .right-rail { grid-template-columns: 1fr; }
}