/* App theme overrides (AdminLTE) */

:root {
    --app-bg-0: #070a13;
    --app-bg-1: #0b1226;
    --app-card: rgba(15, 23, 42, 0.78);
    --app-card-border: rgba(148, 163, 184, 0.18);
    --app-text: #e5e7eb;
    --app-muted: #a8b0c0;
    --app-accent: #6366f1;
    --app-accent-2: #22d3ee;
}

body {
    background:
        radial-gradient(1200px 600px at 15% 20%, rgba(99, 102, 241, 0.10), transparent 60%),
        radial-gradient(900px 500px at 85% 35%, rgba(34, 211, 238, 0.07), transparent 55%),
        linear-gradient(180deg, var(--app-bg-1), var(--app-bg-0));
}

.content-wrapper,
.main-footer {
    background: transparent;
}

.card {
    background: var(--app-card);
    border: 1px solid var(--app-card-border);
    box-shadow:
        0 18px 50px rgba(0, 0, 0, 0.35),
        0 1px 0 rgba(255, 255, 255, 0.05) inset;
    backdrop-filter: blur(10px);
    color: var(--app-text);
}

.card .card-header {
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    background: rgba(2, 6, 23, 0.12);
}

.table {
    color: rgba(229, 231, 235, 0.92);
}

.table thead th {
    border-bottom-color: rgba(148, 163, 184, 0.15);
}

.table td,
.table th {
    border-top-color: rgba(148, 163, 184, 0.12);
}

.table-hover tbody tr:hover {
    background: rgba(99, 102, 241, 0.16);
}

.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th,
.table-hover tbody tr:hover a,
.table-hover tbody tr:hover .text-muted {
    color: rgba(255, 255, 255, 0.96) !important;
}

.table-hover tbody tr:hover .badge {
    filter: brightness(1.03);
}

.main-header.navbar {
    background: rgba(2, 6, 23, 0.55);
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 1034;
}

.main-header.navbar .nav-link,
.main-header.navbar .navbar-nav .nav-link,
.main-header.navbar .navbar-nav .nav-link i,
.main-header.navbar .navbar-nav .nav-link span,
.main-header.navbar .navbar-nav .nav-link small {
    color: rgba(229, 231, 235, 0.92) !important;
}

.main-header.navbar .nav-link:hover,
.main-header.navbar .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.98) !important;
}

.main-header.navbar .dropdown-menu {
    background: rgba(2, 6, 23, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.14);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
}

.main-header.navbar .dropdown-item {
    color: rgba(229, 231, 235, 0.92);
}

.main-header.navbar .dropdown-item:hover,
.main-header.navbar .dropdown-item:focus {
    background: rgba(99, 102, 241, 0.16);
    color: rgba(255, 255, 255, 0.98);
}

.content-header h1,
.content-header .breadcrumb,
.content-header .breadcrumb a {
    color: rgba(229, 231, 235, 0.92);
}

.content-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(168, 176, 192, 0.75);
}

.main-sidebar.sidebar-dark-primary {
    background:
        radial-gradient(900px 500px at 10% 20%, rgba(99, 102, 241, 0.14), transparent 60%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.95), rgba(2, 6, 23, 0.92));
}

.nav-sidebar .nav-link.active {
    background: rgba(99, 102, 241, 0.22);
    border: 1px solid rgba(99, 102, 241, 0.22);
}

.btn-primary,
.bg-primary,
.badge-primary {
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-2)) !important;
    border: none !important;
}

.btn-primary:hover {
    filter: brightness(1.03);
}

.small-box {
    border-radius: 14px;
    overflow: hidden;
}

.small-box .icon {
    opacity: 0.18;
}

.info-box {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.14);
    color: rgba(229, 231, 235, 0.92);
}

.info-box .info-box-text {
    color: rgba(168, 176, 192, 0.9);
}

/* SweetAlert2 theme */
.swal2-popup {
    background: rgba(2, 6, 23, 0.92) !important;
    color: rgba(229, 231, 235, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.14) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(10px);
}

.swal2-title,
.swal2-html-container {
    color: rgba(229, 231, 235, 0.92) !important;
}

.swal2-styled.swal2-confirm {
    background: linear-gradient(135deg, var(--app-accent), var(--app-accent-2)) !important;
    border: none !important;
}

.swal2-styled.swal2-cancel {
    background: rgba(148, 163, 184, 0.12) !important;
    color: rgba(229, 231, 235, 0.92) !important;
    border: 1px solid rgba(148, 163, 184, 0.16) !important;
}

.swal2-timer-progress-bar {
    background: rgba(99, 102, 241, 0.7) !important;
}