:root{
  --k-bg:#06101b;--k-panel:#101a29;--k-panel2:#0b1522;--k-line:#26384f;
  --k-text:#f5f8ff;--k-muted:#8d9db3;--k-cyan:#27d8ff;--k-blue:#3989ff;
  --k-gold:#ffbf16;--k-orange:#ff7a17;--k-purple:#8c5cff;--k-pink:#ff37a1;
  --k-green:#26f19b;--k-red:#ff5f63;
}

@font-face{font-family:InterK;src:url('../fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900}
:root{
 --bg-page:#06101b!important;--bg-surface:#0d1725!important;--bg-elevated:#111d2d!important;
 --border:#263b52!important;--border-strong:#344b65!important;--text:#f5f8ff!important;--text-muted:#9aacc1!important;
 --text-faint:#73859b!important;--brand-500:#27d8ff!important;--brand-600:#20bfe5!important;
}
html,html.dark{background:#06101b!important;color-scheme:dark!important}
body{
 font-family:InterK,Inter,Arial,sans-serif!important;color:#f5f8ff!important;
 background:radial-gradient(circle at 85% 0%,rgba(140,92,255,.16),transparent 30%),linear-gradient(#06101a,#07111e 60%,#050c14)!important
}
.app{background:transparent!important}
.sidebar{
 background:linear-gradient(180deg,#07111c,#08121f)!important;border-right:1px solid #2b4057!important;
 box-shadow:12px 0 34px rgba(0,0,0,.24)!important
}
.sidebar__brand{
 min-height:78px!important;padding:14px 16px!important;border-bottom:1px solid rgba(255,191,22,.48)!important;
 background:#050a10!important
}
.sidebar__brand-mark{
 width:42px!important;height:42px!important;object-fit:contain!important;
 filter:drop-shadow(0 0 8px rgba(255,191,22,.28))!important
}
.sidebar__brand .font-semibold:after{
 content:" KINGS";color:#fff!important;font-weight:800!important;margin-left:6px!important
}
.sidebar__section-label{color:#677b92!important;letter-spacing:1.4px!important;text-transform:uppercase!important}
.sidebar__link{
 color:#afbdce!important;border-radius:8px!important;margin:2px 6px!important;border:1px solid transparent!important
}
.sidebar__link:hover{background:rgba(39,216,255,.06)!important;color:#fff!important;border-color:rgba(39,216,255,.12)!important}
.sidebar__link[aria-current="page"]{
 background:linear-gradient(90deg,rgba(39,216,255,.13),rgba(140,92,255,.08))!important;color:#fff!important;
 border-color:rgba(39,216,255,.32)!important;box-shadow:inset 3px 0 var(--k-cyan)!important
}
.sidebar__link[aria-current="page"] svg{color:var(--k-cyan)!important}
.main{background:transparent!important}
.page{padding:24px!important}
.page-header,.page__header,.card,.panel,.data-table,.table-wrap,.sb-card{
 background:linear-gradient(180deg,rgba(16,27,43,.97),rgba(9,18,30,.98))!important;
 border-color:#293e55!important;border-radius:12px!important;box-shadow:0 14px 32px rgba(0,0,0,.16)!important
}
h1,h2,h3{color:#f7f9ff!important}
a{color:var(--k-cyan)}
.btn,.button,button{
 border-radius:8px!important
}
.btn--primary,.button-primary,button[type=submit]{
 background:linear-gradient(135deg,var(--k-gold),var(--k-orange))!important;color:#111722!important;border-color:transparent!important
}
input,select,textarea{
 background:#091421!important;color:#fff!important;border-color:#2a415a!important;border-radius:8px!important
}
input:focus,select:focus,textarea:focus{border-color:var(--k-cyan)!important;box-shadow:0 0 0 3px rgba(39,216,255,.07)!important}
table,thead,tbody,tr,td,th{border-color:rgba(255,255,255,.06)!important}
thead th{background:#0b1624!important;color:#8294aa!important}
tbody tr{background:rgba(255,255,255,.012)!important}
tbody tr:hover{background:rgba(39,216,255,.035)!important}
.badge,.chip{border-radius:999px!important}
.app-footer{
 border-top:1px solid rgba(255,191,22,.30)!important;color:#718399!important;background:#050c14!important
}
.app-footer:before{content:"♛ KINGS • ALLMAPS 4FUN  |  ";color:var(--k-gold)!important;font-weight:800!important}
.drawer,.palette{background:#0b1624!important;border-color:#2b4058!important}
@media(max-width:800px){.page{padding:12px!important}}


/* ==========================================================
   KINGS GLOBAL HEADER - SOURCEBANS
   ========================================================== */

.kings-global-header{
    width:100% !important;
    min-height:64px !important;

    display:flex !important;
    align-items:center !important;

    gap:18px !important;

    padding:8px 18px !important;

    box-sizing:border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,12,22,.98) 0%,
            rgba(3,9,16,.98) 100%
        ) !important;

    border-bottom:
        1px solid rgba(255,196,0,.55) !important;

    position:relative !important;
    z-index:9999 !important;
}


/* LOGO */

.kings-global-brand{
    display:flex !important;
    align-items:center !important;

    gap:9px !important;

    flex:0 0 auto !important;

    color:#fff !important;
    text-decoration:none !important;
}

.kings-global-brand img{
    display:block !important;

    width:38px !important;
    height:38px !important;

    min-width:38px !important;
    min-height:38px !important;

    max-width:38px !important;
    max-height:38px !important;

    object-fit:contain !important;

    filter:
        drop-shadow(0 0 4px rgba(255,196,0,.75))
        drop-shadow(0 0 8px rgba(255,196,0,.30));
}

.kings-global-brand strong{
    color:#fff !important;

    font-size:19px !important;
    font-weight:900 !important;

    line-height:1 !important;
    letter-spacing:1px !important;

    white-space:nowrap !important;
}


/* NAVEGAÇÃO */

.kings-global-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    flex:1 1 auto !important;

    gap:8px !important;
}

.kings-global-nav a{
    position:relative !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;

    padding:7px 11px !important;

    box-sizing:border-box !important;

    border:
        1px solid rgba(35,130,255,.85) !important;

    border-radius:4px !important;

    background:
        linear-gradient(
            180deg,
            rgba(17,48,86,.80) 0%,
            rgba(5,18,34,.98) 100%
        ) !important;

    color:#f5f9ff !important;

    font-size:10px !important;
    font-weight:800 !important;

    line-height:1 !important;

    letter-spacing:.35px !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    box-shadow:
        inset 0 0 12px rgba(37,126,255,.15),
        0 0 5px rgba(0,102,255,.30) !important;

    text-shadow:
        0 0 5px rgba(92,166,255,.85) !important;

    transition:.18s ease !important;
}


/* HOVER */

.kings-global-nav a:hover{
    transform:translateY(-2px) !important;

    border-color:#4da1ff !important;

    background:
        linear-gradient(
            180deg,
            rgba(27,78,139,.92) 0%,
            rgba(5,27,53,.98) 100%
        ) !important;

    box-shadow:
        inset 0 0 17px rgba(50,138,255,.28),
        0 0 8px rgba(32,127,255,.70),
        0 0 16px rgba(32,127,255,.38) !important;
}


/* BANIMENTOS ATIVO */

.kings-global-nav a.active{
    border-color:#ffc400 !important;

    background:
        linear-gradient(
            180deg,
            rgba(91,67,0,.90) 0%,
            rgba(28,22,4,.98) 100%
        ) !important;

    box-shadow:
        inset 0 0 14px rgba(255,196,0,.25),
        0 0 7px rgba(255,196,0,.65),
        0 0 14px rgba(255,196,0,.25) !important;

    text-shadow:
        0 0 5px #fff,
        0 0 10px rgba(255,201,30,.95) !important;
}

.kings-global-nav a.active::after{
    content:"" !important;

    position:absolute !important;

    left:8px !important;
    right:8px !important;
    bottom:-5px !important;

    height:2px !important;

    background:#ffc400 !important;

    box-shadow:
        0 0 5px #ffc400,
        0 0 10px rgba(255,196,0,.8) !important;
}


/* RESPONSIVO */

@media(max-width:1100px){

    .kings-global-header{
        flex-wrap:wrap !important;
        justify-content:center !important;
    }

    .kings-global-nav{
        width:100% !important;
        flex-wrap:wrap !important;
    }

    .kings-global-nav a{
        font-size:9px !important;
        padding:7px 8px !important;
    }
}



/* ==========================================================
   KINGS SOURCEBANS - POSICAO FINAL DO HEADER GLOBAL
   ========================================================== */

#kings-global-header{
    position:fixed !important;

    top:0 !important;
    left:0 !important;
    right:0 !important;

    width:100% !important;

    min-height:64px !important;
    height:64px !important;

    z-index:99999 !important;
}

/* Empurra o SourceBans para baixo do menu KINGS */

body{
    padding-top:64px !important;
}

/* Sidebar começa abaixo do menu global */

.sidebar{
    top:64px !important;
    height:calc(100vh - 64px) !important;
}

/* Mantém a área principal alinhada */

.main{
    min-height:calc(100vh - 64px) !important;
}

@media(max-width:1100px){

    #kings-global-header{
        position:relative !important;
        height:auto !important;
        min-height:64px !important;
    }

    body{
        padding-top:0 !important;
    }

    .sidebar{
        top:0 !important;
        height:100vh !important;
    }
}