:root{--bg: #101C36;--surface: #18294D;--surface-2: #21345F;--accent: #D12435;--cyan: #5B8DEF;--text: #EAEEF7;--muted: #9DAAC6;--ok: #10B981;--warn: #F59E0B;--danger: #EF4444;--border: #2B3F69;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}a{color:var(--cyan);text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{width:100%;padding:10px 12px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{width:auto;min-width:0;padding:0;margin:0;accent-color:var(--accent);cursor:pointer;flex:0 0 auto;border-radius:4px}input[type=color]{width:46px;height:34px;padding:2px;cursor:pointer}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}.btn{background:var(--accent);color:#fff;border:none;padding:11px 16px;border-radius:10px;font-weight:600}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--accent);padding:8px}.btn.danger{background:var(--danger);color:#fff}.btn.cyan{background:var(--cyan);color:#fff}.btn:disabled{opacity:.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:12px}.row{display:flex;gap:10px;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted)}.small{font-size:12px}.badge{padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase}.tag-abierta{background:#1e3a5f;color:#7cc4ff}.tag-en_proceso{background:#5c4a13;color:#f7c948}.tag-cerrada{background:#143d2b;color:#34d399}.tag-critica{background:#4c1d1d;color:#fca5a5}.tag-alta{background:#5c4a13;color:#f7c948}.tag-media{background:#1e3a5f;color:#7cc4ff}.tag-baja{background:#273449;color:#cbd5e1}.tag-operativo{background:#143d2b;color:#34d399}.tag-en_mantenimiento{background:#5c4a13;color:#f7c948}.tag-fuera_de_servicio{background:#4c1d1d;color:#fca5a5}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;gap:12px}.topbar h1{font-size:16px;margin:0;flex:1}.brand{font-weight:800;letter-spacing:.5px}.brand span{color:var(--accent)}.content{flex:1;padding:16px 16px 90px;max-width:880px;width:100%;margin:0 auto}.tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:6px 4px env(safe-area-inset-bottom)}.tabbar a{color:var(--muted);display:flex;flex-direction:column;align-items:center;font-size:10px;gap:2px;padding:6px 10px}.tabbar a.active{color:var(--accent)}.tabbar .ic{font-size:18px}.list-item{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:10px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.kpi .n{font-size:28px;font-weight:800}.center{min-height:100%;display:grid;place-items:center;padding:24px}.banner{background:var(--warn);color:#1a1205;text-align:center;padding:6px;font-size:12px;font-weight:600}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:50;padding:24px 16px;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;width:100%;max-width:480px;margin:auto;text-align:left}.modal.wide{max-width:720px}.modal input,.modal select,.modal textarea{max-width:100%}.chk-item{border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px;background:var(--surface-2)}.seg{display:flex;gap:6px}.seg button{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted)}.seg button.on-ok{background:var(--ok);color:#06281b;border-color:var(--ok)}.seg button.on-falla{background:var(--danger);color:#2a0a0a;border-color:var(--danger)}.seg button.on-na{background:var(--muted);color:#14202e;border-color:var(--muted)}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.brand-row{display:flex;align-items:center;gap:8px}.brand-row img{height:26px;width:26px}.credit{text-align:center;color:var(--muted);font-size:11px;padding:14px 0 4px}.credit b{color:var(--accent)}.login-logo{width:72px;height:72px;margin:0 auto 6px;display:block}.gantt-scroll{overflow-x:auto}.gantt-row:nth-child(2n){background:#7f7f7f0d}@page{size:landscape}@media print{.topbar,.tabbar,.banner,.credit,.no-print{display:none!important}.content{padding:0;max-width:none}.gantt-scroll{overflow:visible!important}body{background:#fff;color:#000}.card{border:none}}.count-pill{display:inline-block;min-width:22px;padding:1px 9px;margin-left:6px;font-size:13px;font-weight:700;line-height:20px;text-align:center;color:#fff;background:var(--accent);border-radius:999px;vertical-align:middle}.imp-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--border)}.imp-chip.ok{background:#22c55e26;color:#22c55e;border-color:#22c55e66}.imp-chip.warn{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b66}.imp-chip.bad{background:#ef444426;color:#ef4444;border-color:#ef444466}.imp-table{width:100%;border-collapse:collapse;font-size:13px}.imp-table th,.imp-table td{padding:6px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.imp-table thead th{position:sticky;top:0;background:var(--surface-2);z-index:1}.imp-row.warn{background:#f59e0b0f}.imp-row.bad{background:#ef44440f}.imp-tag{padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.imp-tag.ok{background:#22c55e2e;color:#22c55e}.imp-tag.warn{background:#f59e0b2e;color:#f59e0b}.imp-tag.bad{background:#ef44442e;color:#ef4444}.list-item.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.bulk-bar{position:fixed;right:16px;bottom:74px;z-index:40;display:inline-flex;align-items:center;gap:8px;width:auto;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;box-shadow:0 10px 30px #00000080}.bulk-bar select{min-width:150px}.bulk-count{font-weight:700;color:#fff;background:var(--accent);padding:4px 12px;border-radius:999px;font-size:13px}.wo-row{display:flex;align-items:flex-start;gap:12px}.wo-check{margin-top:4px;flex:0 0 auto;width:20px;height:20px;cursor:pointer;accent-color:var(--accent);border-radius:6px;transition:transform .1s ease}.wo-check:hover{transform:scale(1.12)}.wo-body{flex:1 1 auto;min-width:0;cursor:pointer}.wo-title{min-width:0;overflow-wrap:anywhere}.wo-badges{flex:0 0 auto}.noti-trig{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;transition:border-color .1s}.noti-trig:hover{border-color:var(--accent)}.noti-trig.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.img-del{position:absolute;top:3px;right:3px;width:22px;height:22px;padding:0;line-height:20px;border:none;border-radius:50%;cursor:pointer;background:#ef4444eb;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0006}.img-del:hover{background:#dc2626;transform:scale(1.1)}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.viewas{display:flex;align-items:center;gap:4px}.viewas-lbl{font-size:11px;color:var(--muted)}.viewas select{padding:4px 6px;font-size:12px}.user-chip{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.user-name{font-size:12px;font-weight:600;color:var(--text);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-pill{font-size:10px;font-weight:700;letter-spacing:.3px;padding:1px 7px;border-radius:999px;margin-top:2px;color:#fff}.role-pill.role-admin{background:var(--accent)}.role-pill.role-supervisor{background:#2563eb}.role-pill.role-tecnico{background:#0d9488}@media (max-width: 560px){.viewas-lbl{display:none}.user-name{max-width:80px}}.noti-tabs{display:flex;flex-wrap:wrap;gap:6px}.noti-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600}.noti-tab:hover{border-color:var(--accent);color:var(--text)}.noti-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.noti-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.noti-dot.on{background:#22c55e}.noti-dot.off{background:#9ca3af}.noti-tab.active .noti-dot.on{box-shadow:0 0 0 2px #fff6}.dest-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 6px 3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);font-size:12px}.dest-x{border:none;background:#ef4444e6;color:#fff;width:16px;height:16px;border-radius:50%;font-size:10px;line-height:14px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dest-x:hover{background:#dc2626}.asset-group-h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);padding:6px 0 2px;border-bottom:2px solid var(--accent);margin-top:6px}.gs-btn{font-size:16px;padding:6px 10px}.gs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding-top:10vh}.gs-box{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 60px #00000080;overflow:hidden}.gs-input{border:none;border-bottom:1px solid var(--border);border-radius:0;font-size:15px;padding:14px 16px}.gs-input:focus{border-color:var(--accent)}.gs-results{max-height:60vh;overflow-y:auto}.gs-msg{padding:12px 16px}.gs-h{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px 16px 2px}.gs-item{display:flex;flex-direction:column;gap:2px;padding:8px 16px;cursor:pointer;border-left:3px solid transparent}.gs-item:hover{background:var(--surface-2);border-left-color:var(--accent)}.bulk-date{display:flex;flex-direction:column;gap:2px;color:var(--muted)}.bulk-date input{width:165px;padding:6px 8px}.role-pill.role-super_admin{background:#7c3aed}.bulk-panel{position:absolute;bottom:calc(100% + 10px);right:0;width:320px;max-width:calc(100vw - 32px);display:flex;flex-direction:column;gap:8px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 34px #0000008c;max-height:60vh;overflow:auto}.bulk-panel select,.bulk-panel input,.bulk-panel>button{width:100%;min-width:0}.bulk-panel .btn{justify-content:center}