:root{--n:#071a2e;--n2:#0c2d4e;--b:#1477e8;--bg:#edf3f8;--c:#fff;--t:#162b3f;--m:#6c8092;--l:#dbe5ed;--r:#dc3545;--g:#0da36b;--a:#e4a11b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:14px/1.45 system-ui,Segoe UI,Arial}header{height:58px;background:var(--n);color:#fff;display:flex;align-items:center;gap:18px;padding:0 18px;position:sticky;top:0;z-index:20}header b{font-size:20px}header i{flex:1}#hamb{display:none;background:none;border:0;color:#fff;font-size:22px}aside{position:fixed;top:58px;bottom:0;width:240px;background:var(--n);padding:10px;overflow:auto;z-index:19}.brand{padding:10px;color:#fff;font-size:20px;font-weight:800}.brand small{display:block;font-size:9px;color:#a9bfd3}aside a{display:block;padding:9px 11px;color:#dce9f5;text-decoration:none;border-radius:8px}aside a:hover{background:var(--n2)}main{margin-left:240px;padding:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card{background:var(--c);border:1px solid var(--l);border-radius:12px;padding:16px;min-width:0}.hero{background:linear-gradient(120deg,#071a2e,#0e4779);color:#fff}.s12{grid-column:span 12}.s8{grid-column:span 8}.s7{grid-column:span 7}.s6{grid-column:span 6}.s5{grid-column:span 5}.s4{grid-column:span 4}.s3{grid-column:span 3}.kpi strong{font-size:29px;display:block}.kpi small{color:var(--m)}h1,h2,h3{margin:0 0 12px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar .grow{flex:1}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 13px;background:var(--b);color:#fff;text-decoration:none;cursor:pointer}.red{background:var(--r)}.green{background:var(--g)}.gray{background:#60788d}.amber{background:var(--a)}input,select,textarea{width:100%;padding:10px;border:1px solid #c8d6e2;border-radius:8px;background:#fff;font:inherit}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:9px;border-bottom:1px solid var(--l);text-align:left}th{font-size:11px;color:var(--m)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.ok{background:#daf5e8;color:#087247}.warn{background:#fff0c8;color:#805500}.bad{background:#ffe0e2;color:#a2101b}.notice{padding:12px;border-left:4px solid var(--r);background:#fff1f2;border-radius:8px}.mapfake{height:420px;border-radius:10px;background:linear-gradient(135deg,#dbe8ef,#c5d6df);display:grid;place-items:center;font-size:25px;font-weight:800;color:#708596}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.actions .btn{min-height:52px}.tabs{display:flex;gap:7px;overflow:auto;margin:0 0 12px}.tabs span{white-space:nowrap;background:#e7eef5;padding:7px 10px;border-radius:8px}.camera{width:100%;max-height:360px;background:#0a1722;border-radius:10px;object-fit:cover}@media(max-width:900px){#hamb{display:block}aside{transform:translateX(-100%);transition:.2s}aside.open{transform:none}main{margin-left:0;padding:10px}.s8,.s7,.s6,.s5,.s4,.s3{grid-column:span 12}.form{grid-template-columns:1fr}header span{display:none}}@media print{aside,header,.noprint{display:none!important}main{margin:0;padding:0}.card{border:0}body{background:#fff}}
/* Menú lateral colapsable aprobado */
#hamb{display:block;cursor:pointer}
aside,main{transition:transform .2s ease,margin-left .2s ease,width .2s ease}
body.side-collapsed aside{transform:translateX(-100%)}
body.side-collapsed main{margin-left:0}
.side-backdrop{display:none}
@media(max-width:900px){
  #hamb{display:block}
  aside{transform:translateX(-100%);box-shadow:10px 0 30px rgba(0,0,0,.25)}
  aside.open{transform:translateX(0)}
  body.side-collapsed aside{transform:translateX(-100%)}
  main,body.side-collapsed main{margin-left:0;padding:10px}
  .side-backdrop{display:block;position:fixed;inset:58px 0 0 0;background:rgba(0,0,0,.38);z-index:18;opacity:0;visibility:hidden;transition:.2s}
  .side-backdrop.open{opacity:1;visibility:visible}
}