/* =========================================================
   AKAD Apps Admin Glass Theme
   ========================================================= */

:root {
    --akad-glass-bg: rgba(238, 244, 252, 0.72);
    --akad-glass-bg-soft: rgba(255, 255, 255, 0.58);
    --akad-border: rgba(255, 255, 255, 0.62);
    --akad-text: #1f2d50;
    --akad-muted: #687497;
    --akad-primary: #1976f3;
    --akad-shadow: 0 18px 44px rgba(35, 48, 70, 0.14);
    --akad-shadow-soft: 0 10px 24px rgba(35, 48, 70, 0.10);
}

/* Background utama */
body:not(.auth-neumorphism-body) {
    background-color: #d7e1ec !important;
    background-image:
        linear-gradient(115deg, rgba(215, 225, 236, 0.66), rgba(226, 232, 240, 0.48)),
        url("/assets/auth/background.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    color: var(--akad-text);
}

/* Area konten AdminLTE */
.content-wrapper {
    background: transparent !important;
    backdrop-filter: none !important;
}

.content {
    padding-top: 8px;
}

/* Header atas */
.main-header.navbar {
    background: rgba(245, 249, 255, 0.72) !important;
    backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.56) !important;
    box-shadow: 0 8px 24px rgba(35, 48, 70, 0.08);
}

.main-header .nav-link,
.main-header .navbar-nav .nav-link {
    color: var(--akad-muted) !important;
}

.main-header .nav-link:hover {
    color: var(--akad-primary) !important;
}

/* Sidebar */
.main-sidebar {
    background: rgba(29, 39, 56, 0.76) !important;
    backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: 14px 0 34px rgba(15, 23, 42, 0.22);
}

