/* SaaS Industrial Design System - Dark Premium */
:root{--bg:#0F172A;--surface:#1E293B;--surface2:#172033;--field:#0B1220;--border:#334155;--text:#F8FAFC;--muted:#94A3B8;--soft:#CBD5E1;--primary:#3B82F6;--primary2:#60A5FA;--ok:#10B981;--warn:#F59E0B;--danger:#EF4444;--radius:16px;--shadow:0 18px 46px rgba(2,6,23,.34);--navh:84px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0!important;min-height:100vh;padding-bottom:calc(var(--navh) + 24px)!important;background:radial-gradient(circle at 12% 0,rgba(59,130,246,.18),transparent 30rem),radial-gradient(circle at 92% 8%,rgba(16,185,129,.12),transparent 28rem),var(--bg)!important;color:var(--text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}body:before{display:none!important}.hidden{display:none!important}.container{width:100%;max-width:1440px;margin:0 auto;padding:20px!important}.topbar{position:sticky!important;top:0!important;z-index:70!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:18px 24px!important;background:rgba(15,23,42,.86)!important;border-bottom:1px solid rgba(148,163,184,.18)!important;box-shadow:none!important;backdrop-filter:blur(18px)!important}.brand{display:flex;align-items:center;gap:14px}.brand-mark,.login-logo-clean,.login-logo{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;flex:0 0 46px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--primary),var(--ok))!important;color:#fff!important;box-shadow:0 14px 32px rgba(59,130,246,.28)!important;font-weight:900!important}.topbar h1{margin:0!important;color:var(--text)!important;font-size:1.18rem!important;font-weight:850!important}.topbar p{margin:2px 0 0!important;color:var(--muted)!important;font-size:.86rem!important}.top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;flex-wrap:wrap!important}.status-pill{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;padding:0 12px!important;border:1px solid var(--border)!important;border-radius:999px!important;background:rgba(30,41,59,.76)!important;color:var(--soft)!important;font-size:.78rem!important;font-weight:800!important}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-online{color:#A7F3D0!important;border-color:rgba(16,185,129,.35)!important;background:rgba(16,185,129,.12)!important}.status-online:before{background:var(--ok);box-shadow:0 0 14px var(--ok)}.status-offline{color:#FECACA!important;border-color:rgba(239,68,68,.35)!important;background:rgba(239,68,68,.11)!important}.status-offline:before{background:var(--danger);box-shadow:0 0 14px var(--danger)}.card,.module-card,.checklist-card,.dashboard article,.item,.check-section,.ot-form,.ot-form-section,.seed-equipos-panel,.runtime-dashboard,.runtime-screen,.runtime-modal-card,.runtime-close-form,.runtime-info-card,.runtime-detail-item,.login-card,.login-form-clean{background:linear-gradient(180deg,rgba(30,41,59,.98),rgba(23,32,51,.98))!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:0 10px 28px rgba(2,6,23,.22)!important;color:var(--text)!important}.card,.module-card{padding:24px!important;margin-bottom:20px!important}.eyebrow{display:inline-flex!important;margin-bottom:8px!important;color:var(--primary2)!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}.muted,.item small{color:var(--muted)!important}.message{color:#FCA5A5!important;font-weight:700!important}h1,h2,h3{color:var(--text)!important;letter-spacing:-.04em!important}.module-card h2,.checklist-title h2,.runtime-head h2,.runtime-screen-head h2{font-size:clamp(1.55rem,3vw,2.25rem)!important;line-height:1.05!important;margin:0!important;font-weight:850!important}button,.login-primary-btn,.ot-menu-btn,.mobile-menu-item{min-height:46px!important;border:1px solid rgba(96,165,250,.24)!important;border-radius:var(--radius)!important;padding:0 18px!important;background:linear-gradient(135deg,var(--primary),#2563EB)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.24)!important;font-weight:800!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important}button:hover{filter:none!important;transform:translateY(-1px)!important;box-shadow:0 18px 36px rgba(37,99,235,.30)!important}button.secondary,.secondary-inline,.ot-back-btn,.logout-button,.runtime-secondary-btn{background:rgba(15,23,42,.92)!important;color:var(--soft)!important;border:1px solid var(--border)!important;box-shadow:none!important}.item button[onclick*="delete"],.ot-actions button[onclick*="delete"]{background:rgba(239,68,68,.12)!important;color:#FCA5A5!important;border-color:rgba(239,68,68,.34)!important;box-shadow:none!important}input,textarea,select{width:100%!important;min-height:48px!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;background:rgba(15,23,42,.92)!important;color:var(--text)!important;padding:12px 14px!important;font:inherit!important;outline:none!important}textarea{resize:vertical!important;line-height:1.45!important}input::placeholder,textarea::placeholder{color:#64748B!important}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 4px rgba(59,130,246,.16)!important;background:var(--field)!important}label{color:var(--soft)!important;font-weight:750!important}.app-shell{display:grid!important;gap:24px!important;align-items:start!important}.tabs{position:fixed!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;z-index:80!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;border:1px solid var(--border)!important;border-radius:24px!important;background:rgba(15,23,42,.92)!important;box-shadow:0 18px 50px rgba(2,6,23,.55)!important;backdrop-filter:blur(20px)!important}.tab-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:58px!important;padding:7px 4px!important;border:1px solid transparent!important;border-radius:18px!important;background:transparent!important;color:var(--muted)!important;box-shadow:none!important;font-size:0!important}.tab-btn svg{width:22px!important;height:22px!important;stroke-width:2.25!important}.tab-btn:after{font-size:10.5px!important;line-height:1!important;color:inherit!important;font-weight:800!important}.tab-btn[data-target="inicioTab"]:after{content:"Inicio"}.tab-btn[data-target="ordenesTab"]:after{content:"Órdenes"}.tab-btn[data-target="checklistTab"]:after{content:"Checklist"}.tab-btn[data-target="consumosTab"]:after{content:"Consumos"}.tab-btn[data-target="equiposTab"]:after{content:"Equipos"}.tab-btn:before{display:none!important}.tab-btn.active,.tab-btn:hover{background:rgba(59,130,246,.16)!important;border-color:rgba(96,165,250,.24)!important;color:#BFDBFE!important}.tab-content{display:none!important;min-width:0!important;width:100%!important}.tab-content.active{display:block!important}.mobile-home,.mobile-back-btn{display:none!important}.dashboard,.runtime-stats{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin-bottom:22px!important}.dashboard article,.runtime-stats article{position:relative!important;overflow:hidden!important;min-height:118px!important;padding:22px!important;background:linear-gradient(180deg,#1E293B,#172033)!important}.dashboard article:after,.runtime-stats article:after{content:"";position:absolute;right:20px;top:20px;width:10px;height:10px;border-radius:50%;background:var(--ok);box-shadow:0 0 18px var(--ok)}.dashboard strong,.runtime-stats strong{display:block!important;margin-top:16px!important;color:var(--text)!important;font-size:2.1rem!important;font-weight:900!important;letter-spacing:-.06em!important}.dashboard span,.runtime-stats span{color:var(--muted)!important;font-weight:750!important}.module-head,.runtime-head,.runtime-section-title,.runtime-screen-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:20px!important}.runtime-screen-head{padding-bottom:18px!important;border-bottom:1px solid var(--border)!important}.grid-form{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}.grid-form button{grid-column:1/-1!important}.list,.ot-list,.runtime-list,.runtime-orders{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin-top:18px!important}.item,.runtime-ot-card{position:relative!important;padding:20px!important;border-radius:var(--radius)!important;background:linear-gradient(180deg,#1E293B,#172033)!important;border:1px solid var(--border)!important;box-shadow:0 10px 28px rgba(2,6,23,.22)!important;transition:transform .15s ease,border-color .15s ease!important}.item:hover,.runtime-ot-card:hover{transform:translateY(-2px)!important;border-color:rgba(96,165,250,.45)!important}.item strong,.runtime-ot-card strong{color:var(--text)!important;font-size:1.03rem!important;font-weight:850!important}.item small,.runtime-ot-card span{color:var(--muted)!important;font-size:.88rem!important;line-height:1.35!important}.item:before,.ot-card:before{display:none!important}.item pre,.ot-card pre{display:none!important}.equipment-card{display:grid!important;grid-template-columns:auto 1fr!important;gap:18px!important;align-items:start!important;min-height:150px!important}.equipment-icon{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:18px!important;background:rgba(59,130,246,.14)!important;color:#93C5FD!important;border:1px solid rgba(96,165,250,.22)!important}.equipment-icon svg{width:30px!important;height:30px!important;stroke-width:2.1!important}.equipment-body{min-width:0!important;display:grid!important;gap:7px!important}.equipment-title{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.equipment-meta{color:var(--muted)!important;font-size:.9rem!important;line-height:1.35!important}.equipment-badge,.runtime-ot-card b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid rgba(16,185,129,.32)!important;background:rgba(16,185,129,.12)!important;color:#A7F3D0!important;font-size:.72rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}.runtime-ot-card.pending b{border-color:rgba(245,158,11,.34)!important;background:rgba(245,158,11,.12)!important;color:#FCD34D!important}.runtime-ot-card.danger b{border-color:rgba(239,68,68,.34)!important;background:rgba(239,68,68,.12)!important;color:#FCA5A5!important}.runtime-ot-card.warn b,.runtime-ot-card.work b{border-color:rgba(59,130,246,.34)!important;background:rgba(59,130,246,.12)!important;color:#BFDBFE!important}.runtime-ot-card{display:grid!important;grid-template-columns:1fr auto!important;gap:14px!important;align-items:center!important;border-left:0!important}.runtime-ot-actions{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:4px!important}.runtime-ot-actions button{width:auto!important;min-height:42px!important;padding:0 14px!important}.checklist-title{padding:24px!important;border-bottom:1px solid var(--border)!important}.check-section{padding:24px!important;margin-top:18px!important}.table-wrap{border:1px solid var(--border)!important;border-radius:var(--radius)!important;overflow:auto!important}.check-table{background:var(--field)!important;color:var(--text)!important}.check-table th{background:#111C30!important;color:#BFDBFE!important;border-color:var(--border)!important}.check-table td,.check-table .row-label{border-color:var(--border)!important;background:#0F172A!important;color:var(--soft)!important}.runtime-screen{width:min(100% - 24px,1180px)!important;margin:20px auto 110px!important;padding:24px!important}.runtime-modal{position:fixed!important;inset:0!important;z-index:9999!important;display:grid!important;place-items:center!important;padding:18px!important;background:rgba(2,6,23,.78)!important;backdrop-filter:blur(12px)!important;overflow:auto!important}.runtime-modal-card{width:min(100%,980px)!important;max-height:calc(100vh - 36px)!important;overflow:auto!important;padding:26px!important;border-radius:24px!important}.runtime-modal-close{position:absolute!important;top:18px!important;right:18px!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;background:rgba(15,23,42,.92)!important;box-shadow:none!important}.runtime-modal-title h2{margin:0 56px 22px 0!important;font-size:clamp(1.45rem,4vw,2.25rem)!important}.runtime-detail-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:16px 0 20px!important}.runtime-detail-item{padding:15px!important;box-shadow:none!important}.runtime-detail-item span{display:block!important;color:var(--muted)!important;font-size:.72rem!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.08em!important;margin-bottom:5px!important}.runtime-detail-item strong{display:block!important;color:var(--text)!important;font-size:.98rem!important}.runtime-detail-sections{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.runtime-info-card{padding:18px!important;box-shadow:none!important}.runtime-info-card h3,.runtime-close-form h3{margin:0 0 10px!important;font-size:1rem!important;font-weight:850!important;color:var(--text)!important}.runtime-description{white-space:pre-wrap!important;line-height:1.55!important;color:var(--soft)!important;margin:0!important}.runtime-close-form{display:grid!important;gap:14px!important;margin-top:18px!important;padding:18px!important;box-shadow:none!important}.runtime-file-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.runtime-file-grid label{display:grid!important;gap:8px!important;padding:14px!important;border:1px dashed var(--border)!important;border-radius:var(--radius)!important;background:rgba(15,23,42,.72)!important}.runtime-empty{display:grid!important;place-items:center!important;min-height:120px!important;border:1px dashed var(--border)!important;border-radius:var(--radius)!important;background:rgba(15,23,42,.7)!important;color:var(--muted)!important}.login-card{padding:28px!important;max-width:480px!important;margin:44px auto!important}.login-header-clean h1{color:var(--text)!important}.login-header-clean p{color:var(--muted)!important}.password-reset-link{background:transparent!important;color:#BFDBFE!important;box-shadow:none!important;border-color:var(--border)!important}@media(min-width:700px){.dashboard,.runtime-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.list,.ot-list,.runtime-list,.runtime-orders{grid-template-columns:repeat(2,minmax(0,1fr))!important}.runtime-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.runtime-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1024px){body{padding-bottom:0!important}.container{padding:28px!important}.app-shell{grid-template-columns:260px minmax(0,1fr)!important}.tabs{position:sticky!important;top:92px!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;width:260px!important;padding:14px!important;border-radius:24px!important;background:rgba(30,41,59,.72)!important;box-shadow:0 10px 28px rgba(2,6,23,.22)!important}.tab-btn{display:grid!important;grid-template-columns:24px 1fr!important;min-height:50px!important;justify-content:start!important;text-align:left!important;padding:0 14px!important;font-size:.95rem!important;color:var(--soft)!important}.tab-btn:after{content:none!important}.tab-btn svg{grid-column:1!important;grid-row:1!important}.tab-btn .nav-label{display:block!important;grid-column:2!important}.dashboard,.runtime-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.grid-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.list,.ot-list,.runtime-list,.runtime-orders{grid-template-columns:repeat(3,minmax(0,1fr))!important}.runtime-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:520px){.container{padding:16px!important}.topbar{padding:14px 16px!important}.topbar p{display:none!important}.brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important}.tabs{left:8px!important;right:8px!important;bottom:8px!important;padding:8px!important;gap:5px!important;border-radius:22px!important}.tab-btn{min-height:54px!important;border-radius:16px!important}.tab-btn:after{font-size:9px!important}.module-head,.runtime-head,.runtime-section-title,.runtime-screen-head{flex-direction:column!important;align-items:stretch!important}.runtime-ot-card{grid-template-columns:1fr!important}.runtime-ot-actions button{flex:1!important}}