/* ==========================================================================
   OrdenTech365 UI — sistema de diseño
   Tokens · base · estructura (sidebar, barra superior, navegación móvil)
   · componentes · compatibilidad con Bootstrap y vistas existentes
   ========================================================================== */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/inter-latin.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/jetbrains-mono-500.woff2") format("woff2")}

/* ── Tokens ─────────────────────────────────────────────────────────────── */
:root{
  color-scheme:dark;

  --ot-bg:#0a0d12;
  --ot-bg-2:#0c1016;
  --ot-surface:#11161e;
  --ot-surface-2:#161c26;
  --ot-surface-3:#1c2330;
  --ot-border:#212935;
  --ot-border-2:#2b3442;

  --ot-text:#e8edf4;
  --ot-text-2:#a4afbe;
  --ot-text-3:#6f7b8c;

  --ot-brand:#2f7bff;
  --ot-brand-hover:#4b8dff;
  --ot-brand-soft:rgba(47,123,255,.14);
  --ot-cyan:#22d3ee;
  --ot-cyan-soft:rgba(34,211,238,.13);
  --ot-green:#1fcf86;
  --ot-green-soft:rgba(31,207,134,.13);
  --ot-amber:#f5a524;
  --ot-amber-soft:rgba(245,165,36,.14);
  --ot-orange:#fb8c3c;
  --ot-orange-soft:rgba(251,140,60,.14);
  --ot-red:#f04461;
  --ot-red-soft:rgba(240,68,97,.13);
  --ot-gray-soft:rgba(164,175,190,.12);
  --ot-brand-text:#7aaaff;
  --ot-red-text:#ff8197;
  --ot-border-3:#384356;
  --ot-glass:rgba(10,13,18,.82);
  --ot-glass-2:rgba(12,16,22,.94);
  --ot-ink:255,255,255;
  --ot-bg-deco-1:var(--ot-brand-deco,rgba(47,123,255,.10));
  --ot-bg-deco-2:rgba(34,211,238,.06);
  --ot-bg-grid:rgba(255,255,255,.028);

  --ot-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ot-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --ot-radius:12px;
  --ot-radius-sm:8px;
  --ot-radius-xs:6px;
  --ot-shadow:0 1px 2px rgba(0,0,0,.35);
  --ot-shadow-pop:0 12px 32px rgba(0,0,0,.45);
  --ot-ring:0 0 0 3px var(--ot-brand-ring);
  --ot-brand-ring:rgba(47,123,255,.35);
  --ot-brand-glow:rgba(47,123,255,.4);
  --ot-on-brand:#fff;

  --ot-sidebar-w:248px;
  --ot-header-h:60px;
  --ot-bottom-h:64px;
  --ot-ease:cubic-bezier(.2,.8,.2,1);

  /* Variables que ya usan algunas vistas */
  --bg:var(--ot-bg);--card-bg:var(--ot-surface);--primary:var(--ot-brand);
  --accent:var(--ot-cyan);--text:var(--ot-text);--muted:var(--ot-text-3);--border:var(--ot-border);
}

/* ── Base ───────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{background:var(--ot-bg)!important;color:var(--ot-text)!important;
  font-family:var(--ot-font)!important;font-size:14px;line-height:1.5;
  overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}
body{min-height:100vh;min-height:100dvh}
h1,h2,h3,h4,h5,h6{color:var(--ot-text);font-family:var(--ot-font)!important;letter-spacing:-.01em;font-weight:650}
a{color:var(--ot-brand-hover);text-decoration:none}
a:hover{color:var(--ot-brand-text)}
::selection{background:var(--ot-brand-soft)}
:focus-visible{outline:none;box-shadow:var(--ot-ring)!important;border-radius:var(--ot-radius-xs)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:var(--ot-border-2);border-radius:8px;border:2px solid var(--ot-bg)}
::-webkit-scrollbar-track{background:transparent}
.ot-mono,.mono,code,kbd{font-family:var(--ot-mono)!important;font-size:.92em}
.text-muted{color:var(--ot-text-3)!important}
hr{border-color:var(--ot-border);opacity:1}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ── Estructura: sidebar ───────────────────────────────────────────────── */
#ot-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ot-sidebar-w);background:var(--ot-bg-2);
  border-right:1px solid var(--ot-border);display:flex;flex-direction:column;z-index:1050;
  transition:transform .25s var(--ot-ease)}
.sb-brand{display:flex;align-items:center;gap:10px;height:var(--ot-header-h);padding:0 16px;
  border-bottom:1px solid var(--ot-border);flex-shrink:0;color:var(--ot-text)!important}
.sb-brand-mark{width:32px;height:32px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;
  background:var(--ot-brand);color:var(--ot-on-brand);font-size:17px}
.sb-brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.sb-brand-name{font-weight:650;font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.sb-brand-sub{font-size:11px;color:var(--ot-text-3);font-weight:500}
.sb-nav{flex:1;overflow-y:auto;padding:10px 10px 24px;overscroll-behavior:contain}
.sb-caption{padding:16px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--ot-text-3);text-transform:uppercase}
.sb-item{display:flex!important;align-items:center;gap:11px;min-height:38px;padding:7px 10px;margin:1px 0;border-radius:var(--ot-radius-sm);
  color:var(--ot-text-2)!important;font-size:13.5px;font-weight:500;text-decoration:none!important;
  transition:background .15s,color .15s;position:relative;border:0;background:none;width:100%;text-align:left;cursor:pointer}
.sb-item i{font-size:18px;width:20px;text-align:center;color:var(--ot-text-3);transition:color .15s;flex-shrink:0}
.sb-item:hover{background:var(--ot-surface-2);color:var(--ot-text)!important}
.sb-item:hover i{color:var(--ot-text-2)}
.sb-item.active{background:var(--ot-brand-soft);color:var(--ot-text)!important}
.sb-item.active i{color:var(--ot-brand-hover)}
.sb-item.active::before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--ot-brand)}
.sb-item .sb-arrow{margin-left:auto;font-size:14px;width:auto;transition:transform .2s var(--ot-ease)}
.sb-item.open .sb-arrow{transform:rotate(90deg)}
.sb-item .sb-count{margin-left:auto;font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;background:var(--ot-surface-3);color:var(--ot-text-2)}
.sb-sub{display:none;padding:2px 0 6px 31px}
.sb-sub.open{display:block}
.sb-sub a{display:flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:var(--ot-radius-xs);
  color:var(--ot-text-3)!important;font-size:13px;font-weight:500;text-decoration:none!important;position:relative}
.sb-sub a::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:1px;background:var(--ot-border)}
.sb-sub a:hover{color:var(--ot-text)!important;background:var(--ot-surface-2)}
.sb-sub a.active{color:var(--ot-text)!important}
.sb-sub a.active::before{background:var(--ot-brand);width:2px}
.sb-foot{border-top:1px solid var(--ot-border);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}
.sb-plan{font-size:11.5px;color:var(--ot-text-3)}
.sb-plan b{color:var(--ot-text-2);font-weight:600}

/* ── Barra superior ────────────────────────────────────────────────────── */
#ot-header{position:fixed;top:0;left:var(--ot-sidebar-w);right:0;height:var(--ot-header-h);z-index:1000;
  display:flex;align-items:center;gap:12px;padding:0 20px;
  background:var(--ot-glass);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid var(--ot-border)}
.hdr-toggle{display:none}
.hdr-title{display:flex;flex-direction:column;min-width:0;flex:1}
.ot-breadcrumb{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;overflow:hidden;white-space:nowrap}
.ot-breadcrumb li{display:flex;align-items:center;gap:6px;color:var(--ot-text-3);font-size:13px}
.ot-breadcrumb li:last-child{color:var(--ot-text);font-weight:550}
.ot-breadcrumb li+li::before{content:"/";color:var(--ot-border-2)}
.ot-breadcrumb a{color:var(--ot-text-3)!important}
.ot-breadcrumb a:hover{color:var(--ot-text)!important}
.ot-breadcrumb .breadcrumb-item{padding:0!important}
.ot-breadcrumb li+li::before,.ot-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"/"!important;color:var(--ot-border-2)!important;float:none!important;padding:0!important;display:inline!important}
.hdr-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.hdr-btn{width:38px;height:38px;border-radius:var(--ot-radius-sm);display:grid;place-items:center;border:1px solid transparent;
  background:transparent;color:var(--ot-text-2)!important;font-size:19px;cursor:pointer;transition:background .15s,color .15s;text-decoration:none!important}
