/*
 * Orena One — Formulários & Modais (DS-03). Doc: docs/orena/design-system/15-forms-modals.md
 *
 * Só o que a DS-03 acrescenta a orena.components.css (.o-field, .o-input,
 * .o-modal…): contrato mobile/touch e textos de apoio do modal. Carrega
 * DEPOIS de orena.components.css. Só tokens --orena-*, só seletores .o-*
 * e [data-orena-density], sem cor fixa, sem import/url (Edge offline) e
 * sem animação ou :hover (nada a desligar no reduced-motion).
 */

/* Altura do modal acompanha a barra dinâmica do navegador móvel. */
.o-modal { max-height: calc(100dvh - var(--orena-space-8)); }

.o-modal__descricao {
    margin: var(--orena-space-1) 0 0;
    font-size: var(--orena-font-size-sm);
    color: var(--orena-text-secondary);
}
.o-confirm__mensagem { margin: 0; }

/* Rodapé de modal em tela estreita (360px): ações empilhadas, largura total,
   ação principal por último no DOM → primeira ao polegar (wrap-reverse). */
@media (max-width: 480px) {
    .o-modal-backdrop { padding: var(--orena-space-2); }
    .o-modal__header,
    .o-modal__footer { padding-left: var(--orena-space-4); padding-right: var(--orena-space-4); }
    .o-modal__body { padding: var(--orena-space-4); }
    .o-modal__footer .o-btn { flex: 1 1 100%; }
    /* 16px evita o zoom automático do iOS ao focar o campo. */
    .o-input,
    .o-select,
    .o-textarea { font-size: var(--orena-font-size-lg); }
}

/* Densidade de toque (PDV/terminal): `data-orena-density="touch"` num
   ancestral eleva controles ao alvo mínimo de 44px (foundation). */
[data-orena-density="touch"] .o-input,
[data-orena-density="touch"] .o-select,
[data-orena-density="touch"] .o-btn,
[data-orena-density="touch"] .o-check,
[data-orena-density="touch"] .o-switch,
[data-orena-density="touch"] .o-modal__close {
    min-height: var(--orena-density-touch);
}
[data-orena-density="touch"] .o-btn,
[data-orena-density="touch"] .o-modal__close { min-width: var(--orena-density-touch); }