/* Desktop workspace: one viewport, with goal first in the right-hand rail.
   Long real lists scroll within their own panels, never behind a clipped page. */
.dashboard-priority.is-empty .dashboard-priority-label {align-self:center;margin-top:0}
.dashboard-priority.is-empty .dashboard-priority-main {grid-column:2/5}
.dashboard-priority.is-empty .dashboard-priority-action {font-size:18px;gap:10px}
@media (min-width:761px) and (max-width:1100px) {
  .dashboard-priority.is-empty .dashboard-priority-main {grid-column:4;grid-row:1/3}
}
@media (max-width:760px) {
  .dashboard-priority.is-empty .dashboard-priority-main {grid-column:1;grid-row:auto;min-height:90px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:125px}
}
@media (min-width:1101px) {
  .dashboard-mode .app-layout {
    height:calc(var(--dashboard-height,100dvh) - var(--header));
    min-height:0;
    padding-top:20px;
    padding-bottom:20px;
  }
  .dashboard-mode #main,.dashboard-page {height:100%;min-height:0}
  .dashboard-page {display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}
  .dashboard-workspace {margin-top:0;min-height:0;align-items:stretch}
  .dashboard-today,.dashboard-family {min-height:0;height:100%;overflow:hidden}
  .dashboard-today {padding-bottom:8px}
  .dashboard-timeline {
    display:flex;flex-direction:column;
    min-height:0;overflow:auto;overscroll-behavior:contain;
    margin:0 -16px;padding:0 16px;
  }
  .dashboard-timeline>* {flex:none}
  .dashboard-today .dashboard-all-day {min-height:54px}
  .dashboard-family {display:flex;flex-direction:column}
  .dashboard-family-head {flex:none;margin-bottom:16px}
  .dashboard-family-feed {min-height:0;overflow:auto;overscroll-behavior:contain;align-content:start}
  .dashboard-insights {
    height:100%;min-height:0;gap:12px;
    grid-template-rows:minmax(0,1.08fr) minmax(0,1.08fr) minmax(0,.88fr);
    container-type:size;
  }
  .dashboard-insights>section {min-height:0;padding:14px 18px;overflow:auto;overscroll-behavior:contain}
  .dashboard-insights .dashboard-section-head {min-height:28px;margin-bottom:8px}
  .dashboard-insights .dashboard-section-head h2,.dashboard-goal-head h2 {font-size:24px;line-height:28px}
  .dashboard-insights .dashboard-section-head>button {min-height:28px}
  .dashboard-goal {display:flex;flex-direction:column}
  .dashboard-goal-head {flex:none}
  .dashboard-goal-head h2 .art-icon {width:25px;height:25px}
  .dashboard-goal-head p {margin-top:3px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-goal-head>strong {font-size:18px}
  .dashboard-goal-path {
    flex:none;flex-wrap:nowrap;min-height:36px;
    margin:5px 0;gap:12px;overflow-x:auto;overflow-y:hidden;
    padding:4px 0;
  }
  .dashboard-goal-path>span {flex:none;width:26px;height:26px;font-size:12px}
  .dashboard-goal-path>span+span:before {width:13px}
  .dashboard-goal-path .icon {width:16px;height:16px}
  .dashboard-next-step {flex:none;min-height:44px;margin-top:auto;padding-top:6px}
  .dashboard-next-step>span {min-width:0}
  .dashboard-next-step small {font-size:13px}
  .dashboard-next-step strong {margin-top:2px;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-rhythm {display:flex;flex-direction:column}
  .dashboard-rhythm .dashboard-section-head {flex:none}
  .rhythm-chart {flex:1;min-height:58px;height:auto;gap:18px;padding-top:0}
  .rhythm-day {min-height:0;gap:2px}
  .rhythm-day strong {margin-top:3px;font-size:15px;line-height:18px}
  .rhythm-day small {font-size:14px;line-height:18px}
  .dashboard-groups {display:flex;flex-direction:column}
  .dashboard-group-cards {flex:1;min-height:82px;gap:10px}
  .dashboard-group-card {
    display:grid;grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:26px minmax(18px,1fr);align-items:center;
    min-height:82px;padding:9px 10px 20px;gap:5px 7px;
  }
  .dashboard-group-card>span {grid-column:1}
  .dashboard-group-card .art-icon,.dashboard-group-card .icon {width:25px;height:25px}
  .dashboard-group-card strong {grid-row:2;grid-column:1/-1;font-size:15px}
  .dashboard-group-card b {grid-row:1;grid-column:2;margin:0;font-size:22px}
  .dashboard-group-card i {height:5px;left:10px;right:10px;bottom:10px}
  .dashboard-inline-empty.goal-empty {min-height:0;height:100%;padding:0}
  .dashboard-inline-empty.goal-empty strong {font-size:22px}
  .dashboard-inline-empty.goal-empty p,.dashboard-no-data p {font-size:15px}
  .dashboard-no-data button {font-size:15px;min-height:36px;margin-top:4px}
  .dashboard-insights,.dashboard-timeline,.dashboard-family-feed {scrollbar-width:thin;scrollbar-color:var(--blue-edge) transparent}
  @container (max-height:470px) {
    .dashboard-goal-path {display:none}
    .dashboard-goal-head p {margin-bottom:6px}
    .dashboard-insights>section {padding-top:10px;padding-bottom:10px}
    .dashboard-insights>.dashboard-goal {padding-top:8px;padding-bottom:8px}
    .dashboard-group-cards {min-height:44px}
    .dashboard-group-card {
      min-height:44px;grid-template-columns:22px minmax(0,1fr) auto;
      grid-template-rows:26px;padding:5px 8px 11px;gap:6px;
    }
    .dashboard-group-card strong {grid-row:1;grid-column:2}
    .dashboard-group-card b {grid-column:3;font-size:20px}
    .dashboard-group-card .art-icon,.dashboard-group-card .icon {width:22px;height:22px}
    .dashboard-group-card i {height:3px;bottom:4px}
  }
}
@media (min-width:1101px) and (max-height:760px) {
  .dashboard-priority {min-height:136px;padding-top:18px;padding-bottom:18px}
  .dashboard-priority-marker {min-height:98px}
  .dashboard-priority-label {align-self:center;margin-top:0}
  .dashboard-books {top:4px;width:188px;height:128px}
  .dashboard-priority:has(.dashboard-setup) .dashboard-books {top:4px}
  .dashboard-setup {padding-top:8px;gap:8px}
  .dashboard-setup button {min-height:32px}
}