.hdr-btn:hover{background:var(--ot-surface-2);color:var(--ot-text)!important}
.hdr-cta{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--ot-radius-sm);
  background:var(--ot-brand);color:var(--ot-on-brand)!important;font-weight:600;font-size:13px;text-decoration:none!important;transition:background .15s}
.hdr-cta:hover{background:var(--ot-brand-hover)}
.hdr-cta i{font-size:16px}
.ot-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;cursor:pointer;
  background:var(--ot-surface-3);border:1px solid var(--ot-border-2);color:var(--ot-text);font-weight:600;font-size:13px}
.ot-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:6px;display:none;z-index:1070;
  background:var(--ot-surface-2);border:1px solid var(--ot-border-2);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow-pop)}
.ot-menu.show{display:block;animation:otPop .14s var(--ot-ease)}
.ot-menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--ot-border);margin-bottom:4px}
.ot-menu-head b{display:block;font-size:13.5px;font-weight:600}
.ot-menu-head span{font-size:12px;color:var(--ot-text-3)}
.ot-menu a,.ot-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border-radius:var(--ot-radius-xs);
  color:var(--ot-text-2)!important;font-size:13.5px;text-decoration:none!important;background:none;border:0;text-align:left;cursor:pointer}
.ot-menu a:hover,.ot-menu button:hover{background:var(--ot-surface-3);color:var(--ot-text)!important}
.ot-menu i{font-size:17px}
.ot-menu .danger{color:var(--ot-red-text)!important}
.ot-drop{position:relative}
@keyframes otPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* ── Contenido ─────────────────────────────────────────────────────────── */
#ot-main{margin-left:var(--ot-sidebar-w);padding-top:var(--ot-header-h);min-height:100vh;position:relative}
.page-body{padding:24px;max-width:1440px;margin:0 auto}

/* ── Navegación inferior (móvil) ───────────────────────────────────────── */
#ot-bottom{display:none}
#sb-overlay{display:none;position:fixed;inset:0;background:rgba(3,6,10,.62);z-index:1040;backdrop-filter:blur(2px)}
#sb-overlay.show{display:block}

@media (min-width:769px) and (max-width:1100px){
  :root{--ot-sidebar-w:220px}
  .page-body{padding:20px}
}
@media (max-width:768px){
  :root{--ot-header-h:56px}
  #ot-sidebar{transform:translateX(-102%);width:min(86vw,320px);box-shadow:var(--ot-shadow-pop)}
  #ot-sidebar.open{transform:none}
  #ot-header{left:0;padding:0 10px 0 6px;gap:6px}
  .hdr-toggle{display:grid}
  .hdr-cta span{display:none}
  .hdr-cta{width:38px;padding:0;justify-content:center}
  body{--ot-bottom-space:calc(var(--ot-bottom-h) + env(safe-area-inset-bottom))}
  #ot-main{margin-left:0;padding-bottom:var(--ot-bottom-space)}
  .page-body{padding:14px 12px 20px}
  .sb-item{min-height:46px;font-size:15px}
  .sb-sub a{min-height:42px;font-size:14.5px}

  #ot-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1030;
    height:calc(var(--ot-bottom-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);
    background:var(--ot-glass-2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--ot-border)}
  #ot-bottom a,#ot-bottom button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    color:var(--ot-text-3)!important;font-size:11px;font-weight:550;text-decoration:none!important;background:none;border:0;padding:0;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
  #ot-bottom i{font-size:23px}
  #ot-bottom .active{color:var(--ot-text)!important}
  #ot-bottom .active i{color:var(--ot-brand-hover)}
  #ot-bottom .bn-main{flex:0 0 64px}
  #ot-bottom .bn-main span.bn-fab{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--ot-brand);
    color:var(--ot-on-brand);margin-top:-10px;box-shadow:0 6px 18px var(--ot-brand-glow)}
  #ot-bottom .bn-main span.bn-fab i{color:var(--ot-on-brand);font-size:24px}
  #ot-bottom .bn-main small{display:none}
}

/* ── Componentes ───────────────────────────────────────────────────────── */
.ui-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ui-page-head h1{font-size:22px;margin:0;font-weight:650}
.ui-page-head p{margin:4px 0 0;color:var(--ot-text-3);font-size:13.5px}
.ui-page-head .ui-actions{display:flex;gap:8px;flex-wrap:wrap}

.ui-card{background:var(--ot-surface);border:1px solid var(--ot-border);border-radius:var(--ot-radius)}
.ui-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--ot-border)}
.ui-card-head h2,.ui-card-head h3{font-size:14px;font-weight:600;margin:0}
.ui-card-body{padding:16px}

.ui-grid{display:grid;gap:12px}
.ui-grid-kpi{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.ui-kpi{background:var(--ot-surface);border:1px solid var(--ot-border);border-radius:var(--ot-radius);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none!important;transition:border-color .15s,background .15s}
a.ui-kpi:hover{border-color:var(--ot-border-2);background:var(--ot-surface-2)}
.ui-kpi-label{display:flex;align-items:center;gap:8px;color:var(--ot-text-3);font-size:12.5px;font-weight:550}
.ui-kpi-label i{font-size:16px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--ot-surface-3);color:var(--ot-text-2)}
.ui-kpi-value{font-size:24px;font-weight:650;letter-spacing:-.02em;color:var(--ot-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ui-kpi-foot{font-size:12px;color:var(--ot-text-3)}
.ui-kpi[data-tone="brand"] .ui-kpi-label i{background:var(--ot-brand-soft);color:var(--ot-brand-hover)}
.ui-kpi[data-tone="cyan"] .ui-kpi-label i{background:var(--ot-cyan-soft);color:var(--ot-cyan)}
.ui-kpi[data-tone="green"] .ui-kpi-label i{background:var(--ot-green-soft);color:var(--ot-green)}
.ui-kpi[data-tone="amber"] .ui-kpi-label i{background:var(--ot-amber-soft);color:var(--ot-amber)}
.ui-kpi[data-tone="red"] .ui-kpi-label i{background:var(--ot-red-soft);color:var(--ot-red)}
.ui-delta{display:inline-flex;align-items:center;gap:2px;font-weight:600}
.ui-delta.up{color:var(--ot-green)}
.ui-delta.down{color:var(--ot-red)}

.ui-badge{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;
  background:var(--ot-gray-soft);color:var(--ot-text-2)}
.ui-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ui-badge.no-dot::before{display:none}
.ui-badge[data-tone="brand"],.ui-badge[data-status="scheduled"]{background:var(--ot-brand-soft);color:var(--ot-brand-text)}
.ui-badge[data-tone="cyan"],.ui-badge[data-status="diagnosis"]{background:var(--ot-cyan-soft);color:var(--ot-cyan)}
.ui-badge[data-tone="amber"],.ui-badge[data-status="pending_parts"],.ui-badge[data-status="on_hold"]{background:var(--ot-amber-soft);color:var(--ot-amber)}
.ui-badge[data-tone="orange"],.ui-badge[data-status="in_progress"]{background:var(--ot-orange-soft);color:var(--ot-orange)}
.ui-badge[data-tone="green"],.ui-badge[data-status="completed"]{background:var(--ot-green-soft);color:var(--ot-green)}
.ui-badge[data-tone="gray"],.ui-badge[data-status="delivered"]{background:var(--ot-gray-soft);color:var(--ot-text-2)}
.ui-badge[data-tone="red"],.ui-badge[data-status="cancelled"]{background:var(--ot-red-soft);color:var(--ot-red-text)}

.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--ot-radius-sm);
  font-size:13.5px;font-weight:600;font-family:var(--ot-font);border:1px solid var(--ot-border-2);background:var(--ot-surface-2);color:var(--ot-text)!important;
  cursor:pointer;text-decoration:none!important;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s;-webkit-tap-highlight-color:transparent}
