:root{--bg:#f5f7fa;--card:#fff;--txt:#1d2733;--muted:#66727f;--borde:#dde3ea;--pri:#0b7285;--pri-h:#095e6e;--ok:#1d7a46;--ok-bg:#e4f5ea;--err:#b42318;--err-bg:#fdecea;--warn:#9a6200;--warn-bg:#fff4dc}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--txt);font-size:15px}a{color:var(--pri);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.4rem;margin:.2rem 0 .8rem}h2{font-size:1.1rem;margin:1.4rem 0 .6rem}.contenido{max-width:1200px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.nav{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;padding:10px 16px;background:var(--pri)}.nav,.nav a{color:#fff}.nav .marca{font-weight:700;font-size:1.15rem}.nav nav{display:flex;flex-wrap:wrap;gap:4px 14px;flex:1 1}.nav .usuario{font-size:.9rem;opacity:.9}.titulo{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:8px}.acciones,.titulo{display:flex;flex-wrap:wrap}.acciones{gap:8px;align-items:center}.volver{font-size:.9rem}.card{background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:16px;margin-bottom:16px}.dos{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}.dos,.kpis{display:grid}.kpis{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.kpi{background:var(--card);border:1px solid var(--borde);border-radius:10px;padding:12px;color:var(--txt)}.kpi b{display:block;font-size:1.7rem}dl.datos{display:grid;grid-template-columns:max-content 1fr;grid-gap:6px 14px;gap:6px 14px;margin:0}dl.datos dt{color:var(--muted)}dl.datos dd{margin:0}form label{display:flex;flex-direction:column;gap:4px;font-size:.88rem;color:var(--muted)}form label.check{flex-direction:row;align-items:center;gap:8px;color:var(--txt);font-size:.95rem}input,select,textarea{font:inherit;padding:9px 10px;border:1px solid var(--borde);border-radius:7px;background:#fff;color:var(--txt);width:100%}textarea{min-height:70px}input[type=checkbox]{width:18px;height:18px}td input{min-width:70px}.boton,button{font:inherit;display:inline-block;padding:9px 16px;border:0;border-radius:7px;background:var(--pri);color:#fff;cursor:pointer;text-align:center}.boton:hover,button:hover{background:var(--pri-h);text-decoration:none}.boton.sec,button.sec{background:#fff;color:var(--pri);border:1px solid var(--pri)}button.peligro{background:var(--err)}.boton.chico,button.chico{padding:5px 10px;font-size:.85rem}.form-fila{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.form-fila+.acciones,.form-fila+.form-fila,.form-fila+button,.tabla-wrap+.acciones,.tabla-wrap+button{margin-top:12px}.tabla-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--card)}td,th{padding:8px 10px;border-bottom:1px solid var(--borde);text-align:left;vertical-align:top}th{font-size:.78rem;text-transform:uppercase;color:var(--muted);background:#fafbfc}td.n,th.n{text-align:right}tr.falta td{background:var(--err-bg)}.alerta{padding:10px 12px;border-radius:7px;margin-bottom:12px}.alerta.error{background:var(--err-bg);color:var(--err)}.alerta.ok{background:var(--ok-bg);color:var(--ok)}.alerta.warn{background:var(--warn-bg);color:var(--warn)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.8rem;background:#e8edf2;white-space:nowrap}.b-conforme,.b-disponible,.b-finalizada,.b-liberado,.b-negativo{background:var(--ok-bg);color:var(--ok)}.b-en_cirugia,.b-en_curso{background:#e3eefc;color:#1b4f9c}.b-en_checklist,.b-en_esterilizacion,.b-en_proceso,.b-enviado{background:#efe7fb;color:#5b2f9c}.b-cuarentena,.b-cuarentena_ib,.b-incompleta,.b-pendiente{background:var(--warn-bg);color:var(--warn)}.b-anulada,.b-anulado,.b-baja,.b-bloqueada,.b-no_conforme,.b-positivo,.b-rechazado{background:var(--err-bg);color:var(--err)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.qr-box{width:200px;max-width:100%}.qr-box svg{width:100%;height:auto;display:block}.vacio{padding:12px 0}.foto{max-width:260px;width:100%;border-radius:8px;border:1px solid var(--borde)}.hoja-qr{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8mm;gap:8mm}.etiqueta{border:1px dashed #999;padding:4mm;text-align:center;page-break-inside:avoid;break-inside:avoid;background:#fff}.etiqueta svg{width:45mm;height:45mm}.etiqueta .cod{font-weight:700;font-size:13pt}.etiqueta .nom{font-size:9pt}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tabs a{padding:6px 12px;border-radius:7px;border:1px solid var(--borde);background:#fff}.tabs a.activo{background:var(--pri);color:#fff;border-color:var(--pri)}@media (max-width:600px){.hoja-qr{grid-template-columns:repeat(2,1fr)}}@media print{.acciones,.nav,.no-print,.tabs,form.filtros{display:none!important}body{background:#fff;font-size:11pt}.contenido{padding:0;max-width:none}.card{border:0;padding:0}.hoja-qr{grid-template-columns:repeat(3,1fr)}}body:has(.l-pagina) .nav{display:none}@media (max-width:700px){.nav{gap:6px 12px}.nav .marca{order:1}.nav .usuario{order:2;margin-left:auto}.nav nav{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;gap:16px}.nav nav a{white-space:nowrap}}