/* Event countdown notice */
/* ======================= */
/*
  A pg-notice's own shape (rounded, bordered, inset with a margin) is built for
  sitting inside page content, where something else's background shows around it.
  Here it sits in the sticky header, directly under the control bar's own flat,
  full-width strip - so it's flattened to match: edge to edge, flush against
  whatever's above it, no radius and no border of its own. Only the bottom edge
  keeps a border, marking where the header's chrome ends and the page starts.
*/
#event_countdown_banner .pg-notice {
  margin: 0;

  border: none;
  border-bottom: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 0;
}

/* The one touch of colour: pg-notice's own tones (warning included) read as a full
   strength fill in this app's dark themes, which said "something needs fixing" far
   louder than a routine schedule countdown warrants (see the partial's own note).
   Tinting just the headline - the icon and the "N days to go" - with the app's
   existing accent (the same one the calendar's own date markers and active toggles
   wear) ties it to the calendar without colouring the whole card. */
#event_countdown_banner .pg-notice__headline {
  color: var(--pg-accent);
}