.ui-btn:hover{background:var(--ot-surface-3);border-color:var(--ot-border-3)}
.ui-btn i{font-size:17px}
.ui-btn-primary{background:var(--ot-brand);border-color:var(--ot-brand);color:var(--ot-on-brand)!important}
.ui-btn-primary:hover{background:var(--ot-brand-hover);border-color:var(--ot-brand-hover)}
.ui-btn-success{background:var(--ot-green);border-color:var(--ot-green);color:#04140c!important}
.ui-btn-danger{background:var(--ot-red-soft);border-color:rgba(240,68,97,.35);color:var(--ot-red-text)!important}
.ui-btn-danger:hover{background:rgba(240,68,97,.22)}
.ui-btn-ghost{background:transparent;border-color:transparent;color:var(--ot-text-2)!important}
.ui-btn-ghost:hover{background:var(--ot-surface-2);color:var(--ot-text)!important}
.ui-btn-sm{height:32px;padding:0 10px;font-size:12.5px}
.ui-btn-block{width:100%}
.ui-btn[disabled],.ui-btn.is-loading{opacity:.6;pointer-events:none}
.is-loading .ui-spin,.ui-spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:otSpin .7s linear infinite;display:inline-block}
@keyframes otSpin{to{transform:rotate(360deg)}}

.ui-empty{text-align:center;padding:40px 16px;color:var(--ot-text-3)}
.ui-empty i{font-size:34px;display:block;margin-bottom:10px;color:var(--ot-text-3)}
.ui-empty b{display:block;color:var(--ot-text);font-size:15px;margin-bottom:4px;font-weight:600}

.ui-list{list-style:none;margin:0;padding:0}
.ui-list>li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ot-border)}
.ui-list>li:last-child{border-bottom:0}

/* ── Notificaciones (toasts) ───────────────────────────────────────────── */
#ot-toasts{position:fixed;z-index:2000;top:calc(var(--ot-header-h) + 12px);right:16px;display:flex;flex-direction:column;gap:8px;width:min(380px,calc(100vw - 24px));pointer-events:none}
.ot-toast{pointer-events:auto;display:flex;gap:12px;align-items:flex-start;padding:12px 12px 12px 14px;border-radius:var(--ot-radius);
  background:var(--ot-surface-2);border:1px solid var(--ot-border-2);box-shadow:var(--ot-shadow-pop);color:var(--ot-text);font-size:13.5px;
  animation:otToastIn .22s var(--ot-ease)}
