/* ===== Residencia · CM — sistema visual =====
   Tokens (claro / oscuro), tipografía, superficies, botones en tres niveles (primario, secundario, fantasma),
   tablas, pestañas segmentadas, píldoras, formularios compactos. Las clases son las de siempre. */
:root{
  --bg:#f3ede6;--card:#fffdfa;--ink:#2a1e16;--ink2:#4b3b2f;--muted:#7a685b;--line:#e6dacd;--line2:#cdbba9;
  --acc:#c2410c;--acc-h:#a8380a;--acc2:#ffe9d9;--acc-ink:#fff;
  --ok:#2f7d32;--okbg:#e3f3df;--warn:#8a5a00;--warnbg:#fdf0c2;--bad:#b42318;--badbg:#fde4e0;--low:#1d5fbf;
  --soft:#faf5ef;--soft2:#f0e6da;--tab:#eadfd2;--pill:#f0e6da;--input:#fff;--code:#faf5ef;--zebra:#fbf6f0;
  --barra:#7c2d12;--barra-ink:#fff4ea;--barra-act:rgba(255,255,255,.18);--th:#f7d3ab;--th-ink:#5a3410;
  --sombra:0 1px 2px rgba(60,30,10,.06),0 1px 3px rgba(60,30,10,.06);--sombra2:0 8px 28px rgba(60,30,10,.16);
  --fs:13.5px;--esp:1;--radio:0px;--radio-s:7px;--fuente:Inter,"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace}
:root[data-theme="dark"]{
  --bg:#110c09;--card:#1b1511;--ink:#f2e9e0;--ink2:#d9c9ba;--muted:#a8968a;--line:#30261f;--line2:#45372d;
  --acc:#fb923c;--acc-h:#fdba74;--acc2:#3a2415;--acc-ink:#1a0e06;
  --ok:#7ad98a;--okbg:#16291a;--warn:#f5c54b;--warnbg:#382d0c;--bad:#ff8a7a;--badbg:#3a1714;--low:#8dbdff;
  --soft:#211a15;--soft2:#2b221c;--tab:#251d17;--pill:#2f251e;--input:#140f0c;--code:#140f0c;--zebra:#1f1813;
  --barra:#2a1a10;--barra-ink:#fde7d4;--barra-act:rgba(251,146,60,.22);--th:#3a2415;--th-ink:#f6c79a;
  --sombra:0 1px 2px rgba(0,0,0,.35);--sombra2:0 12px 32px rgba(0,0,0,.5)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#110c09;--card:#1b1511;--ink:#f2e9e0;--ink2:#d9c9ba;--muted:#a8968a;--line:#30261f;--line2:#45372d;
  --acc:#fb923c;--acc-h:#fdba74;--acc2:#3a2415;--acc-ink:#1a0e06;
  --ok:#7ad98a;--okbg:#16291a;--warn:#f5c54b;--warnbg:#382d0c;--bad:#ff8a7a;--badbg:#3a1714;--low:#8dbdff;
  --soft:#211a15;--soft2:#2b221c;--tab:#251d17;--pill:#2f251e;--input:#140f0c;--code:#140f0c;--zebra:#1f1813;
  --barra:#2a1a10;--barra-ink:#fde7d4;--barra-act:rgba(251,146,60,.22);--th:#3a2415;--th-ink:#f6c79a;
  --sombra:0 1px 2px rgba(0,0,0,.35);--sombra2:0 12px 32px rgba(0,0,0,.5)}}
