/* =====================================================
   SAFEHOUSE MUDBLAZOR DIALOG COMPONENT OVERRIDES
   File: Enhanced dialog component styling for payment dialogs
   ===================================================== */

/* ===== FORCE MUDBLAZOR DIALOG THEMING ===== */
.mud-dialog {
    background-color: var(--sh-card-bg) !important;
    color: var(--sh-text-primary) !important;
    border-radius: var(--sh-radius-lg) !important;
    border: 1px solid var(--sh-border-color) !important;
    box-shadow: var(--sh-shadow-lg) !important;
}

.mud-dialog-content {
    background-color: var(--sh-card-bg) !important;
    color: var(--sh-text-primary) !important;
    padding: 24px !important;
}

.mud-dialog-title {
    color: var(--sh-primary-orange) !important;
    background: var(--sh-card-bg) !important;
    border-bottom: 1px solid var(--sh-border-color) !important;
    font-weight: 600 !important;
}

.mud-dialog-actions {
    background: var(--sh-card-bg) !important;
    border-top: 1px solid var(--sh-border-color) !important;
    padding: 16px 24px !important;
}

.mud-overlay {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ===== TEXT FIELD OVERRIDES FOR DARK THEME ===== */
.mud-dialog .mud-input-control {
    background-color: var(--sh-card-bg-secondary) !important;
    border: 1px solid var(--sh-border-color) !important;
    border-radius: var(--sh-radius-sm) !important;
}

    .mud-dialog .mud-input-control:hover {
        border-color: var(--sh-primary-orange) !important;
    }

    .mud-dialog .mud-input-control.mud-input-control-focused {
        border-color: var(--sh-primary-orange) !important;
        box-shadow: 0 0 0 1px var(--sh-primary-orange) !important;
    }

.mud-dialog .mud-input {
    color: var(--sh-text-primary) !important;
    background-color: transparent !important;
}

    .mud-dialog .mud-input::placeholder {
        color: var(--sh-text-placeholder) !important;
    }

.mud-dialog .mud-input-label {
    color: var(--sh-text-tertiary) !important;
}

    .mud-dialog .mud-input-label.mud-input-label-focused {
        color: var(--sh-primary-orange) !important;
    }

.mud-dialog .mud-input-helper-text {
    color: var(--sh-text-muted) !important;
}

/* ===== SELECT FIELD OVERRIDES ===== */
.mud-dialog .mud-select {
    background-color: var(--sh-card-bg-secondary) !important;
    color: var(--sh-text-primary) !important;
    border: 1px solid var(--sh-border-color) !important;
    border-radius: var(--sh-radius-sm) !important;
}

    .mud-dialog .mud-select:hover {
        border-color: var(--sh-primary-orange) !important;
    }

    .mud-dialog .mud-select.mud-select-focused {
        border-color: var(--sh-primary-orange) !important;
        box-shadow: 0 0 0 1px var(--sh-primary-orange) !important;
    }

    .mud-dialog .mud-select .mud-select-input {
        color: var(--sh-text-primary) !important;
        background-color: transparent !important;
    }

.mud-dialog .mud-list {
    background-color: var(--sh-card-bg-elevated) !important;
    border: 1px solid var(--sh-border-color) !important;
    border-radius: var(--sh-radius-sm) !important;
}

.mud-dialog .mud-list-item {
    color: var(--sh-text-primary) !important;
}

    .mud-dialog .mud-list-item:hover {
        background-color: var(--sh-card-bg-secondary) !important;
    }

    .mud-dialog .mud-list-item.mud-selected {
        background-color: var(--sh-primary-orange) !important;
        color: white !important;
    }

/* ===== CHECKBOX OVERRIDES ===== */
.mud-dialog .mud-checkbox {
    color: var(--sh-text-primary) !important;
}

    .mud-dialog .mud-checkbox .mud-button-root {
        color: var(--sh-text-primary) !important;
    }

    .mud-dialog .mud-checkbox.mud-checked .mud-button-root {
        color: var(--sh-primary-orange) !important;
    }

    .mud-dialog .mud-checkbox input:checked + .mud-button-root .mud-icon-root {
        color: var(--sh-primary-orange) !important;
    }

/* ===== BUTTON OVERRIDES ===== */
.mud-dialog .mud-button-filled-primary {
    background-color: var(--sh-primary-orange) !important;
    color: white !important;
    border: none !important;
}

    .mud-dialog .mud-button-filled-primary:hover {
        background-color: var(--sh-secondary-orange) !important;
    }

.mud-dialog .mud-button-outlined {
    border-color: var(--sh-border-color) !important;
    color: var(--sh-text-primary) !important;
}

    .mud-dialog .mud-button-outlined:hover {
        border-color: var(--sh-primary-orange) !important;
        color: var(--sh-primary-orange) !important;
    }

/* ===== STEPPER OVERRIDES ===== */
.mud-dialog .mud-stepper {
    background-color: transparent !important;
}

    .mud-dialog .mud-stepper .mud-step {
        color: var(--sh-text-primary) !important;
    }

    .mud-dialog .mud-stepper .mud-step-icon {
        background-color: var(--sh-card-bg-secondary) !important;
        border: 2px solid var(--sh-border-color) !important;
        color: var(--sh-text-primary) !important;
    }

        .mud-dialog .mud-stepper .mud-step-icon.mud-step-icon-active {
            background-color: var(--sh-primary-orange) !important;
            border-color: var(--sh-primary-orange) !important;
            color: white !important;
        }

        .mud-dialog .mud-stepper .mud-step-icon.mud-step-icon-completed {
            background-color: var(--sh-success) !important;
            border-color: var(--sh-success) !important;
            color: white !important;
        }

.mud-dialog .mud-step-content {
    background-color: transparent !important;
    color: var(--sh-text-primary) !important;
}

/* ===== ALERT OVERRIDES ===== */
.mud-dialog .mud-alert {
    border-radius: var(--sh-radius-sm) !important;
}

    .mud-dialog .mud-alert.mud-alert-outlined-info {
        border-color: var(--sh-info) !important;
        background-color: rgba(33, 150, 243, 0.1) !important;
        color: var(--sh-text-primary) !important;
    }

    .mud-dialog .mud-alert.mud-alert-outlined-error {
        border-color: var(--sh-error) !important;
        background-color: rgba(220, 20, 60, 0.1) !important;
        color: var(--sh-text-primary) !important;
    }

/* ===== TABLE OVERRIDES ===== */
.mud-dialog .mud-table {
    background-color: var(--sh-card-bg) !important;
    color: var(--sh-text-primary) !important;
}

    .mud-dialog .mud-table th {
        background-color: var(--sh-card-bg-elevated) !important;
        color: var(--sh-text-primary) !important;
        border-color: var(--sh-border-color) !important;
    }

    .mud-dialog .mud-table td {
        background-color: var(--sh-card-bg) !important;
        color: var(--sh-text-primary) !important;
        border-color: var(--sh-border-light) !important;
    }

/* ===== CHIP OVERRIDES ===== */
.mud-dialog .mud-chip {
    background-color: var(--sh-card-bg-secondary) !important;
    color: var(--sh-text-primary) !important;
    border: 1px solid var(--sh-border-color) !important;
}

    .mud-dialog .mud-chip.mud-chip-color-success {
        background-color: var(--sh-success) !important;
        color: white !important;
        border-color: var(--sh-success) !important;
    }

    .mud-dialog .mud-chip.mud-chip-color-info {
        background-color: var(--sh-info) !important;
        color: white !important;
        border-color: var(--sh-info) !important;
    }

/* ===== DIVIDER OVERRIDES ===== */
.mud-dialog .mud-divider {
    border-color: var(--sh-border-color) !important;
}

/* ===== PROGRESS OVERRIDES ===== */
.mud-dialog .mud-progress-linear {
    background-color: var(--sh-card-bg-secondary) !important;
}

    .mud-dialog .mud-progress-linear .mud-progress-linear-bar {
        background-color: var(--sh-primary-orange) !important;
    }

.mud-dialog .mud-progress-circular {
    color: var(--sh-primary-orange) !important;
}

/* ===== LINK OVERRIDES ===== */
.mud-dialog .mud-link {
    color: var(--sh-primary-orange) !important;
}

    .mud-dialog .mud-link:hover {
        color: var(--sh-secondary-orange) !important;
    }