/* alerts.css — the "Alert me" row on the desk console. Token-built, so the dark
   edition needs only the two rules at the end. Hidden until alerts.js finds a
   PushManager (or an iPhone that could grow one): a no-JS reader never sees a
   control that could not work. */
.alert-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; padding-top: .9rem; border-top: 1px solid var(--line); }
.alert-row[hidden] { display: none; }
.alert-row__ctl { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.alert-row__ctl .lbl { margin: 0; }
.alert-row .sw { min-height: 2.2rem; }
.alert-row .sw input:disabled { opacity: .45; }
.alert-row.is-on .sw { border-color: var(--accent); color: var(--ink); }
.alert-row__min {
    font: inherit; font-size: .78rem; font-weight: 600; color: var(--ink-77);
    padding: .4rem 1.8rem .4rem .7rem; border-radius: 999px; border: 1px solid var(--line);
    background: var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E262B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .6rem center / 11px 11px;
    appearance: none; -webkit-appearance: none; cursor: pointer;
}
.alert-row__min:hover, .alert-row__min:focus { border-color: var(--ink); color: var(--ink); outline: none; }
.alert-row__min:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.alert-row__copy { margin: 0; font-size: .82rem; line-height: 1.55; color: var(--ink-77); max-width: 62ch; }
.alert-row .hint { margin: 0; }
.alert-row .hint[hidden] { display: none; }
@media (hover: none) and (pointer: coarse) {
    .alert-row .sw { font-size: 16px; min-height: 44px; padding: .55rem 1rem .55rem .8rem; }
    .alert-row .sw input { width: 20px; height: 20px; }
    .alert-row__min { font-size: 16px; min-height: 44px; }
}
html[data-dark] .alert-row__min {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E6EAEE' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
html[data-dark] .alert-row__min option { background: #11161C; color: #E6EAEE; }