/* ===== PULSO-DARK-V4 (compartido): paleta del portal de agente para el tema OSCURO de TODAS las paginas del panel. Solo html[data-theme="dark"]: el tema claro no cambia. Enlazar al final del <head>. ===== */
/* ===== PULSO-DARK-V4: tema oscuro con la paleta del portal de agente (screen-pop v4) ===== */
html[data-theme="dark"]{
  --bg-page:#0e0f14; --bg-deep:#0e0f14; --bg-card:#16171f; --bg-panel:#16171f;
  --bg-card-2:#1c1d27; --bg-panel-2:#1c1d27; --border:#272834; --divider:#272834;
  --text:#ecebf2; --text-2:#b4b2c0; --text-muted:#8e8c9c;
  --amber:#ff9a5c; --amber-soft:rgba(242,106,46,.14);
  --green:#22c55e; --green-soft:rgba(34,197,94,.14);
  --red:#f87171; --red-soft:rgba(248,113,113,.14);
  --blue:#9b85ff; --blue-soft:rgba(109,74,255,.2);
  --teal:#9b85ff; --teal-soft:rgba(109,74,255,.2);
  --purple:#9b85ff; --purple-soft:rgba(109,74,255,.2);
  --shadow:0 1px 0 rgba(255,255,255,.02) inset, 0 12px 32px -16px rgba(0,0,0,.8);
  color-scheme:dark;
}
html[data-theme="dark"] body{background:#0e0f14;}
html[data-theme="dark"] .sidebar{background:#16171f;border-right-color:#272834;}
html[data-theme="dark"] .sidebar-nav a.active{background:rgba(242,106,46,.14);color:#ff9a5c;}
html[data-theme="dark"] .sidebar-nav a:hover{background:#1c1d27;color:#ecebf2;}
html[data-theme="dark"] .sidebar-brand-icon{background:linear-gradient(135deg,#ff9a5c,#f26a2e);box-shadow:0 6px 16px -6px rgba(242,106,46,.7);}
html[data-theme="dark"] .clock-icon{background:linear-gradient(135deg,#9b85ff,#6d4aff);box-shadow:0 4px 12px -4px rgba(109,74,255,.7);}
html[data-theme="dark"] .ci-amber,
html[data-theme="dark"] .control-value button{background:linear-gradient(135deg,#ff9a5c,#f26a2e);box-shadow:0 4px 12px -4px rgba(242,106,46,.6);}
html[data-theme="dark"] .ci-blue{background:linear-gradient(135deg,#9b85ff,#6d4aff);box-shadow:0 4px 12px -4px rgba(109,74,255,.6);}
html[data-theme="dark"] .control-panel{
  background:radial-gradient(120% 160% at 0% 0%,rgba(242,106,46,.16),transparent 55%),
             radial-gradient(120% 160% at 100% 100%,rgba(109,74,255,.16),transparent 55%),#16171f !important;
  border-color:#2e2a33 !important;box-shadow:0 12px 32px -16px rgba(0,0,0,.8) !important;}
html[data-theme="dark"] input{background:#0e0f14;color:#ecebf2;border-color:#272834;}
/* KPI: naranja / verde / ambar (sonando) / morado (hablando) / gris calido */
html[data-theme="dark"] .kpi::before,html[data-theme="dark"] .kpi.total::before{background:linear-gradient(90deg,#ff9a5c,#f26a2e);}
html[data-theme="dark"] .kpi.contest::before{background:linear-gradient(90deg,#4ade80,#139a52);}
html[data-theme="dark"] .kpi.ring::before{background:linear-gradient(90deg,#fbbf24,#d98b06);}
html[data-theme="dark"] .kpi.talk::before{background:linear-gradient(90deg,#9b85ff,#6d4aff);}
html[data-theme="dark"] .kpi.done::before{background:linear-gradient(90deg,#7e7c8c,#4a4957);}
html[data-theme="dark"] .kpi-icon,html[data-theme="dark"] .kpi.total .kpi-icon{background:linear-gradient(135deg,#ff9a5c,#f26a2e);box-shadow:0 6px 16px -6px rgba(242,106,46,.7);}
html[data-theme="dark"] .kpi.contest .kpi-icon{background:linear-gradient(135deg,#4ade80,#139a52);box-shadow:0 6px 16px -6px rgba(19,154,82,.7);}
html[data-theme="dark"] .kpi.ring .kpi-icon{background:linear-gradient(135deg,#fbbf24,#d98b06);box-shadow:0 6px 16px -6px rgba(217,139,6,.7);}
html[data-theme="dark"] .kpi.talk .kpi-icon{background:linear-gradient(135deg,#9b85ff,#6d4aff);box-shadow:0 6px 16px -6px rgba(109,74,255,.7);}
html[data-theme="dark"] .kpi.done .kpi-icon{background:linear-gradient(135deg,#8e8c9c,#4a4957);box-shadow:none;}
html[data-theme="dark"] .kpi:hover,html[data-theme="dark"] .amd-card:hover,html[data-theme="dark"] .panel:hover{box-shadow:0 18px 36px -16px rgba(0,0,0,.9);}
html[data-theme="dark"] .amd-card.voicemail::before,html[data-theme="dark"] .amd-card.voicemail .amd-icon{background:linear-gradient(135deg,#9b85ff,#6d4aff);}
html[data-theme="dark"] .amd-card.rate::before,html[data-theme="dark"] .amd-card.rate .amd-icon{background:linear-gradient(135deg,#fbbf24,#d98b06);}
html[data-theme="dark"] .kpi-pend-bar i{background:linear-gradient(90deg,#ff9a5c,#f26a2e);}
/* Graficas */
html[data-theme="dark"] .v2-col i{background:linear-gradient(180deg,#ff9a5c,#f26a2e);}
html[data-theme="dark"] .v2-col i.c{background:linear-gradient(180deg,#4ade80,#139a52);}
html[data-theme="dark"] .v2-col.ahora i:not(.c){box-shadow:0 0 0 2px rgba(255,154,92,.45);}
html[data-theme="dark"] .v2-donut::after{background:#16171f;box-shadow:inset 0 2px 10px rgba(0,0,0,.5);}
html[data-theme="dark"] .o-h{background:#22c55e;} html[data-theme="dark"] .o-v{background:#6d4aff;}
html[data-theme="dark"] .o-i{background:#b4a6ff;} html[data-theme="dark"] .o-r{background:#f26a2e;} html[data-theme="dark"] .o-s{background:#7e7c8c;}
html[data-theme="dark"] .v2-av{background:linear-gradient(135deg,#f26a2e,#6d4aff);}
/* Chips, insignias */
html[data-theme="dark"] .caller-id-badge{background:rgba(109,74,255,.2);color:#c9bdff;border-color:rgba(155,133,255,.35);}
html[data-theme="dark"] .caller-id-badge.cid-default{background:#1c1d27;color:#b4b2c0;border-color:#272834;}
html[data-theme="dark"] .pres-chip.libre{color:#4ade80;background:rgba(34,197,94,.14);}
html[data-theme="dark"] .pres-chip.llamada{color:#fbbf24;background:rgba(217,139,6,.18);}
html[data-theme="dark"] .pres-chip.off{color:#b4b2c0;background:#1c1d27;}
html[data-theme="dark"] .pres-dot.nd{background:#7e7c8c;}
html[data-theme="dark"] .v2-trend.up{color:#4ade80;background:rgba(34,197,94,.14);}
html[data-theme="dark"] .bot-msg.user{background:#1c1d27;border-color:#272834;color:#ecebf2;}
html[data-theme="dark"] .bot-greeting{background:#1c1d27;color:#ecebf2;border-color:#272834;}
html[data-theme="dark"] .toggle-track{background:rgba(255,255,255,.14);}
html[data-theme="dark"] .sidebar-backdrop{background:rgba(0,0,0,.6);}
html[data-theme="dark"] .kpi.talk .v2-spark path:last-child{stroke:#9b85ff;}
html[data-theme="dark"] .kpi.talk .v2-spark stop{stop-color:#6d4aff;}
html[data-theme="dark"] .status.s-sonando{color:#fbbf24;} html[data-theme="dark"] .status.s-sonando .dot{background:#fbbf24;}

/* ---- Comun a todas las paginas del panel ---- */
html[data-theme="dark"]{--amber-dim:#8a3d17; --bg:#0e0f14; --c:#16171f; --c2:#1c1d27; --ln:#272834; --tx:#ecebf2; --tx2:#b4b2c0; --mu:#8e8c9c;}
html[data-theme="dark"] thead th{background:#1c1d27;color:#b4b2c0;border-color:#272834;}
html[data-theme="dark"] tbody tr:hover td{background:rgba(242,106,46,.05);}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6e6c7c;}
html[data-theme="dark"] option{background:#16171f;color:#ecebf2;}
html[data-theme="dark"] button.primary,html[data-theme="dark"] button.btn-warn{background:linear-gradient(135deg,#ff9a5c,#f26a2e);border-color:#f26a2e;color:#fff;box-shadow:0 4px 12px -4px rgba(242,106,46,.6);}
html[data-theme="dark"] button.btn-success{background:linear-gradient(135deg,#4ade80,#139a52);border-color:#139a52;color:#fff;}
html[data-theme="dark"] button.danger-btn{background:linear-gradient(135deg,#f87171,#d93636);border-color:#d93636;color:#fff;}
html[data-theme="dark"] button.btn-ghost{background:transparent;color:#b4b2c0;}
html[data-theme="dark"] .modal-overlay{background:rgba(5,5,9,.66);}
html[data-theme="dark"] .modal-box{background:#16171f;border-color:#272834;box-shadow:0 24px 60px -20px rgba(0,0,0,.9);}
html[data-theme="dark"] .modal-box input,html[data-theme="dark"] .modal-box select{background:#0e0f14;border-color:#272834;}
html[data-theme="dark"] .sidebar-nav a{color:#8e8c9c;}
html[data-theme="dark"] .sidebar-nav a.active{color:#ff9a5c;}
html[data-theme="dark"] .sidebar-nav a:hover{color:#ecebf2;}
html[data-theme="dark"] ::selection{background:rgba(109,74,255,.45);color:#fff;}
html[data-theme="dark"] *{scrollbar-color:#2e2f3c #0e0f14;}