/**
 * Modale panou admin — încărcat ULTIMUL în App.razor (după Bootstrap + VideWebsite.styles.css).
 * Clasa .admin-modal-content pe fiecare modal garantează fundal închis pe Heroku/production.
 */

body .admin-shell__main .modal.show,
body .admin-shell__main .modal.show.d-block {
    background-color: rgba(4, 8, 16, 0.78) !important;
    backdrop-filter: blur(6px) !important;
}

body .admin-shell__main .admin-modal-content,
body .admin-shell__main .modal-content.admin-modal-content,
body .admin-shell__main .modal.show .modal-dialog .modal-content {
    --bs-modal-bg: #121826 !important;
    --bs-modal-color: #f0f2f8 !important;
    --bs-body-color: #f0f2f8 !important;
    --bs-body-bg: #121826 !important;
    background-color: #121826 !important;
    background-image: linear-gradient(180deg, rgba(18, 24, 38, 0.99), rgba(8, 12, 20, 0.99)) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #f0f2f8 !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5) !important;
}

body .admin-shell__main .admin-modal-content .modal-header,
body .admin-shell__main .modal-content.admin-modal-content .modal-header {
    background-color: rgba(10, 14, 24, 0.6) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body .admin-shell__main .admin-modal-content .modal-body,
body .admin-shell__main .modal-content.admin-modal-content .modal-body {
    background-color: transparent !important;
    color: #e8eaef !important;
}

body .admin-shell__main .admin-modal-content .modal-footer,
body .admin-shell__main .modal-content.admin-modal-content .modal-footer {
    background-color: rgba(6, 10, 18, 0.5) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body .admin-shell__main .admin-modal-content .modal-title,
body .admin-shell__main .admin-modal-content h1,
body .admin-shell__main .admin-modal-content h2,
body .admin-shell__main .admin-modal-content h3,
body .admin-shell__main .admin-modal-content h4,
body .admin-shell__main .admin-modal-content h5,
body .admin-shell__main .admin-modal-content h6,
body .admin-shell__main .admin-modal-content p,
body .admin-shell__main .admin-modal-content label,
body .admin-shell__main .admin-modal-content .fw-bold,
body .admin-shell__main .admin-modal-content strong {
    color: #ffffff !important;
}

body .admin-shell__main .admin-modal-content .text-muted {
    color: rgba(190, 196, 210, 0.8) !important;
}

body .admin-shell__main .admin-modal-content .text-dark {
    color: #f0f0f0 !important;
}

body .admin-shell__main .admin-modal-content .text-primary {
    color: #5cd9ff !important;
}

body .admin-shell__main .admin-modal-content .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    opacity: 0.9;
}

body .admin-shell__main .admin-modal-content .form-control,
body .admin-shell__main .admin-modal-content .form-select,
body .admin-shell__main .admin-modal-content textarea {
    background-color: rgba(8, 12, 20, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f0f0f0 !important;
}

body .admin-shell__main .admin-modal-content .form-control:focus,
body .admin-shell__main .admin-modal-content .form-select:focus {
    background-color: rgba(10, 14, 24, 0.95) !important;
    border-color: rgba(0, 200, 255, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 200, 255, 0.15) !important;
}

body .admin-shell__main .admin-modal-content .btn-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f0f0f0 !important;
}

body .admin-shell__main .admin-modal-content .btn-outline-secondary {
    color: #e8eaef !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.04) !important;
}

body .admin-shell__main .admin-modal-content .bg-light,
body .admin-shell__main .admin-modal-content .bg-white {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #e8eaef !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

body .admin-shell__main .admin-modal-content .activity-card {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #e8eaef !important;
}

body .admin-shell__main .admin-modal-content .table,
body .admin-shell__main .admin-modal-content .custom-table {
    --bs-table-bg: transparent !important;
    --bs-table-color: #e8eaef !important;
    color: #e8eaef !important;
}

body .admin-shell__main .admin-modal-content .table thead th,
body .admin-shell__main .admin-modal-content .custom-table thead th {
    background-color: rgba(0, 0, 0, 0.3) !important;
    color: #d0d4de !important;
}

body .admin-shell__main .admin-modal-content .table td,
body .admin-shell__main .admin-modal-content .custom-table td {
    color: #e8eaef !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body .admin-shell__main .admin-modal-content .alert-info {
    background-color: rgba(0, 200, 255, 0.12) !important;
    color: #b8ecff !important;
}

body .admin-shell__main .admin-modal-content .alert-success {
    background-color: rgba(52, 211, 153, 0.15) !important;
    color: #a7f3d0 !important;
}

body .admin-shell__main .admin-modal-content .alert-danger {
    background-color: rgba(248, 113, 113, 0.15) !important;
    color: #fecaca !important;
}

body .admin-shell__main .admin-modal-content .form-check-input {
    background-color: rgba(12, 16, 26, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body .admin-shell__main .admin-modal-content .form-check-input:checked {
    background-color: #00a8d4 !important;
    border-color: #00c8ff !important;
}