/* Layout industrial estable: escritorio ancho + móvil compacto */
.hidden{display:none!important}
body{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(255,140,0,.14),transparent 34rem),#0D0D0D!important}
.topbar,.container{width:min(100% - 48px,1280px)!important;margin-left:auto!important;margin-right:auto!important}
.topbar{top:0!important;margin-top:0!important;border-radius:0 0 18px 18px!important;padding:18px 22px!important;min-height:78px!important}
.brand::before{content:"☰";display:grid;place-items:center;width:38px;height:38px;margin-right:4px;color:#f5f5f5;font-size:1.45rem;font-weight:900}.brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important}.topbar h1{font-size:1.22rem!important;text-transform:uppercase}.topbar p{font-size:.86rem!important}.top-actions{width:auto!important;margin-left:auto}.logout-button{display:none!important}.status-pill{border:0!important;background:transparent!important;padding-left:18px!important;position:relative;font-size:.9rem!important}.status-pill::before{content:"";position:absolute;left:0;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e}
.container{padding:28px 0 118px!important}.app-shell:not(.hidden){display:block!important}#loginPanel:not(.hidden)~#appPanel,#appPanel.hidden{display:none!important}
.card,.module-card,.checklist-card{margin-bottom:20px!important;padding:24px!important;background:linear-gradient(145deg,#1A1A1A,#101417)!important;border:1px solid #333!important;border-radius:16px!important}.module-head,.checklist-title{margin-bottom:18px!important}.eyebrow{font-size:.72rem!important;margin-bottom:6px!important}.module-card h2,.checklist-title h2{font-size:1.3rem!important;line-height:1.15!important}
.dashboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;margin-bottom:22px!important}.dashboard article{min-height:116px!important;padding:18px 16px!important;border-radius:14px!important;background:linear-gradient(145deg,#171d22,#0d1114)!important}.dashboard strong{font-size:1.85rem!important;margin-top:6px}.dashboard span{display:block;font-size:.78rem!important;line-height:1.25}
.ot-list,.list{display:grid!important;gap:14px!important}.item,.ot-card,.scada-card{border-radius:14px!important;background:linear-gradient(145deg,#202326,#151719)!important}
.tabs{width:min(calc(100% - 48px),1280px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:14px!important;padding:10px!important;border-radius:18px!important}.tab-btn{min-height:62px!important}.tab-btn.active{color:var(--primary)!important}
#ordenesTab .ot-module,#equiposTab .module-card,#checklistTab .checklist-card,#consumosTab .module-card{max-width:none!important;width:100%!important}.grid-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ot-form .grid-form{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ot-form textarea{width:100%!important}
@media(max-width:759px){.topbar,.container{width:min(100%,640px)!important}.container{padding:22px 16px 104px!important}.topbar{border-radius:0 0 18px 18px!important}.tabs{width:min(calc(100% - 24px),616px)!important;bottom:10px!important}.dashboard{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.dashboard article{padding:14px 10px!important;min-height:88px!important}.dashboard strong{font-size:1.35rem!important}.dashboard span{font-size:.66rem!important}.grid-form,.ot-form .grid-form{grid-template-columns:1fr!important}}
@media(max-width:520px){.topbar{border-radius:0!important}}