/* Alerts inbox (spec §5.12) — view-specific rules; row and tile basics live in components.css */
.alerts-page .alerts-toolbar { display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; }
.alerts-page .alerts-toolbar .segmented { flex: 0 0 auto; width: min(100%, 360px); }
@media (max-width: 719px) { .alerts-page .alerts-toolbar .segmented { flex: 1 1 100%; } }

/* Day groups: eyebrows stay visible while the group scrolls (§5.12 item 10) */
.alerts-page .alert-day { gap: var(--s2); }
.alerts-page .alert-eyebrow { position: sticky; z-index: 5; margin: 0; padding: var(--s2) 0; background: var(--bg); top: calc(var(--header-h) - 1px); }
@media (max-width: 719px) { .alerts-page .alert-eyebrow { top: calc(var(--header-h-phone) + var(--safe-top)); } }

/* Rows: links, buttons (nothing to open, tap marks read) and static read rows share one look */
.alerts-page .alert-row { width: 100%; text-align: left; border: 0; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.alerts-page .alert-row:focus-visible { box-shadow: inset var(--focus); border-radius: 0; }
.alerts-page div.alert-row { cursor: default; }
.alerts-page div.alert-row:hover { background: var(--surface); }
.alerts-page .alert-row .alert-title { overflow-wrap: anywhere; }
.alerts-page .alert-row .alert-side { min-width: 44px; text-align: right; }
.alerts-page .alert-row .alert-side time { white-space: nowrap; }
.alerts-page .alert-row .alert-excerpt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Pinned "To verify" row for managers and owners (§5.12 item 3) */
.alerts-page .pinned-verify { min-height: 56px; text-decoration: none; }
.alerts-page .pinned-verify:hover { background: var(--n50); }
.alerts-page .pinned-verify:focus-visible { box-shadow: var(--focus); }