/* ApoloCloud V7 - Darkmode real: charts, cards, tablas, buscadores y textos */
:root{
  --apolo-bg:#050b16;--apolo-surface:#0b1424;--apolo-surface-2:#101b2e;--apolo-surface-3:#16243a;
  --apolo-line:rgba(148,163,184,.18);--apolo-text:#eaf2ff;--apolo-muted:#9fb0c7;
  --apolo-primary:#3b82f6;--apolo-cyan:#22d3ee;--apolo-good:#22c55e;--apolo-danger:#ef4444;
  --apolo-shadow:0 24px 70px rgba(0,0,0,.38);
}
html,body,.apolo-darkmode,#main-wrapper,.content-body,.container-fluid,.deznav,.header,.footer{background:var(--apolo-bg)!important;color:var(--apolo-text)!important;}
.content-body{background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 35%),var(--apolo-bg)!important;}
.card,.card-body,.card-header,.card-footer,.apolo-card,.apolo-panel,.apolo-stat,.apolo-hero-card,.chart-card,.widget-stat,.table-responsive,.dropdown-menu,.modal-content,.offcanvas,.list-group-item,.accordion-item,.dataTables_wrapper,.dataTables_scrollBody,.bootstrap-select .dropdown-menu,.bootstrap-select>.dropdown-toggle{
  background:linear-gradient(180deg,rgba(16,27,46,.98),rgba(8,16,30,.98))!important;color:var(--apolo-text)!important;border:1px solid var(--apolo-line)!important;box-shadow:var(--apolo-shadow)!important;
}
.card-header,.card-footer,.modal-header,.modal-footer{background:rgba(11,20,36,.92)!important;border-color:var(--apolo-line)!important;}
.apolo-stat{border-radius:22px!important;padding:22px!important;overflow:hidden;position:relative;}
.apolo-stat:before,.apolo-panel:before,.card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(59,130,246,.10),transparent 48%);opacity:.7;}
.apolo-stat .value,.apolo-stat .label,.apolo-stat .hint,.apolo-panel h1,.apolo-panel h2,.apolo-panel h3,.apolo-panel h4,.card-title,h1,h2,h3,h4,h5,h6,strong,.metric-row strong,.bc-title{color:var(--apolo-text)!important;}
.apolo-stat .hint,.apolo-stat .label,.text-muted,.text-secondary,small,.metric-row span,p,.breadcrumb-item a{color:var(--apolo-muted)!important;}
.apolo-hero-card{border-radius:28px!important;background:linear-gradient(135deg,rgba(30,64,175,.92),rgba(8,16,30,.98) 65%,rgba(34,211,238,.18))!important;}
.apolo-hero-card h2,.apolo-hero-card p,.apolo-kicker{color:#fff!important;}
input,select,textarea,.form-control,.form-select,.input-group-text,.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select,.orden-input,.bootstrap-select .dropdown-toggle{
  background:#081326!important;color:var(--apolo-text)!important;border:1px solid rgba(148,163,184,.28)!important;border-radius:13px!important;
}
input::placeholder,textarea::placeholder{color:#718096!important;}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,.dataTables_wrapper .dataTables_filter input:focus{background:#0a1930!important;color:#fff!important;border-color:rgba(34,211,238,.75)!important;box-shadow:0 0 0 .22rem rgba(34,211,238,.14)!important;}
.table,.table-responsive table,table.dataTable{background:transparent!important;color:var(--apolo-text)!important;border-color:var(--apolo-line)!important;box-shadow:none!important;}
.table thead th,.table thead td,table.dataTable thead th,table.dataTable thead td,.apolo-table thead th{background:#0d1a2e!important;color:#dbeafe!important;border-color:var(--apolo-line)!important;}
.table tbody td,table.dataTable tbody td,.table tbody th{background:#0b1424!important;color:var(--apolo-text)!important;border-color:rgba(148,163,184,.13)!important;}
.table tbody tr:nth-child(even) td,table.dataTable tbody tr:nth-child(even) td{background:#0d182a!important;}
.table-hover tbody tr:hover td,table.dataTable tbody tr:hover td{background:#13243b!important;color:#fff!important;}
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper label{color:var(--apolo-muted)!important;}
.dataTables_wrapper .dataTables_processing{background:rgba(5,11,22,.96)!important;border:1px solid var(--apolo-line)!important;border-radius:16px!important;box-shadow:var(--apolo-shadow)!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button{background:#0b1424!important;color:var(--apolo-text)!important;border:1px solid var(--apolo-line)!important;border-radius:12px!important;margin:2px!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:linear-gradient(135deg,var(--apolo-primary),var(--apolo-cyan))!important;color:#fff!important;border-color:transparent!important;}
.article-thumb{background:#111f35!important;border:1px solid var(--apolo-line)!important;}
.badge.bg-primary-light,.bg-primary-light{background:rgba(59,130,246,.16)!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.24)!important;}
.badge.bg-success-light,.bg-success-light{background:rgba(34,197,94,.14)!important;color:#86efac!important;border:1px solid rgba(34,197,94,.22)!important;}
.btn-outline-primary,.btn-light,.btn-white,.btn-outline-secondary{background:#0b1424!important;color:#bfdbfe!important;border-color:rgba(96,165,250,.35)!important;}
.btn-outline-primary:hover,.btn-light:hover,.btn-white:hover,.btn-outline-secondary:hover{background:#1d4ed8!important;color:#fff!important;}
.metric-row{border-color:rgba(148,163,184,.15)!important;}
.apolo-progress{background:#111f35!important;}
/* ApexCharts / SVG charts */
.apexcharts-text,.apexcharts-title-text,.apexcharts-legend-text,.apexcharts-yaxis-label,.apexcharts-xaxis-label,.apexcharts-datalabel,.apexcharts-tooltip-title{fill:var(--apolo-muted)!important;color:var(--apolo-muted)!important;}
.apexcharts-gridline,.apexcharts-xaxis-tick{stroke:rgba(148,163,184,.18)!important;}
.apexcharts-tooltip,.apexcharts-xaxistooltip,.apexcharts-yaxistooltip{background:#0b1424!important;color:var(--apolo-text)!important;border:1px solid var(--apolo-line)!important;box-shadow:var(--apolo-shadow)!important;}
.apexcharts-tooltip *{color:var(--apolo-text)!important;}
/* Chart.js canvas container readability */
canvas{filter:none!important;}
.page-titles{background:linear-gradient(135deg,#0b1424,#102344)!important;border:1px solid var(--apolo-line)!important;color:var(--apolo-text)!important;}
.footer,.copyright,.copyright p{color:var(--apolo-muted)!important;background:var(--apolo-bg)!important;}

/* Apolo v0.15 - layout sidebar estable + logout visible */
:root{--apolo-sidebar-w:15rem;--apolo-topbar-h:3.125rem;}
@media (min-width: 768px){
  body[data-layout="vertical"] #main-wrapper{min-height:100vh;position:relative;overflow-x:hidden!important;}
  body[data-layout="vertical"] .nav-header{position:fixed!important;left:0!important;top:0!important;width:var(--apolo-sidebar-w)!important;height:var(--apolo-topbar-h)!important;z-index:1052!important;}
  body[data-layout="vertical"] .deznav{position:fixed!important;left:0!important;top:var(--apolo-topbar-h)!important;width:var(--apolo-sidebar-w)!important;height:calc(100vh - var(--apolo-topbar-h))!important;z-index:1048!important;overflow:hidden!important;}
  body[data-layout="vertical"] .deznav .deznav-scroll{height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:90px!important;display:flex!important;flex-direction:column!important;}
  body[data-layout="vertical"] .deznav .metismenu{min-height:100%!important;display:flex!important;flex-direction:column!important;}
  body[data-layout="vertical"] .header{position:fixed!important;left:var(--apolo-sidebar-w)!important;right:0!important;top:0!important;width:auto!important;padding-left:0!important;z-index:1045!important;}
  body[data-layout="vertical"] .content-body{margin-left:var(--apolo-sidebar-w)!important;padding-top:calc(var(--apolo-topbar-h) + 26px)!important;min-height:100vh!important;width:auto!important;position:relative!important;z-index:1!important;}
  body[data-layout="vertical"] .footer{margin-left:var(--apolo-sidebar-w)!important;}
  body[data-layout="vertical"].menu-toggle .nav-header{width:5rem!important;}
  body[data-layout="vertical"].menu-toggle .deznav{width:5rem!important;}
  body[data-layout="vertical"].menu-toggle .header{left:5rem!important;}
  body[data-layout="vertical"].menu-toggle .content-body,body[data-layout="vertical"].menu-toggle .footer{margin-left:5rem!important;}
}
.apolo-sidebar-logout-item{margin-top:auto!important;padding-top:14px!important;border-top:1px solid rgba(148,163,184,.16)!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout{color:#fecaca!important;background:rgba(239,68,68,.08)!important;border:1px solid rgba(248,113,113,.18)!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout:hover{background:rgba(239,68,68,.18)!important;color:#fff!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout .menu-icon{background:rgba(239,68,68,.14)!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout i{color:#fca5a5!important;}
@media (max-width: 767.98px){
  body[data-layout="vertical"] .nav-header{position:fixed!important;top:0!important;left:0!important;height:56px!important;width:100%!important;z-index:1055!important;background:#07111f!important;}
  body[data-layout="vertical"] .header{position:fixed!important;top:56px!important;left:0!important;right:0!important;width:100%!important;padding-left:0!important;z-index:1040!important;}
  body[data-layout="vertical"] .content-body{margin-left:0!important;padding-top:118px!important;width:100%!important;}
  body[data-layout="vertical"] .deznav{position:fixed!important;top:56px!important;left:0!important;width:280px!important;height:calc(100vh - 56px)!important;z-index:1050!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:18px 0 50px rgba(0,0,0,.38)!important;}
  body[data-layout="vertical"].menu-toggle .deznav,body[data-layout="vertical"] #main-wrapper.menu-toggle .deznav{transform:translateX(0)!important;}
  body[data-layout="vertical"] .deznav .nav-text{display:inline!important;}
  body[data-layout="vertical"] .deznav .deznav-scroll{padding-bottom:90px!important;}
}


/* Apolo v0.16 - Tema premium dorado distribuidora */
:root{
  --apolo-gold:#f5b83b;
  --apolo-gold-2:#ffda72;
  --apolo-gold-3:#b87816;
  --apolo-amber-soft:rgba(245,184,59,.14);
  --apolo-bg:#050505;
  --apolo-surface:#0b0d10;
  --apolo-surface-2:#11151a;
  --apolo-surface-3:#171b21;
  --apolo-line:rgba(245,184,59,.20);
  --apolo-text:#f7f1e4;
  --apolo-muted:#c6b98f;
  --apolo-primary:var(--apolo-gold);
  --apolo-cyan:var(--apolo-gold-2);
  --apolo-shadow:0 24px 70px rgba(0,0,0,.46);
}
html,body,.apolo-darkmode,#main-wrapper,.content-body,.container-fluid,.deznav,.header,.footer{
  background:#050505!important;color:var(--apolo-text)!important;
}
.content-body{
  background:radial-gradient(circle at 85% 8%,rgba(245,184,59,.13),transparent 32%),radial-gradient(circle at 5% 55%,rgba(184,120,22,.08),transparent 30%),#050505!important;
}
.deznav,.nav-header,.header{
  background:linear-gradient(180deg,#070707,#0b0d10)!important;
  border-color:rgba(245,184,59,.18)!important;
}
.card,.card-body,.card-header,.card-footer,.apolo-card,.apolo-panel,.apolo-stat,.apolo-hero-card,.chart-card,.widget-stat,.table-responsive,.dropdown-menu,.modal-content,.offcanvas,.list-group-item,.accordion-item,.dataTables_wrapper,.dataTables_scrollBody,.bootstrap-select .dropdown-menu,.bootstrap-select>.dropdown-toggle{
  background:linear-gradient(180deg,rgba(17,21,26,.98),rgba(7,8,10,.98))!important;
  border:1px solid rgba(245,184,59,.17)!important;
  color:var(--apolo-text)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,218,114,.04)!important;
}
.card:before,.apolo-stat:before,.apolo-panel:before{
  background:linear-gradient(135deg,rgba(245,184,59,.12),transparent 48%)!important;
}
.card-header,.card-footer,.modal-header,.modal-footer{
  background:linear-gradient(180deg,rgba(17,21,26,.94),rgba(8,9,11,.94))!important;
  border-color:rgba(245,184,59,.16)!important;
}
.apolo-hero-card,.apolo-login-brand,.page-titles{
  background:linear-gradient(135deg,rgba(245,184,59,.20),rgba(12,14,18,.98) 45%,rgba(88,48,10,.25))!important;
  border:1px solid rgba(245,184,59,.24)!important;
}
h1,h2,h3,h4,h5,h6,strong,.card-title,.apolo-panel h1,.apolo-panel h2,.apolo-panel h3,.apolo-stat .value,.bc-title{
  color:#fff7df!important;
}
.apolo-stat .hint,.apolo-stat .label,.text-muted,.text-secondary,small,.breadcrumb-item a,p,.metric-row span{
  color:#c6b98f!important;
}
a,.breadcrumb-item.active,.breadcrumb-item a:hover,.form-link{color:var(--apolo-gold)!important;}
.btn-primary,.btn.blue,.btn-success,.dt-button,.dataTables_wrapper .dt-buttons .dt-button{
  background:linear-gradient(135deg,var(--apolo-gold),var(--apolo-gold-2))!important;
  color:#1a1206!important;
  border:0!important;
  box-shadow:0 12px 28px rgba(245,184,59,.22)!important;
  font-weight:800!important;
}
.btn-primary:hover,.btn.blue:hover,.btn-success:hover,.dt-button:hover{
  filter:brightness(1.05)!important;transform:translateY(-1px);
}
.btn-outline-primary,.btn-light,.btn-white,.btn-outline-secondary{
  background:#0b0d10!important;color:#ffdc7d!important;border-color:rgba(245,184,59,.35)!important;
}
.btn-outline-primary:hover,.btn-light:hover,.btn-white:hover,.btn-outline-secondary:hover{
  background:rgba(245,184,59,.16)!important;color:#fff4d2!important;border-color:rgba(245,184,59,.55)!important;
}
input,select,textarea,.form-control,.form-select,.input-group-text,.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select,.orden-input,.bootstrap-select .dropdown-toggle{
  background:#070809!important;color:#fff7df!important;border:1px solid rgba(245,184,59,.22)!important;
}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,.dataTables_wrapper .dataTables_filter input:focus{
  background:#0d0f12!important;border-color:rgba(245,184,59,.78)!important;box-shadow:0 0 0 .22rem rgba(245,184,59,.13)!important;
}
.table thead th,.table thead td,table.dataTable thead th,table.dataTable thead td,.apolo-table thead th{
  background:#11100c!important;color:#ffdc7d!important;border-color:rgba(245,184,59,.18)!important;
}
.table tbody td,table.dataTable tbody td,.table tbody th{
  background:#0c0e11!important;color:#f7f1e4!important;border-color:rgba(245,184,59,.10)!important;
}
.table tbody tr:nth-child(even) td,table.dataTable tbody tr:nth-child(even) td{background:#101215!important;}
.table-hover tbody tr:hover td,table.dataTable tbody tr:hover td{background:rgba(245,184,59,.08)!important;color:#fff!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background:linear-gradient(135deg,var(--apolo-gold),var(--apolo-gold-2))!important;color:#1a1206!important;border-color:transparent!important;
}
.badge.bg-primary-light,.bg-primary-light{background:rgba(245,184,59,.15)!important;color:#ffdc7d!important;border:1px solid rgba(245,184,59,.25)!important;}
.deznav .metismenu>li>a{
  color:#e8dcc0!important;border:1px solid transparent!important;border-radius:14px!important;margin:3px 10px!important;
}
.deznav .metismenu>li>a:hover,.deznav .metismenu>li.mm-active>a,.deznav .metismenu>li>a.active{
  background:linear-gradient(135deg,rgba(245,184,59,.22),rgba(184,120,22,.12))!important;
  color:#ffdc7d!important;border-color:rgba(245,184,59,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,218,114,.08)!important;
}
.deznav .metismenu>li>a .menu-icon{
  background:rgba(245,184,59,.10)!important;border:1px solid rgba(245,184,59,.16)!important;color:var(--apolo-gold)!important;
}
.deznav .metismenu>li>a i,.deznav .metismenu>li>a svg{color:var(--apolo-gold)!important;stroke:var(--apolo-gold)!important;}
/* Corona del sidebar reemplaza título de texto */
.deznav .metismenu .apolo-crown-menu-title{
  padding:18px 12px 16px!important;margin:0 0 8px!important;list-style:none!important;text-align:center!important;border-bottom:1px solid rgba(245,184,59,.18)!important;
}
.apolo-sidebar-crown{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:92px;border-radius:22px;
  background:radial-gradient(circle at 50% 16%,rgba(245,184,59,.24),transparent 42%),linear-gradient(180deg,rgba(245,184,59,.08),rgba(255,255,255,.02));
  border:1px solid rgba(245,184,59,.22);
  box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,218,114,.10);
}
.apolo-crown-icon{
  font-size:58px;line-height:1;color:var(--apolo-gold);
  text-shadow:0 0 24px rgba(245,184,59,.35),0 3px 0 rgba(0,0,0,.25);
  font-family:Georgia,serif;
}
.apolo-crown-sub{
  font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#d9be75;font-weight:900;
}
.menu-toggle .apolo-sidebar-crown{min-height:58px;border-radius:16px;margin:0 -2px;}
.menu-toggle .apolo-crown-icon{font-size:36px;}
.menu-toggle .apolo-crown-sub{display:none;}
.apolo-sidebar-logout-item{border-top:1px solid rgba(245,184,59,.20)!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout{
  color:#ffd98a!important;background:rgba(245,184,59,.08)!important;border:1px solid rgba(245,184,59,.18)!important;
}
.deznav .metismenu>li>a.apolo-sidebar-logout:hover{background:rgba(245,184,59,.18)!important;color:#fff!important;}
.deznav .metismenu>li>a.apolo-sidebar-logout .menu-icon{background:rgba(245,184,59,.13)!important;}
@media(max-width:767.98px){
  .deznav .metismenu .apolo-crown-menu-title{padding:14px 12px!important;}
  .apolo-sidebar-crown{min-height:74px;}
  .apolo-crown-icon{font-size:46px;}
}