@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
body{background-color:#09090b;-webkit-tap-highlight-color:transparent;font-family:'Inter',system-ui,-apple-system,sans-serif;color-scheme:dark}
h1,h2,h3,h4{letter-spacing:-.01em}
.sidebar-active{background:#27272a;border-right:3px solid #8b5cf6;color:white}
.bottom-nav-active{color:#8b5cf6}
.tab-content{display:none}
.tab-content.active{display:block}
.cal-scroll::-webkit-scrollbar{height:6px;width:6px}
.cal-scroll::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:10px}
.diagonal-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(225,29,72,.15) 10px,rgba(225,29,72,.15) 20px)}
.blocked-stripes{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(239,68,68,.12) 6px,rgba(239,68,68,.12) 12px)}
.pb-safe{padding-bottom:env(safe-area-inset-bottom,20px)}
[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#18181b;border:1px solid #3f3f46;padding:6px 10px;border-radius:6px;color:white;font-size:10px;white-space:nowrap;z-index:50;margin-bottom:4px}
.alert-pulse{animation:pulse-red 2s infinite}
@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(225,29,72,.4)}70%{box-shadow:0 0 0 10px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
.modal-tab-btn{transition:all .2s;border-bottom:2px solid transparent}
.modal-tab-btn.active-tab{color:#a78bfa!important;border-bottom-color:#a78bfa!important}
.prof-tab-btn{transition:all .2s;border-bottom:2px solid transparent}
.prof-tab-btn.active-prof-tab{color:#60a5fa!important;border-bottom-color:#60a5fa!important}
@keyframes toastIn{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}
.toast-in{animation:toastIn .25s ease forwards}
.toast-out{animation:toastOut .2s ease forwards}
.realtime-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@page{size:A4 portrait;margin:15mm 20mm}
@media print{
  .no-print{display:none!important}
  .print-only{display:block!important}
  body{background:white!important;color:black!important;margin:0;padding:0}
  #facturaContenido{font-family:'Inter',system-ui,sans-serif!important;background:white!important;color:#111827!important;padding:0!important}
  #facturaContenido *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .bg-gray-50{background:#f9fafb!important}
  .bg-amber-50{background:#fffbeb!important}
}

/* ── INPUT COMPONENTS ── */
.inp{background-color:#09090b!important;border:1px solid #3f3f46;border-radius:10px;padding:10px 14px;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;outline:none;font-size:12px;transition:border-color .2s;width:100%}
.inp:focus{border-color:#8b5cf6}
.inp:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}
.inp::placeholder{color:#52525b!important;-webkit-text-fill-color:#52525b!important;opacity:1}
.inp-sm{background-color:#09090b!important;border:1px solid #3f3f46;border-radius:8px;padding:8px 10px;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;outline:none;font-size:11px;transition:border-color .2s;width:100%}
.inp-sm:focus{border-color:#8b5cf6}
.inp-sm:focus-visible{outline:2px solid #8b5cf6;outline-offset:1px}
.inp-sm::placeholder{color:#52525b!important;-webkit-text-fill-color:#52525b!important;opacity:1}

/* ── GLOBAL INPUT RULES (cubre todos los inputs sin excepción) ── */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background-color:#09090b!important}
input:not([type="checkbox"]):not([type="radio"])::placeholder,textarea::placeholder{color:#52525b!important;-webkit-text-fill-color:#52525b!important;opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #09090b inset!important;-webkit-text-fill-color:#ffffff!important;caret-color:#ffffff;transition:background-color 5000s ease-in-out 0s}
select option{background-color:#18181b;color:#ffffff}

html.light .inp{background-color:#ffffff!important;color:#18181b!important;-webkit-text-fill-color:#18181b!important;border-color:#d4d4d8}
html.light .inp:focus{border-color:#8b5cf6}
html.light .inp-sm{background-color:#ffffff!important;color:#18181b!important;-webkit-text-fill-color:#18181b!important;border-color:#d4d4d8}
html.light .inp-sm:focus{border-color:#8b5cf6}
html.light input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),html.light select,html.light textarea{color:#18181b!important;-webkit-text-fill-color:#18181b!important;background-color:#ffffff!important}
html.light input:-webkit-autofill,html.light input:-webkit-autofill:hover,html.light input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px #ffffff inset!important;-webkit-text-fill-color:#18181b!important}
html.light select option{background-color:#f4f4f5;color:#18181b}

/* ── MODAL LABELS ── */
.modal-label{color:#a1a1aa;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:6px}

/* ── BADGE SYSTEM ── */
.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid;line-height:1.7;white-space:nowrap;font-family:'Inter',sans-serif}
.badge-green {background:rgba(22,163,74,.15); color:#4ade80;border-color:rgba(34,197,94,.3)}
.badge-blue  {background:rgba(37,99,235,.15);  color:#60a5fa;border-color:rgba(59,130,246,.3)}
.badge-violet{background:rgba(109,40,217,.15); color:#c4b5fd;border-color:rgba(139,92,246,.3)}
.badge-amber {background:rgba(180,83,9,.15);   color:#fbbf24;border-color:rgba(245,158,11,.3)}
.badge-red   {background:rgba(185,28,28,.15);  color:#fca5a5;border-color:rgba(239,68,68,.3)}
.badge-zinc  {background:rgba(82,82,91,.15);   color:#a1a1aa;border-color:rgba(113,113,122,.3)}
.badge-cyan  {background:rgba(8,145,178,.15);  color:#22d3ee;border-color:rgba(6,182,212,.3)}

/* ── KPI CARD (Dashboard) ── */
.kpi-card{background:#18181b;border:1px solid #27272a;border-radius:16px;padding:20px 24px;transition:border-color .2s}
.kpi-card:hover{border-color:#3f3f46}

/* ── THEME TOGGLE BUTTON ── */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s;font-size:13px;line-height:1;padding:0}
.theme-toggle:hover{background:#27272a;border-color:#3f3f46}
html.light .theme-toggle:hover{background:#e4e4e7;border-color:#a1a1aa}

/* ── LIGHT MODE ── */
html.light body{color-scheme:light}html.light{color-scheme:light}
html.light body{background-color:#f4f4f5;color:#18181b}
html.light [class*="bg-zinc-950"]{background-color:#e9e9eb!important}
html.light [class*="bg-zinc-900"]{background-color:#f4f4f5!important}
html.light [class*="bg-zinc-800"]{background-color:#e4e4e7!important}
html.light [class*="bg-zinc-700"]{background-color:#d4d4d8!important}
html.light [class*="border-zinc-800"]{border-color:#d4d4d8!important}
html.light [class*="border-zinc-700"]{border-color:#a1a1aa!important}
html.light [class*="text-white"]{color:#18181b!important}
html.light [class*="text-zinc-300"]{color:#3f3f46!important}
html.light [class*="text-zinc-400"]{color:#52525b!important}
html.light [class*="text-zinc-500"]{color:#71717a!important}
html.light [class*="text-zinc-600"]{color:#52525b!important}
html.light [class*="divide-zinc-800"]>*{border-color:#d4d4d8!important}
html.light .inp:focus,html.light .inp-sm:focus{border-color:#8b5cf6}
html.light .kpi-card{background:#f4f4f5;border-color:#d4d4d8}
html.light .kpi-card:hover{border-color:#a1a1aa}
html.light .sidebar-active{background:#e4e4e7!important;border-right-color:#8b5cf6;color:#18181b!important}
html.light [data-tooltip]:hover::after{background:#ffffff;border-color:#d4d4d8;color:#18181b}
html.light .cal-scroll::-webkit-scrollbar-thumb{background:#d4d4d8}
html.light #pantallaLogin{background-color:#f4f4f5!important}
html.light #pantallaLogin .bg-zinc-900{background-color:#ffffff!important}
html.light .badge-zinc{background:rgba(113,113,122,.08);color:#52525b;border-color:rgba(113,113,122,.2)}

/* ── BOT KILL SWITCH ── */
#botKillSwitch{cursor:pointer;user-select:none}
#botKillSwitch:active{opacity:.85}
#botKillSwitchThumb{pointer-events:none}

/* ── COACH REPORT PROSE ── */
.coach-report{font-size:13px;line-height:1.8;color:#d4d4d8}
.coach-report p{margin-bottom:.75rem}
.coach-report ul{list-style:disc;padding-left:1.25rem;margin:.5rem 0}
.coach-report li{margin:.25rem 0;color:#a1a1aa}
.coach-report strong{color:#fafafa;font-weight:700}
html.light .coach-report{color:#3f3f46}
html.light .coach-report li{color:#52525b}
html.light .coach-report strong{color:#18181b}