/* Visual polish only. No layout, scoring, persistence, or cloud changes. */
:root {
  --flow-depth: 0 4px 8px #0006, 0 16px 28px -8px #000b;
  --flow-surface-light: inset 0 1px 0 #ffffff18, inset 0 0 0 1px #ffffff0d;
  --flow-glow-soft: 0 0 8px #ffd16b26, 0 0 20px #efb23912;
  --flow-glow-active: 0 0 7px #ffd16b50, 0 0 22px #efb23926;
  --flow-glow-hero: 0 0 6px #ffd16b80, 0 0 18px #ffc24f45, 0 0 34px #efb23924;
}

/* Retain the existing card dimensions, artwork and full-size touch controls. */
.today-shell .rhythm-card,
.today-shell .area-card {
  border-color: #d3b6756b;
  box-shadow: var(--flow-surface-light), var(--flow-depth), var(--flow-glow-soft);
  transition: transform 140ms ease-out, border-color 140ms ease-out;
}
.today-shell .rhythm-card strong {
  font-weight: 800;
  text-shadow: 0 2px 8px #000c;
}
.today-shell .rhythm-card.is-relevant {
  border-color: #f2ca72b3;
  box-shadow: var(--flow-surface-light), var(--flow-depth), var(--flow-glow-active);
}

/* Elevate each existing group, not every row inside it. */
.today-shell .today-columns .task-list {
  background: linear-gradient(145deg, #2c2f35, #1d1f24 68%, #191b1f);
  box-shadow: var(--flow-surface-light), var(--flow-depth);
}
.today-shell .today-columns .task-title {
  font-weight: 650;
}
.today-shell .today-columns .task-content:active {
  background: #ffffff07;
  border-radius: 8px;
}

/* One clear visual priority: a crisp edge with a tight halo and softer bloom. */
.today-shell .primary-panel {
  border-color: #ffd16b;
  background: linear-gradient(125deg, #31291b, #201f1c 55%, #191b1f);
  box-shadow:
    inset 0 1px 0 #ffe8b05c,
    inset 0 0 18px #ffcf6110,
    var(--flow-depth),
    var(--flow-glow-hero);
}
.today-shell .primary-panel .eyebrow {
  color: #ffdc8b;
  text-shadow: 0 0 12px #ffc24f30;
}
.today-shell .primary-panel .primary-empty {
  color: #f5eee0;
  font-weight: 600;
}
.today-shell .primary-panel .task-row {
  background: transparent;
  box-shadow: none;
}

/* Existing selected gold controls get a smaller halo than the objective. */
.segmented > button.active,
.tabs > button.active {
  box-shadow: inset 0 0 0 1px #ffd16b59, var(--flow-glow-soft);
}

@media (hover: hover) and (pointer: fine) {
  .today-shell .rhythm-card:hover,
  .today-shell .area-card:hover {
    transform: translateY(-2px);
    border-color: #ffdb89;
  }
}
.today-shell .rhythm-card:active,
.today-shell .area-card:active {
  transform: translateY(1px) scale(.99);
}
@media (prefers-reduced-motion: reduce) {
  .today-shell .rhythm-card,
  .today-shell .area-card,
  .today-shell .rhythm-card:hover,
  .today-shell .area-card:hover,
  .today-shell .rhythm-card:active,
  .today-shell .area-card:active {
    transition: none;
    transform: none;
  }
}
@media (forced-colors: active) {
  .today-shell .primary-panel,
  .today-shell .rhythm-card,
  .today-shell .area-card,
  .today-shell .today-columns .task-list {
    outline: 1px solid CanvasText;
    box-shadow: none;
  }
}