.ot-toast.out{animation:otToastOut .2s var(--ot-ease) forwards}
.ot-toast-ico{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:17px}
.ot-toast-body{flex:1;min-width:0;padding-top:4px;line-height:1.45;word-wrap:break-word}
.ot-toast-body b{display:block;font-weight:600;margin-bottom:1px}
.ot-toast-body ul{margin:4px 0 0;padding-left:16px;color:var(--ot-text-2)}
.ot-toast-x{background:none;border:0;color:var(--ot-text-3);font-size:18px;cursor:pointer;padding:4px;line-height:1;border-radius:6px}
.ot-toast-x:hover{color:var(--ot-text);background:var(--ot-surface-3)}
.ot-toast[data-type="success"] .ot-toast-ico{background:var(--ot-green-soft);color:var(--ot-green)}
.ot-toast[data-type="error"] .ot-toast-ico{background:var(--ot-red-soft);color:var(--ot-red-text)}
.ot-toast[data-type="warning"] .ot-toast-ico{background:var(--ot-amber-soft);color:var(--ot-amber)}
.ot-toast[data-type="info"] .ot-toast-ico{background:var(--ot-cyan-soft);color:var(--ot-cyan)}
@keyframes otToastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes otToastOut{to{opacity:0;transform:translateX(16px)}}
@media (max-width:768px){#ot-toasts{top:auto;bottom:calc(var(--ot-bottom-h) + env(safe-area-inset-bottom) + 10px);right:12px;left:12px;width:auto}}

/* Diálogo de confirmación */
.ot-dialog-bg{position:fixed;inset:0;z-index:2100;background:rgba(3,6,10,.66);display:grid;place-items:center;padding:16px;animation:otFade .15s}
.ot-dialog{width:min(420px,100%);background:var(--ot-surface-2);border:1px solid var(--ot-border-2);border-radius:16px;box-shadow:var(--ot-shadow-pop);padding:20px;animation:otPop .18s var(--ot-ease)}
.ot-dialog h3{font-size:16px;margin:0 0 6px}
.ot-dialog p{margin:0 0 18px;color:var(--ot-text-2);font-size:14px}
.ot-dialog-actions{display:flex;gap:8px;justify-content:flex-end}
@keyframes otFade{from{opacity:0}}
@media (max-width:768px){.ot-dialog-bg{align-items:end;padding:0}.ot-dialog{border-radius:18px 18px 0 0;padding:20px 16px calc(16px + env(safe-area-inset-bottom))}.ot-dialog-actions .ui-btn{flex:1;height:46px}}

/* Subida de archivos */
.ot-upload-overlay{position:fixed;inset:0;z-index:2200;background:rgba(3,6,10,.7);display:grid;place-items:center}
.ot-upload-box{background:var(--ot-surface-2);border:1px solid var(--ot-border-2);border-radius:14px;padding:18px 20px;width:min(320px,90vw);text-align:center}
.ot-upload-bar{height:6px;border-radius:6px;background:var(--ot-surface-3);overflow:hidden;margin-top:12px}
.ot-upload-bar span{display:block;height:100%;width:40%;background:var(--ot-brand);border-radius:6px;animation:otIndet 1.1s ease-in-out infinite}
@keyframes otIndet{0%{margin-left:-40%}100%{margin-left:100%}}
.ot-file-note{display:block;font-size:12px;margin-top:6px;color:var(--ot-text-3)}
.ot-file-note.err{color:var(--ot-red-text)}

/* ── Bootstrap y vistas existentes ─────────────────────────────────────── */
.card{background:var(--ot-surface)!important;border:1px solid var(--ot-border)!important;border-radius:var(--ot-radius)!important;box-shadow:none!important;color:var(--ot-text)}
.card-header{background:transparent!important;border-bottom:1px solid var(--ot-border)!important;padding:14px 16px!important}
.card-header h5,.card-header h4{font-size:14px!important;font-weight:600!important;color:var(--ot-text)!important;margin:0!important}
.card-body{padding:16px!important}
.card-footer{background:transparent!important;border-top:1px solid var(--ot-border)!important}
.table{color:var(--ot-text)!important;font-size:13.5px!important;--bs-table-bg:transparent;margin-bottom:0}
.table>:not(caption)>*>*{background:transparent!important;border-color:var(--ot-border)!important;padding:11px 14px!important;color:var(--ot-text)!important;vertical-align:middle}
.table thead th{color:var(--ot-text-3)!important;font-size:12px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;background:var(--ot-bg-2)!important}
.table tbody tr{transition:background .12s}
.table tbody tr:hover>*{background:var(--ot-surface-2)!important}
.table-responsive{border-radius:var(--ot-radius)}
.form-control,.form-select,input.form-control,textarea.form-control{background:var(--ot-bg-2)!important;border:1px solid var(--ot-border-2)!important;color:var(--ot-text)!important;
  border-radius:var(--ot-radius-sm)!important;font-size:14px!important;min-height:40px;font-family:var(--ot-font)!important}
.form-control::placeholder{color:var(--ot-text-3)!important}
.form-control:focus,.form-select:focus{border-color:var(--ot-brand)!important;box-shadow:var(--ot-ring)!important}
.form-control[readonly],.form-control:disabled{opacity:.75}
.form-label,label{color:var(--ot-text-2);font-size:13px;font-weight:550}
.form-check-input{background-color:var(--ot-bg-2);border-color:var(--ot-border-2)}
.form-check-input:checked{background-color:var(--ot-brand);border-color:var(--ot-brand)}
.input-group-text{background:var(--ot-surface-2)!important;border-color:var(--ot-border-2)!important;color:var(--ot-text-2)!important}
.invalid-feedback,.text-danger{color:var(--ot-red-text)!important}
.btn{border-radius:var(--ot-radius-sm)!important;font-size:13.5px!important;font-weight:600!important;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none!important}
.btn-sm{min-height:32px;font-size:12.5px!important}
.btn-primary{background:var(--ot-brand)!important;border-color:var(--ot-brand)!important;color:var(--ot-on-brand)!important}
.btn-primary:hover{background:var(--ot-brand-hover)!important}
.btn-secondary,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-light-secondary,.btn-light-primary{background:var(--ot-surface-2)!important;border:1px solid var(--ot-border-2)!important;color:var(--ot-text)!important}
.btn-secondary:hover,.btn-light:hover,.btn-outline-secondary:hover,.btn-outline-primary:hover{background:var(--ot-surface-3)!important}
.btn-success{background:var(--ot-green)!important;border-color:var(--ot-green)!important;color:#04140c!important}
.btn-danger,.btn-light-danger,.btn-outline-danger{background:var(--ot-red-soft)!important;border:1px solid rgba(240,68,97,.35)!important;color:var(--ot-red-text)!important}
.btn-warning,.btn-light-warning{background:var(--ot-amber-soft)!important;border:1px solid rgba(245,165,36,.35)!important;color:var(--ot-amber)!important}
.btn-info,.btn-light-info{background:var(--ot-cyan-soft)!important;border:1px solid rgba(34,211,238,.3)!important;color:var(--ot-cyan)!important}
.badge{font-weight:600!important;border-radius:20px!important;padding:.38em .7em!important}
.bg-success,.bg-light-success{background:var(--ot-green-soft)!important;color:var(--ot-green)!important}
.bg-danger,.bg-light-danger{background:var(--ot-red-soft)!important;color:var(--ot-red-text)!important}
.bg-warning,.bg-light-warning{background:var(--ot-amber-soft)!important;color:var(--ot-amber)!important}
.bg-primary,.bg-light-primary{background:var(--ot-brand-soft)!important;color:var(--ot-brand-text)!important}
.bg-info,.bg-light-info{background:var(--ot-cyan-soft)!important;color:var(--ot-cyan)!important}
.bg-secondary,.bg-light-secondary,.bg-light-dark,.bg-dark{background:var(--ot-gray-soft)!important;color:var(--ot-text-2)!important}
.text-primary{color:var(--ot-brand-hover)!important}
.text-success{color:var(--ot-green)!important}
.text-warning{color:var(--ot-amber)!important}
.text-info{color:var(--ot-cyan)!important}
.alert{border-radius:var(--ot-radius)!important;font-size:13.5px!important;border:1px solid var(--ot-border-2)!important;background:var(--ot-surface-2)!important;color:var(--ot-text)!important}
.alert-success{border-color:rgba(31,207,134,.3)!important;background:var(--ot-green-soft)!important}
.alert-danger{border-color:rgba(240,68,97,.3)!important;background:var(--ot-red-soft)!important}
.alert-warning{border-color:rgba(245,165,36,.3)!important;background:var(--ot-amber-soft)!important}
.alert-info{border-color:rgba(34,211,238,.3)!important;background:var(--ot-cyan-soft)!important}
.modal-content{background:var(--ot-surface-2)!important;border:1px solid var(--ot-border-2)!important;border-radius:16px!important;color:var(--ot-text)}
.modal-header{border-bottom:1px solid var(--ot-border)!important;padding:16px 20px!important}
.modal-header .modal-title{font-size:16px!important;font-weight:600!important;color:var(--ot-text)!important}
.modal-body{padding:18px 20px!important}
.modal-footer{border-top:1px solid var(--ot-border)!important;padding:12px 20px!important}
.modal-backdrop.show{opacity:.7}
.btn-close{filter:invert(1) grayscale(1) brightness(1.4)}
@media (max-width:576px){.modal-dialog{margin:0;max-width:none;min-height:100%;display:flex;align-items:flex-end}.modal-content{border-radius:18px 18px 0 0!important;max-height:92vh;overflow:auto}}
.dropdown-menu{background:var(--ot-surface-2)!important;border:1px solid var(--ot-border-2)!important;border-radius:var(--ot-radius)!important;box-shadow:var(--ot-shadow-pop);padding:6px!important}
.dropdown-item{color:var(--ot-text-2)!important;border-radius:var(--ot-radius-xs);font-size:13.5px;min-height:36px;display:flex;align-items:center;gap:8px}
.dropdown-item:hover{background:var(--ot-surface-3)!important;color:var(--ot-text)!important}
.nav-tabs{border-bottom:1px solid var(--ot-border)!important;gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.nav-tabs .nav-link{border:0!important;border-bottom:2px solid transparent!important;color:var(--ot-text-3)!important;background:none!important;font-weight:550;white-space:nowrap;border-radius:0!important}
.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover{color:var(--ot-text)!important;border-bottom-color:var(--ot-brand)!important}
.nav-pills .nav-link{color:var(--ot-text-2)!important;border-radius:var(--ot-radius-sm)!important}
.nav-pills .nav-link.active{background:var(--ot-brand-soft)!important;color:var(--ot-text)!important}
.list-group-item{background:transparent!important;border-color:var(--ot-border)!important;color:var(--ot-text)!important}
.pagination{gap:4px;flex-wrap:wrap}
.page-link{background:var(--ot-surface)!important;border:1px solid var(--ot-border)!important;color:var(--ot-text-2)!important;border-radius:var(--ot-radius-xs)!important;min-width:36px;text-align:center}
.page-item.active .page-link{background:var(--ot-brand)!important;border-color:var(--ot-brand)!important;color:var(--ot-on-brand)!important}
.page-item.disabled .page-link{opacity:.45}
.breadcrumb{background:none!important;padding:0!important;margin:0!important}
.progress{background:var(--ot-surface-3)!important;border-radius:20px}
.progress-bar{background:var(--ot-brand)!important}

/* Plantilla anterior (clases que aún usan algunas vistas) */
.avtar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ot-radius-sm);width:40px;height:40px;font-size:18px;background:var(--ot-surface-3);color:var(--ot-text-2)}
.avtar-xs{width:30px;height:30px;font-size:15px}
.avtar-s{width:36px;height:36px}
.avtar.bg-light-primary,.avtar.bg-light-secondary{background:var(--ot-brand-soft)!important;color:var(--ot-brand-text)!important}
.f-20{font-size:20px}.f-16{font-size:16px}.f-14{font-size:14px}.f-12{font-size:12px}
.f-w-500{font-weight:500}.f-w-600{font-weight:600}
.table-card .card-body{padding:0!important}
.dt-responsive{width:100%!important}
.wid-40{width:40px}.hei-40{height:40px}

/* Select2 */
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:var(--ot-bg-2)!important;border:1px solid var(--ot-border-2)!important;border-radius:var(--ot-radius-sm)!important;min-height:40px!important}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--ot-text)!important;line-height:38px!important;padding-left:12px!important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px!important}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--ot-text-3)!important}
.select2-dropdown{background:var(--ot-surface-2)!important;border:1px solid var(--ot-border-2)!important;border-radius:var(--ot-radius-sm)!important;overflow:hidden}
.select2-container--default .select2-results__option{color:var(--ot-text-2)!important;font-size:13.5px!important;padding:8px 12px}
.select2-container--default .select2-results__option--highlighted{background:var(--ot-brand-soft)!important;color:var(--ot-text)!important}
.select2-search--dropdown .select2-search__field{background:var(--ot-bg-2)!important;border:1px solid var(--ot-border-2)!important;color:var(--ot-text)!important;border-radius:var(--ot-radius-xs)}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background:var(--ot-surface-3)!important;border-color:var(--ot-border-2)!important;color:var(--ot-text)!important}

