/* DRAMABOX — V5 COSMOS GLOBAL
   CAPA VISUAL SOLAMENTE. No modifica PHP, SQL, sesiones, formularios ni JavaScript.
   Diseñada para prevalecer sobre los temas heredados del sistema.
*/
:root{
 --x-blue:#2F80ED; --x-blue-dark:#1557B0; --x-blue-light:#69B5FF;
 --x-violet:#6C4BD9; --x-violet-dark:#4326A3;
 --x-bg:#061126; --x-card:rgba(12,29,58,.82); --x-card2:rgba(18,42,79,.78);
 --x-border:rgba(105,181,255,.34); --x-text:#F5F7FF; --x-muted:#AFC0DC;
}

/* ===== FONDO GLOBAL: COSMOS ===== */
html,body{min-height:100%!important;background:#050B18 url("../img/bg.jpg") center center/cover fixed no-repeat!important;}
body{margin:0!important;color:var(--x-text)!important;font-family:Arial,Helvetica,sans-serif!important;background-image:linear-gradient(rgba(3,10,27,.30),rgba(3,10,27,.38)),url("../img/bg.jpg")!important;background-position:center center!important;background-size:cover!important;background-attachment:fixed!important;}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(3,10,27,.18),rgba(3,10,27,.34))!important;}

/* ===== ESTRUCTURA TRANSPARENTE PARA DEJAR VER EL COSMOS ===== */
#wrapper,#page-content-wrapper,.container-fluid,.container,.row{background:transparent!important;}
#page-content-wrapper{min-height:100vh!important;}
#net-canvas{background:transparent!important;}

