/* UI de referencia: dark industrial premium estable */
:root{--ref-bg:#0D0D0D;--ref-card:#11171b;--ref-card-2:#161616;--ref-line:#2d363d;--ref-text:#f5f5f5;--ref-muted:#aeb6bd;--ref-orange:#F27405;--ref-green:#22c55e;--ref-red:#ef4444;--ref-yellow:#f59e0b}
body{background:radial-gradient(circle at 16% 0%,rgba(242,116,5,.18),transparent 34rem),linear-gradient(180deg,#0d0d0d,#050505)!important;color:var(--ref-text)!important}
.topbar,.container{width:min(100% - 40px,1120px)!important}.topbar{background:#111!important;border:1px solid #2a2a2a!important;border-top:0!important;box-shadow:0 18px 45px rgba(0,0,0,.45)!important}.brand h1{font-size:1.25rem!important}.brand p{color:#b6bec5!important}.brand-mark{background:linear-gradient(135deg,#ff9800,#ffc400)!important;color:#111!important}
.card,.module-card,.checklist-card{background:linear-gradient(145deg,#11191e,#090d10)!important;border:1px solid var(--ref-line)!important;border-radius:18px!important;box-shadow:0 20px 48px rgba(0,0,0,.42)!important}.tabs{background:rgba(25,25,25,.96)!important;border:1px solid #343434!important;box-shadow:0 12px 40px rgba(0,0,0,.55)!important}.tab-btn.active{background:rgba(242,116,5,.22)!important;color:var(--ref-orange)!important;border-color:rgba(242,116,5,.55)!important}.tab-btn::after{font-size:11px!important}.tab-btn[data-target="inicioTab"]::after{content:"Dashboard"}.tab-btn[data-target="ordenesTab"]::after{content:"Tareas"}.tab-btn[data-target="checklistTab"]::after{content:"Check"}.tab-btn[data-target="consumosTab"]::after{content:"Consumos"}.tab-btn[data-target="equiposTab"]::after{content:"Equipos"}
#inicioTab>.module-card{display:none!important}.ref-dashboard{display:grid;gap:22px;padding:24px!important}.ref-head{display:flex;justify-content:space-between;align-items:flex-start}.ref-head h2{margin:.15rem 0 0;font-size:1.55rem;text-transform:uppercase}.ref-online{display:flex;align-items:center;gap:8px;color:#86efac;font-weight:900}.ref-online::before,.ref-led{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--ref-green);box-shadow:0 0 16px var(--ref-green)}.ref-led.warn{background:var(--ref-yellow);box-shadow:0 0 16px var(--ref-yellow)}.ref-led.danger{background:var(--ref-red);box-shadow:0 0 16px var(--ref-red)}.ref-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ref-stat{min-height:138px;padding:20px;border:1px solid var(--ref-line);border-radius:14px;background:linear-gradient(145deg,#151c21,#0b1014)}.ref-stat svg{width:30px;height:30px;color:var(--ref-orange);stroke-width:2.2}.ref-stat.warn svg{color:#facc15}.ref-stat.danger svg{color:var(--ref-red)}.ref-stat.ok svg{color:var(--ref-green)}.ref-stat strong{display:block;margin-top:22px;font-size:2.25rem;line-height:1}.ref-stat span{color:#d0d5da;font-size:.9rem}.ref-section-title{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.ref-section-title h3{margin:0;text-transform:uppercase;font-size:1.02rem}.ref-link{min-height:38px!important;padding:6px 14px!important;background:#171717!important;color:var(--ref-orange)!important;border:1px solid #333!important;box-shadow:none!important}.ref-equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ref-equipment-card{position:relative;min-height:178px;padding:20px;border:1px solid var(--ref-line);border-radius:14px;background:linear-gradient(145deg,#111b20,#081014);overflow:hidden}.ref-equipment-card .ref-led{position:absolute;left:18px;top:21px}.ref-equipment-card h4{margin:0 0 0 24px;font-size:1.15rem}.ref-eq-body{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:16px;margin-top:16px}.ref-machine-icon{width:86px;height:72px;border-radius:14px;background:rgba(255,255,255,.03);display:grid;place-items:center;color:#d8dee3;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.ref-machine-icon svg{width:46px;height:46px;stroke-width:1.8}.ref-eq-meta p,.ref-eq-meta small{display:block;margin:2px 0;color:#c6cdd3}.ref-code{display:inline-flex;margin-top:12px;padding:6px 9px;border:1px solid #3a444c;border-radius:8px;color:#e3e8ec;font-size:.78rem;font-weight:900}.ref-orders{border:1px solid var(--ref-line);border-radius:14px;overflow:hidden;background:#0b1014}.ref-order{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid #202b32}.ref-order:last-child{border-bottom:0}.ref-order strong{color:var(--ref-orange)}.ref-order span{display:block;color:#c8d0d6;font-size:.86rem}.ref-badge{padding:6px 10px;border-radius:8px;font-size:.75rem;font-weight:900}.ref-badge.warn{background:rgba(242,116,5,.2);color:#ffb86b}.ref-badge.danger{background:rgba(239,68,68,.2);color:#f87171}.ref-badge.ok{background:rgba(34,197,94,.18);color:#4ade80}.ref-empty{display:grid;place-items:center;gap:10px;min-height:92px;color:#9aa3aa}.ref-empty svg{width:30px;height:30px;color:#64717c}.sparkline-slot{margin-top:10px}.sparkline-slot svg{width:100%;height:28px}.sparkline-slot polyline{stroke:#22d3ee!important}
#equiposTab .module-card{position:relative}#equiposTab .module-card h2::before{content:"TODOS  SALA TÉRMICA  VAPOR  LIMPIEZA";display:block;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--ref-line);color:#c2c8ce;font-size:.78rem;word-spacing:16px}.list .item{padding:16px!important;border:1px solid var(--ref-line)!important}.ot-card strong{color:var(--ref-orange)!important}button{background:linear-gradient(135deg,#ff8a00,#ffc400)!important;color:#111!important;border-radius:12px!important}
@media(max-width:760px){.topbar,.container{width:min(100%,640px)!important}.ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-equipment-grid{grid-template-columns:1fr}.ref-dashboard{padding:20px!important}.ref-eq-body{grid-template-columns:78px 1fr}.ref-machine-icon{width:72px;height:62px}.ref-order{grid-template-columns:1fr auto}.ref-order time{display:none}}