/* Modal Alert Styles */
.modal-icon {
    min-width: 40px;
}

.modal-message {
    font-size: 1rem;
    line-height: 1.5;
}

/* Dark theme support */
[data-theme="dark"] .modal-content {
    background-color: #212529;
    color: #e9ecef;
    border: 1px solid #495057;
}

[data-theme="dark"] .modal-header {
    background-color: #212529;
    border-bottom: 1px solid #495057;
    color: #e9ecef;
}

[data-theme="dark"] .modal-footer {
    background-color: #212529;
    border-top: 1px solid #495057;
}

[data-theme="dark"] .modal-body {
    background-color: #212529;
    color: #e9ecef;
}

[data-theme="dark"] .modal-title {
    color: #e9ecef;
}

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme="dark"] .modal-backdrop {
    background-color: #000;
    opacity: 0.8;
}

[data-theme="dark"] .modal .btn-secondary {
    background-color: #495057;
    border-color: #495057;
    color: #e9ecef;
}

[data-theme="dark"] .modal .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #545b62;
    color: #fff;
}

[data-theme="dark"] .modal input.form-control {
    background-color: #212529;
    border: 1px solid #495057;
    color: #e9ecef;
}

[data-theme="dark"] .modal input.form-control:focus {
    background-color: #212529;
    border-color: #9a9a9a;
    color: #e9ecef;
    box-shadow: 0 0 0 0.25rem rgba(154, 154, 154, 0.25);
}

/* Ensure proper contrast for different button types in dark mode */
[data-theme="dark"] .modal .btn-primary {
    background-color: #9a9a9a;
    border-color: #9a9a9a;
    color: #000;
}

[data-theme="dark"] .modal .btn-primary:hover {
    background-color: #b8b8b8;
    border-color: #b8b8b8;
    color: #000;
}

[data-theme="dark"] .modal .btn-success {
    background-color: #75b798;
    border-color: #75b798;
    color: #000;
}

[data-theme="dark"] .modal .btn-warning {
    background-color: #ffda6a;
    border-color: #ffda6a;
    color: #000;
}

[data-theme="dark"] .modal .btn-danger {
    background-color: #ea868f;
    border-color: #ea868f;
    color: #000;
}

/* Icon colors in dark theme */
[data-theme="dark"] .modal .text-info {
    color: #6edff6 !important;
}

[data-theme="dark"] .modal .text-success {
    color: #75b798 !important;
}

[data-theme="dark"] .modal .text-warning {
    color: #ffda6a !important;
}

[data-theme="dark"] .modal .text-danger {
    color: #ea868f !important;
}