/* ============================================================
   gov-modal.css — نظام النوافذ المنبثقة الموحّد (بديل alert/confirm/prompt)
   ============================================================
   يعتمد على .modal-content/.modal-header/.modal-body/.modal-footer
   المُعاد تصميمها في redesign.css، ويضيف فقط شارة الأيقونة الدلالية
   حسب نوع الرسالة (نجاح/خطأ/تحذير/معلومة/تأكيد). يعمل مع
   wwwroot/js/gov-modal.js.
   ============================================================ */

.gov-modal-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--c-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.gov-modal-icon--success {
    background: var(--c-green-50);
    color: var(--c-primary);
}

.gov-modal-icon--danger {
    background: var(--c-danger-bg);
    color: var(--c-danger);
}

.gov-modal-icon--warning {
    background: var(--c-warning-bg);
    color: var(--c-warning);
}

.gov-modal-icon--info {
    background: var(--c-green-50);
    color: var(--c-primary-active);
}

.gov-modal-icon--confirm {
    background: var(--c-gold-soft-bg);
    color: var(--c-gold-ink);
}

.gov-modal-body-row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.gov-modal-message {
    flex: 1 1 auto;
    color: var(--c-text-body);
    font-size: var(--fs-body);
    line-height: 1.8;
    padding-top: 4px;
    white-space: pre-line;
}

.gov-modal-prompt-input {
    margin-top: 14px;
    width: 100%;
    border: 1.5px solid var(--c-border-2);
    border-radius: var(--c-radius-field);
    padding: .6rem 1rem;
    font-size: var(--fs-body);
    background: var(--c-surface);
    color: var(--c-text-heading);
}

    .gov-modal-prompt-input:focus {
        outline: none;
        border-color: var(--c-primary);
        box-shadow: 0 0 0 .2rem rgba(27, 131, 84, .13);
    }