/* DataTables */
.dataTables_wrapper .dataTables_filter input,.dataTables_wrapper .dataTables_length select{background:var(--ot-bg-2)!important;border:1px solid var(--ot-border-2)!important;color:var(--ot-text)!important;border-radius:var(--ot-radius-sm)!important;padding:6px 10px!important;min-height:36px}
.dataTables_wrapper .dataTables_filter label,.dataTables_wrapper .dataTables_length label,.dataTables_wrapper .dataTables_info{color:var(--ot-text-3)!important;font-size:12.5px!important}
.dataTables_wrapper .dataTables_paginate .paginate_button{color:var(--ot-text-2)!important;border:1px solid var(--ot-border)!important;background:var(--ot-surface)!important;border-radius:var(--ot-radius-xs)!important;margin:0 2px}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--ot-brand)!important;border-color:var(--ot-brand)!important;color:var(--ot-on-brand)!important}
.dataTables_wrapper .row{--bs-gutter-x:0;row-gap:10px}
.dataTables_wrapper>.row:first-child,.dataTables_wrapper>.row:last-child{padding:12px 14px}

/* ── Tablas en móvil → tarjetas ────────────────────────────────────────── */
@media (max-width:768px){
  table.ot-cards,table.ot-cards tbody,table.ot-cards tr,table.ot-cards td{display:block;width:100%!important}
  table.ot-cards thead{display:none}
  table.ot-cards tr{background:var(--ot-surface)!important;border:1px solid var(--ot-border)!important;border-radius:14px;margin:0 0 10px;padding:4px 0 0;overflow:hidden}
  table.ot-cards>tbody>tr>td{display:flex!important;justify-content:space-between;align-items:center;gap:14px;border:0!important;
    padding:6px 14px!important;text-align:right!important;min-height:32px;white-space:normal!important;font-size:14px!important;background:transparent!important}
  table.ot-cards>tbody>tr>td::before{content:attr(data-label);color:var(--ot-text-3);font-size:12.5px;font-weight:500;text-align:left;flex-shrink:0;max-width:42%}
  table.ot-cards>tbody>tr>td[data-label=""]::before{display:none}
  table.ot-cards>tbody>tr>td.ot-cell-title{justify-content:flex-start;text-align:left!important;font-size:15px!important;font-weight:650;padding:10px 14px 6px!important}
  table.ot-cards>tbody>tr>td.ot-cell-title::before{display:none}
  table.ot-cards>tbody>tr>td:empty,table.ot-cards>tbody>tr>td.ot-cell-empty{display:none!important}
  table.ot-cards>tbody>tr>td.ot-cell-actions{justify-content:stretch;gap:8px;border-top:1px solid var(--ot-border)!important;margin-top:6px;padding:10px 14px!important;background:var(--ot-bg-2)!important}
  table.ot-cards>tbody>tr>td.ot-cell-actions::before{display:none}
  table.ot-cards>tbody>tr>td.ot-cell-actions>*{flex:1}
  table.ot-cards>tbody>tr>td.ot-cell-actions .btn,table.ot-cards>tbody>tr>td.ot-cell-actions a{min-height:40px;justify-content:center}
  table.ot-cards>tbody>tr>td .badge,table.ot-cards>tbody>tr>td [class*="badge"]{text-transform:none!important;letter-spacing:0!important}
  table.ot-cards>tbody>tr:hover>*{background:transparent!important}
  .table-responsive:has(table.ot-cards){overflow:visible}
  .dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_info{display:none}
  .btn,.ui-btn{min-height:42px}
  .form-control,.form-select{min-height:46px;font-size:16px!important}
}

/* ── En vivo ───────────────────────────────────────────────────────────── */
.ot-live{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px;border-radius:20px;border:1px solid rgba(31,207,134,.25);
  background:var(--ot-green-soft);color:var(--ot-green);font-size:12px;font-weight:600;white-space:nowrap}
.ot-live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 rgba(31,207,134,.6);animation:otPulse 2s infinite}
.ot-live.off{background:var(--ot-gray-soft);border-color:var(--ot-border-2);color:var(--ot-text-3)}
.ot-live.off .ot-live-dot{animation:none}
.ot-live.off .ot-live-txt::after{content:" · sin conexión"}
@keyframes otPulse{0%{box-shadow:0 0 0 0 rgba(31,207,134,.55)}70%{box-shadow:0 0 0 7px rgba(31,207,134,0)}100%{box-shadow:0 0 0 0 rgba(31,207,134,0)}}
@media (max-width:768px){.ot-live{padding:0;width:28px;justify-content:center;border:0;background:none}.ot-live-txt{display:none}}

