/* MODAL TITLE ROW - the one strip every dialog and popup title sits in (Joe, 2026-10-28, "titlerow"; finding u001-07).
 *
 * COPIED FROM THE RESTART PICKER, NOT INVENTED. `.restart-picker__head` in client/css/session-restart-picker.css is the
 * canonical title row (issue #558): a flex strip at the operations center's title-row height (`--oc-titlerow-h`, 37px),
 * 14px side padding, `--oc-ground-titlerow` for its ground and its hairline drawn as an inset shadow so it costs no
 * layout. Five dialogs had each hand-copied it and drifted: the help panel and the reopen offer drew 16px side padding,
 * the colour and icon pickers a 26px strip with 10px padding, and the confirm and text prompt dialogs repeated the
 * numbers in their own files. They all wear this class now and declare only what is theirs (a gap, where the verb and
 * the state sit), so the next retune is one rule.
 *
 * A DIALOG THAT NEEDS A DIFFERENT HEIGHT OR PADDING DOES NOT ADD A SIXTH COPY. It sets `--oc-titlerow-h`, or it is not a
 * title row. The accent label inside the strip stays each dialog's own (`__verb`), the ONE accent-coloured thing.
 *
 * `.text-prompt-modal__head` is listed beside the class because about thirty compiled dialogs already carry that name and
 * the strip is the same one; re-marking every call site would add nothing.
 *
 * LAYERED (`components`), so it adds no unlayered file to the ratchet (tests/python/design_system/
 * test_css_unlayered_ratchet.py); the dialogs' own unlayered files therefore must NOT redeclare these properties, or they
 * would win (tests/python/design_system/test_modal_titlerow.py holds that).
 *
 * Every colour is an `--oc-*` token, re-derived from the active theme, so the strip repaints under every theme. */
@layer components {
    .modal-titlerow,
    .text-prompt-modal__head {
        display: flex;
        align-items: center;
        min-width: 0;
        min-height: var(--oc-titlerow-h, 37px);
        padding: 0 14px;
        background: var(--oc-ground-titlerow);
        box-shadow: inset 0 -1px 0 0 var(--oc-line-rule);
    }
}