/* ==========================================================================
   Alerts: the bell's notices sent on by email and Telegram.

   The panel and the list borrow the scheduled reports' pieces (sch-*): the
   summary, the recipient picker, who will get it and who will be skipped.
   What is here is the Alerts screen's own: the options every kind shares,
   and the panel's fields made read-only for somebody who may only look.
   ========================================================================== */

.al-options { margin-bottom: var(--sp-5); }

/* The digest's time beside the quiet hours while both fit, one over the
   other after. */
.al-options__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: var(--sp-4) var(--sp-6);
}
.al-options__grid .field { margin-bottom: 0; }
.al-options__text { margin: 0; color: var(--txt-2); }

/* "From [9:00 PM] to [8:00 AM]", wrapping on a phone. */
.al-quiet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin: 6px 0 0;
}
.al-quiet .field__label { margin: 0; }
.al-time { width: 9.5rem; max-width: 100%; }

/* The panel's fields, read-only together for somebody who may only look. */
.al-fields { min-width: 0; margin: 0; padding: 0; border: 0; }

.al-timing .choice__why { font-size: var(--fs-sm); }