/* ===== SIDEBAR XUPER ===== */
#sidebar-wrapper{background:linear-gradient(180deg,rgba(6,20,48,.97),rgba(8,18,43,.94))!important;border-right:1px solid rgba(105,181,255,.30)!important;box-shadow:6px 0 26px rgba(0,0,0,.30)!important;}
.sidebar-heading{background:rgba(5,18,43,.74)!important;border-bottom:1px solid rgba(105,181,255,.18)!important;}
.sidebar-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-height:145px!important;}
.sidebar-logo img{display:block!important;visibility:visible!important;opacity:1!important;max-width:calc(100% - 24px)!important;height:auto!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(0,0,0,.45),0 0 30px rgba(47,128,237,.18)!important;}
.sidebar-credits{background:rgba(8,22,48,.58)!important;border-color:rgba(105,181,255,.16)!important;}
.list-group-item,.list-group-item.list-group-item-action{background:rgba(5,18,40,.20)!important;color:#EDF4FF!important;border-color:rgba(105,181,255,.12)!important;}
.list-group-item:hover,.list-group-item:focus{background:rgba(47,128,237,.22)!important;color:#fff!important;}
.list-group-item.menu-activo,.list-group-item.menu-activo:hover,.list-group-item.menu-activo:focus{background:linear-gradient(90deg,#2F80ED,#513BC8)!important;border-left:4px solid #8AC8FF!important;color:#fff!important;box-shadow:inset 0 0 20px rgba(255,255,255,.06)!important;}
.list-group-item i{color:#DDEBFF!important;}
.list-group-item.menu-activo i{color:#fff!important;}

/* ===== BARRA SUPERIOR ===== */
.ctnav,.navbar.ctnav,.navbar{background:linear-gradient(90deg,rgba(7,22,49,.94),rgba(15,32,64,.88))!important;border-bottom:1px solid rgba(105,181,255,.25)!important;box-shadow:0 5px 20px rgba(0,0,0,.25)!important;}

/* ===== CONTENEDORES: AZUL XUPER SEMITRANSPARENTE ===== */
.card,.ctcard,.ctluser-main,.ctheading,.dashboard-card,.panel-card,.panel,.table-responsive,.modal-content,.jumbotron,.well,.list-group,.dataTables_wrapper,.dropdown-menu{background:linear-gradient(145deg,rgba(10,27,56,.84),rgba(17,40,76,.78))!important;border:1px solid var(--x-border)!important;color:var(--x-text)!important;box-shadow:0 10px 28px rgba(0,0,0,.20)!important;}
.card-header,.panel-heading,.section-header,.ctheading{background:linear-gradient(90deg,rgba(21,87,176,.88),rgba(67,55,145,.82))!important;color:#fff!important;border-color:rgba(105,181,255,.28)!important;}
.card-body,.panel-body,.card-footer{background:transparent!important;color:var(--x-text)!important;}

/* ===== TABLAS ===== */
.table,.table-responsive table{color:#F5F7FF!important;background:transparent!important;}
.table thead th,.table thead td{background:rgba(23,65,119,.88)!important;color:#fff!important;border-color:rgba(105,181,255,.30)!important;}
.table tbody tr,.table tbody tr:nth-child(even),.table tbody tr:nth-child(odd){background:rgba(8,28,58,.68)!important;color:#F5F7FF!important;border-color:rgba(105,181,255,.12)!important;}
.table tbody tr:hover{background:rgba(47,128,237,.20)!important;}

/* ===== FORMULARIOS ===== */
.form-control,.custom-select,.form-select,select,input,textarea{background:rgba(247,250,255,.97)!important;color:#16253D!important;border-color:rgba(105,181,255,.45)!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#687B97!important;}
.form-control:focus,.custom-select:focus,.form-select:focus,select:focus,input:focus,textarea:focus{border-color:#69B5FF!important;box-shadow:0 0 0 .18rem rgba(47,128,237,.20)!important;}
.input-group-text{background:rgba(34,68,112,.90)!important;color:#EAF4FF!important;border-color:var(--x-border)!important;}

/* ===== BOTONES: AZUL / VIOLETA XUPER ===== */
.btn-primary,.btn-info{background:linear-gradient(135deg,#2F80ED,#1557B0)!important;border-color:transparent!important;color:#fff!important;}
.btn-secondary{background:linear-gradient(135deg,#385577,#263C5D)!important;border-color:rgba(105,181,255,.25)!important;color:#fff!important;}
.btn-success{background:linear-gradient(135deg,#159B82,#187EA9)!important;border-color:transparent!important;color:#fff!important;}
.btn-warning{background:linear-gradient(135deg,#356EA9,#6C4BD9)!important;border-color:transparent!important;color:#fff!important;}
.btn-danger{background:linear-gradient(135deg,#3C5D9E,#5B48C7)!important;border-color:transparent!important;color:#fff!important;}
.btn:hover{filter:brightness(1.10)!important;}

/* ===== ESTADOS SEMÁNTICOS ===== */
.badge-primary{background:#2F80ED!important;color:#fff!important;}
.badge-info{background:#2779D8!important;color:#fff!important;}
.badge-success{background:#13B887!important;color:#fff!important;}
.badge-warning{background:#6C4BD9!important;color:#fff!important;}
.badge-danger{background:#5868B8!important;color:#fff!important;}
.text-info{color:#69B5FF!important;}
.text-primary{color:#69B5FF!important;}
.text-success{color:#43D9B2!important;}
.text-warning{color:#AFA1FF!important;}
.text-danger{color:#9CB7E8!important;}

/* ===== ALERTAS / MODALES / DROPDOWNS ===== */
.alert{background:rgba(9,29,59,.88)!important;border-color:var(--x-border)!important;color:#F5F7FF!important;}
.modal-header{background:linear-gradient(90deg,rgba(21,87,176,.92),rgba(67,55,145,.88))!important;color:#fff!important;border-color:var(--x-border)!important;}
.modal-footer{background:rgba(7,23,48,.78)!important;border-color:var(--x-border)!important;}
.dropdown-menu{background:rgba(9,27,55,.96)!important;}
.dropdown-item{color:#EAF3FF!important;}
.dropdown-item:hover{background:rgba(47,128,237,.22)!important;color:#fff!important;}

/* ===== ELEMENTOS HEREDADOS OSCUROS / ROJOS ===== */
.bg-dark,.bg-secondary{background:rgba(9,27,55,.78)!important;}
hr{border-color:rgba(105,181,255,.20)!important;}
footer{background:rgba(5,17,37,.88)!important;color:#DCEBFF!important;border-color:rgba(105,181,255,.20)!important;}

/* Neutraliza fondos vino/rojos usados como decoración de panel, sin eliminar rojo semántico de alertas */
.card-header[style*="#dc3545"],.card-header[style*="#c82333"],.card-header[style*="#b21f2d"],.ctheading[style*="#dc3545"],.ctheading[style*="#c82333"],.ctheading[style*="#b21f2d"]{background:linear-gradient(90deg,rgba(21,87,176,.90),rgba(67,55,145,.84))!important;}

/* ===== PÁGINAS PÚBLICAS ===== */
body.premiumyt-theme,body.youtube-reseller{background-image:linear-gradient(rgba(3,10,27,.28),rgba(3,10,27,.42)),url("../img/bg.jpg")!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;}
.premiumyt-theme main,.youtube-reseller main,.premiumyt-theme section,.youtube-reseller section{background:transparent!important;}

/* ===== RESPONSIVE ===== */
@media(max-width:767.98px){
 #page-content-wrapper{margin-left:0!important;width:100%!important;}
 .card,.ctcard,.ctluser-main,.ctheading{border-radius:10px!important;}
}