/*
 * MessageBoxModal-v2 — univerzální dialog modal (9 typů)
 * UKOL 230 — Sekce A skeleton (layout placeholder)
 *
 * Sekce D doplní layout pro icon + title + content, sub-sekce
 * (consent / prompt / prompt-range).
 * Modal frame řeší BaseModalV2 (modal-v2.css). Tady jen specific layout.
 */

.message-box-modal-v2__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.message-box-modal-v2__content {
    /* Hlavní zpráva — text/HTML obsah */
    font-size: var(--ui-density-cozy-text-body, 14px);
    color: var(--ui-text-primary, #ff0000);
    line-height: var(--ui-text-leading-normal, 1.5);
    word-break: break-word;
}

/* ============================================================================
 * SUB-SEKCE (vykreslené v onAfterOpen pro consent/prompt/prompt-range typy)
 * ============================================================================ */

.consent-section-v2,
.prompt-section-v2,
.prompt-range-section-v2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Prompt section — volitelný label nad inputem */
.prompt-section-v2__label {
    font-size: var(--ui-text-size-label, 11.5px);
    font-weight: var(--ui-text-weight-semibold, 600);
    color: var(--ui-text-secondary, #ff0000);
}

/* Prompt-range section — 2× field (label + DateTimeInputV2) */
.prompt-range-section-v2__field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.prompt-range-section-v2__label {
    font-size: var(--ui-text-size-label, 11.5px);
    font-weight: var(--ui-text-weight-semibold, 600);
    color: var(--ui-text-secondary, #ff0000);
}