/* ——— Notify, on the message board's composer ———
   Moved out of messages.css (2026-08-29). That file is the chat family — the
   bubbles, the day separators, the pending line — and this field belongs to
   the long-form composer at message_boards/messages/new. The two shared a
   filename and nothing else; one family per stylesheet is what makes
   `ls app/assets/stylesheets` the index. */
@layer components {
  /* The composer's "When I post this, notify…" — the picker exists only while
     "Everyone I select…" is the choice, and :has() is the whole mechanism
     (components own state; no controller). */
  .message-notify__picker {
    display: none;
  }

  .message-notify:has([value="selected"]:checked) .message-notify__picker {
    display: block;
  }

  /* The picker sits on the choice's own line — the words, then the people,
     the way a to-do names its assignees (user's image, 2026-08-29). The row
     grows a column rather than the picker being positioned, so the radio and
     the words keep the seats every other choice gives them.

     Centred, not baselined like its siblings: a combobox's first baseline is
     re-derived from a chosen pill's avatar, which is the hop todo-form.css
     spent three attempts pinning down. Nothing here is taller than a line
     until a pill lands, and then the whole row grows together. */
  .choice:has(> .message-notify__picker) {
    grid-template-columns: auto auto 1fr;
    align-items: center;
  }
}