/* static/css/dark-theme.css */

body.dark-mode {
    background: radial-gradient(circle at 20% 20%, rgba(15, 224, 199, 0.12), transparent 25%),
                radial-gradient(circle at 90% 10%, rgba(15, 98, 254, 0.18), transparent 30%),
                linear-gradient(135deg, #080c17 0%, #0c1628 50%, #0b1021 100%) !important;
    color: #e0e6f5 !important;
}

.dark-mode .navbar {
    background-color: rgba(9, 15, 30, 0.95) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.dark-mode .card {
    background: rgba(22, 28, 46, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #e0e6f5 !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}

.dark-mode .card-header,
.dark-mode .card-footer {
    background: rgba(18, 24, 40, 0.9) !important;
    border-bottom-color: rgba(255, 255, 255, 0.05) !important;
    border-top-color: rgba(255, 255, 255, 0.05) !important;
}

.dark-mode .table {
    color: #e0e6f5 !important;
}

.dark-mode .table-light > * > tr > * {
    background-color: rgba(40, 48, 70, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
    color: #f5f7ff !important;
}

.dark-mode .table-hover > tbody > tr:hover > * {
    color: #fff !important;
    background-color: rgba(68, 88, 130, 0.5) !important;
}

.dark-mode .form-control,
.dark-mode .form-select {
    background-color: rgba(45, 55, 78, 0.75) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e6f5 !important;
}

.dark-mode .form-control:focus,
.dark-mode .form-select:focus {
    background-color: rgba(58, 70, 104, 0.85) !important;
    border-color: rgba(15, 224, 199, 0.65) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.15rem rgba(15, 224, 199, 0.25) !important;
}

.dark-mode .btn-outline-secondary {
    color: #d5dbec !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
}

.dark-mode .btn-outline-secondary:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
}

.dark-mode .text-muted {
    color: #a8b3d2 !important;
}

.dark-mode .footer.bg-light {
    background-color: rgba(16, 23, 40, 0.92) !important;
    color: #d5dbec !important;
}

.dark-mode a {
    color: #7ac7ff !important;
}

.dark-mode .alert-danger {
    background-color: rgba(100, 23, 35, 0.8) !important;
    color: #f8d7da !important;
    border-color: rgba(245, 198, 203, 0.5) !important;
}

/* Telas de autenticação */
.dark-mode .auth-hero {
    background: radial-gradient(circle at 10% 20%, rgba(15, 98, 254, 0.25), transparent 35%),
                radial-gradient(circle at 80% 0%, rgba(15, 224, 199, 0.25), transparent 40%),
                linear-gradient(135deg, #0c1426 0%, #0c0f1d 50%, #070a12 100%);
}

.dark-mode .auth-hero::after {
    background: rgba(15, 18, 32, 0.65);
}

.dark-mode .auth-card {
    background: rgba(18, 24, 40, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #e0e6f5;
}

.dark-mode .auth-card .form-control {
    background: rgba(35, 45, 68, 0.8);
    border-color: rgba(255, 255, 255, 0.08);
    color: #e0e6f5;
}

.dark-mode .auth-card .form-control:focus {
    background: rgba(42, 54, 80, 0.9);
}

.dark-mode .badge-soft {
    background: rgba(15, 98, 254, 0.15);
    color: #7ac7ff;
}

.dark-mode .pill {
    background: rgba(255, 255, 255, 0.06);
    color: #e0e6f5;
}

.dark-mode .link-underline {
    color: #7ac7ff;
    border-color: rgba(122, 199, 255, 0.6);
}

.dark-mode .auth-secondary {
    background: rgba(122, 199, 255, 0.12);
    color: #7ac7ff;
    border-color: rgba(122, 199, 255, 0.4);
}