/* WM v3.4.1 visual repairs — loaded after the consolidated legacy styles. */

.list-page-controls-bottom {
  display: flex;
  justify-content: center;
  margin: 28px 0 74px;
}

.list-page-controls-bottom .secondary-btn {
  min-width: min(100%, 360px);
}

/* Today is a reading flow: agenda first, the four shortcuts below it. */
@media (min-width: 761px) {
  .today-layout,
  .today-dashboard-grid,
  .dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .glance,
  .dashboard-cards,
  .today-shortcuts,
  .quick-links {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .glance-card,
  .dash-card,
  .today-shortcut,
  .quick-link {
    min-height: 136px;
  }
}

@media (max-width: 760px) {
  .glance,
  .dashboard-cards,
  .today-shortcuts,
  .quick-links {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* White hover states must never make the dark Today agenda unreadable. */
.day-stream .stream-row:hover,
.day-stream .stream-row:focus-visible,
.today-feed .stream-row:hover,
.today-feed .stream-row:focus-visible,
.today-agenda .stream-row:hover,
.today-agenda .stream-row:focus-visible {
  background: rgba(255, 255, 255, .085) !important;
  color: #fff !important;
}

.day-stream .stream-row:hover *,
.day-stream .stream-row:focus-visible *,
.today-feed .stream-row:hover *,
.today-feed .stream-row:focus-visible *,
.today-agenda .stream-row:hover *,
.today-agenda .stream-row:focus-visible * {
  color: inherit !important;
}

/* Account dialog: calm, compact and intentionally scannable. */
.account-card-clean { padding-bottom: 18px; }
.account-section {
  margin-top: 16px;
  padding: 15px 16px;
  border: 1px solid var(--line, #d9d5cc);
  border-radius: 14px;
  background: rgba(255,255,255,.46);
}
.account-section > p {
  margin: 0 0 9px;
  font-size: 10px;
  letter-spacing: .14em;
  font-weight: 800;
  color: var(--muted, #77736c);
}
.account-row { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:14px; }
.account-row b { text-align:right; font-size:13px; }
.account-section .secondary-btn { width:100%; margin-top:12px; }
.account-link { width:100%; display:flex; align-items:center; gap:12px; padding:12px 0; color:inherit; cursor:pointer; border:0; border-top:1px solid var(--line, #e2ded7); background:none; text-align:left; font:inherit; }
.account-link:first-of-type { border-top:0; }
.account-link > span:last-of-type { display:grid; gap:2px; }
.account-link small { color:var(--muted,#77736c); }
.account-footer { display:flex; align-items:center; justify-content:space-between; margin:18px 2px 2px; padding-top:14px; border-top:1px solid var(--line,#d9d5cc); color:var(--muted,#77736c); font-size:12px; }
.account-version { text-align:center; color:var(--muted,#77736c); font-size:12px; margin:18px 0 2px; }

/* Icons are geometry, not baseline text. */
.material-symbols-rounded,
.icon-btn > span,
button .material-symbols-rounded,
.detail-symbol > span,
.tile-icon > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  vertical-align: middle;
}

.detail-head [data-back] { display:inline-flex; align-items:center; gap:7px; }