/*
    Picker-dialog visual chrome — scoped to picker-style MudDialogs via the
    .hax-picker-dialog Class. Applied to:
      - ThrowdownPicker (doc-26 throwdown picker)
      - NewMessagePickerDialog (doc-21 "+ New message" friend picker)
    Other dialogs in the app keep MudBlazor defaults until the pattern proves
    useful there too.

    Mobile margin: MudBlazor's default MaxWidth.Small (~600px) makes the
    dialog kiss the viewport edges on typical phones (375-430px wide), which
    operator flagged 2026-05-18 as feeling cramped. The 1rem horizontal
    margin gives the dialog a visible breathing border. Desktop layout
    (≥600px) keeps the centered max-width default.
*/
@media (max-width: 599.98px) {
    .hax-picker-dialog {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
        max-width: calc(100% - 2rem) !important;
    }
}

/*
    Suppress MudDialog's default title bar — the title string passed to
    DialogService.ShowAsync ("Throw down" / "New message") stays in the DOM
    for screen-reader announcement, but the body's own state header (Event:/
    Friend: labels, the "Throw Down against:" centered block, empty-state
    heroes, candidate-list copy) carries the visual context so the top
    chrome would be redundant. Operator design 2026-05-18.
*/
.hax-picker-dialog .mud-dialog-title {
    display: none !important;
}