/* EL PUNTO DE LA SUBLIMACION - Admin dark/neon theme v3.1 */
:root{
  --girl-primary:#20f6ff!important;
  --girl-secondary:#ff2bd6!important;
  --girl-light:#0a1920!important;
  --boy-primary:#b7ff2a!important;
  --boy-secondary:#20f6ff!important;
  --boy-light:#101d18!important;
  --primary:#20f6ff!important;
  --secondary:#ff2bd6!important;
  --light:#0a1920!important;
  --text:#f5fbff!important;
  --muted:#93a3b5!important;
  --text-dark:#f5fbff!important;
  --text-light:#93a3b5!important;
  --bg-light:#070a0f!important;
  --white:#101721!important;
  --shadow:0 18px 55px rgba(0,0,0,.34)!important;
  --shadow-soft:0 18px 55px rgba(0,0,0,.34)!important;
  --panel:#101721;
  --panel-2:#0b1118;
  --panel-3:#151d28;
  --line:rgba(255,255,255,.085);
  --cyan:#20f6ff;
  --pink:#ff2bd6;
  --lime:#b7ff2a;
  --danger:#ff5470;
  --warning:#ffb020;
}
*{box-sizing:border-box}
html,body{background:#070a0f!important;color:#f5fbff!important;color-scheme:dark}
body{
  background-image:
    radial-gradient(circle at 8% 4%,rgba(32,246,255,.10),transparent 27rem),
    radial-gradient(circle at 96% 18%,rgba(255,43,214,.08),transparent 30rem),
    linear-gradient(180deg,#070a0f 0%,#080c12 100%)!important;
  background-attachment:fixed!important;
}
a{color:#20f6ff}
a:hover{color:#8dfaff}

/* Layout */
.sidebar{background:linear-gradient(180deg,#0d131c,#080c12)!important;border-right:1px solid rgba(32,246,255,.12)!important;box-shadow:12px 0 45px rgba(0,0,0,.25)!important}
.sidebar-header{border-bottom:1px solid var(--line)!important}
.sidebar-logo,.sidebar-logo span{color:#fff!important;-webkit-text-fill-color:initial!important;background:none!important}
.sidebar-logo i{color:#20f6ff!important;-webkit-text-fill-color:#20f6ff!important;background:none!important;filter:drop-shadow(0 0 12px rgba(32,246,255,.42))}
.sidebar-footer{background:#0a0f16!important;border-top:1px solid var(--line)!important}
.sidebar-nav{padding-bottom:6rem!important}
.nav-item{color:#aebbc8!important;border-left:2px solid transparent!important}
.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(32,246,255,.10),rgba(255,43,214,.025))!important;color:#20f6ff!important;border-left-color:#20f6ff!important}
.main,.main-content{background:transparent!important;color:#f5fbff!important}
.header,.top-header{background:transparent!important;color:#fff!important}
.header-title,h1,h2,h3,h4,h5,h6,.product-name{color:#f5fbff!important}
.header-user{color:#d9e7f2!important}
.user-avatar{background:linear-gradient(135deg,#20f6ff,#ff2bd6)!important;color:#061017!important;box-shadow:0 0 22px rgba(32,246,255,.15)!important}

/* Cards and all large white surfaces from legacy admin */
.form-card,.products-table,.stat-card,.card,.cleanup-card,.categories-table,.table-container,.login-container,.password-card,
.quick-actions,.recent-products,.warning-card,.info-card,.issues-list,.password-requirements,.table-wrap{
  background:linear-gradient(180deg,#111923,#0e151e)!important;
  color:#f5fbff!important;
  border:1px solid var(--line)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28)!important;
}
.quick-actions,.recent-products,.warning-card,.info-card,.issues-list{border-radius:20px!important}
.warning-card{border-left:4px solid #ffb020!important}
.warning-card h3{color:#ffd27a!important}
.warning-card p,.info-card p,.help-text,.stat-label,.product-meta,.small,.empty,.empty-state,p{color:#93a3b5}
.stat-value{color:#f5fbff!important}

/* Dashboard quick actions: fixes white/invisible blocks */
.actions-grid{gap:1rem!important}
.quick-actions .action-btn{
  min-height:112px!important;
  background:linear-gradient(145deg,#0a1119,#111b27)!important;
  border:1px solid rgba(32,246,255,.13)!important;
  color:#eaf7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.quick-actions .action-btn i{color:#20f6ff!important;filter:drop-shadow(0 0 10px rgba(32,246,255,.25))}
.quick-actions .action-btn span{color:#eaf7ff!important}
.quick-actions .action-btn:hover{
  background:linear-gradient(145deg,rgba(32,246,255,.12),rgba(255,43,214,.08))!important;
  border-color:#20f6ff!important;
  color:#fff!important;
  transform:translateY(-3px)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 20px rgba(32,246,255,.08)!important;
}
.product-item{background:#0a1119!important;border:1px solid rgba(255,255,255,.055)!important;color:#eaf5ff!important}
.product-item:hover{border-color:rgba(32,246,255,.16)!important}
.product-thumb{background:#070b10!important;border:1px solid rgba(255,255,255,.08)!important}

/* Forms */
.form-label,label{color:#dce8f2!important}
.form-input,.form-select,.form-textarea,.search-input,input[type="text"],input[type="password"],input[type="email"],input[type="number"],input[type="url"],select,textarea{
  background:#080d13!important;
  color:#f5fbff!important;
  border-color:rgba(255,255,255,.13)!important;
}
.form-input::placeholder,.form-textarea::placeholder,.search-input::placeholder,input::placeholder,textarea::placeholder{color:#667687!important;opacity:1}
.form-input:focus,.form-select:focus,.form-textarea:focus,.search-input:focus,input:focus,select:focus,textarea:focus{
  border-color:#20f6ff!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(32,246,255,.09)!important;
}
input[type="checkbox"]{accent-color:#20f6ff}
.image-preview{background:#080d13!important;border-color:rgba(32,246,255,.18)!important;color:#93a3b5!important}

/* Buttons */
.btn,.btn-login,.action-btn,.icon-btn,.filter-btn,.btn-logout{transition:.2s ease!important}
.btn-primary,.btn-login{background:linear-gradient(100deg,#20f6ff,#68f9ff)!important;color:#001116!important;border:0!important;box-shadow:0 8px 26px rgba(32,246,255,.15)!important}
.btn-primary:hover,.btn-login:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(32,246,255,.22)!important}
.btn-secondary{background:#151d28!important;color:#e9f5ff!important;border:1px solid rgba(255,255,255,.1)!important}
.btn-secondary:hover{background:#1b2633!important;color:#fff!important}
.btn-warning{background:#ffb020!important;color:#171006!important}
.btn-danger{background:#ff5470!important;color:#fff!important}
.btn-logout{background:#111a24!important;color:#aebbc8!important;border:1px solid rgba(255,255,255,.07)!important}
.btn-logout:hover{background:rgba(255,84,112,.10)!important;color:#ff91a4!important;border-color:rgba(255,84,112,.22)!important}

/* Filters and compact row actions */
.filter-btn{background:#0b1118!important;color:#b5c2cf!important;border-color:rgba(255,255,255,.1)!important}
.filter-btn.active,.filter-btn:hover{background:#20f6ff!important;color:#001116!important;border-color:#20f6ff!important}
.action-btn.edit,.icon-btn.edit{background:rgba(32,246,255,.11)!important;color:#66f8ff!important}
.action-btn.delete,.icon-btn.delete{background:rgba(255,84,112,.12)!important;color:#ff8ba0!important}
.action-btn.toggle,.icon-btn.toggle{background:rgba(255,176,32,.12)!important;color:#ffd07a!important}

/* Tables */
.products-table table,.categories-table table,.table-wrap table,table{background:#0e151e!important;color:#eaf5ff!important;border-color:var(--line)!important}
th{background:#090f16!important;color:#20f6ff!important;border-color:var(--line)!important}
td{background:#0e151e!important;border-color:rgba(255,255,255,.065)!important;color:#dce6ef!important}
tr:hover td{background:#111b26!important}
.table-header,.table-filters,.issues-header{background:#0d151e!important;color:#f5fbff!important;border-color:var(--line)!important}

/* Statuses / messages */
.alert,.message,.notice,.success,.error{border:1px solid transparent!important}
.alert-success,.message.success,.success,.notice{background:rgba(183,255,42,.085)!important;color:#dcff99!important;border-color:rgba(183,255,42,.24)!important}
.alert-error,.message.error,.error{background:rgba(255,84,112,.09)!important;color:#ffabb9!important;border-color:rgba(255,84,112,.24)!important}
.alert-warning{background:rgba(255,176,32,.10)!important;color:#ffd27a!important;border-color:rgba(255,176,32,.24)!important}
.status.visible,.status.on,.product-status.visible{background:rgba(183,255,42,.10)!important;color:#dfff9b!important;border:1px solid rgba(183,255,42,.18)!important}
.status.hidden,.status.off,.product-status.hidden{background:rgba(255,84,112,.09)!important;color:#ff9faf!important;border:1px solid rgba(255,84,112,.18)!important}
.badge,.issue-badge{border:1px solid rgba(255,255,255,.07)!important}

/* Legacy light inline blocks that survived in the original templates */
[style*="background:#FFF8FC"],[style*="background: #FFF8FC"],
[style*="background:#fff"],[style*="background: #fff"],
[style*="background:white"],[style*="background: white"]{
  background:#0d151e!important;
  color:#eaf5ff!important;
  border-color:var(--line)!important;
}

/* Login */
.login-container{max-width:440px!important;border-radius:24px!important}
.login-logo i{background:none!important;-webkit-text-fill-color:#20f6ff!important;color:#20f6ff!important}
.login-logo h1{background:linear-gradient(90deg,#20f6ff,#ff2bd6)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
.login-title{color:#f5fbff!important}.login-subtitle,.back-link{color:#93a3b5!important}
.lock-icon{background:rgba(32,246,255,.08)!important;color:#20f6ff!important;border:1px solid rgba(32,246,255,.16)!important}
.error-message{background:rgba(255,84,112,.09)!important;color:#ffabb9!important;border:1px solid rgba(255,84,112,.24)!important}

/* Mobile */
@media(max-width:768px){
  .sidebar{box-shadow:none!important}
  .main,.main-content{padding:1rem!important}
  .quick-actions .action-btn{min-height:92px!important}
}

/* ===== v4 hardening: neutraliza estilos heredados claros en TODO el panel ===== */
html,body{background:#06070a!important;color:#f4f9ff!important}
body,.main,.main-content{background:radial-gradient(circle at 10% 5%,rgba(32,246,255,.08),transparent 28rem),radial-gradient(circle at 90% 10%,rgba(255,43,214,.07),transparent 30rem),#06070a!important;color:#f4f9ff!important}
.sidebar,.sidebar-header,.sidebar-footer{background:#090d13!important;border-color:rgba(255,255,255,.09)!important;color:#f4f9ff!important}
.sidebar{box-shadow:12px 0 40px rgba(0,0,0,.28)!important}
.nav-item,.sidebar a,.header-user,.small{color:#a9b7c7!important}
.nav-item:hover,.nav-item.active{background:rgba(32,246,255,.08)!important;color:#fff!important}
.sidebar-logo span,.sidebar-logo i{color:#20f6ff!important;-webkit-text-fill-color:currentColor!important;background:none!important}
.btn-logout{background:#101722!important;color:#dce8f5!important;border:1px solid rgba(255,255,255,.1)!important}
.btn-logout:hover{background:rgba(255,77,109,.12)!important;color:#ff91a7!important}
.header,.header-title,.header h1,.header p{color:#f4f9ff!important}
.user-avatar{background:linear-gradient(135deg,#20f6ff,#ff2bd6)!important;color:#071016!important}
.card,.quick-actions,.recent-products,.warning-card,.stat-card,.panel,.form-card,.table-card,
[style*="background:white"],[style*="background: white"],[style*="background:#fff"],[style*="background: #fff"]{
  background:linear-gradient(145deg,#101722,#0b1017)!important;
  color:#f4f9ff!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}
.quick-actions h3,.recent-products h3,.warning-card h3,.card h2,.card h3,.stat-value,.product-name,strong{color:#f4f9ff!important}
.stat-label,.product-meta,.product-info,.warning-card p,.small,.help-text{color:#91a2b5!important}
.action-btn,.product-item{background:#0a1017!important;color:#e9f4ff!important;border:1px solid rgba(255,255,255,.08)!important}
.action-btn:hover{background:rgba(32,246,255,.08)!important;border-color:rgba(32,246,255,.48)!important;color:#20f6ff!important}
.stat-icon.pink,.stat-icon.blue,.stat-icon.green,.stat-icon.orange,.stat-icon.red{background:#0a1119!important;color:#20f6ff!important;border:1px solid rgba(32,246,255,.18)!important}
.alert,.notice{border:1px solid rgba(32,246,255,.2)!important;background:#0c141c!important;color:#d8e7f5!important}
.alert-success,.alert.success{border-color:rgba(183,255,42,.28)!important;background:rgba(183,255,42,.07)!important;color:#e9ffc2!important}
.alert-warning{border-color:rgba(255,196,61,.32)!important;background:rgba(255,196,61,.08)!important;color:#ffe4a0!important}
.alert.error{border-color:rgba(255,77,109,.3)!important;background:rgba(255,77,109,.08)!important;color:#ffc2cf!important}
input,textarea,select{background:#080d13!important;color:#f4f9ff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:#687a8d!important}
input:focus,textarea:focus,select:focus{border-color:#20f6ff!important;outline:2px solid rgba(32,246,255,.16)!important;outline-offset:1px}
select option{background:#0a1017!important;color:#f4f9ff!important}
label{color:#dce9f5!important}
table,thead,tbody,tr,th,td{border-color:rgba(255,255,255,.08)!important}
table{background:#0b1017!important;color:#eaf4ff!important}
th{background:#101722!important;color:#b8c9d9!important}
td{background:#0b1017!important;color:#eaf4ff!important}
tr:hover td{background:#0f1720!important}
.status.on,.product-status.visible{background:rgba(183,255,42,.1)!important;color:#dfff9b!important;border-color:rgba(183,255,42,.26)!important}
.status.off,.product-status.hidden{background:rgba(255,77,109,.1)!important;color:#ff9aad!important;border-color:rgba(255,77,109,.26)!important}
.btn,.action-btn,.icon-btn,button{visibility:visible!important;opacity:1}
.btn-primary{background:linear-gradient(110deg,#20f6ff,#65f8ff)!important;color:#001116!important}
.btn-secondary{background:#121923!important;color:#eaf5ff!important;border:1px solid rgba(255,255,255,.13)!important}
.btn-warning{background:#ffb020!important;color:#160e00!important}
.btn-danger{background:#ff4d6d!important;color:#fff!important}
.table-wrap{overflow-x:auto!important}
.empty{color:#91a2b5!important}
@media(max-width:768px){.sidebar{background:#090d13!important}.main,.main-content{background:#06070a!important}}

/* ===== v4.2 Mobile admin navigation ===== */
.admin-mobile-menu,.admin-menu-backdrop{display:none}
@media(max-width:900px){
  .sidebar{
    position:fixed!important;
    top:0!important;left:0!important;bottom:0!important;
    width:min(86vw,310px)!important;
    max-width:310px!important;
    transform:translateX(-110%)!important;
    transition:transform .26s ease!important;
    z-index:1200!important;
    overflow-y:auto!important;
  }
  .sidebar.admin-sidebar-open{transform:translateX(0)!important}
  .sidebar-footer{position:relative!important;margin-top:1rem!important}
  .main,.main-content{margin-left:0!important;padding-top:5rem!important}
  .admin-mobile-menu{
    display:inline-flex;
    position:fixed;
    top:.75rem;left:.75rem;
    z-index:1300;
    align-items:center;justify-content:center;gap:.5rem;
    min-height:44px;
    padding:.68rem .9rem;
    border-radius:12px;
    border:1px solid rgba(32,246,255,.3)!important;
    background:rgba(8,13,19,.94)!important;
    color:#eafcff!important;
    box-shadow:0 12px 32px rgba(0,0,0,.34),0 0 20px rgba(32,246,255,.08)!important;
    font-weight:800;
    backdrop-filter:blur(14px);
  }
  .admin-mobile-menu i{color:#20f6ff!important}
  .admin-menu-backdrop{
    display:block;
    position:fixed;inset:0;
    z-index:1150;
    background:rgba(0,0,0,.62);
    backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    transition:.22s ease;
  }
  .admin-menu-backdrop.is-visible{opacity:1;visibility:visible}
  body.admin-menu-open{overflow:hidden!important}
}
@media(max-width:900px){.sidebar{display:block!important}}