:root{--green:#168774;--green2:#e8f5f1;--navy:#123744;--ink:#1e2933;--muted:#6b7782;--line:#e2e7e9;--bg:#f5f7f7;--red:#c33f38;--amber:#b36b16;--blue:#3176a9}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,Segoe UI,Arial,sans-serif}.shell{min-height:100vh}.shell>aside{position:fixed;inset:0 auto 0 0;width:245px;background:var(--navy);color:white;padding:24px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 7px 23px}.brand b{background:#38b99d;padding:9px;border-radius:10px;font-size:18px}.brand span{font-size:11px;letter-spacing:.08em;font-weight:800}.mall{background:#1b4652;border:1px solid #315862;border-radius:9px;padding:11px;margin-bottom:24px}.mall small,.mall strong{display:block}.mall small{font-size:9px;color:#a8bdc3;letter-spacing:.08em}.mall strong{font-size:12px;margin-top:4px}.shell nav{display:flex;flex-direction:column;gap:5px}.shell nav button{border:0;background:transparent;color:#c4d3d7;text-align:left;border-radius:8px;padding:12px;font-weight:700;cursor:pointer}.shell nav button.active{background:#205864;color:#fff}.shell nav button em{float:right;background:#ce5048;color:white;border-radius:12px;padding:2px 7px;font-style:normal;font-size:10px}.sidefoot{margin-top:auto;color:#78969e;font-size:9px;text-align:center;border-top:1px solid #31515b;padding-top:18px}main{margin-left:245px;padding:0 34px 45px}header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header h1{font-size:25px;margin:0 0 4px}header p,.toolbar p,.head p{margin:0;color:var(--muted);font-size:12px}.primary,.secondary{border-radius:8px;padding:10px 14px;border:1px solid #d8dfe2;background:#fff;font-weight:750;cursor:pointer}.primary{background:var(--green);border-color:var(--green);color:white}.flow{margin:20px 0;display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:11px;padding:12px 16px}.flow button{flex:1;border:0;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.flow button>b{width:34px;height:34px;border-radius:50%;background:var(--green2);color:var(--green);display:grid;place-items:center}.flow button span{font-weight:800}.flow button small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.flow>i{font-size:25px;color:#a8b2b7;margin:0 12px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpis article,.card{background:white;border:1px solid var(--line);border-radius:11px}.kpis article{padding:17px}.kpis span{font-size:10px;color:var(--muted);font-weight:800}.kpis strong{font-size:30px;display:block;margin:10px 0 5px}.kpis p{margin:0;color:var(--muted);font-size:10px}.danger,.red-text{color:var(--red)!important}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.card{padding:19px}.head,.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:15px}.head h2,.toolbar h2{margin:0 0 4px;font-size:16px}.head>button,.link{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer;font-size:11px}.next{width:100%;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;border:0;border-bottom:1px solid #edf0f1;background:white;text-align:left;padding:9px 0;cursor:pointer}.next time{background:var(--green2);color:#267563;border-radius:7px;padding:5px;text-align:center}.next time b,.next time span,.next>span b,.next>span small{display:block}.next time b{font-size:15px}.next time span{font-size:8px}.next>span small{color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.bar{display:grid;grid-template-columns:100px 1fr 36px;gap:12px;align-items:center;margin:17px 0;font-size:11px}.bar i{height:7px;background:#edf0f1;border-radius:6px;overflow:hidden}.bar i b{display:block;height:100%;background:var(--green)}.bar strong{text-align:right}.badge{display:inline-block;border-radius:15px;padding:4px 8px;font-size:9px;font-weight:800;white-space:nowrap}.badge.green{background:#e7f5f0;color:#16745f}.badge.red{background:#fbe8e6;color:#b73731}.badge.blue{background:#e7f2fa;color:#286f9f}.badge.amber{background:#fff0df;color:#a35e10}.badge.gray{background:#edf0f2;color:#66727c}.toolbar>div:last-child{display:flex;gap:8px}.filters{display:flex;gap:10px;margin-bottom:15px}.filters input,.filters select{border:1px solid #dce2e4;background:#fafbfb;border-radius:8px;padding:10px 12px;outline:0}.filters input{flex:1}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:840px}th{text-align:left;color:#74818a;font-size:9px;letter-spacing:.05em;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #edf0f1;font-size:11px;vertical-align:middle}td b,td small{display:block}td small{font-size:9px;color:var(--muted);margin-top:4px}.task{display:block;margin-top:6px;max-width:310px}.empty{text-align:center;color:var(--muted);padding:30px}.monthnav{display:flex;align-items:center;justify-content:center;gap:25px;margin:10px}.monthnav h3{margin:0;font-size:15px}.monthnav button{border:0;background:transparent;font-size:24px;cursor:pointer}.week,.days{display:grid;grid-template-columns:repeat(7,1fr)}.week b{background:#f6f8f8;color:#74818a;text-align:center;padding:9px;font-size:9px}.days{border:1px solid var(--line)}.day{min-height:95px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px;overflow:hidden}.day:nth-child(7n){border-right:0}.day>span{font-size:10px;color:#67737c}.day.outside{background:#fafafa}.event{display:block;width:100%;border:0;border-left:3px solid var(--green);border-radius:3px;background:#e9f5f1;color:#226e5e;text-align:left;font-size:8px;padding:5px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.event.certificacion{border-color:var(--amber);background:#fff4e5;color:#8b5619}.event.correctiva,.event.reparacion{border-color:var(--red);background:#fbe9e7;color:#a43934}.event.done{border-color:#849198;background:#eef1f2;color:#68747c}.legend{display:flex;gap:18px;justify-content:center;margin-top:15px;color:var(--muted);font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.preventive,.dot.completed{background:var(--green)}.dot.certification{background:var(--amber)}.dot.corrective{background:var(--red)}.backdrop{position:fixed;inset:0;background:#102f3ba8;z-index:50;display:grid;place-items:center;padding:20px;overflow:auto}.modal{width:min(590px,100%);max-height:94vh;overflow:auto;background:white;border-radius:13px;padding:22px;box-shadow:0 25px 70px #0b232d80}.modal.wide{width:min(880px,100%)}.modalHead{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.modalHead h2{margin:0 0 4px}.modalHead p{margin:0;color:var(--muted);font-size:11px}.modalHead>button{border:0;background:transparent;font-size:25px;cursor:pointer}.modal label{display:block;font-size:10px;font-weight:800;color:#58656e;margin:10px 0}.modal input,.modal select,.modal textarea{display:block;width:100%;border:1px solid #dbe1e3;border-radius:7px;padding:10px;margin-top:6px;font:inherit}.modal textarea{height:76px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.formgrid .full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.orderinfo{background:#f5f8f7;border-left:4px solid var(--green);padding:12px;border-radius:6px}.orderinfo b,.orderinfo span{display:block}.orderinfo span{font-size:10px;color:var(--muted);margin-top:3px}.orderinfo p{margin:8px 0 0}.assetdetail{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f8f8;padding:14px;border-radius:9px}.assetdetail div span,.assetdetail div b{display:block}.assetdetail div span{font-size:8px;color:var(--muted);font-weight:800}.assetdetail div b{font-size:11px;margin-top:4px}.assetdetail>p{grid-column:1/-1;margin:4px 0 0;border-top:1px solid var(--line);padding-top:10px;color:#52616a}.timeline{border-left:2px solid #d9e4e1;margin-left:8px;padding-left:22px}.timeline article{position:relative;display:grid;grid-template-columns:80px 1fr;gap:14px;padding:0 0 20px}.timeline article>i{position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--green);border:3px solid white;box-shadow:0 0 0 1px var(--green)}.timeline time{font-size:10px;color:var(--muted);font-weight:800}.timeline h4{margin:7px 0 4px}.timeline p{margin:0 0 5px;font-size:11px}.timeline small{color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;background:#173f39;color:white;border-radius:9px;padding:13px 18px;z-index:80;font-size:11px;font-weight:800;box-shadow:0 8px 24px #0003}
@media(max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.assetdetail{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell>aside{width:72px;padding:20px 10px}.brand span,.mall,.shell nav span,.sidefoot{display:none}.brand{padding-left:4px}.shell nav button{text-align:center;font-size:18px}.shell nav button em{font-size:8px}main{margin-left:72px;padding:0 13px 30px}header{height:78px}.flow{overflow:auto}.flow button small,.flow>i{display:none}.flow button{min-width:125px}.kpis{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.week,.days{min-width:680px}.card:has(#calendar){overflow:auto}}@media(max-width:470px){.kpis{grid-template-columns:1fr}.flow button span{font-size:10px}.primary{padding:9px;font-size:10px}.assetdetail{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr}.timeline time{margin-bottom:-8px}}