@import "default.css";

/* =========================
   GLOBAL DARK CRIMSON 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, #3a0000, #0b0000);
    color: #f2dede;
}

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

/* Logo / Brand Bereich */
.main-sidebar .brand-link,
[class*=sidebar-dark] .brand-link {
    background: linear-gradient(180deg, #2b0000, #0b0000) !important;
    border-bottom: 1px solid rgba(255, 80, 80, 0.35);
}

.main-sidebar .brand-link .brand-text {
    color: #ffb3b3 !important;
    text-shadow: 0 0 6px rgba(255, 80, 80, 0.45);
}

/* Sidebar Text */
.sidebar .nav-link p,
.sidebar .user-panel .info {
    color: #d8b0b0;
}

/* Active Sidebar Item */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: rgba(255, 60, 60, 0.25);
    color: #ffffff;
    border-radius: 40px;
    box-shadow: 0 0 10px rgba(255, 60, 60, 0.55);
}

/* =========================
   CARDS
========================= */
.dark-mode .card {
    background: linear-gradient(180deg, #1a0000, #0b0000);
    border: 1px solid rgba(255, 60, 60, 0.35);
    border-radius: 16px;
    color: #ffecec;
    box-shadow: 0 0 15px rgba(255, 60, 60, 0.20);
}

.card-title {
    color: #ffffff;
}

/* =========================
   INFO BOX
========================= */
.dark-mode .info-box {
    background: linear-gradient(180deg, #1a0000, #0b0000);
    border: 1px solid rgba(80, 255, 120, 0.45);
    border-radius: 16px;
    color: #eaffea;
}

/* =========================
   TEXT
========================= */
.dark-mode .text-muted {
    color: #c99898 !important;
}

/* =========================
   FORMS
========================= */
.dark-mode .form-control,
.dark-mode .custom-select {
    background: #0b0000;
    border: 1px solid rgba(255, 80, 80, 0.35);
    color: #ffecec;
}

/* =========================
   ALERTS
========================= */
.alert-success {
    background: rgba(0, 160, 80, 0.20);
    border: 1px solid #00c878;
    color: #eafff4;
}

.callout.callout-info {
    background: rgba(255, 60, 60, 0.12);
    border-left: 4px solid #ff3c3c;
}