.brand-link {
    background: rgba(15, 23, 42, 0.20) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.brand-link .brand-text {
    color: rgba(255,255,255,0.94) !important;
    font-weight: 700 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-treeview .nav-link {
    color: rgba(255,255,255,0.76) !important;
    border-radius: 12px !important;
    margin: 4px 8px !important;
    transition: all .16s ease;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background: rgba(255, 255, 255, 0.10) !important;
    color: #fff !important;
    transform: translateX(2px);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background: linear-gradient(135deg, rgba(25,118,243,0.95), rgba(33,150,243,0.82)) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(25, 118, 243, 0.28);
}

.nav-sidebar .nav-icon {
    opacity: .92;
}

/* Judul halaman */
.content-header h1,
.content-header h2,
.content-header h3 {
    color: var(--akad-text) !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em;
}

.content-header small,
.text-muted {
    color: rgba(31, 45, 80, 0.64) !important;
}

/* Card */
.card {
    background: var(--akad-glass-bg) !important;
    backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: 1px solid var(--akad-border) !important;
    border-radius: 18px !important;
    box-shadow: var(--akad-shadow-soft) !important;
    overflow: hidden;
}

.card-header {
    background: rgba(255, 255, 255, 0.42) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.58) !important;
    color: var(--akad-text) !important;
    font-weight: 800;
}

.card-body,
.card-footer {
    background: transparent !important;
}

/* Info card dashboard */
.dashboard-info-card {
    border-radius: 18px !important;
    background: rgba(245, 249, 255, 0.68) !important;
}

.dashboard-info-icon,
.btn-warning.dashboard-info-icon,
.btn-danger.dashboard-info-icon {
    border-radius: 16px !important;
    border: 0 !important;
    box-shadow: 8px 8px 18px rgba(50, 65, 90, 0.16),
                -8px -8px 18px rgba(255,255,255,0.50);
}

/* Small box KPI */
.small-box {
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: var(--akad-shadow-soft) !important;
    border: 1px solid rgba(255,255,255,0.38);
}

.small-box .inner {
    position: relative;
    z-index: 2;
}

.small-box .icon {
    opacity: .22 !important;
}

/* Table */
.table {
    color: var(--akad-text) !important;
    background: transparent !important;
}

.table thead th {
    background: rgba(255,255,255,0.42) !important;
    border-color: rgba(255,255,255,0.58) !important;
    color: var(--akad-text) !important;
    font-weight: 800;
}

.table td,
.table th {
    border-color: rgba(255,255,255,0.52) !important;
}

.table-hover tbody tr:hover {
    background: rgba(255,255,255,0.32) !important;
}

/* Form */
.form-control,
.custom-select,
select.form-control,
textarea.form-control,
input.form-control {
    background: rgba(245, 249, 255, 0.68) !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    border-radius: 13px !important;
    color: var(--akad-text) !important;
    box-shadow:
        inset 4px 4px 10px rgba(50, 65, 90, 0.08),
        inset -4px -4px 10px rgba(255,255,255,0.44) !important;
}

.form-control:focus,
.custom-select:focus {
    border-color: rgba(25, 118, 243, 0.42) !important;
    box-shadow:
        inset 3px 3px 8px rgba(50, 65, 90, 0.08),
        inset -3px -3px 8px rgba(255,255,255,0.48),
        0 0 0 3px rgba(25, 118, 243, 0.11) !important;
}

label {
    color: var(--akad-text);
    font-weight: 700;
}

/* Button */
.btn {
    border-radius: 12px !important;
    font-weight: 700 !important;
    border: 0 !important;
    box-shadow: 0 8px 16px rgba(35, 48, 70, 0.12);
}

.btn-primary {
    background: linear-gradient(135deg, #1976f3, #2196f3) !important;
}

.btn-secondary {
    background: linear-gradient(135deg, #64748b, #7b8796) !important;
}

.btn-success {
    background: linear-gradient(135deg, #1fa64a, #2bbf63) !important;
}

.btn-danger {
    background: linear-gradient(135deg, #dc3545, #ef4760) !important;
}

.btn-warning {
    background: linear-gradient(135deg, #ffc107, #ffca2c) !important;
    color: #1f2d50 !important;
}

.btn-info {
    background: linear-gradient(135deg, #17a2b8, #22b8cf) !important;
}

.btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(35, 48, 70, 0.16);
}

/* Badge */
.badge {
    border-radius: 999px !important;
    padding: .42em .65em !important;
}

/* Alert */
.alert {
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,0.52) !important;
    box-shadow: 0 8px 20px rgba(35,48,70,0.08);
}

/* Pagination */
.page-link {
    border: 0 !important;
    border-radius: 10px !important;
    margin: 0 2px;
    background: rgba(245, 249, 255, 0.72) !important;
    color: var(--akad-text) !important;
}

.page-item.active .page-link {
    background: var(--akad-primary) !important;
    color: #fff !important;
}

/* Modal */
.modal-content {
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,0.62) !important;
    background: rgba(238, 244, 252, 0.86) !important;
    backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: var(--akad-shadow);
}

.modal-header,
.modal-footer {
    border-color: rgba(255,255,255,0.56) !important;
}

/* Dashboard chart */
.dashboard-chart-card {
    background: rgba(245, 249, 255, 0.66) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.35);
    border-radius: 999px;
}

::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.24);
}

/* Mobile */
@media (max-width: 768px) {
    .content {
        padding-left: 8px;
        padding-right: 8px;
    }

    .card,
    .small-box {
        border-radius: 16px !important;
    }
}


/* === SIDEBAR ACTIVE SUBMENU TEXT FIX === */

/* Submenu aktif: background terang, tulisan harus gelap agar terbaca */
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active:hover {
    background: rgba(255, 255, 255, 0.88) !important;
    color: #1f2d50 !important;
    box-shadow:
        6px 6px 16px rgba(15, 23, 42, 0.16),
        -4px -4px 12px rgba(255, 255, 255, 0.16) !important;
}

.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active p,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active i,
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active .nav-icon {
    color: #1f2d50 !important;
}

/* Submenu hover tetap terbaca */
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
}

/* Menu utama aktif tetap putih di atas biru */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    color: #ffffff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active p,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active i,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link p,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link i {
    color: #ffffff !important;
}

/* === END SIDEBAR ACTIVE SUBMENU TEXT FIX === */