/* Dialogs — global spacing fix, applies to every MudDialog in the app.
   MudBlazor's defaults are too tight for our forms: content has only 8px of
   top/bottom padding (fields sit almost flush against the title and the
   actions bar), and the actions bar itself has only 8px all around (buttons
   end up hugging the dialog's bottom-right corner). */

.mud-dialog .mud-dialog-title {
    padding: 20px 24px 16px;
}

.mud-dialog .mud-dialog-content {
    padding: 20px 24px;
}

.mud-dialog .mud-dialog-actions {
    padding: 16px 24px 20px;
}

/* Título e subtítulo dos diálogos (TitleContent). Compartilhados com a gestão local do agente,
   que inclui esta folha por link; dependem de --font-display/--tm-* de durin-tokens.css. */
.dialog-title.mud-typography {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--tm-text);
}

.dialog-subtitle.mud-typography {
    color: var(--tm-text-muted);
    margin-top: 2px;
}

/* Loading placeholder for dialog content. Deliberately NOT .state-page — that class's
   min-height: calc(100vh - 220px) is sized for full-page loading states, and reusing it
   inside a MudDialog makes the dialog balloon open while loading, then visibly shrink once
   the real content turns out smaller. That's most jarring when the data resolves to a short
   empty-state message (e.g. "Não há máquinas disponíveis") instead of a full form — the
   dialog opens tall, then snaps short a moment later. Keep this short so the dialog is
   already close to its final size during loading. */
.dialog-loading-state {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    padding: 24px;
}