*{box-sizing:border-box}
html{color-scheme:light dark;-webkit-text-size-adjust:100%}
html{font-size:var(--fs)}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.4 var(--fuente);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
::selection{background:var(--acc2)}
/* barra superior */
header.top{background:var(--barra);color:var(--barra-ink);border-bottom:1px solid rgba(0,0,0,.25);position:sticky;top:0;z-index:5;box-shadow:var(--sombra)}
header nav{display:flex;align-items:center;gap:4px;padding:6px 14px;max-width:1800px;margin:0 auto;flex-wrap:wrap}
header .brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--barra-ink);letter-spacing:-.01em;margin-right:8px;padding:4px 6px 4px 2px}
header .brand .marca{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:0;background:linear-gradient(135deg,#fb923c,#e11d48);color:#fff;font-size:0.815rem;font-weight:800;letter-spacing:0}
header .brand:hover{text-decoration:none}
header nav>a:not(.brand){padding:5px 10px;border-radius:var(--radio-s);color:var(--barra-ink);opacity:.86;font-weight:500}
header nav>a:not(.brand):hover{background:var(--barra-act);text-decoration:none;opacity:1}
header nav>a.act{background:var(--barra-act);color:var(--barra-ink);opacity:1;font-weight:650;border-bottom:0}
header .buscar{margin-left:6px}header .buscar input{padding:5px 10px 5px 28px;border:1px solid rgba(255,255,255,.18);color:var(--ink);border-radius:var(--radio-s);width:220px;height:2.222rem;background:var(--soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d96a5' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 9px 50%/14px no-repeat}
header .buscar input:focus{background-color:var(--input)}
.spacer{flex:1}.quien{font-weight:600;padding:3px 9px;border-radius:999px;background:var(--barra-act);color:var(--barra-ink);font-size:0.926rem}
.tema{background:none;border:1px solid var(--line);border-radius:var(--radio-s);color:var(--muted);cursor:pointer;padding:4px 9px;font:inherit;font-size:0.926rem;line-height:1.333rem}
.tema:hover{border-color:var(--line2);color:var(--ink);background:var(--soft)}
main{max-width:1800px;margin:0 auto;padding:calc(14px*var(--esp)) calc(16px*var(--esp)) 32px}
/* tipografía */
h1{font-size:1.333rem;margin:0 0 8px;font-weight:650;letter-spacing:-.012em}h1 .normal{font-weight:400}
h1 small,h1 .muted{font-size:0.963rem;font-weight:500;letter-spacing:0}
h2{font-size:0.852rem;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}
h3{font-size:1rem;margin:12px 0 6px;font-weight:650}
small,.muted{color:var(--muted)}
/* superficies */
.caja{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);padding:calc(12px*var(--esp)) calc(14px*var(--esp));margin-bottom:calc(12px*var(--esp));box-shadow:var(--sombra)}
.caja.chica{max-width:560px;margin:30px auto}
.barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1000px){.cols{grid-template-columns:1fr}}
/* botones: primario (lleno), sec (contorno), peligro */
.btn{display:inline-flex;align-items:center;gap:5px;background:var(--acc);color:var(--acc-ink);border:1px solid transparent;border-radius:var(--radio-s);padding:5px 12px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap;line-height:1.333rem;transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:var(--sombra)}
.btn:hover{background:var(--acc-h);text-decoration:none}
.btn.sec{background:var(--card);color:var(--ink2);border-color:var(--line2);box-shadow:none;font-weight:500}
.btn.sec:hover{background:var(--soft);border-color:var(--muted);color:var(--ink)}
.btn.chico{padding:2px 9px;font-size:0.926rem;line-height:1.333rem}.btn.grande{padding:14px;font-size:1.185rem;justify-content:center}
.btn.peligro{background:var(--card);color:var(--bad);border-color:var(--badbg);box-shadow:none}.btn.peligro:hover{background:var(--badbg)}
.grid-botones{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.msgs .msg{margin-bottom:8px}
.msg{padding:8px 12px;border-radius:var(--radio-s);background:var(--acc2);border-left:3px solid var(--acc)}
.msg.success{background:var(--okbg);color:var(--ok);border-left-color:var(--ok)}.msg.warning{background:var(--warnbg);color:var(--warn);border-left-color:var(--warn)}.msg.error{background:var(--badbg);color:var(--bad);border-left-color:var(--bad)}
/* píldoras */
.pill{display:inline-block;border-radius:0;padding:2px 9px;font-size:0.889rem;background:var(--pill);margin:1px 2px 1px 0;font-weight:500;line-height:1.333rem}
.pill.chico{padding:0 7px;font-size:0.815rem}
.pill.verde{background:var(--okbg);color:var(--ok)}.pill.amarillo{background:var(--warnbg);color:var(--warn)}.pill.rojo{background:var(--badbg);color:var(--bad)}.pill.gris{background:var(--soft2);color:var(--ink2)}
/* pestañas segmentadas */
.tabs{display:inline-flex;gap:2px;margin-bottom:10px;background:var(--soft2);padding:3px;border-radius:var(--radio-s)}
.tab{padding:5px 13px;border-radius:calc(var(--radio-s) - 2px);color:var(--muted);font-weight:500;line-height:1.333rem}
.tab:hover{color:var(--ink);text-decoration:none}
.tab.act{background:var(--card);color:var(--ink);font-weight:600;box-shadow:var(--sombra)}
/* tablas */
.tabla-scroll{overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra)}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
th{text-align:left;font-size:0.778rem;color:var(--th-ink);font-weight:650;text-transform:uppercase;letter-spacing:.04em;padding:calc(7px*var(--esp)) 9px;white-space:nowrap;border-bottom:1px solid var(--line2);background:var(--th);position:sticky;top:0;z-index:1}
td{padding:calc(6px*var(--esp)) 9px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:last-child td{border-bottom:0}
table.pase{font-size:.852rem}
table.pase td{padding:calc(4px*var(--esp)) 7px;line-height:1.3}
table.pase td.txt{font-size:.815rem;min-width:120px;max-width:280px;white-space:normal;overflow-wrap:anywhere}
table.pase td.txt>div{max-height:none;overflow:visible}
table.pase td.pac .fi{font-weight:500;color:var(--ink2)}
table.pase td.cama{width:56px}table.pase td.pac{min-width:160px}
table.pase td.cama b{display:inline-block;min-width:36px;text-align:center;padding:1px 6px;border-radius:0;background:var(--acc2);color:var(--acc);font-weight:650;font-size:0.926rem}
table.pase tbody tr:not(.vacia):hover td{background:var(--soft)}
table.pase tr.vacia td{padding-top:3px;padding-bottom:3px;background:transparent}
table.pase tr.vacia td.cama b{background:transparent;color:var(--muted);font-weight:500}
table.pase tr.vacia td.pac a{color:var(--muted);font-size:0.926rem;opacity:.55}
table.pase tr.vacia:hover td.pac a{opacity:1;color:var(--acc)}
table.compacta td,table.compacta th{padding:4px 8px;font-size:0.963rem}
table.compacta tbody tr:hover td{background:var(--soft)}
tr.positivo td{background:var(--badbg)}
tr.completo td{background:var(--okbg)}
td.alto,span.alto b{color:var(--bad)}td.bajo,span.bajo b{color:var(--low)}
td.centro{text-align:center}
.chk{background:none;border:0;font-size:1.481rem;cursor:pointer;line-height:1;padding:0 4px;color:var(--ink)}.chk.auto{color:var(--muted)}
.lista,.lista-check{list-style:none;padding:0;margin:0}
.lista li,.lista-check li{padding:4px 0;border-bottom:1px solid var(--line)}
.lista li:last-child,.lista-check li:last-child{border-bottom:0}
.lista-check li.hecho{color:var(--muted);text-decoration:line-through}.lista-check li.vencido{color:var(--bad)}
.preview{font-size:0.889rem;color:var(--muted)}
.pase-dl{display:grid;grid-template-columns:130px 1fr;gap:3px 10px;margin:0}
.pase-dl dt{color:var(--muted);font-size:0.889rem}.pase-dl dd{margin:0;white-space:pre-line}
.lab{padding:4px 0;border-bottom:1px dashed var(--line)}
.analitos{display:flex;flex-wrap:wrap;gap:3px 10px;margin-top:2px}
.an{font-size:0.963rem}
/* formularios */
.campo{margin-bottom:4px;display:flex;flex-direction:column;min-width:0}.campo label{font-size:0.815rem;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.campo small{font-size:0.778rem}
.campo.err input,.campo.err textarea{border-color:var(--bad)}.error{color:var(--bad)}
input,select,textarea{font:inherit;padding:4px 8px;border:1px solid var(--line2);border-radius:var(--radio-s);background:var(--input);color:var(--ink);width:100%;transition:border-color .12s,box-shadow .12s}
input:not([type=checkbox]):not([type=file]):not([type=radio]),select{height:2.222rem}
input:hover,select:hover,textarea:hover{border-color:var(--muted)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc2)}
input[type=date]{width:auto;min-width:134px}
input[type=checkbox],input[type=file],input[type=radio]{width:auto;accent-color:var(--acc)}
textarea{min-height:48px;white-space:pre-wrap;line-height:1.45}
#id_texto,.hsi textarea{font-family:var(--mono);font-size:0.926rem}
#id_texto{min-height:420px}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;max-width:980px}
.form-2col .campo:has(textarea){grid-column:1/-1}
/* formulario compacto: campos del ancho que necesitan */
.form-grid{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-start;max-width:980px}
.form-grid .campo>small:not(.error){display:none}
.form-grid .campo label[title],.form-grid .campo[title] label{cursor:help;border-bottom:1px dotted var(--line2)}
.form-grid .campo{flex:0 0 200px;max-width:100%}
.form-grid .campo.w-xs{flex:0 0 72px}.form-grid .campo.w-s{flex:0 0 112px}.form-grid .campo.w-m{flex:0 0 170px}.form-grid .campo.w-l{flex:0 0 320px}
.form-grid .campo.w-full{flex:0 0 100%;max-width:640px}.form-grid .campo:has(textarea){flex:0 0 100%;max-width:640px}
.form-grid .campo:has(textarea)+.campo:has(textarea){margin-left:0}
.form-grid .campo:has(input[type=checkbox]){flex:0 0 auto;flex-direction:row;align-items:center;gap:6px;padding-bottom:5px}
.form-grid textarea{min-height:40px}
.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.fila label{display:flex;align-items:center;gap:6px;font-size:0.963rem}.fila input{width:auto}
.acciones{margin-top:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.inline{display:inline}.inline input{width:auto}
.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
fieldset{border:1px solid var(--line);border-radius:var(--radio-s);padding:8px 10px;margin:0;background:var(--card)}
legend{font-size:0.889rem;color:var(--muted);padding:0 4px}
.celda{display:grid;grid-template-columns:52px 80px 1fr;align-items:center;gap:6px;margin-bottom:3px}
.celda label{font-weight:600;font-size:0.963rem}.celda input{padding:4px 6px}.prev{color:var(--acc)}
pre.texto{white-space:pre-wrap;background:var(--code);border:1px solid var(--line);border-radius:var(--radio-s);padding:12px;font:0.926rem/1.5 var(--mono)}
pre{white-space:pre-wrap;font-size:0.889rem}
details summary{cursor:pointer}
table.tendencias td,table.tendencias th{text-align:right}table.tendencias td:first-child,table.tendencias th:first-child{text-align:left}
.atb{margin-top:3px;display:flex;flex-wrap:wrap;gap:2px}
/* evolución por campos de HSI */
.hsi .campo-hsi{margin-bottom:10px}
.nota-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:start}
@media(max-width:1100px){.nota-cols{grid-template-columns:1fr}}
.contexto{position:sticky;top:52px;display:flex;flex-direction:column;gap:8px}
.contexto .caja{margin:0;padding:8px 10px}
.contexto h2{font-size:0.852rem;margin-bottom:3px}
.contexto ul{list-style:none;margin:0;padding:0}.contexto li{padding:2px 0;border-bottom:1px dashed var(--line);font-size:0.889rem}
.contexto .pill{margin:1px 2px 1px 0}
.hsi .campo-hsi .cab{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.hsi .campo-hsi .cab label{font-weight:600;font-size:0.963rem}
.hsi textarea{min-height:64px;resize:vertical;overflow:hidden}
.hsi textarea.grande{min-height:160px}
.hsi .campo-hsi{margin-bottom:6px}
@media(max-width:700px){main{padding:10px}header nav{gap:8px}header .buscar input{width:130px}.celda{grid-template-columns:48px 70px 1fr}}
/* gráficos de laboratorio (SVG servidor) */
.gl{display:block;max-width:100%;height:auto;overflow:visible}
.gl .ref{fill:var(--muted);opacity:.10}
.gl .grid{stroke:var(--line);stroke-width:1}
.gl .tick{fill:var(--muted);font-size:0.704rem}
.gl .linea{fill:none;stroke:var(--acc);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.gl .pt{fill:var(--acc);stroke:var(--card);stroke-width:2}
.gl .pt.alto{fill:var(--bad)}.gl .pt.bajo{fill:var(--low)}
.gl .val{fill:var(--ink);font-size:0.741rem;font-weight:600}
.gl .val.alto{fill:var(--bad)}.gl .val.bajo{fill:var(--low)}
.gl .hit{fill:transparent;cursor:crosshair}
.gl .cross{stroke:var(--muted);stroke-width:1;pointer-events:none}
.tip{position:fixed;z-index:20;background:var(--card);border:1px solid var(--line2);border-radius:var(--radio-s);padding:4px 8px;font-size:0.889rem;pointer-events:none;box-shadow:var(--sombra2)}
.tip b{font-size:0.963rem}
.graficos{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.grafico{border:1px solid var(--line);border-radius:var(--radio-s);padding:8px 10px;background:var(--card)}
.grafico h4{margin:0 0 2px;font-size:0.963rem;display:flex;gap:6px;align-items:baseline}
.grafico h4 small{font-weight:400}
.grafico.grande{grid-column:1/-1}
.grafico.grande .gl{width:100%;height:auto}
.sv-grid{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:flex-end}
.sv-grid label{font-size:.815rem;color:var(--muted);display:flex;flex-direction:column;gap:1px;flex:0 0 auto}
.sv-grid input{padding:3px 5px;width:4.6em;text-align:center}
.sv-grid .ta{display:flex;gap:3px;align-items:center}.sv-grid .ta input{width:3.8em}
.sv-grid label.peso input{width:6.4em}
.sv-grid label.fecha input,.sv-grid label.hora input{width:auto;min-width:0;text-align:left}
.sv-grid label.guardar{justify-content:flex-end}
.tx-lista li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.num{text-align:right;font-variant-numeric:tabular-nums}
.bal-pos{color:var(--bad)}.bal-neg{color:var(--low)}

a.grafico{color:inherit;text-decoration:none}a.grafico:hover{border-color:var(--acc)}a.grafico.act{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}

.aparatos{margin-top:6px}.aparatos summary{cursor:pointer;font-size:0.889rem}
.aparatos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:8px}
.aparatos-grid fieldset{display:flex;flex-direction:column;gap:2px}
.chk-linea{display:flex;gap:6px;align-items:baseline;font-size:0.926rem}
.chk-linea input{width:auto}
.aparatos-grid input[type=text]{margin-top:4px;font-size:0.889rem;padding:4px 6px}

.grilla-labs tr.fila-an{cursor:pointer}.grilla-labs tr.fila-an:hover td{background:var(--soft)}
.grilla-labs tr.fila-grafico td{background:var(--soft);text-align:left}
.grilla-labs td,.grilla-labs th{white-space:nowrap}

/* ingreso administrativo */
.ingreso-cols{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:10px}
@media(max-width:1000px){.ingreso-cols{grid-template-columns:1fr}}
.camas-libres{display:flex;flex-wrap:wrap;gap:4px}
.camas-libres .pill{cursor:pointer}
.banner{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:var(--radio-s);background:var(--acc2);border-left:3px solid var(--acc);margin-bottom:12px}

/* franja de estado en la ficha */
.estado{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-2px 0 10px}
.estado .pill{font-size:0.889rem;padding:3px 10px;border:1px solid transparent;border-radius:999px}.estado .pill.gris{border-color:var(--line)}
.estado .pill b{font-weight:600}

/* cajón lateral: notas, epicrisis y cargas se abren sobre la ficha */
.cajon{position:fixed;top:0;right:0;height:100vh;width:min(760px,92vw);background:var(--card);border-left:1px solid var(--line);box-shadow:var(--sombra2);z-index:30;display:flex;flex-direction:column}
.cajon-fondo{position:fixed;inset:0;background:rgba(10,14,22,.35);backdrop-filter:blur(1px);z-index:29}
.cajon-asa{position:absolute;left:-4px;top:0;width:8px;height:100%;cursor:col-resize}
.cajon-cab{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--card);font-size:1rem}
.cajon-cuerpo{overflow:auto;padding:12px 16px;flex:1}
.cajon-cuerpo .caja{box-shadow:none;border:0;padding:0;margin-bottom:8px}
.cajon-cuerpo .nota-cols{display:block}
.cajon-cuerpo .contexto{display:none}
.cajon-cuerpo .hsi textarea{max-width:none}
.cajon-cuerpo h1{font-size:1.111rem}
.cajon-cuerpo .form-grid{max-width:none}
body.con-cajon{overflow:hidden}

.calcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:8px;margin-bottom:6px}
.calc summary{cursor:pointer;font-size:0.963rem}
.calc .calc-form{margin-top:6px;gap:4px 8px}
.calc .chk-linea{flex:0 0 100%}
.calc-res{margin-top:6px;padding:6px 8px;border-radius:0;background:var(--soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
input.prellenado{border-color:var(--acc)}
.cajon-cuerpo .calcs{grid-template-columns:1fr}
.cajon[hidden],.cajon-fondo[hidden]{display:none}
/* editor: frases punto y buscar/reemplazar */
.fp-pop{position:fixed;z-index:40;background:var(--card);border:1px solid var(--line2);border-radius:var(--radio-s);box-shadow:var(--sombra2);min-width:280px;max-width:420px;padding:4px;font-size:0.926rem}
.fp-item{padding:4px 8px;border-radius:0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fp-item.act,.fp-item:hover{background:var(--acc2)}
.fp-item b{color:var(--acc)}.fp-item small{color:var(--muted)}
.fp-buscar{margin:0 0 4px}.fp-buscar input{width:160px}
code{background:var(--soft2);padding:0 4px;border-radius:0;font-size:0.889rem;font-family:var(--mono)}

/* notas con formato de lectura */
.texto.fmt{white-space:normal;font:1rem/1.55 var(--fuente)}
.texto.fmt ul,.texto.fmt ol{margin:2px 0 2px 20px;padding:0}.texto.fmt li{margin:1px 0}
.texto.fmt .tit{font-weight:700;margin-top:6px;letter-spacing:.2px}
/* barra de formato estilo procesador de texto, pegada arriba de cada campo */
.barra-ed{display:flex;flex-wrap:wrap;gap:0;align-items:stretch;border:1px solid var(--line2);border-bottom:0;background:var(--soft2);padding:2px}
.barra-ed .grupo{display:flex;align-items:center;gap:1px;padding:0 4px;border-right:1px solid var(--line2)}
.barra-ed .grupo:last-child{border-right:0}
.barra-ed button{display:inline-flex;align-items:center;justify-content:center;gap:4px;font:inherit;font-size:0.926rem;height:2.074rem;min-width:2.074rem;padding:0 7px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;border-radius:5px}
.barra-ed button.ico{width:2.222rem;padding:0}
.barra-ed button:hover{background:var(--card);border-color:var(--line2)}
.barra-ed button:active{background:var(--acc2)}
.barra-ed button.txt{font-weight:500}.barra-ed button.fuerte{font-weight:700}
.barra-ed .car{font-size:0.741rem;opacity:.7}
.barra-ed .grupo.sp .et{font-size:0.852rem;color:var(--muted);padding:0 4px 0 2px}
textarea.con-barra{border-top-left-radius:0;border-top-right-radius:0}
.ins-menu{position:fixed;z-index:45;width:min(430px,94vw);background:var(--card);border:1px solid var(--line2);box-shadow:var(--sombra2);padding:6px}
.ins-menu .ins-q{width:100%;margin-bottom:4px}
.ins-lista{max-height:330px;overflow:auto}
.ins-tit{font-size:0.778rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:650;padding:6px 6px 2px}
.ins-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;font:inherit;padding:5px 8px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.ins-item:hover,.ins-item:focus-visible{background:var(--acc2)}
.ins-item small{color:var(--muted);font-size:0.852rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ins-item:disabled{opacity:.45;cursor:default}.ins-item:disabled:hover{background:transparent}
.ins-vacio{padding:8px;color:var(--muted)}
/* ayuda de atajos */
.atajos{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}
.atajos .caja{width:min(640px,92vw);max-height:80vh;overflow:auto;box-shadow:var(--sombra2)}
.atajos table td{padding:3px 8px}.atajos kbd{background:var(--soft2);border:1px solid var(--line2);border-radius:0;padding:0 5px;font:0.889rem ui-monospace,monospace}

/* legajo de medicamentos */
table.legajo td{font-size:0.889rem;white-space:normal;min-width:120px}
table.legajo tr.borrador td:last-child{box-shadow:inset 3px 0 0 var(--warn)}
.legajo-card{margin:6px 0;padding:8px 10px;border-radius:var(--radio-s);background:var(--soft);border:1px solid var(--line);font-size:0.926rem}
.legajo-card.alerta{border-color:var(--warn);background:var(--warnbg)}
.legajo-card b.t{display:block;margin-bottom:2px}
.legajo-card .fila-l{display:flex;gap:10px;flex-wrap:wrap}.legajo-card .fila-l>span{flex:1 1 220px}

.liquido{padding:6px 0;border-top:1px solid var(--line)}.liquido:first-of-type{border-top:0}.liquido .t{display:block;margin-bottom:4px}

.descriptor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:8px}
.descriptor-grid fieldset{display:flex;flex-direction:column;gap:2px;max-height:230px;overflow:auto}
.descriptor-grid fieldset.sec-num,.descriptor-grid fieldset.sec-texto{max-height:none}
.descriptor-grid legend{font-weight:600;font-size:0.926rem}
.descriptor-grid .chk-linea{line-height:1.3}.descriptor-grid .chk-linea input[type=radio],.descriptor-grid .chk-linea input[type=checkbox]{margin:2px 0 0;padding:0;height:auto;flex:0 0 auto}
.descriptor-grid input[type=text],.descriptor-grid textarea{margin-top:4px;font-size:0.889rem;padding:4px 6px}
.descriptor-salida{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.descriptor-salida textarea{width:100%;max-width:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:0.926rem}

/* panel de diseño (/diseno/): tokens en vivo */
.diseno-cols{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}
@media(max-width:1000px){.diseno-cols{grid-template-columns:1fr}}
.diseno-cols .controles{position:sticky;top:52px;max-height:calc(100vh - 70px);overflow:auto}
.tok{display:grid;grid-template-columns:1fr 34px 86px;gap:6px;align-items:center;padding:3px 0;border-bottom:1px dashed var(--line);font-size:0.926rem}
.tok:last-child{border-bottom:0}.tok label{color:var(--ink2)}.tok code{font-size:0.815rem}
.tok input[type=color]{width:34px;height:26px;padding:0 2px;border-radius:5px}
.tok input[type=text]{height:26px;font-size:0.889rem;font-family:var(--mono);padding:2px 6px}
.tok.rango{grid-template-columns:1fr 120px 52px}.tok.rango input[type=range]{height:26px;padding:0;border:0;background:transparent;accent-color:var(--acc)}
.tok.rango output{font-family:var(--mono);font-size:0.889rem;text-align:right}
.muestra .fila-m{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0}
.diseno-css{width:100%;min-height:150px;font-family:var(--mono);font-size:0.852rem}

/* tratamientos: antibiograma y rotación */
.antibiogramas{display:flex;flex-direction:column;gap:6px;margin:0 0 10px;padding:8px 10px;border:1px solid var(--line);background:var(--soft)}
.antibiogramas .abg .atb{margin-top:3px}
.legajo-card .renal{font-weight:600;margin:2px 0 4px}.legajo-card .renal.si{color:var(--warn)}.legajo-card .renal.no{color:var(--ok)}
.legajo-card .abg-droga{display:flex;flex-wrap:wrap;gap:3px;align-items:center;margin:2px 0 4px}
.tx-lista .acciones-tx{margin-left:auto;display:inline-flex;gap:4px}
table.pase tr.ocupada{cursor:pointer}table.pase tr.ocupada:hover td{background:var(--acc2)}
.alta-form .motivos{display:flex;flex-direction:column;gap:0;margin:8px 0;padding:4px}
.alta-form .motivo{display:flex;align-items:center;gap:8px;padding:7px 8px;cursor:pointer;border-bottom:1px solid var(--line)}
.alta-form .motivo:last-child{border-bottom:0}.alta-form .motivo:hover{background:var(--soft)}
.alta-form .motivo:has(input:checked){background:var(--acc2);font-weight:600}

/* ✎ Editar pantalla */
body.ed-modo .ed-hover{outline:2px dashed var(--acc)!important;outline-offset:1px;cursor:crosshair!important}
body.ed-modo .ed-sel{outline:2px solid #e11d48!important;outline-offset:1px}
body.ed-modo main{padding-right:380px}
.ed-panel{position:fixed;top:56px;right:10px;bottom:10px;width:360px;z-index:60;background:var(--card);border:1px solid var(--line2);box-shadow:var(--sombra2);display:flex;flex-direction:column;font-size:13px}
.ed-panel[hidden]{display:none}
.ed-cab{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--soft2)}
.ed-cuerpo{overflow:auto;padding:10px;display:flex;flex-direction:column;gap:6px}
.ed-sel-info b{font-size:14px}
.ed-alcance{display:flex;gap:12px;padding:6px 8px;background:var(--soft);border:1px solid var(--line)}
.ed-alcance label{display:flex;gap:5px;align-items:center;font-size:12.5px}
.ed-campo{display:grid;grid-template-columns:130px 1fr 64px 18px;gap:6px;align-items:center}
.ed-campo label{font-size:12px;color:var(--ink2)}
.ed-campo input[type=range]{height:22px;padding:0;border:0;background:transparent;accent-color:var(--acc)}
.ed-campo input[type=number],.ed-campo input[type=text],.ed-campo select{height:26px;font-size:12px;padding:2px 6px}
.ed-campo .ed-px{font-size:11px;color:var(--muted)}
.ed-campo:has(input[type=color]){grid-template-columns:130px 34px 1fr 26px}
.ed-campo input[type=color]{width:34px;height:26px;padding:0 2px}
.ed-campo:has(select){grid-template-columns:130px 1fr}
.ed-campo.ed-texto{grid-template-columns:1fr;gap:3px;padding:6px 8px;background:var(--acc2);border:1px solid var(--line)}
.ed-campo.ed-texto input{height:30px;font-size:13px}
.ed-firma{font-family:var(--mono);font-size:10.5px;word-break:break-all}
.diseno-aviso{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:70;background:var(--ink);color:var(--card);padding:6px 14px;font-size:12.5px;box-shadow:var(--sombra2)}
.diseno-aviso.error{background:var(--bad);color:#fff}.diseno-aviso[hidden]{display:none}
.tok.cambiado label{font-weight:700;color:var(--acc)}
.diseno-reglas li{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px}
.diseno-reglas li span{word-break:break-all}
@media(max-width:900px){body.ed-modo main{padding-right:16px}.ed-panel{top:auto;height:55vh;left:10px;width:auto}}

/* importar pase */
table.importar td{vertical-align:top}
table.importar tr.acc-igual td,table.importar tr.acc-nota td{color:var(--muted)}
table.importar tr.acc-conflicto td{background:var(--badbg)}
table.importar .cambio{margin:4px 0;display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
table.importar .cambio b{grid-column:1/-1;font-size:.85rem}
table.importar .cambio .antes{color:var(--muted);text-decoration:line-through;white-space:normal}
table.importar .cambio .despues{color:var(--ok)}

/* balance */
.balance-form .campo:has(input[type=radio]){flex:0 0 100%}
.balance-form .campo:has(input[type=radio]) > div{display:flex;gap:4px;flex-wrap:wrap}
.balance-form .campo:has(input[type=radio]) > div label{display:inline-flex;gap:4px;align-items:center;padding:3px 10px;border:1px solid var(--line2);border-radius:var(--radio-s);cursor:pointer;color:var(--ink);font-size:.926rem;margin:0}
.balance-form .campo:has(input[type=radio]) > div label:has(input:checked){background:var(--acc2);border-color:var(--acc);font-weight:600}
.balance-form .campo input:not([type=checkbox]):not([type=radio]){max-width:8em}
.balance-form .campo{flex:0 0 auto;min-width:8em}
.balance-form .campo:has(textarea),.balance-form .campo:has(input[name=notas]){flex:0 0 100%}
.balance-form .campo input[name=notas]{max-width:none}
.bal-vivo{flex:0 0 100%;display:flex;gap:4px 16px;flex-wrap:wrap;align-items:baseline;padding:6px 10px;background:var(--soft);border:1px solid var(--line);font-variant-numeric:tabular-nums}
.bal-vivo .alto{color:var(--bad);font-weight:600}
span.alto{color:var(--bad);font-weight:600}

/* menús flotantes redondeados, a juego con los botones */
.ins-menu,.fp-pop,.tip{border-radius:var(--radio-s)}
.ins-item,.fp-item{border-radius:calc(var(--radio-s) - 3px)}
/* pase: camas de otro servicio */
table.pase td.cama{white-space:nowrap}
table.pase td.pac .otro-servicio{display:inline-flex;gap:6px;align-items:center}
table.pase td.pac .acc-cama{display:inline-flex;gap:8px;align-items:center}
table.pase td.pac .acc-cama a{font-size:.89rem}
table.pase tr.vacia td.pac .acc-cama a.servicio{color:var(--muted);opacity:.55}
table.pase tr.vacia:hover td.pac .acc-cama a.servicio{opacity:1}


/* filas intercaladas, como en la planilla */
table.compacta tbody tr:nth-child(even) td,table.pase tbody tr:nth-child(even) td{background:var(--zebra)}
table.pase tbody tr.ocupada:hover td,table.compacta tbody tr:hover td{background:var(--acc2)}

/* barra: botones y menú de configuración */
header .tema{border-color:rgba(255,255,255,.22);color:var(--barra-ink);opacity:.9}
header .tema:hover{background:var(--barra-act);color:var(--barra-ink);border-color:rgba(255,255,255,.35);opacity:1}
header nav>a.salir{opacity:.75;font-size:.926rem}
.tema-toggle{display:inline-grid;place-items:center;width:34px;height:30px;padding:0;background:none;border:1px solid rgba(255,255,255,.22);border-radius:var(--radio-s);color:var(--barra-ink);cursor:pointer}
.tema-toggle:hover{background:var(--barra-act)}
.tema-toggle svg{overflow:visible}.tema-toggle .sol-rayos{transform-box:fill-box;transform-origin:center}
.config{position:relative}
.config>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid rgba(255,255,255,.22);border-radius:var(--radio-s);color:var(--barra-ink);cursor:pointer;font-size:.926rem}
.config>summary::-webkit-details-marker{display:none}
.config>summary:hover,.config[open]>summary{background:var(--barra-act)}
.config .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:270px;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:var(--radio-s);box-shadow:var(--sombra2);padding:5px;z-index:40;display:flex;flex-direction:column}
.config .menu a,.config .menu button{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:calc(var(--radio-s) - 2px);color:var(--ink);font:inherit;text-align:left;background:none;border:0;cursor:pointer}
.config .menu a:hover,.config .menu button:hover{background:var(--acc2);text-decoration:none}
.config .menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.config .menu small{color:var(--muted);margin-left:auto;white-space:nowrap;font-size:.778rem}
.config .menu a,.config .menu button{white-space:nowrap}
.presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}
.preset{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--line2);border-radius:var(--radio-s);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-size:.89rem}
.preset:hover{border-color:var(--acc)}.preset span{width:14px;height:14px;border-radius:50%;display:inline-block}

/* hojas de indicaciones */
.ind-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}
@media(max-width:1000px){.ind-cols{grid-template-columns:1fr}}
.ind-form textarea[name=items]{width:100%;max-width:none;min-height:340px;font-family:var(--mono);font-size:.926rem;line-height:1.55}
.ind-ayuda{background:var(--soft);border:1px solid var(--line);padding:8px 10px}
.ind-ayuda h2{margin-top:6px}.ind-ayuda details summary{font-size:.89rem;font-weight:600;margin:4px 0}
.ind-preview{margin:0 0 6px;padding-left:22px;font-size:.89rem;max-height:220px;overflow:auto}
.ind-chips{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 6px}
.chip{font:inherit;font-size:.778rem;text-align:left;padding:3px 8px;border:1px solid var(--line2);border-radius:var(--radio-s);background:var(--card);color:var(--ink);cursor:pointer}
.chip:hover{border-color:var(--acc);color:var(--acc)}.chip.usada{opacity:.5}
.hoja-ind{max-width:720px;margin:8px 0;padding:22px 28px;background:#fff;color:#111;border:1px solid var(--line2);font-family:"Century Gothic",Futura,"Avenir",var(--fuente);font-size:.963rem;line-height:1.5}
.hoja-ind .cab-hosp{text-align:center;margin-bottom:14px}
.hoja-ind .ind-lista{padding-left:70px}.hoja-ind .ind-lista li.nueva{background:#e8f6e8}
.hoja-ind .ind-susp{margin-top:8px;color:#8a1c1c}
.ind-historial{display:flex;flex-wrap:wrap;gap:4px}

/* archivo y resumen para ateneo */
.archivo-filtros{margin-bottom:10px}
table.archivo td.acc-archivo{white-space:nowrap}
.ateneo{max-width:980px;background:var(--card);border:1px solid var(--line);padding:18px 24px;line-height:1.5}
.ateneo h2.ateneo-tit{font-size:1.333rem;text-transform:none;letter-spacing:0;color:var(--ink);margin:0}
.ateneo section{margin-top:14px;border-top:1px solid var(--line);padding-top:8px}
.ateneo h3{margin:0 0 6px;color:var(--acc)}
.ateneo .nota{margin:8px 0;padding:6px 10px;background:var(--soft);border-left:3px solid var(--acc2)}
.ateneo .nota p{margin:3px 0}
@media print{header.top,.no-print,.msgs,.cajon,.ed-panel{display:none!important}main{padding:0}.ateneo{border:0;padding:0;max-width:none}body{background:#fff}}

/* ⚙ → Mi paleta */
.config .mi-paleta{padding:6px 10px 4px}
.config .mi-paleta .et{display:flex;justify-content:space-between;font-size:.852rem;color:var(--ink2);margin-bottom:5px}
.config .swatches{display:flex;gap:6px;flex-wrap:wrap}
.config .menu .swatch{display:inline-block;width:28px;height:28px;padding:3px;border-radius:50%;border:2px solid transparent;background:none;cursor:pointer;flex:0 0 auto}
.config .swatch span{display:block;width:100%;height:100%;border-radius:50%}
.config .menu .swatch:hover{border-color:var(--line2);background:none}.config .menu .swatch.act{border-color:var(--ink)}

/* camas de otro servicio: acento sutil por servicio en toda la fila */
:root{--svc-cir:#2f6fb3;--svc-tra:#2f8f5b;--svc-uro:#8a4fbf;--svc-otro:#8a7a6a}
:root[data-theme="dark"]{--svc-cir:#6fa8e8;--svc-tra:#6cc493;--svc-uro:#b98be6;--svc-otro:#b8a898}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--svc-cir:#6fa8e8;--svc-tra:#6cc493;--svc-uro:#b98be6;--svc-otro:#b8a898}}
tr.svc-cir{--svc:var(--svc-cir)}tr.svc-tra{--svc:var(--svc-tra)}tr.svc-uro{--svc:var(--svc-uro)}tr.svc-otro{--svc:var(--svc-otro)}
table.pase tbody tr.otro td{background:color-mix(in srgb,var(--svc) 9%,var(--card))}
table.pase tbody tr.otro td.cama{box-shadow:inset 3px 0 0 var(--svc)}
table.pase tbody tr.otro td.cama b{color:var(--svc)}
table.pase tr.otro .pill.svc{background:color-mix(in srgb,var(--svc) 18%,var(--card));color:color-mix(in srgb,var(--svc) 80%,var(--ink));font-weight:600;border-radius:999px}
.svc-menu{position:fixed;z-index:50;min-width:250px;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:var(--radio-s);box-shadow:var(--sombra2);padding:6px;display:flex;flex-direction:column;gap:2px}
.svc-menu[hidden]{display:none}
.svc-menu .svc-tit{font-size:.815rem;color:var(--muted);padding:4px 8px 6px}
.svc-menu .svc-op{display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:calc(var(--radio-s) - 2px);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.svc-menu .svc-op i,.svc-menu .svc-otro-dot{width:10px;height:10px;border-radius:50%;background:var(--svc);flex:0 0 auto}
.svc-menu .svc-cir{--svc:var(--svc-cir)}.svc-menu .svc-tra{--svc:var(--svc-tra)}.svc-menu .svc-uro{--svc:var(--svc-uro)}.svc-menu .svc-otro-f{--svc:var(--svc-otro)}
.svc-menu .svc-op:hover{background:color-mix(in srgb,var(--svc,var(--acc)) 14%,var(--card))}
.svc-menu .svc-op.act{font-weight:650;background:color-mix(in srgb,var(--svc) 12%,var(--card))}
.svc-menu .svc-otro-f{display:flex;gap:6px;align-items:center;padding:4px 6px 4px 10px}
.svc-menu .svc-otro-f input{height:28px;font-size:.89rem}
.svc-menu .svc-liberar{color:var(--bad);border-top:1px solid var(--line);border-radius:0;margin-top:4px;padding-top:8px}
.svc-menu .svc-liberar:hover{background:var(--badbg)}
.svc-menu [hidden]{display:none!important}

/* pase de guardia */
table.guardia td.cama{width:56px;white-space:nowrap}table.guardia td.pac{width:230px}
table.guardia .dx{font-size:.778rem;margin-top:3px;line-height:1.25}
table.guardia th.col-sol,table.guardia th.col-cond{width:40%}
table.guardia td.tareas-cel{padding:4px 6px}
table.guardia tr.sin td{padding-top:3px;padding-bottom:3px}
table.guardia tr.sin td.pac .dx{display:none}
.tarea{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px 6px;border-left:3px solid var(--warn);background:color-mix(in srgb,var(--warnbg) 45%,transparent);margin-bottom:4px;border-radius:0 var(--radio-s) var(--radio-s) 0}
.tarea.urgente{border-left-color:var(--bad);background:color-mix(in srgb,var(--badbg) 55%,transparent)}
.tarea.resuelta{border-left-color:var(--ok);background:color-mix(in srgb,var(--okbg) 45%,transparent)}
.tarea .sol{white-space:normal;line-height:1.35}
.tarea .x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:0 4px}.tarea .x:hover{color:var(--bad)}
.tarea .cond textarea{width:100%;min-height:1.9rem;resize:vertical;font-size:.926rem;padding:3px 6px;background:var(--card)}
.tarea .quien{display:block;font-size:.741rem;margin-top:1px}
.nueva-sol{display:flex;gap:6px;align-items:center}
.nueva-sol input[name=solicitud]{flex:1;height:1.9rem;font-size:.889rem}
.nueva-sol input.hora{width:5.5em;height:1.9rem;font-size:.889rem}
.nueva-sol label{display:flex;gap:3px;align-items:center;font-size:.778rem;color:var(--muted);white-space:nowrap}
.nueva-sol .btn{padding:1px 8px}
table.guardia tr.sin .nueva-sol input{opacity:.7}table.guardia tr.sin:hover .nueva-sol input{opacity:1}
@media print{.tarea .cond textarea{border:0;border-bottom:1px solid #999;border-radius:0;min-height:2.6rem;background:none}table.guardia tr.sin{display:none}}

/* barra: íconos y leyenda al pasar el mouse */
header nav>a:not(.brand){display:inline-flex;align-items:center;gap:6px;position:relative}
header nav>a.ic-solo{padding:5px 8px}
header nav>a .ic{flex:0 0 auto}
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;
  background:var(--ink);color:var(--card);font-size:.778rem;font-weight:500;padding:4px 8px;border-radius:6px;box-shadow:var(--sombra2);z-index:60;pointer-events:none}
[data-tip]:hover::before,[data-tip]:focus-visible::before{content:"";position:absolute;left:50%;top:calc(100% + 3px);transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--ink);border-top:0;z-index:60}
header nav>a:not(.ic-solo)[data-tip]:hover::after,header nav>a:not(.ic-solo)[data-tip]:hover::before{display:none}
.alcance-imp{display:flex;flex-direction:column;gap:6px;margin:8px 0}.alcance-imp label{display:flex;gap:6px;align-items:center}.alcance-imp input[type=date]{width:auto}
/* ===== v0.8 · barra superior y pase de sala (PC) ===== */
header nav{gap:2px;padding:6px 14px}
header nav>a.nav-it{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;opacity:.82}
header nav>a.nav-it.act{opacity:1}
header nav>a.nav-it[data-tip]:hover::after,header nav>a.nav-it[data-tip]:hover::before,header nav>a.nav-it[data-tip]:focus-visible::after,header nav>a.nav-it[data-tip]:focus-visible::before{display:none}
.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:.74rem;font-weight:700;line-height:1;margin-left:-2px}
header .buscar{margin-left:12px;position:relative}
header .buscar input{width:300px;padding-right:30px}
header .buscar .atajo-buscar{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:600 .74rem var(--mono);color:var(--muted);border:1px solid var(--line2);border-radius:4px;padding:0 5px;line-height:1.1rem;pointer-events:none}
header .buscar input:focus+.atajo-buscar{display:none}
.config>summary{gap:7px;padding:3px 8px 3px 4px}
.config>summary .quien{background:none;padding:0;font-size:.926rem}
.config .avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--barra-act);font-size:.74rem;font-weight:700;letter-spacing:.02em}
.config>summary .flecha{opacity:.7}
.config .menu .menu-et{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 10px 2px;font-weight:650}
/* encabezado del pase: título, sectores y acciones en una sola línea */
.pase-cab{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.pase-cab h1{margin:0}
.pase-cab .tabs{margin:0}
.tab .cuenta{display:inline-block;min-width:1.4em;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--soft2);color:var(--muted);font-size:.8rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}
.tab.act .cuenta{background:var(--acc2);color:var(--acc)}
/* menú desplegable genérico (Excel) */
details.desplegable{position:relative}
details.desplegable>summary{list-style:none;cursor:pointer}
details.desplegable>summary::-webkit-details-marker{display:none}
details.desplegable .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:260px;background:var(--card);border:1px solid var(--line2);border-radius:var(--radio-s);box-shadow:var(--sombra2);padding:5px;z-index:30;display:flex;flex-direction:column}
details.desplegable .menu a{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:calc(var(--radio-s) - 2px);color:var(--ink);white-space:nowrap}
details.desplegable .menu a:hover{background:var(--acc2);text-decoration:none}
details.desplegable .menu small{color:var(--muted)}
/* tabla del pase: columnas con jerarquía */
table.pase{font-size:.889rem}
table.pase td{padding:calc(7px*var(--esp)) 9px}
table.pase td.pac{min-width:170px}
table.pase td.pac a{color:var(--ink)}
table.pase td.pac a b{font-weight:700;letter-spacing:.01em}
table.pase td.pac .sub{font-size:.815rem;color:var(--muted);margin-top:2px;white-space:nowrap}
table.pase td.cama b{border-radius:var(--radio-s)}
table.pase td.txt{font-size:.852rem;max-width:300px}
table.pase td.atenuado{color:var(--ink2);font-size:.815rem;max-width:200px}
table.pase td.cult .pill{display:inline-block;margin:0 0 3px;border-radius:var(--radio-s)}
table.pase td .resueltos{margin-top:3px;color:var(--muted);font-size:.778rem}
table.pase td .et{font-size:.74rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
table.pase td.pend .pill{display:inline-block;margin:0 3px 3px 0;border-radius:var(--radio-s)}
table.pase td.pend>div{line-height:1.35}
table.pase tbody tr.ocupada td.cama{box-shadow:inset 3px 0 0 transparent}
table.pase tbody tr.est-venc td.cama{box-shadow:inset 3px 0 0 var(--bad)}
table.pase tbody tr.est-cult td.cama{box-shadow:inset 3px 0 0 var(--warn)}
table.pase tbody tr.ocupada td{border-bottom-color:var(--line)}
/* camas libres resumidas debajo de la tabla */
.libres-resumen{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:.926rem}
.libres-resumen .cama-libre{font:600 .852rem var(--mono);padding:2px 8px;border:1px dashed var(--line2);border-radius:var(--radio-s);color:var(--ink2)}
.libres-resumen .cama-libre:hover{border-style:solid;border-color:var(--acc);color:var(--acc);background:var(--acc2);text-decoration:none}
.libres-resumen .btn{margin-left:6px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* ===== v0.8 · movimiento ===== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.toast{position:fixed;left:50%;bottom:22px;z-index:80;display:flex;align-items:center;gap:14px;max-width:min(560px,calc(100vw - 32px));background:var(--ink);color:var(--bg);padding:10px 12px 10px 16px;border-radius:12px;box-shadow:var(--sombra2);font-size:.963rem;transform:translate(-50%,160%);opacity:0;transition:transform .3s cubic-bezier(.2,.9,.3,1.15),opacity .2s;pointer-events:none}
.toast.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.toast button{border:0;background:none;color:var(--acc-h);font:inherit;font-weight:700;cursor:pointer;padding:4px 6px;border-radius:6px;flex:none}
:root[data-theme="dark"] .toast button{color:var(--acc)}
.toast button:hover{background:rgba(255,255,255,.1)}
table.pase tbody tr.entra{animation:fila-entra .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes fila-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes destello{0%{background:var(--okbg);box-shadow:0 0 0 2px var(--ok)}100%{box-shadow:0 0 0 0 transparent}}
.destello{animation:destello 1s ease-out}
@keyframes sacudir{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.campo.err input,.campo.err textarea,.campo.err select,input.fuera-rango{animation:sacudir .36s}
input.fuera-rango{border-color:var(--bad)!important;background:var(--badbg)!important}
/* copiar con un clic (DNI, nombre) */
.copiar{display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;background:none;padding:0 4px;margin:0 -4px;border-radius:5px;font:inherit;color:inherit;cursor:copy;font-variant-numeric:tabular-nums}
.copiar:hover{border-color:var(--line2);background:var(--soft)}
.copiar svg{opacity:0;transition:opacity .12s;flex:none}
.copiar:hover svg,.copiar:focus-visible svg{opacity:.65}
.copiar.copiado{animation:destello .8s ease-out}
.copiar.solo-ic{margin-left:2px;padding:2px 4px;vertical-align:1px}
tr:hover .copiar.solo-ic svg,h1:hover .copiar.solo-ic svg{opacity:.55}
table.pase td.pac .sub .copiar{color:var(--ink2);font-weight:500}
h1 .copiar.solo-ic{margin:0 2px}
/* guardia v0.8: gravedad I-PASS y encabezado */
.fecha-nav{display:inline-flex;align-items:center;gap:4px}.fecha-nav input{width:150px}
.grav{display:inline-flex;margin-top:6px;background:var(--soft2);border-radius:999px;padding:2px;gap:1px}
.grav button{border:0;background:none;font:inherit;font-size:.778rem;font-weight:600;padding:3px 9px;border-radius:999px;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.grav button:hover{color:var(--ink)}
.grav button[aria-pressed="true"][data-g="estable"]{background:var(--okbg);color:var(--ok)}
.grav button[aria-pressed="true"][data-g="vigilar"]{background:var(--warnbg);color:var(--warn)}
.grav button[aria-pressed="true"][data-g="inestable"]{background:var(--badbg);color:var(--bad)}
table.guardia tr.grav-vigilar td.cama{box-shadow:inset 3px 0 0 var(--warn)}
table.guardia tr.grav-inestable td.cama{box-shadow:inset 3px 0 0 var(--bad)}
table.guardia tr.grav-inestable td.pac>a b{color:var(--bad)}
table.guardia tr.sin td.pac .grav{margin-top:3px}
.tarea[hidden]{display:none}
form.nueva-sol{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
form.nueva-sol input[name=solicitud]{flex:1 1 220px;min-width:0}
form.nueva-sol input.hora{flex:0 0 80px}
@media print{.grav button[aria-pressed="false"]{display:none}.grav{background:none}}
.grav-pill{display:inline-block;line-height:1.6;font-size:.74rem;font-weight:650;padding:0 6px;border-radius:999px;margin-left:4px;vertical-align:1px}
.grav-pill.vigilar{background:var(--warnbg);color:var(--warn)}.grav-pill.inestable{background:var(--badbg);color:var(--bad)}
/* checklist v0.8: bandeja por urgencia */
.carga-check{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px}
.carga-check select{flex:0 1 260px;width:auto}
.carga-check input[name=texto]{flex:1 1 280px;width:auto}
.chips-fecha{display:inline-flex;gap:4px;flex-wrap:wrap}
.chip{border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:999px;padding:3px 11px;font:inherit;font-size:.889rem;font-weight:600;cursor:pointer;line-height:1.4rem}
.chip:hover{border-color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.bandeja{display:grid;gap:14px;max-width:980px}
.grupo-check h2{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.grupo-check h2 .cuenta{font-size:.778rem;background:var(--soft2);border-radius:999px;padding:0 7px;letter-spacing:0}
.grupo-check.g-vencidos h2{color:var(--bad)}.grupo-check.g-vencidos h2 .cuenta{background:var(--badbg)}
.items-check{display:grid;gap:5px}
.item-check{display:flex;align-items:flex-start;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radio-s);padding:8px 12px;max-height:160px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s,max-height .3s .1s,padding .3s .1s,margin .3s .1s,border-width .3s .1s}
.item-check.sale{transform:translateX(30px);opacity:0;max-height:0;padding-block:0;border-width:0;margin-top:-5px}
.item-check[hidden]{display:none}
.item-check.vencido{border-left:3px solid var(--bad)}
.item-check.vencido .tx b{color:var(--bad)}
.item-check.hecho .tx b{color:var(--muted);text-decoration:line-through}
.item-check .tx{display:grid;gap:1px;min-width:0}
.item-check .tx small{color:var(--muted);font-size:.815rem}
.cama-chip{font:600 .778rem var(--mono);background:var(--acc2);color:var(--acc);padding:0 5px;border-radius:4px}
.ck{flex:none;width:22px;height:22px;margin-top:1px;border-radius:6px;border:2px solid var(--line2);background:var(--card);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s,border-color .15s}
.ck:hover{border-color:var(--ok)}
.ck svg path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .25s ease-out .05s}
.ck.on{background:var(--ok);border-color:var(--ok)}
.ck.on svg path{stroke-dashoffset:0}
.vacio{display:grid;gap:4px;text-align:center;padding:30px}
table.checklist .items-check .item-check{border:0;padding:3px 0;background:none}
/* ficha v0.8: encabezado del paciente fijo, acciones y pestañas */
.banner-pac{position:sticky;top:var(--alto-barra,52px);z-index:4;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra);padding:12px 16px;margin-bottom:10px}
.banner-pac.grav-inestable{box-shadow:inset 4px 0 0 var(--bad),var(--sombra)}
.banner-pac.grav-vigilar{box-shadow:inset 4px 0 0 var(--warn),var(--sombra)}
.banner-pac .id{flex:1 1 480px;min-width:0;display:grid;gap:5px}
.banner-pac h1{margin:0;font-size:1.481rem}
.banner-pac .datos{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;color:var(--ink2);font-size:.926rem}
.banner-pac .cama-big{font:700 .963rem var(--mono);background:var(--acc2);color:var(--acc);padding:1px 8px;border-radius:var(--radio-s)}
.banner-pac .estado{display:flex;flex-wrap:wrap;gap:4px}
.banner-pac .estado:empty{display:none}
.acciones-pac{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
details.desplegable .menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
details.desplegable .menu a.peligro{color:var(--bad)}
details.desplegable .menu a.peligro:hover{background:var(--badbg)}
.tabs-ficha{position:sticky;top:calc(var(--alto-barra,52px) + var(--alto-banner,0px));z-index:3;margin-bottom:12px}
.tabs .cuenta{display:inline-block;min-width:1.4em;margin-left:3px;padding:0 5px;border-radius:999px;background:var(--soft2);color:var(--muted);font-size:.8rem;font-weight:600;text-align:center}
.tab.act .cuenta{background:var(--acc2);color:var(--acc)}
.tabs .cuenta.aviso{background:var(--warnbg);color:var(--warn)}
.tab-panel.entra{animation:panel-entra .22s ease-out}
@keyframes panel-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.lista-tilde{display:grid;gap:4px}
.lista-tilde li.item-check{border-bottom:0;padding:6px 10px;background:var(--soft)}
.banner-pac .estado .grav-pill{font-size:.889rem;padding:2px 9px}
/* evolución v0.8: progreso, índice de secciones, plegado, letra proporcional */
.hsi textarea{font-family:var(--fuente);font-size:.963rem;line-height:1.5}
.evo-progreso{position:sticky;top:var(--alto-barra,52px);z-index:3;background:var(--card);margin:0 -14px 10px;padding:8px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.cajon-cuerpo .evo-progreso{top:-12px;margin:-12px -16px 10px;padding:8px 16px}
.evo-barra{height:6px;border-radius:3px;background:var(--soft2);overflow:hidden}
.evo-barra i{display:block;height:100%;width:0;background:var(--ok);transition:width .4s cubic-bezier(.2,.8,.2,1)}
.evo-cuenta{font-size:.815rem;color:var(--muted);font-variant-numeric:tabular-nums}
.evo-indice{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px}
.evo-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;border:1px solid var(--line2);color:var(--ink2);font-size:.815rem;font-weight:550}
.evo-chip:hover{text-decoration:none;border-color:var(--acc);color:var(--acc)}
.evo-chip.ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line2))}
.est{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--line2);transition:background .2s,border-color .2s}
.ok>.est,.campo-hsi.ok>.cab>.est{background:var(--ok);border-color:var(--ok)}
.hsi .campo-hsi .cab .plegar{border:0;background:none;color:var(--muted);cursor:pointer;padding:2px;margin-left:-2px;display:grid;place-items:center;border-radius:5px;order:-1}
.hsi .campo-hsi .cab .plegar svg{transition:transform .2s}
.hsi .campo-hsi .cab .plegar:hover{background:var(--soft2);color:var(--ink)}
.hsi .campo-hsi .cab>label{font-weight:650}
.hsi .campo-hsi.plegada>:not(.cab){display:none}
.hsi .campo-hsi.plegada .cab .plegar svg{transform:rotate(-90deg)}
.hsi .campo-hsi{scroll-margin-top:calc(var(--alto-barra,52px) + 110px)}
.hsi .campo-hsi:not(:focus-within) .barra-ed{opacity:.35;transition:opacity .15s}
.hsi .campo-hsi:not(:focus-within):hover .barra-ed{opacity:.8}
.acciones-fijas{position:sticky;bottom:0;z-index:3;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(6px);padding:10px 0;margin-top:6px;border-top:1px solid var(--line);display:flex;gap:8px}
/* ===== v0.8 · celular (< 760 px) ===== */
.nav-inferior{display:none}
@media (max-width:760px){
  header nav{flex-wrap:nowrap;gap:6px;padding:6px 10px}
  header nav>a.nav-it,header .brand{display:none}
  header .buscar{margin:0;flex:1;min-width:0}
  header .buscar input{width:100%}
  header .buscar .atajo-buscar{display:none}
  header .spacer{display:none}
  .config>summary .quien,.config>summary .flecha{display:none}
  .config>summary{padding:3px}
  .config .menu{position:fixed;right:10px;left:10px;top:56px;min-width:0}
  main{padding:10px 12px calc(84px + env(safe-area-inset-bottom,0px))}
  .nav-inferior{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--line);padding:4px 2px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -4px 16px rgba(0,0,0,.06)}
  .nav-inferior a{display:grid;justify-items:center;gap:2px;font-size:.74rem;font-weight:600;color:var(--muted);padding:4px 0}
  .nav-inferior a:hover{text-decoration:none}
  .nav-inferior .ico{position:relative;display:grid;place-items:center;width:52px;height:28px;border-radius:14px;transition:background .2s}
  .nav-inferior a[aria-current="page"]{color:var(--acc)}
  .nav-inferior a[aria-current="page"] .ico{background:var(--acc2)}
  .nav-inferior .nav-badge{position:absolute;top:-2px;right:4px;margin:0}
  .toast{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .pase-cab{gap:8px}.pase-cab h1{width:100%}
  .pase-cab .tabs{max-width:100%;overflow-x:auto}
  .btn{min-height:40px}.btn.chico{min-height:34px}
  input:not([type=checkbox]):not([type=radio]),select{min-height:42px;font-size:16px}
  /* pase como tarjetas */
  .tabla-scroll:has(table.pase){background:none;border:0;box-shadow:none;overflow:visible}
  table.pase thead{display:none}
  table.pase,table.pase tbody{display:block}
  table.pase tbody{display:grid;gap:8px}
  table.pase tr.ocupada{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:inset 4px 0 0 var(--line2)}
  table.pase tr.ocupada.grav-vigilar{box-shadow:inset 5px 0 0 var(--g-vig)}table.pase tr.ocupada.grav-inestable{box-shadow:inset 5px 0 0 var(--g-crit);background:color-mix(in srgb,var(--g-crit) 4%,var(--card))}
  table.pase tr.ocupada td{display:block;padding:0;border:0;background:none!important;box-shadow:none!important;max-width:none;min-width:0}
  table.pase tr.ocupada td.cama{grid-row:1}
  table.pase tr.ocupada td.pac{grid-row:1}
  table.pase tr.ocupada td.txt{grid-column:1/-1}
  table.pase tr.ocupada td.atenuado{display:none}
  table.pase tr.ocupada td.prob{font-size:.926rem;color:var(--ink2)}
  table.pase tr.ocupada td.atbaco:not(:empty)::before{content:"ATB/ACO ";font-size:.74rem;font-weight:650;color:var(--muted)}
  table.pase tr.ocupada td.atbaco div{display:inline}
  table.pase tr.ocupada td.cult:not(:empty)::before{content:"CULTIVOS ";font-size:.74rem;font-weight:650;color:var(--muted)}
  table.pase tr.ocupada td.compl:not(:empty)::before{content:"IMÁGENES ";font-size:.74rem;font-weight:650;color:var(--muted)}
  table.pase tr.ocupada td.cult div,table.pase tr.ocupada td.compl div{display:inline}
  table.pase tr.ocupada td:empty{display:none}
  table.pase tr.vacia{display:flex;gap:10px;align-items:center;background:var(--card);border:1px dashed var(--line2);border-radius:12px;padding:6px 12px}
  table.pase tr.vacia td{border:0;padding:0;background:none!important}
  table.pase tr.vacia td[colspan]{display:none}
  .libres-resumen{gap:6px}.libres-resumen .cama-libre{padding:6px 10px}
  /* guardia */
  table.guardia,table.guardia tbody,table.guardia tr,table.guardia td{display:block;width:auto!important}
  table.guardia thead{display:none}
  table.guardia tr{background:var(--card);border-bottom:1px solid var(--line);padding:8px 10px}
  table.guardia td{border:0;padding:2px 0}
  table.guardia td.cama{float:left;margin-right:10px}
  .tarea{grid-template-columns:1fr}
  .fecha-nav input{width:140px}
  /* ficha */
  .banner-pac{position:static;padding:10px 12px}
  .banner-pac h1{font-size:1.25rem}
  .acciones-pac{width:100%}.acciones-pac>.btn:first-child{flex:1;justify-content:center}
  .tabs-ficha{top:var(--alto-barra,52px);overflow-x:auto;max-width:100%;display:flex}
  .tabs-ficha .tab{white-space:nowrap}
  .pase-dl{grid-template-columns:1fr}.pase-dl dt{margin-top:4px}
  .sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .sv-grid label{min-width:0}.sv-grid input{width:100%}
  /* evolución */
  .evo-progreso{margin:0 -12px 10px;padding:8px 12px}
  .evo-indice{flex-wrap:nowrap;overflow-x:auto}
  .evo-chip{white-space:nowrap}
  .acciones-fijas{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .carga-check select,.carga-check input[name=texto]{flex:1 1 100%}
  .cajon{width:100vw!important}
}
@media (max-width:1000px){.cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1100px){.nota-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.hsi textarea,.hsi input{max-width:100%}.hsi .fila{flex-wrap:wrap}.aparatos-grid{grid-template-columns:minmax(0,1fr)!important}.barra-ed{flex-wrap:wrap}.tabla-scroll{max-width:100%}}
@media (max-width:760px){.caja>table.compacta{display:block;overflow-x:auto;max-width:100%}.barra-ed .grupo{flex-wrap:wrap;min-width:0;max-width:100%}}
/* acceso con doble factor */
.acceso{display:grid;gap:10px}
.acceso .pasos{display:grid;gap:10px;padding-left:20px;margin:0}
.acceso .qr{margin:8px 0;display:grid;place-items:center;background:#fff;border-radius:var(--radio-s);padding:8px;width:max-content;max-width:100%}
.acceso .qr svg{width:200px;height:200px;display:block}
.acceso .secreto code{font:600 1rem var(--mono);letter-spacing:.06em;user-select:all}
.acceso input.codigo{font:600 1.6rem var(--mono);letter-spacing:.3em;text-align:center;height:3.2rem!important}
.acceso .btn.grande{width:100%}
/* ficha v0.8: hub de resumen + detalle a demanda */
.hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
@media (max-width:1300px){.hub{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-col:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}}
@media (max-width:900px){.hub,.hub-col:nth-child(3){grid-template-columns:minmax(0,1fr)}}
.hub-col{display:flex;flex-direction:column;gap:12px;min-width:0}
.hub-col>.caja,.hub-col>*>.caja{margin:0}
.hub-card .barra{margin-bottom:6px}
.hub-card .barra h2{margin:0}
.ver-todo{font-size:.852rem;font-weight:600;white-space:nowrap}
.hub-lista li{padding:5px 0}
.hub-lista .dias{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:2px}
.barrita{display:inline-block;width:60px;height:5px;border-radius:3px;background:var(--soft2);overflow:hidden}
.barrita i{display:block;height:100%;background:var(--warn);max-width:100%}
table.labs-hub{font-size:.889rem}
table.labs-hub th{position:static}
table.labs-hub td{padding:3px 8px;text-align:right;font-variant-numeric:tabular-nums}
table.labs-hub td:first-child{text-align:left}
table.labs-hub td.ultimo{font-weight:650}
table.labs-hub tr.alterado td:first-child b{color:var(--ink)}
table.labs-hub tr:not(.alterado) td:first-child b{color:var(--ink2);font-weight:550}
table.sv-hub td,table.sv-hub th{padding:3px 6px;font-size:.852rem;position:static}
.ind-hub{margin:0;padding-left:22px;display:grid;gap:3px;font-size:.926rem}
.ind-hub li::marker{color:var(--muted);font-variant-numeric:tabular-nums}
.ind-hub li.nueva{font-weight:600}
.ind-susp{font-size:.815rem;color:var(--muted);text-decoration:line-through;margin-top:3px}
.ultima-nota{display:block;color:var(--ink);padding:6px 8px;margin:0 -8px;border-radius:var(--radio-s)}
.ultima-nota:hover{background:var(--soft);text-decoration:none}
.titulo-detalle{margin:22px 0 8px}
details.detalle{background:var(--card);border:1px solid var(--line);border-radius:var(--radio);margin-bottom:8px;box-shadow:var(--sombra)}
details.detalle>summary{cursor:pointer;padding:11px 14px;font-weight:650;list-style:none;display:flex;align-items:center;gap:8px}
details.detalle>summary::-webkit-details-marker{display:none}
details.detalle>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(-45deg);transition:transform .2s;margin-right:4px}
details.detalle[open]>summary::before{transform:rotate(45deg)}
details.detalle>summary:hover{background:var(--soft)}
details.detalle[open]>summary{border-bottom:1px solid var(--line)}
details.detalle>:not(summary){margin:12px 14px}
details.detalle .caja{box-shadow:none;border:0;padding:0}
details.detalle[open]{scroll-margin-top:calc(var(--alto-barra,52px) + var(--alto-banner,0px))}
/* notas en espera (minimizadas) */
.espera{position:fixed;left:16px;bottom:16px;z-index:25;display:flex;flex-wrap:wrap-reverse;gap:8px;max-width:calc(100vw - 32px)}
.espera[hidden]{display:none}
.espera-it{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--sombra2);overflow:hidden;max-width:340px}
.espera-abrir{display:flex;align-items:center;gap:9px;border:0;background:none;padding:8px 10px 8px 12px;cursor:pointer;color:var(--acc);text-align:left;min-width:0;font:inherit}
.espera-abrir:hover{background:var(--acc2)}
.espera-abrir .tx{display:grid;min-width:0}
.espera-abrir b{color:var(--ink);font-size:.889rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.espera-abrir small{color:var(--muted);font-size:.778rem}
.espera-x{border:0;border-left:1px solid var(--line);background:none;color:var(--muted);font-size:1.2rem;padding:0 11px;cursor:pointer}
.espera-x:hover{background:var(--badbg);color:var(--bad)}
body.con-cajon .espera{z-index:28}
@media (max-width:760px){.espera{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.espera-it{max-width:none;flex:1 1 100%}}
button.enviando{opacity:.6;pointer-events:none}
.ya-hoy{margin-bottom:10px}
.btn-grupo{display:inline-flex}.btn-grupo .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.btn-grupo .btn+.btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}
/* búsqueda universal */
.bu-caja{position:absolute;left:0;top:calc(100% + 6px);width:max(100%,460px);max-height:min(70vh,520px);overflow:auto;background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:12px;box-shadow:var(--sombra2);padding:6px;z-index:60;animation:bu-entra .16s cubic-bezier(.2,.9,.3,1.1)}
.bu-caja[hidden]{display:none}
@keyframes bu-entra{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.bu-gr{font-size:.74rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.bu-op{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink)}
.bu-op:hover{text-decoration:none}
.bu-op[aria-selected="true"]{background:var(--acc2)}
.bu-cama{flex:none;min-width:44px;text-align:center;font:600 .815rem var(--mono);background:var(--acc2);color:var(--acc);padding:1px 6px;border-radius:5px}
.bu-op[aria-selected="true"] .bu-cama{background:var(--card)}
.bu-cama.alta{background:var(--soft2);color:var(--muted);font-family:var(--fuente);font-weight:600}
.bu-tx{display:grid;min-width:0;flex:1}
.bu-tx b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bu-tx small{color:var(--muted);font-size:.815rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bu-op mark{background:none;color:var(--acc);font-weight:750}
.bu-op kbd{flex:none;font:600 .74rem var(--mono);color:var(--muted);border:1px solid var(--line2);border-radius:4px;padding:0 5px}
.bu-vacio{padding:14px 10px;color:var(--muted)}
header .buscar .atajo-buscar{font-size:.7rem}
@media (max-width:760px){.bu-caja{position:fixed;left:8px;right:8px;top:54px;width:auto;max-height:calc(100vh - 140px)}}
/* ===== v0.9 · pase a lo ancho de la pantalla, letra ajustable, textos largos recortados ===== */
@media (min-width:761px){
  .tabla-scroll:has(table.pase){overflow-x:hidden}
  table.pase{table-layout:fixed;width:100%;font-size:calc(.815rem * var(--pase-esc,1))}
  table.pase col.c-cama{width:4.2em}table.pase col.c-pac{width:12%}table.pase col.c-prob{width:14%}
  table.pase col.c-ant{width:11%}table.pase col.c-pend{width:14%}table.pase col.c-atb{width:12%}table.pase col.c-cult{width:14%}table.pase col.c-compl{width:auto}
  table.pase th{padding:5px 6px;font-size:.92em;white-space:normal}
  table.pase td{padding:4px 6px;line-height:1.3}
  table.pase td.txt{font-size:.95em;max-width:none;min-width:0}
  table.pase td.atenuado{font-size:.9em;max-width:none}
  table.pase td.pac{min-width:0}
  table.pase td.pac .sub{white-space:normal;font-size:.9em}
  table.pase td.pend .pill{font-size:.95em;padding:0 6px}
  table.pase td,table.pase td *{overflow-wrap:anywhere}
  /* textos largos (cultivos, imágenes, antecedentes): 6 líneas y "ver más"; "Texto completo" los muestra enteros */
  table.pase:not(.completo) td .cl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
  table.pase:not(.completo) tr.abierta td .cl{display:block;-webkit-line-clamp:unset}
  .ver-mas{border:0;background:none;padding:0;color:var(--acc);font:inherit;font-size:.9em;font-weight:600;cursor:pointer}
}
.tam-pase{display:inline-flex;gap:4px}
.tam-pase [aria-pressed="true"]{background:var(--acc2);border-color:var(--acc);color:var(--acc)}
/* camas libres y de otro servicio: una línea fina */
table.pase[data-pase] tr.vacia.libre{display:table-row}
table.pase tr.vacia td{padding-top:2px;padding-bottom:2px}
table.pase tr.vacia td.pac{color:var(--muted)}
.libre-pill{background:transparent!important;border:1px solid var(--line2);color:var(--muted)!important;font-size:.85em;letter-spacing:.06em;font-weight:650;border-radius:999px}
table.pase tr.vacia .acc-vacia{margin-left:10px;font-size:.9em;color:var(--muted);opacity:0;transition:opacity .12s}
table.pase tr.vacia:hover .acc-vacia,table.pase tr.vacia .acc-vacia:focus{opacity:1;color:var(--acc)}
table.pase tr.otro .acc-vacia{opacity:.6}
.leyenda-grav{display:inline-flex;gap:8px;font-size:.815rem;color:var(--ink2);cursor:help}
.cama-grav{font:650 .926em var(--fuente);min-width:3.2em;text-align:center;padding:1px 5px;border-radius:var(--radio-s);background:var(--acc2);color:var(--acc);border:1px solid transparent;cursor:pointer}
.cama-grav:hover{border-color:var(--acc)}
.cama-grav.vigilar{background:color-mix(in srgb,#f5b70a 40%,var(--card));color:#6b4500}
.cama-grav.inestable{background:color-mix(in srgb,#ef4444 30%,var(--card));color:var(--bad)}
:root[data-theme="dark"] .cama-grav.vigilar{color:#ffd77a}
/* gravedad v2: la gravedad es dueña del color de la fila. Chip sólido + franja del mismo color;
   vencidos y cultivos ya no pintan la franja (conservan ⚠ y ◷). Crítico late 3 veces y queda quieto. */
:root{--g-vig:#f5b70a;--g-vig-tx:#3a2600;--g-crit:#d92d20;--g-crit-tx:#fff}
:root[data-theme="dark"]{--g-crit:#e5484d}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--g-crit:#e5484d}}
.cama-grav{transition:background-color .25s,color .25s,border-color .2s;background:var(--soft2);color:var(--ink)}
.cama-grav:hover{border-color:var(--line2)}
.cama-grav.vigilar,:root[data-theme="dark"] .cama-grav.vigilar{background:var(--g-vig);color:var(--g-vig-tx);border-color:transparent}
.cama-grav.inestable{background:var(--g-crit);color:var(--g-crit-tx);border-color:transparent;font-weight:750;animation:latido 1.5s ease-out .3s 3}
.cama-grav.vigilar:hover,.cama-grav.inestable:hover{border-color:var(--ink)}
table.pase tbody tr.est-venc td.cama,table.pase tbody tr.est-cult td.cama{box-shadow:inset 3px 0 0 transparent}
table.pase tbody tr.grav-vigilar td.cama,table.guardia tr.grav-vigilar td.cama{box-shadow:inset 4px 0 0 var(--g-vig)}
table.pase tbody tr.grav-inestable td.cama,table.guardia tr.grav-inestable td.cama{box-shadow:inset 4px 0 0 var(--g-crit)}
table.pase tbody tr.grav-inestable td{background-color:color-mix(in srgb,var(--g-crit) 5%,transparent)}
table.pase tbody td.cama{transition:box-shadow .3s}
.cama-grav.pop{animation:pop .35s cubic-bezier(.3,1.7,.5,1)}
.cama-grav.inestable.pop{animation:pop .35s cubic-bezier(.3,1.7,.5,1),latido 1.5s ease-out .35s 3}
@keyframes latido{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--g-crit) 60%,transparent)}75%,100%{box-shadow:0 0 0 7px color-mix(in srgb,var(--g-crit) 0%,transparent)}}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.22)}100%{transform:scale(1)}}
.leyenda-grav{align-items:center;gap:6px}
.leyenda-grav .cama-grav{cursor:help;min-width:0;padding:1px 7px;font-size:.778rem;animation:none}
.grav-menu i{box-shadow:0 0 0 2px var(--card),0 0 0 3px var(--line2)}
.grav-menu{position:fixed;z-index:55;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--sombra2);padding:6px;display:grid;gap:2px;min-width:260px;animation:bu-entra .16s ease-out}
.grav-menu[hidden]{display:none}
.grav-menu .tit{font-size:.778rem;color:var(--muted);padding:4px 8px}
.grav-menu button{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:center;text-align:left;border:0;background:none;padding:7px 8px;border-radius:7px;cursor:pointer;font:inherit;color:var(--ink)}
.grav-menu button:hover,.grav-menu button[aria-pressed="true"]{background:var(--soft2)}
.grav-menu button i{width:12px;height:12px;border-radius:3px;grid-row:span 2}
.grav-menu button small{color:var(--muted);grid-column:2}
.carga-check input,.carga-check select{width:auto}
.carga-check input[name=solicitud]{flex:1 1 320px;min-width:0}
.carga-check input.hora{flex:0 0 90px;width:90px;min-width:0}
.carga-check .chk-linea{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
table.pase td.pac .sub .nw{white-space:nowrap}

/* v0.9 · checklist: dos listas, paciente por cama, horario, carga optimista */
.carga-check .pac-campo{display:grid;gap:1px;flex:0 1 230px;min-width:150px}
.carga-check .pac-campo input{width:100%}
.carga-check .pac-elegido{color:var(--muted);font-size:.778rem;line-height:1.1rem;min-height:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carga-check input.no-encontrado{border-color:var(--bad)}
.carga-check input.no-encontrado + .pac-elegido{color:var(--bad)}
.hora-campo{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.889rem}
.hora-campo input{width:auto}
.hora-chip{font:600 .778rem var(--mono);background:var(--soft2);color:var(--ink);padding:0 5px;border-radius:4px;vertical-align:1px}
.item-check.vencido .hora-chip{background:var(--badbg);color:var(--bad)}
.tipo-chip{font-size:.722rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--warn);background:var(--warnbg);padding:0 5px;border-radius:4px;vertical-align:1px}
.item-check.guardando{opacity:.55}
.item-check.guardando .ck{cursor:default}
.grupo-check[hidden],.vacio[hidden],tr[data-fila-i][hidden],.pill[hidden]{display:none}
@media (max-width:700px){
  .carga-check .pac-campo{flex:1 1 100%}
}
/* cargar cultivos: chips tildables */
.chips-cult{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chip-check{position:relative;cursor:pointer}
.chip-check input{position:absolute;opacity:0;pointer-events:none}
.chip-check span{display:inline-block;border:1px solid var(--line2);background:var(--card);color:var(--ink2);border-radius:999px;padding:4px 12px;font-size:.889rem;font-weight:600;line-height:1.4rem}
.chip-check:hover span{border-color:var(--muted)}
.chip-check input:checked + span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.chip-check input:focus-visible + span{outline:2px solid var(--acc);outline-offset:2px}
/* ATB/ACO: tratamientos con día calculado, líneas escritas a mano y avisos de fin */
.tx-pase{line-height:1.35}
.tx-pase.termina{font-weight:600}
.tx-pase.pasado{color:var(--bad);font-weight:600}
.tx-suelta{color:var(--muted);font-style:italic;line-height:1.35}
.cargar-atb{font:inherit;font-style:normal;font-size:.85em;font-weight:650;color:var(--acc);background:var(--acc2);border:0;border-radius:999px;padding:0 7px;cursor:pointer;opacity:.75}
.cargar-atb:hover{opacity:1}
tr:hover .cargar-atb{opacity:1}
.cargar-atb:disabled{opacity:.4;cursor:wait}
.hub-lista li.sueltas{display:grid;gap:3px}
.barrita.termina i{background:var(--warn)}.barrita.pasado i{background:var(--bad)}
.aviso-atb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--warnbg);color:var(--warn);border-left:3px solid var(--warn);padding:7px 12px;border-radius:var(--radio-s);margin-bottom:10px;font-size:.926rem}
.aviso-atb b{color:var(--ink)}
table.carga-atb input,table.carga-atb select{height:2rem;font-size:.889rem;padding:2px 6px}
table.carga-atb input.dias{width:4.5em}
table.carga-atb td.orig{font-family:var(--mono);font-size:.852rem;max-width:280px}
table.carga-atb .aviso{font-family:var(--fuente);color:var(--warn);font-size:.778rem}
table.carga-atb td.hoy{font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
table.carga-atb td.hoy.termina{color:var(--warn)}table.carga-atb td.hoy.pasado{color:var(--bad)}
.g-tx h2{color:var(--warn)}
.g-tx .item-check{align-items:center;gap:8px}
table.carga-atb tr.sin-inicio input[data-inicio]{border-color:var(--warn);background:var(--warnbg)}
.g-tx .item-check{flex-wrap:wrap}.g-tx .item-check .tx{flex:1 1 220px}
.grupo-check.g-tx{max-width:980px;margin-bottom:14px}
/* entrar: nombres como botones */
.nombres{border:0;padding:0;margin:0 0 10px}
.grid-nombres{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-top:4px}
.nombre-op{position:relative;cursor:pointer}
.nombre-op input{position:absolute;opacity:0;pointer-events:none}
.nombre-op span{display:block;text-align:center;padding:10px 8px;border:1px solid var(--line2);border-radius:var(--radio-s);background:var(--card);font-weight:600}
.nombre-op span small{display:block;font-weight:500;color:var(--muted);font-size:.74rem}
.nombre-op:hover span{border-color:var(--acc)}
.nombre-op input:checked+span{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.nombre-op input:checked+span small{color:inherit;opacity:.8}
.nombre-op input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
/* usuarios */
.clave-temporal{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-left:4px solid var(--ok)}
.clave-temporal>div{flex:1 1 280px}.clave-temporal p{margin:2px 0 0}
.clave-temporal code.clave{font:700 1.4rem var(--mono);letter-spacing:.06em;background:var(--soft2);padding:6px 12px;border-radius:var(--radio-s);user-select:all}
table.usuarios tr.inactivo td{opacity:.55}
table.usuarios .acciones-u form{display:inline-flex;gap:6px;align-items:center}
table.usuarios .acciones-u .desplegable .menu button{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;border:0;background:none;border-radius:6px;font:inherit;color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap}
table.usuarios .acciones-u .desplegable .menu button:hover{background:var(--acc2)}
table.usuarios .acciones-u .desplegable .menu button.peligro{color:var(--bad)}
table.usuarios .acciones-u .desplegable .menu small{color:var(--muted)}
.avatar.admin{box-shadow:0 0 0 2px #fcd34d}
.punto-version{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px var(--barra);margin-left:-12px;margin-top:-14px}
.punto-version[hidden]{display:none}
/* actualizar la app */
.act-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;align-items:start}
@media (max-width:900px){.act-grid{grid-template-columns:minmax(0,1fr)}}
.versiones{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.versiones>div{display:grid}
.versiones .et{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:650}
.versiones b{font:700 1.6rem var(--mono)}
.versiones small{color:var(--muted)}
.flecha-v{font-size:1.4rem;color:var(--muted)}
.pasos-act{list-style:none;padding:0;margin:10px 0;display:grid;gap:5px}
.pasos-act li{display:flex;align-items:center;gap:8px}
.pasos-act li::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid var(--line2);flex:none}
.pasos-act li.ok::before{background:var(--ok);border-color:var(--ok)}
.pasos-act li.error::before{background:var(--bad);border-color:var(--bad)}
.pasos-act li.error{color:var(--bad)}
.pasos-act li.en_curso::before{border-color:var(--acc);border-top-color:transparent;animation:girar .8s linear infinite}
@keyframes girar{to{transform:rotate(360deg)}}
.act-form .btn.grande{width:100%}
.act-novedades details{border-bottom:1px solid var(--line);padding:6px 0}
.act-novedades summary{cursor:pointer}
.act-novedades .cambios{font-size:.926rem;color:var(--ink2);margin:6px 0 4px;line-height:1.45}
pre.log-act{max-height:360px;overflow:auto;font:.778rem/1.4 var(--mono);background:var(--code);padding:10px;white-space:pre-wrap}
/* ventana flotante desplazable */
.ventana{position:fixed;z-index:45;width:min(560px,calc(100vw - 20px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line2);border-radius:12px;box-shadow:0 18px 50px rgba(30,15,5,.28)}
.ventana[hidden]{display:none}
.ventana-cab{display:flex;align-items:center;gap:6px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none;background:var(--soft);border-radius:12px 12px 0 0}
.ventana.arrastrando .ventana-cab{cursor:grabbing}.ventana.arrastrando{opacity:.92}
.ventana-cab b{font-size:.963rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ventana-cuerpo{overflow:auto;padding:12px 14px}
.ventana-cuerpo .caja{box-shadow:none;border:0;padding:0;margin:0}
.ventana-cuerpo h1{font-size:1.111rem}
.ventana-cuerpo .contexto{display:none}
/* acciones rápidas por fila */
.acciones-fila{border:1px solid transparent;background:none;color:var(--muted);font-weight:800;letter-spacing:.05em;line-height:1;padding:1px 6px;border-radius:6px;cursor:pointer;margin-left:2px;vertical-align:1px}
tr:hover .acciones-fila,.acciones-fila:focus-visible{border-color:var(--line2);color:var(--ink);background:var(--card)}
.menu-acciones{position:fixed;z-index:50;min-width:230px;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--sombra2);padding:6px;display:grid;gap:1px;animation:bu-entra .14s ease-out}
.menu-acciones[hidden]{display:none}
.menu-acciones .tit{font-size:.778rem;color:var(--muted);padding:4px 8px;font-weight:650}
.menu-acciones .grav{margin:2px 4px 6px;width:auto;display:grid;grid-template-columns:repeat(3,1fr)}
.menu-acciones>button{border:0;background:none;text-align:left;font:inherit;color:var(--ink);padding:7px 10px;border-radius:7px;cursor:pointer}
.menu-acciones>button:hover,.menu-acciones>button:focus-visible{background:var(--acc2);outline:none}
.menu-acciones>button.peligro{color:var(--bad);border-top:1px solid var(--line);border-radius:0 0 7px 7px;margin-top:3px}
.pend-rapido{display:grid;gap:8px}
.pend-rapido .chips-fecha input[type=time]{width:auto;height:1.9rem}
.lineas-activos{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:3px}
.lineas-activos li{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--soft);padding:3px 4px 3px 10px;border-radius:6px}
.lineas-activos:empty{display:none}
table.pase td .resueltos>div{line-height:1.3}
/* encabezado de impresión: solo en papel */
.encabezado-impresion,.grav-impresa{display:none}
.titulo-sector{margin:16px 0 6px}
.ventana-cuerpo h1{display:none}   /* el título ya está en la barra de la ventana */
table.pase td.pac{position:relative;padding-right:22px}
table.pase td.pac .acciones-fila{position:absolute;right:2px;top:4px;margin:0;opacity:.35}
table.pase tr:hover td.pac .acciones-fila,table.pase td.pac .acciones-fila:focus-visible{opacity:1}
@media (hover:none){table.pase td.pac .acciones-fila{opacity:1}}
/* pedir acceso y aprobar */
.form-pedido{display:flex;flex-wrap:wrap;gap:6px 12px}
.form-pedido .campo{flex:1 1 100%}.form-pedido .campo.medio{flex:1 1 200px}
.form-pedido .btn.grande{flex:1 1 100%}.form-pedido>p{flex:1 1 100%}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pedidos{border-left:4px solid var(--acc)}
.pedidos h2{display:flex;gap:6px;align-items:center}
.pedido{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-top:1px solid var(--line)}
.pedido>div{flex:1 1 320px;display:grid;gap:2px}
.contacto-u small{display:block;color:var(--muted)}
table.usuarios .desplegable .menu a.peligro{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;color:var(--bad);border-radius:6px}
table.usuarios .desplegable .menu a.peligro:hover{background:var(--badbg);text-decoration:none}
.btn.peligro-lleno{background:var(--bad);color:#fff}
.btn.peligro-lleno:hover{background:color-mix(in srgb,var(--bad) 85%,#000)}
.pedidos-badge{margin-left:-10px;margin-top:-14px}
/* pase al costado (panel lateral) */
header nav>a.nav-costado{padding:6px 7px;margin-left:-4px;opacity:.6}
header nav>a.nav-costado:hover{opacity:1}
header nav>a.nav-costado[data-tip]::after{display:none}
@media (max-width:760px){header nav>a.nav-costado{display:none}}
.cajon-cuerpo .pase-cab .tam-pase,.cajon-cuerpo .pase-cab .desplegable,.cajon-cuerpo .pase-cab>.btn,.cajon-cuerpo .pase-cab>button,
.cajon-cuerpo .pase-cab h1,.cajon-cuerpo .leyenda-grav,.cajon-cuerpo .aviso-atb,.cajon-cuerpo .acciones-fila{display:none}
.cajon-cuerpo table.pase{table-layout:auto;font-size:.852rem}
.cajon-cuerpo table.pase col{width:auto!important}
.cajon-cuerpo table.pase tr>*:nth-child(3),.cajon-cuerpo table.pase tr>*:nth-child(7),.cajon-cuerpo table.pase tr>*:nth-child(8){display:none}
.cajon-cuerpo table.pase tr.vacia td[colspan]{display:table-cell}
.cajon-cuerpo table.pase td.pac{padding-right:6px}
.cajon-cuerpo .tabla-scroll{box-shadow:none}
/* ===== imprimir el pase: A4 apaisada, texto completo, blanco y negro (sin fondos: ahorra tinta) ===== */
@media print{
  @page{size:A4 landscape;margin:7mm}
  html{font-size:9pt}
  body,main{background:#fff!important;color:#000!important;padding:0!important}
  .nav-inferior,.espera,.toast,.ventana,.menu-acciones,.grav-menu,.pase-cab,.aviso-atb,.acciones-fila,.copiar svg,.cargar-atb,.ver-mas{display:none!important}
  .encabezado-impresion{display:block;font-size:8.5pt;margin:0 0 2mm;padding-bottom:1mm;border-bottom:1pt solid #000}
  .titulo-sector{font-size:10pt;margin:3mm 0 1mm;color:#000;break-after:avoid}
  .tabla-scroll{overflow:visible!important;border:0!important;box-shadow:none!important;background:none!important}
  table.pase{table-layout:fixed!important;width:100%!important;font-size:7.6pt!important;border-collapse:collapse}
  table.pase col.c-cama{width:3.6em}table.pase col.c-pac{width:12%}table.pase col.c-ant{width:10%}table.pase col.c-prob{width:13%}
  table.pase col.c-pend{width:13%}table.pase col.c-atb{width:13%}table.pase col.c-cult{width:11%}table.pase col.c-compl{width:auto}
  table.pase thead{display:table-header-group}
  table.pase th{position:static;background:none!important;color:#000!important;border-bottom:1pt solid #000;font-size:7pt;padding:1mm}
  table.pase td{background:none!important;color:#000!important;border-bottom:.4pt solid #888;padding:1mm!important;box-shadow:none!important;vertical-align:top}
  table.pase tr{break-inside:avoid}
  table.pase td *{color:#000!important}
  table.pase td .cl{display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;max-height:none!important}
  table.pase td.atenuado{font-size:inherit}
  table.pase .pill{background:none!important;border:.5pt solid #000;padding:0 2px!important;font-weight:400}
  table.pase .pill.rojo{font-weight:700}
  table.pase .muted,table.pase .sub,table.pase .resueltos{color:#333!important}
  table.pase .tx-suelta{font-style:normal}
  .grav-impresa{display:block;font-weight:800;font-size:7pt;letter-spacing:.04em}
  .cama-grav{background:none!important;border:0;color:#000!important;font-weight:700;padding:0}
  .cama-grav.vigilar{border:.8pt solid #000}
  .cama-grav.inestable{border:1.8pt solid #000}
  table.pase tr.vacia td{padding-top:.4mm!important;padding-bottom:.4mm!important}
  table.pase tr.vacia .acc-vacia{display:none}
  .libre-pill{border:0!important;letter-spacing:.1em}
}
/* ===== celular: lo que más se consulta primero ===== */
@media (max-width:760px){
  .hub{display:flex;flex-direction:column;gap:10px}
  .hub-col,.hub-col:nth-child(3){display:contents}
  .hc-labs{order:1}.hc-check{order:2}.hc-tto{order:3}.hc-pase{order:4}.hc-ind{order:5}.hc-sv{order:6}.hc-cult{order:7}.hc-est{order:8}.hc-notas{order:9}
  .hc-labs table.labs-hub{width:100%}
  .hc-labs table.labs-hub td:first-child,.hc-labs table.labs-hub th:first-child{position:sticky;left:0;background:var(--card)}
  /* pase: solo lo útil en el teléfono */
  .pase-cab .tam-pase,.pase-cab>button[onclick],.pase-cab .desplegable,.leyenda-grav{display:none}
  table.pase tr.ocupada td .cl{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  table.pase tr.ocupada.abierta td .cl{display:block;-webkit-line-clamp:unset}
  /* ventana: hoja de abajo, de lado a lado */
  .ventana{left:6px!important;right:6px;top:auto!important;bottom:calc(66px + env(safe-area-inset-bottom,0px));width:auto;max-height:78vh;border-radius:14px}
  .ventana-cab{cursor:default}
  .menu-acciones{left:8px!important;right:8px;min-width:0}
  .menu-acciones>button{padding:11px 12px}
  /* checklist: tildes para el pulgar */
  .item-check{padding:11px 12px;gap:12px}
  .item-check .ck{width:28px;height:28px;border-radius:8px}
  .item-check .tx b{font-size:1rem}
}
.btn:disabled{opacity:.45;cursor:not-allowed}
/* pase al costado junto al avatar · modo oscuro como interruptor en el menú */
.pase-costado[aria-pressed="true"]{background:var(--barra-act);border-color:rgba(255,255,255,.45)}
@media (max-width:760px){.pase-costado{display:none}}
.config .menu .fila-switch{display:flex;justify-content:space-between;align-items:center}
.switch{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line2);flex:none;transition:background .2s}
.switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .2s cubic-bezier(.2,.9,.3,1.2)}
[aria-checked="true"] .switch{background:var(--acc)}
[aria-checked="true"] .switch i{transform:translateX(14px)}
/* el panel lateral empieza debajo de la barra: la barra (y el botón del pase al costado) siguen a mano */
.cajon{top:var(--alto-barra,52px);height:calc(100vh - var(--alto-barra,52px))}
.cajon-fondo{top:var(--alto-barra,52px)}
header.top{z-index:35}   /* por encima del panel lateral (30): sus menús se despliegan sobre él */
/* impresión más compacta: entra más por hoja */
@media print{
  @page{size:A4 landscape;margin:5mm}
  table.pase{font-size:7pt!important;line-height:1.16!important}
  table.pase td{padding:.6mm .9mm!important}
  table.pase th{padding:.6mm .9mm!important;font-size:6.5pt}
  table.pase td.pac .sub{font-size:6.4pt;line-height:1.1}
  table.pase td .resueltos{font-size:6.4pt}
  table.pase td.pend .pill{margin:0 2px 1px 0!important;line-height:1.15}
  table.pase td.pend>div,table.pase .tx-pase,table.pase .tx-suelta{line-height:1.16}
  .encabezado-impresion{margin-bottom:1mm;font-size:7.5pt}
  table.pase tr.vacia td{font-size:6.4pt}
}
@media print{
  table.pase col.c-cama{width:3.3em}table.pase col.c-pac{width:11%}table.pase col.c-ant{width:10%}table.pase col.c-prob{width:16%}
  table.pase col.c-pend{width:15%}table.pase col.c-atb{width:12%}table.pase col.c-cult{width:10%}table.pase col.c-compl{width:auto}
}
/* ===== imprimir: un sector por hoja (Oficio/Legal apaisada por defecto). La escala la calcula app.js ===== */
.imprimir-grupo{display:inline-flex;align-items:stretch}
.imprimir-grupo .btn{border-top-right-radius:0;border-bottom-right-radius:0}
.imprimir-grupo select{border:1px solid var(--line2);border-left:0;border-radius:0 var(--radio-s) var(--radio-s) 0;background:var(--card);color:var(--ink2);font:inherit;font-size:.815rem;padding:0 4px;min-height:0;cursor:pointer}
@media print{
  @page{size:legal landscape;margin:5mm}
  .titulo-sector{display:none}
  .sector-pase{break-inside:avoid}
  .sector-pase+.sector-pase{break-before:page}
  .sector-pase.sin-pacientes{display:none}
  .cama-grav{animation:none!important;box-shadow:none!important;transform:none!important;border-color:transparent!important}
  .cama-grav.vigilar{border:.8pt solid #000!important}
  .cama-grav.inestable{border:1.8pt solid #000!important}
  .zoom-impr{zoom:var(--z-impr,1);width:var(--w-impr,auto)}
  table.pase{font-size:8pt!important}
  table.pase tr{break-inside:auto}
}
/* panel lateral: pestañas de consulta rápida (Pase · Scores · Fármacos) */
.cajon-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--card)}
.cajon-tabs[hidden]{display:none}
.cajon-tabs a{padding:7px 12px 6px;font-size:.889rem;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;transition:color .15s,border-color .2s}
.cajon-tabs a:hover{color:var(--ink);text-decoration:none}
.cajon-tabs a[aria-current="page"]{color:var(--acc);border-bottom-color:var(--acc)}
.filtro-rapido{width:100%;margin:2px 0 10px}
.cajon-cuerpo .calcs h3,.cajon-cuerpo #lista-calcs h3{margin:10px 0 4px}
.farm-lista{display:grid;gap:6px}
.farm{border:1px solid var(--line);border-radius:var(--radio);background:var(--card);padding:8px 10px}
.farm.borrador{border-left:3px solid var(--g-vig)}
.farm summary{cursor:pointer;list-style:none}
.farm summary::-webkit-details-marker{display:none}
.farm-dosis{font-size:.889rem;margin-top:2px}
.farm-ajustes{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:8px 0;font-size:.852rem}
.farm-ajustes dt{color:var(--muted);font-weight:600;white-space:nowrap}
.farm-ajustes dd{margin:0}
[data-fil][hidden],[data-fil-grupo][hidden]{display:none!important}
.cambiar-usuario{display:flex;gap:4px;padding:4px 6px;border-bottom:1px solid var(--line)}
.cambiar-usuario input{min-width:0;width:130px;font-size:.852rem;padding:3px 6px}
.cambiar-usuario button{white-space:nowrap}