@import "default.css";

.main-sidebar .brand-link,
[class*=sidebar-dark] .brand-link {
    background: linear-gradient(180deg, #081826, #050b12) !important;
    border-bottom: 1px solid rgba(0,229,255,0.22) !important;
}

/* Text "mj-Dashboard" im Logo-Bereich */
.main-sidebar .brand-link .brand-text,
.main-sidebar .brand-link span {
    color: #e6faff !important;
}

/* =========================
   GLOBAL DARK NEON BACKGROUND
========================= */
.dark-mode,
body:not(.sidebar-mini-md) .content-wrapper,
body:not(.sidebar-mini-md) .main-footer,
body:not(.sidebar-mini-md) .main-header {
    background: radial-gradient(circle at top, #0b1e2d, #050b12);
    color: #e6f1ff;
}

/* =========================
   SIDEBAR
========================= */
.layout-fixed .wrapper .sidebar {
    height: calc(100vh - 3.5rem - 1px);
    background: linear-gradient(180deg, #081826, #050b12);
    box-shadow: inset -1px 0 0 rgba(0,229,255,0.08);
}

[class*=sidebar-dark] .brand-link,
[class*=sidebar-dark] .brand-link .pushmenu {
    background: transparent;
    color: #bfefff;
}

/* Sidebar Text */
.main-sidebar .brand-text,
.main-sidebar .logo-xl,
.main-sidebar .logo-xs,
.sidebar .nav-link p,
.sidebar .user-panel .info {
    color: #9bb0c9;
    transition: color .3s ease, text-shadow .3s ease;
}

/* Active Sidebar Item */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: rgba(0,229,255,0.12);
    color: #e6faff;
    border-radius: 40px;
    box-shadow:
        0 0 6px rgba(0,229,255,0.4),
        inset 0 0 10px rgba(0,229,255,0.15);
}

/* =========================
   CARDS
========================= */
.dark-mode .card {
    background: linear-gradient(180deg, #081826, #050b12);
    border: 1px solid rgba(124,124,255,0.35);
    border-radius: 16px;
    color: #e6f1ff;
    box-shadow: 0 0 12px rgba(124,124,255,0.15);
}

.card-header,
.card-body,
.dark-mode .card .card-footer {
    background: transparent;
}

.card-title {
    color: #ffffff;
    font-weight: 500;
}

/* =========================
   BUTTONS (SOFT NEON)
========================= */
.btn-info,
.btn-warning {
    background: transparent;
    border: 1px solid #00e5ff;
    color: #e6faff;
    box-shadow: 0 0 8px rgba(0,229,255,0.35);
}

.btn-info:hover,
.btn-warning:hover {
    background: rgba(0,229,255,0.15);
    box-shadow: 0 0 14px rgba(0,229,255,0.6);
}

/* =========================
   TEXT & LISTS
========================= */
.dark-mode .text-muted {
    color: #9bb0c9 !important;
}

.dark-mode .list-group-item {
    background: transparent;
    border-color: rgba(124,124,255,0.25);
    color: #e6f1ff;
}

/* =========================
   INFO BOX
========================= */
.dark-mode .info-box {
    background: linear-gradient(180deg, #081826, #050b12);
    border: 1px solid rgba(0,229,255,0.4);
    border-radius: 16px;
    color: #ffffff;
    box-shadow: 0 0 10px rgba(0,229,255,0.25);
}

/* =========================
   FORMS
========================= */
label:not(.form-check-label):not(.custom-file-label) {
    color: #bfefff;
}

.dark-mode .form-control,
.dark-mode .custom-select,
.dark-mode .input-group-text {
    background: #050b12;
    border: 1px solid rgba(0,229,255,0.35);
    color: #e6f1ff;
}

/* =========================
   MODALS
========================= */
.modal-header,
.modal-body,
.dark-mode .modal-footer {
    background: linear-gradient(180deg, #081826, #050b12);
    border-color: rgba(124,124,255,0.35);
}

/* =========================
   DROPDOWN / SELECT2
========================= */
.dark-mode .dropdown-menu,
.dark-mode .select2-dropdown {
    background: #050b12;
    border: 1px solid rgba(0,229,255,0.35);
}

.select2-container--default .select2-results__option {
    background: transparent;
    color: #e6f1ff;
}

.select2-container--default .select2-results__option--highlighted {
    background: rgba(0,229,255,0.18);
}

/* =========================
   ALERTS & CALLOUTS
========================= */
.alert-success {
    background: rgba(0,255,170,0.15);
    border: 1px solid #00ffaa;
    color: #eafff6;
    box-shadow: 0 0 10px rgba(0,255,170,0.4);
}

.callout.callout-info {
    background: rgba(0,229,255,0.1);
    border-left: 4px solid #00e5ff;
}