/* ── Utilidades ────────────────────────────────────────────────────────── */
.ot-hide-mobile{}
@media (max-width:768px){.ot-hide-mobile{display:none!important}}
@media (min-width:769px){.ot-only-mobile{display:none!important}}
.ot-num{font-variant-numeric:tabular-nums}
.ot-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Fondo decorativo (todas las pantallas) ────────────────────────────── */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(900px 520px at 85% -10%,var(--ot-bg-deco-1),transparent 65%),
    radial-gradient(700px 480px at -5% 105%,var(--ot-bg-deco-2),transparent 65%),
    linear-gradient(var(--ot-bg-grid) 1px,transparent 1px) 0 0/48px 48px,
    linear-gradient(90deg,var(--ot-bg-grid) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask-image:radial-gradient(ellipse 120% 90% at 60% 20%,#000 30%,transparent 100%);
          mask-image:radial-gradient(ellipse 120% 90% at 60% 20%,#000 30%,transparent 100%)}
html,body{background-color:var(--ot-bg)!important}
body{position:relative;isolation:isolate}

/* ── Botón sol / luna ──────────────────────────────────────────────────── */
.ot-theme-btn{position:relative;overflow:hidden}
.ot-theme-btn i{position:absolute;inset:0;display:grid;place-items:center;font-size:19px;transition:transform .35s var(--ot-ease),opacity .25s}
.ot-theme-btn .ti-sun{color:var(--ot-amber);transform:translateY(120%) rotate(-90deg);opacity:0}
.ot-theme-btn .ti-moon{color:var(--ot-brand-text)}
html[data-theme="light"] .ot-theme-btn .ti-sun{transform:none;opacity:1}
html[data-theme="light"] .ot-theme-btn .ti-moon{transform:translateY(-120%) rotate(90deg);opacity:0}
.ot-theme-float{position:fixed;top:14px;right:14px;z-index:20;width:40px;height:40px;border-radius:12px;border:1px solid var(--ot-border-2);
  background:var(--ot-surface);color:var(--ot-text-2);cursor:pointer;box-shadow:var(--ot-shadow)}
html.ot-theming *,html.ot-theming *::before,html.ot-theming *::after{transition:background-color .3s,border-color .3s,color .2s!important}

/* ── Tema claro ────────────────────────────────────────────────────────── */
html[data-theme="light"]{
  color-scheme:light;
  --ot-bg:#f3f5f9;
  --ot-bg-2:#f8fafc;
  --ot-surface:#ffffff;
  --ot-surface-2:#f1f4f8;
  --ot-surface-3:#e7ecf2;
  --ot-border:#e2e7ee;
  --ot-border-2:#d3dae4;
  --ot-border-3:#b9c3d0;

  --ot-text:#0f172a;
  --ot-text-2:#475569;
  --ot-text-3:#64748b;

  --ot-brand:#1f6bff;
  --ot-brand-hover:#1557d6;
  --ot-brand-soft:rgba(31,107,255,.10);
  --ot-brand-text:#1557d6;
  --ot-cyan:#0891b2;
  --ot-cyan-soft:rgba(8,145,178,.10);
  --ot-green:#059669;
  --ot-green-soft:rgba(5,150,105,.10);
  --ot-amber:#b45309;
  --ot-amber-soft:rgba(217,119,6,.12);
  --ot-orange:#c2410c;
  --ot-orange-soft:rgba(234,88,12,.11);
  --ot-red:#dc2646;
  --ot-red-soft:rgba(220,38,70,.09);
  --ot-red-text:#c81e43;
  --ot-gray-soft:rgba(71,85,105,.09);

  --ot-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);
  --ot-shadow-pop:0 14px 34px rgba(15,23,42,.14);
  --ot-brand-ring:rgba(31,107,255,.22);
  --ot-brand-glow:rgba(31,107,255,.3);
  --ot-glass:rgba(255,255,255,.82);
  --ot-glass-2:rgba(255,255,255,.94);
  --ot-ink:15,23,42;
  --ot-bg-deco-1:var(--ot-brand-deco,rgba(31,107,255,.09));
  --ot-bg-deco-2:rgba(8,145,178,.07);
  --ot-bg-grid:rgba(15,23,42,.035);
}
html[data-theme="light"] .ui-card,html[data-theme="light"] .ui-kpi,html[data-theme="light"] .card{box-shadow:var(--ot-shadow)!important}
html[data-theme="light"] .ui-btn-success,html[data-theme="light"] .btn-success{color:#fff!important}
html[data-theme="light"] ::selection{background:rgba(31,107,255,.2)}
html[data-theme="light"] #sb-overlay,html[data-theme="light"] .ot-dialog-bg,html[data-theme="light"] .ot-upload-overlay{background:rgba(15,23,42,.38)}
html[data-theme="light"] .modal-backdrop{background:#0f172a}
html[data-theme="light"] .btn-close{filter:none}

/* ── Tema claro: colores de pantallas existentes (generado) ─────────────── */
html[data-theme="light"]{
  --lg-a-06:.12;
  --lg-a-07:.14;
  --lg-a-10:.20;
  --lg-a-17:.30;
  --lg-a-18:.30;
  --lg-a-20:.62;
  --lg-a-22:.62;
  --lg-a-25:.62;
  --lg-a-28:.62;
  --lg-a-30:.62;
  --lg-a-35:.62;
  --lg-a-38:.62;
  --lg-a-40:.62;
  --lg-a-45:.62;
  --lg-a-50:.62;
  --lg-a-55:.62;
  --lg-b-020617:#f3f5f9;
  --lg-b-020817:#f3f5f9;
  --lg-b-030712:#f3f5f9;
  --lg-b-04080f:#f3f5f9;
  --lg-b-040a1a:#f3f5f9;
  --lg-b-040c1e:#f3f5f9;
  --lg-b-050a18:#f3f5f9;
  --lg-b-050e1f:#ffffff;
  --lg-b-050f22:#ffffff;
  --lg-b-05101f:#ffffff;
  --lg-b-060a10:#f3f5f9;
  --lg-b-060d1a:#f3f5f9;
  --lg-b-060f1a:#f3f5f9;
  --lg-b-060f22:#ffffff;
  --lg-b-061009:#f3f5f9;
  --lg-b-06101f:#ffffff;
  --lg-b-070f1e:#ffffff;
  --lg-b-071221:#ffffff;
  --lg-b-07122b:#ffffff;
  --lg-b-080d14:#f3f5f9;
  --lg-b-080f1c:#ffffff;
  --lg-b-080f21:#ffffff;
  --lg-b-08111e:#ffffff;
  --lg-b-08131f:#ffffff;
  --lg-b-08192e:#ffffff;
  --lg-b-090e1a:#f3f5f9;
  --lg-b-091623:#ffffff;
  --lg-b-091a3a:#ffffff;
  --lg-b-0a0a0a:#f3f5f9;
  --lg-b-0a0e1a:#ffffff;
  --lg-b-0a0f1e:#ffffff;
  --lg-b-0a1220:#ffffff;
  --lg-b-0a1424:#ffffff;
  --lg-b-0a1522:#ffffff;
  --lg-b-0a1628:#ffffff;
  --lg-b-0a1a0f:#ffffff;
  --lg-b-0b1524:#ffffff;
  --lg-b-0b1628:#ffffff;
  --lg-b-0c1428:#ffffff;
  --lg-b-0c1e30:#ffffff;
  --lg-b-0d0d0d:#f3f5f9;
  --lg-b-0d1120:#ffffff;
  --lg-b-0d1425:#ffffff;
  --lg-b-0d1528:#ffffff;
  --lg-b-0d1b2a:#ffffff;
  --lg-b-0d1b2e:#ffffff;
  --lg-b-0d1e35:#ffffff;
  --lg-b-0f0f0f:#f3f5f9;
  --lg-b-0f1629:#ffffff;
  --lg-b-0f1d2e:#ffffff;
  --lg-b-0f1e36:#ffffff;
  --lg-b-101e30:#ffffff;
  --lg-b-111111:#f3f5f9;
  --lg-b-141414:#ffffff;
  --lg-b-141d35:#f1f4f8;
  --lg-b-142441:#f1f4f8;
  --lg-b-161616:#ffffff;
  --lg-b-1a0a0a:#ffffff;
  --lg-b-1a1a1a:#ffffff;
  --lg-b-1a2c4f:#f1f4f8;
  --lg-b-1e293b:#f1f4f8;
  --lg-b-1f1f1f:#ffffff;
  --lg-b-222222:#ffffff;
  --lg-b-2a2a2a:#f1f4f8;
  --lg-l-141414:#e2e7ee;
  --lg-l-161616:#e2e7ee;
  --lg-l-1a1a1a:#e2e7ee;
  --lg-l-1c1c1c:#e2e7ee;
  --lg-l-1f1f1f:#e2e7ee;
  --lg-l-242424:#e2e7ee;
  --lg-l-2a2a2a:#d3dae4;
  --lg-l-2d1515:#e2e7ee;
  --lg-l-2e2e2e:#d3dae4;
  --lg-l-3f3f46:#d3dae4;
  --lg-l-4f4f4f:#d3dae4;
  --lg-p-020617:255,255,255;
  --lg-p-030712:255,255,255;
  --lg-p-04080f:255,255,255;
  --lg-p-05101f:255,255,255;
  --lg-p-070e20:255,255,255;
  --lg-p-080e1c:255,255,255;
  --lg-p-080f21:255,255,255;
  --lg-p-090e1a:255,255,255;
  --lg-p-0a0a0a:255,255,255;
  --lg-p-0a0e1a:255,255,255;
  --lg-p-0a0f1e:255,255,255;
  --lg-p-0b1628:255,255,255;
  --lg-p-0d1425:255,255,255;
  --lg-p-0d1528:255,255,255;
  --lg-p-0d1b2e:255,255,255;
  --lg-t-0090ff:#1f7bc1;
  --lg-t-009b7f:#147d6a;
  --lg-t-00b09a:#147d70;
  --lg-t-00d4b1:#158270;
  --lg-t-00e5c8:#157f71;
  --lg-t-00e5d1:#157f75;
  --lg-t-00ffcc:#15846e;
  --lg-t-059669:#147d5c;
  --lg-t-06b6d4:#177e90;
  --lg-t-0a84ff:#2175ca;
  --lg-t-10b981:#15815d;
  --lg-t-16a34a:#16853f;
  --lg-t-1ebe5d:#15803f;
  --lg-t-22c55e:#178841;
  --lg-t-22d3ee:#188292;
  --lg-t-25d366:#178540;
  --lg-t-2f7bff:#3271de;
  --lg-t-34d399:#1d845f;
  --lg-t-38bdf8:#1b7ba5;
  --lg-t-3b82f6:#2c6fdd;
  --lg-t-3d4f62:#64748b;
  --lg-t-475569:#64748b;
  --lg-t-4a5568:#64748b;
  --lg-t-4ade80:#18823e;
  --lg-t-4b5563:#64748b;
  --lg-t-4b8dff:#306fdd;
  --lg-t-4f83ff:#3c6cdf;
  --lg-t-52525b:#64748b;
  --lg-t-555555:#64748b;
  --lg-t-5a8099:#567b93;
  --lg-t-5badff:#2175c9;
  --lg-t-60a5fa:#2476db;
  --lg-t-60b3ff:#2076c5;
  --lg-t-64748b:#64748b;
  --lg-t-67e8f9:#167b88;
  --lg-t-6b7280:#64748b;
  --lg-t-71717a:#64748b;
  --lg-t-7a9bb5:#537895;
  --lg-t-7aaaff:#3572de;
  --lg-t-93b4d8:#4076b1;
  --lg-t-93c5fd:#2376d4;
  --lg-t-94a3b8:#475569;
  --lg-t-9ca3af:#475569;
  --lg-t-a1a1aa:#475569;
  --lg-t-a5b4fc:#4f68e2;
  --lg-t-c8dff2:#334155;
  --lg-t-c9fbf3:#147e6d;
  --lg-t-cbd5e1:#334155;
  --lg-t-d97706:#a5651b;
  --lg-t-dde6f0:#0f172a;
  --lg-t-e0e0e0:#334155;
  --lg-t-e2e8f0:#0f172a;
  --lg-t-e4e4e7:#0f172a;
  --lg-t-e4f0f8:#0f172a;
  --lg-t-e8f4f8:#0f172a;
  --lg-t-ef4444:#dd2d2d;
  --lg-t-f0f0f0:#0f172a;
  --lg-t-f1f1f1:#0f172a;
  --lg-t-f1f5f9:#0f172a;
  --lg-t-f472b6:#db2584;
  --lg-t-f59e0b:#966718;
  --lg-t-f87171:#dd3030;
  --lg-t-f8fafc:#0f172a;
  --lg-t-f97316:#b45b1d;
  --lg-t-fafafa:#0f172a;
  --lg-t-fb923c:#b4611d;
  --lg-t-fbbf24:#8e6c17;
  --lg-t-fca5a5:#de3434;
  --lg-t-fcd34d:#8f7317;
  --lg-t-fde68a:#877016;
  --lg-t-ff8197:#dc2949;
  --lg-t-ffffff:#0f172a;
}
select.form-control,.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:16px!important;padding-right:38px!important;-webkit-appearance:none;appearance:none}

/* Colores de estado que llegan desde PHP en atributos style */
html[data-theme="light"] [style^="color:#0090ff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#0090ff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#0090ff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #0090ff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #0090ff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #0090ff"]:not([style*="background"]){color:#1f7bc1!important}
html[data-theme="light"] [style^="color:#00bfff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#00bfff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#00bfff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #00bfff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #00bfff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #00bfff"]:not([style*="background"]){color:#1a7d9e!important}
html[data-theme="light"] [style^="color:#00d4b1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#00d4b1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#00d4b1"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #00d4b1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #00d4b1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #00d4b1"]:not([style*="background"]){color:#158270!important}
html[data-theme="light"] [style^="color:#00e5d1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#00e5d1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#00e5d1"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #00e5d1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #00e5d1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #00e5d1"]:not([style*="background"]){color:#157f75!important}
html[data-theme="light"] [style^="color:#059669"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#059669"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#059669"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #059669"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #059669"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #059669"]:not([style*="background"]){color:#147d5c!important}
html[data-theme="light"] [style^="color:#0a84ff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#0a84ff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#0a84ff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #0a84ff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #0a84ff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #0a84ff"]:not([style*="background"]){color:#2175ca!important}
html[data-theme="light"] [style^="color:#0ea5e9"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#0ea5e9"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#0ea5e9"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #0ea5e9"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #0ea5e9"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #0ea5e9"]:not([style*="background"]){color:#1b7da9!important}
html[data-theme="light"] [style^="color:#10b981"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#10b981"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#10b981"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #10b981"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #10b981"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #10b981"]:not([style*="background"]){color:#15815d!important}
html[data-theme="light"] [style^="color:#22c55e"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#22c55e"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#22c55e"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #22c55e"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #22c55e"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #22c55e"]:not([style*="background"]){color:#178841!important}
html[data-theme="light"] [style^="color:#22d3ee"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#22d3ee"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#22d3ee"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #22d3ee"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #22d3ee"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #22d3ee"]:not([style*="background"]){color:#188292!important}
html[data-theme="light"] [style^="color:#25d366"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#25d366"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#25d366"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #25d366"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #25d366"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #25d366"]:not([style*="background"]){color:#178540!important}
html[data-theme="light"] [style^="color:#2ca58d"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#2ca58d"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#2ca58d"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #2ca58d"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #2ca58d"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #2ca58d"]:not([style*="background"]){color:#238571!important}
html[data-theme="light"] [style^="color:#2f7bff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#2f7bff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#2f7bff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #2f7bff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #2f7bff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #2f7bff"]:not([style*="background"]){color:#3271de!important}
html[data-theme="light"] [style^="color:#34d399"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#34d399"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#34d399"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #34d399"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #34d399"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #34d399"]:not([style*="background"]){color:#1d845f!important}
html[data-theme="light"] [style^="color:#38bdf8"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#38bdf8"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#38bdf8"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #38bdf8"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #38bdf8"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #38bdf8"]:not([style*="background"]){color:#1b7ba5!important}
html[data-theme="light"] [style^="color:#3b82f6"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#3b82f6"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#3b82f6"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #3b82f6"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #3b82f6"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #3b82f6"]:not([style*="background"]){color:#2c6fdd!important}
html[data-theme="light"] [style^="color:#475569"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#475569"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#475569"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #475569"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #475569"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #475569"]:not([style*="background"]){color:#64748b!important}
html[data-theme="light"] [style^="color:#4ade80"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#4ade80"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#4ade80"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #4ade80"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #4ade80"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #4ade80"]:not([style*="background"]){color:#18823e!important}
html[data-theme="light"] [style^="color:#4b8dff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#4b8dff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#4b8dff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #4b8dff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #4b8dff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #4b8dff"]:not([style*="background"]){color:#306fdd!important}
html[data-theme="light"] [style^="color:#5a8099"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#5a8099"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#5a8099"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #5a8099"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #5a8099"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #5a8099"]:not([style*="background"]){color:#567b93!important}
html[data-theme="light"] [style^="color:#60a5fa"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#60a5fa"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#60a5fa"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #60a5fa"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #60a5fa"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #60a5fa"]:not([style*="background"]){color:#2476db!important}
html[data-theme="light"] [style^="color:#64748b"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#64748b"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#64748b"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #64748b"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #64748b"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #64748b"]:not([style*="background"]){color:#64748b!important}
html[data-theme="light"] [style^="color:#6b7280"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#6b7280"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#6b7280"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #6b7280"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #6b7280"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #6b7280"]:not([style*="background"]){color:#64748b!important}
html[data-theme="light"] [style^="color:#7aaaff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#7aaaff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#7aaaff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #7aaaff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #7aaaff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #7aaaff"]:not([style*="background"]){color:#3572de!important}
html[data-theme="light"] [style^="color:#94a3b8"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#94a3b8"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#94a3b8"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #94a3b8"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #94a3b8"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #94a3b8"]:not([style*="background"]){color:#475569!important}
html[data-theme="light"] [style^="color:#cbd5e1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#cbd5e1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#cbd5e1"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #cbd5e1"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #cbd5e1"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #cbd5e1"]:not([style*="background"]){color:#334155!important}
html[data-theme="light"] [style^="color:#d97706"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#d97706"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#d97706"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #d97706"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #d97706"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #d97706"]:not([style*="background"]){color:#a5651b!important}
html[data-theme="light"] [style^="color:#dde6f0"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#dde6f0"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#dde6f0"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #dde6f0"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #dde6f0"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #dde6f0"]:not([style*="background"]){color:#0f172a!important}
html[data-theme="light"] [style^="color:#ea580c"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#ea580c"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#ea580c"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #ea580c"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #ea580c"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #ea580c"]:not([style*="background"]){color:#b9531e!important}
html[data-theme="light"] [style^="color:#ec4899"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#ec4899"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#ec4899"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #ec4899"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #ec4899"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #ec4899"]:not([style*="background"]){color:#dc257f!important}
html[data-theme="light"] [style^="color:#ef4444"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#ef4444"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#ef4444"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #ef4444"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #ef4444"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #ef4444"]:not([style*="background"]){color:#dd2d2d!important}
html[data-theme="light"] [style^="color:#f1f5f9"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#f1f5f9"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#f1f5f9"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #f1f5f9"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #f1f5f9"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #f1f5f9"]:not([style*="background"]){color:#0f172a!important}
html[data-theme="light"] [style^="color:#f59e0b"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#f59e0b"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#f59e0b"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #f59e0b"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #f59e0b"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #f59e0b"]:not([style*="background"]){color:#966718!important}
html[data-theme="light"] [style^="color:#f5a623"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#f5a623"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#f5a623"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #f5a623"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #f5a623"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #f5a623"]:not([style*="background"]){color:#996919!important}
html[data-theme="light"] [style^="color:#f87171"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#f87171"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#f87171"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #f87171"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #f87171"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #f87171"]:not([style*="background"]){color:#dd3030!important}
html[data-theme="light"] [style^="color:#f97316"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#f97316"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#f97316"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #f97316"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #f97316"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #f97316"]:not([style*="background"]){color:#b45b1d!important}
html[data-theme="light"] [style^="color:#fb923c"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#fb923c"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#fb923c"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #fb923c"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #fb923c"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #fb923c"]:not([style*="background"]){color:#b4611d!important}
html[data-theme="light"] [style^="color:#fbbf24"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#fbbf24"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#fbbf24"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #fbbf24"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #fbbf24"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #fbbf24"]:not([style*="background"]){color:#8e6c17!important}
html[data-theme="light"] [style^="color:#fde68a"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#fde68a"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#fde68a"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #fde68a"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #fde68a"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #fde68a"]:not([style*="background"]){color:#877016!important}
html[data-theme="light"] [style^="color:#fff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#fff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#fff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #fff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #fff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #fff"]:not([style*="background"]){color:#0f172a!important}
html[data-theme="light"] [style^="color:#ffffff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color:#ffffff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color:#ffffff"]:not([style*="background"]),
html[data-theme="light"] [style^="color: #ffffff"]:not([style*="background"]),
html[data-theme="light"] [style*=";color: #ffffff"]:not([style*="background"]),
html[data-theme="light"] [style*="; color: #ffffff"]:not([style*="background"]){color:#0f172a!important}
html[data-theme="light"] .xbadge2,html[data-theme="light"] .xbadge{filter:brightness(.72) saturate(1.25)}
html[data-theme="light"] .td-stage-num,html[data-theme="light"] .rp-badge{filter:brightness(.78) saturate(1.2)}
html[data-theme="light"] .btn-outline-warning{color:var(--ot-amber)!important;border-color:rgba(217,119,6,.45)!important}

/* ── Color de marca elegido por el taller (Ajustes del negocio) ─────────── */
html[data-brand="verde"]{--ot-brand:#10b981;--ot-brand-hover:#34d399;--ot-brand-soft:rgba(16,185,129,.14);--ot-brand-text:#6ee7b7;--ot-brand-ring:rgba(16,185,129,.35);--ot-brand-glow:rgba(16,185,129,.4);--ot-brand-deco:rgba(16,185,129,.09);--ot-on-brand:#04130d}
html[data-brand="naranja"]{--ot-brand:#f97316;--ot-brand-hover:#fb923c;--ot-brand-soft:rgba(249,115,22,.14);--ot-brand-text:#fdba74;--ot-brand-ring:rgba(249,115,22,.35);--ot-brand-glow:rgba(249,115,22,.4);--ot-brand-deco:rgba(249,115,22,.08);--ot-on-brand:#1a0b02}
html[data-brand="coral"]{--ot-brand:#f43f5e;--ot-brand-hover:#fb7185;--ot-brand-soft:rgba(244,63,94,.14);--ot-brand-text:#fda4af;--ot-brand-ring:rgba(244,63,94,.35);--ot-brand-glow:rgba(244,63,94,.4);--ot-brand-deco:rgba(244,63,94,.08);--ot-on-brand:#fff}
html[data-brand="cian"]{--ot-brand:#06b6d4;--ot-brand-hover:#22d3ee;--ot-brand-soft:rgba(6,182,212,.14);--ot-brand-text:#67e8f9;--ot-brand-ring:rgba(6,182,212,.35);--ot-brand-glow:rgba(6,182,212,.4);--ot-brand-deco:rgba(6,182,212,.09);--ot-on-brand:#03141a}
html[data-brand="ambar"]{--ot-brand:#f59e0b;--ot-brand-hover:#fbbf24;--ot-brand-soft:rgba(245,158,11,.14);--ot-brand-text:#fcd34d;--ot-brand-ring:rgba(245,158,11,.35);--ot-brand-glow:rgba(245,158,11,.4);--ot-brand-deco:rgba(245,158,11,.08);--ot-on-brand:#1a1002}
html[data-theme="light"][data-brand="verde"]{--ot-brand:#059669;--ot-brand-hover:#047857;--ot-brand-soft:rgba(5,150,105,.10);--ot-brand-text:#047857;--ot-brand-ring:rgba(5,150,105,.22);--ot-brand-glow:rgba(5,150,105,.3);--ot-on-brand:#fff}
html[data-theme="light"][data-brand="naranja"]{--ot-brand:#ea580c;--ot-brand-hover:#c2410c;--ot-brand-soft:rgba(234,88,12,.10);--ot-brand-text:#c2410c;--ot-brand-ring:rgba(234,88,12,.22);--ot-brand-glow:rgba(234,88,12,.3);--ot-on-brand:#fff}
html[data-theme="light"][data-brand="coral"]{--ot-brand:#e11d48;--ot-brand-hover:#be123c;--ot-brand-soft:rgba(225,29,72,.09);--ot-brand-text:#be123c;--ot-brand-ring:rgba(225,29,72,.22);--ot-brand-glow:rgba(225,29,72,.3);--ot-on-brand:#fff}
html[data-theme="light"][data-brand="cian"]{--ot-brand:#0891b2;--ot-brand-hover:#0e7490;--ot-brand-soft:rgba(8,145,178,.10);--ot-brand-text:#0e7490;--ot-brand-ring:rgba(8,145,178,.22);--ot-brand-glow:rgba(8,145,178,.3);--ot-on-brand:#fff}
html[data-theme="light"][data-brand="ambar"]{--ot-brand:#d97706;--ot-brand-hover:#b45309;--ot-brand-soft:rgba(217,119,6,.10);--ot-brand-text:#b45309;--ot-brand-ring:rgba(217,119,6,.22);--ot-brand-glow:rgba(217,119,6,.3);--ot-on-brand:#fff}

/* Blanco y negro: acentos sin color y fondos neutros (sin tinte azul) */
html[data-brand="mono"]{--ot-brand:#f4f4f5;--ot-brand-hover:#ffffff;--ot-brand-soft:rgba(255,255,255,.10);--ot-brand-text:#ffffff;--ot-brand-ring:rgba(255,255,255,.28);--ot-brand-glow:rgba(255,255,255,.18);--ot-brand-deco:rgba(255,255,255,.04);--ot-on-brand:#0a0a0a;
  --ot-bg:#0a0a0a;--ot-bg-2:#0e0e0f;--ot-surface:#141415;--ot-surface-2:#1a1a1b;--ot-surface-3:#222224;--ot-border:#26262a;--ot-border-2:#323236;--ot-border-3:#45454a;
  --ot-text:#f4f4f5;--ot-text-2:#a1a1aa;--ot-text-3:#71717a;--ot-bg-deco-2:rgba(255,255,255,.03);--ot-glass:rgba(10,10,10,.82);--ot-glass-2:rgba(14,14,15,.94)}
html[data-theme="light"][data-brand="mono"]{--ot-brand:#111111;--ot-brand-hover:#000000;--ot-brand-soft:rgba(0,0,0,.07);--ot-brand-text:#111111;--ot-brand-ring:rgba(0,0,0,.18);--ot-brand-glow:rgba(0,0,0,.2);--ot-brand-deco:rgba(0,0,0,.035);--ot-on-brand:#ffffff;
  --ot-bg:#f5f5f5;--ot-bg-2:#fafafa;--ot-surface:#ffffff;--ot-surface-2:#f4f4f5;--ot-surface-3:#e9e9eb;--ot-border:#e4e4e7;--ot-border-2:#d4d4d8;--ot-border-3:#a1a1aa;
  --ot-text:#0a0a0a;--ot-text-2:#3f3f46;--ot-text-3:#71717a;--ot-bg-deco-2:rgba(0,0,0,.02);--ot-glass:rgba(255,255,255,.85);--ot-glass-2:rgba(255,255,255,.95)}