/* ============================================================
   SLE RADIO ADMIN PANEL — Custom Brand Theme
   Dark DJ-booth aesthetic with red accent
   ============================================================ */

:root {
    --sle-black:   #0d0d0d;
    --sle-dark:    #1a1a1a;
    --sle-mid:     #242424;
    --sle-border:  #333333;
    --sle-red:     #e53935;
    --sle-red-dim: #b71c1c;
    --sle-text:    #f0f0f0;
    --sle-muted:   #aaaaaa;
}

/* ---- Navbar ---- */
.theme-sle .navbar {
    background-color: var(--sle-black);
    border-bottom: 2px solid var(--sle-red);
}
.theme-sle .navbar-brand,
.theme-sle .navbar-brand:hover,
.theme-sle .navbar-brand:focus {
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 18px;
}
.theme-sle .nav > li > a { color: #fff; }
.theme-sle .nav > li > a:hover,
.theme-sle .nav > li > a:focus { background-color: transparent; }
.theme-sle .nav .open > a,
.theme-sle .nav .open > a:hover,
.theme-sle .nav .open > a:focus { background-color: transparent; }
.theme-sle .bars { color: #fff; }

/* ---- Sidebar ---- */
.theme-sle .sidebar {
    background-color: var(--sle-dark) !important;
    border-right: 1px solid var(--sle-border);
}
.theme-sle .sidebar .user-info {
    background-color: var(--sle-black) !important;
    border-bottom: 1px solid var(--sle-red);
}
.theme-sle .sidebar .user-info .name,
.theme-sle .sidebar .user-info .email {
    color: var(--sle-text) !important;
}
.theme-sle .sidebar .menu .list li a {
    color: var(--sle-muted) !important;
}
.theme-sle .sidebar .menu .list li a:hover {
    color: #fff !important;
    background-color: var(--sle-mid) !important;
}
.theme-sle .sidebar .menu .list li a i,
.theme-sle .sidebar .menu .list li a span {
    color: var(--sle-muted);
}
.theme-sle .sidebar .menu .list li.active > :first-child {
    background-color: var(--sle-mid) !important;
    border-left: 3px solid var(--sle-red);
}
.theme-sle .sidebar .menu .list li.active > :first-child i,
.theme-sle .sidebar .menu .list li.active > :first-child span {
    color: var(--sle-red) !important;
}
.theme-sle .sidebar .menu .list .header {
    color: var(--sle-red) !important;
    font-size: 10px;
    letter-spacing: 2px;
}
.theme-sle .sidebar .legal {
    background-color: var(--sle-black) !important;
    border-top: 1px solid var(--sle-border);
    color: var(--sle-muted) !important;
}
.theme-sle .sidebar .legal .copyright {
    color: var(--sle-muted) !important;
    font-size: 11px;
}
.theme-sle .sidebar .legal .copyright a { color: var(--sle-red) !important; }
.theme-sle .sidebar .legal .version { color: var(--sle-muted) !important; font-size: 11px; }

/* ---- Dashboard cards ---- */
.bg-sle-red   { background-color: var(--sle-red) !important; }
.bg-sle-dark  { background-color: var(--sle-mid) !important; color: #fff; }

.demo-color-box .color-name {
    color: #ffffff !important;
    font-weight: 600;
}
.demo-color-box .color-class-name {
    color: rgba(255,255,255,0.75) !important;
    font-size: 13px;
}

/* ---- Buttons ---- */
.button { background-color: var(--sle-red) !important; }
.button:hover { background-color: var(--sle-red-dim) !important; }
.btn-default { border-color: var(--sle-red); color: var(--sle-red); }

/* ---- Page body ---- */
body.theme-sle {
    background-color: #f5f5f5;
}

/* ---- Breadcrumb ---- */
.theme-sle .breadcrumb > .active { color: var(--sle-red); }

/* ---- Card header accent ---- */
.theme-sle .card .header { border-bottom: 2px solid var(--sle-red); }

/* ---- Sidebar logo/avatar area ---- */
.theme-sle .user-info img {
    border-radius: 8px;
    border: 2px solid var(--sle-red);
}

/* ---- Top navbar dropdown ---- */
.theme-sle .dropdown-menu { background-color: var(--sle-dark); border: 1px solid var(--sle-border); }
.theme-sle .dropdown-menu > li > a { color: var(--sle-text) !important; }
.theme-sle .dropdown-menu > li > a:hover { background-color: var(--sle-mid) !important; color: var(--sle-red) !important; }

/* ---- Scrollbar (webkit) ---- */
.theme-sle ::-webkit-scrollbar { width: 6px; }
.theme-sle ::-webkit-scrollbar-track { background: var(--sle-dark); }
.theme-sle ::-webkit-scrollbar-thumb { background: var(--sle-red); border-radius: 3px; }