/* ═══ 8. PANELS ═══════════════════════════════════════════════════════ */

.panel {
  background: var(--panel-bg);
  border-radius: var(--radius-md);
  padding: 26px 24px;
  display: flex; flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.pn-overview { grid-column: 1 / 5; grid-row: 3 / 6; position: relative; }
.pn-priority { grid-column: 5 / 7; grid-row: 3 / 6; }
/* Dashboard preview is display-only (doc: "only scroll to see") — the whole
   panel is the click target that opens the full To-Do modal, so it gets its
   own hover/focus affordance instead of per-row ones. */
.pn-todo {
  grid-column: 7 / 9; grid-row: 3 / 6;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color var(--dur-fast);
}
.pn-todo:hover { border-color: var(--hairline); }

.empty {
  color: var(--ink-faint); font-size: var(--text-sm);
  line-height: var(--lh-body);
  padding: 8px 0;
}

/* ═══ 9. ATTENTION BOARD ═════════════════════════════════════════════ */