/* Salud Chiguayante · consola de atención */
:root{--font:"Segoe UI",Inter,system-ui,sans-serif;--mono:var(--font);--radius:18px}
:root[data-theme="light"]{--bg:#f3f6fb;--txt:#172843;--txt2:#43536c;--mut:#6b7890;--line:#e4eaf2;--card2:#f7f9fc;--pri:#087f8c;--brand:#087f8c;--shadow:0 4px 20px #152f5210}
body{background:var(--bg);overflow-x:hidden}
.top{background:#112d48;padding:13px 26px;min-height:78px;box-shadow:0 2px 10px #0e2c4315;gap:14px}
.top .marca{font-size:17px;letter-spacing:-.025em}.top .marca img{border-radius:13px;width:43px;height:43px;background:transparent}
.top .marca small{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#a9c5d6;margin-top:3px}
.top .quien,.top .quien b{color:#eef7ff}.top .tbtn,.top button{color:#fff;background:#ffffff12;border-color:#ffffff25;border-radius:10px}
.shell{grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 78px)}
.tabs{background:var(--card);padding:24px 13px;border-right:1px solid var(--line);gap:5px;top:78px;height:calc(100vh - 78px)}
.tabs .grupo{font-size:10px;letter-spacing:.13em;color:var(--mut);padding:16px 12px 8px;text-transform:uppercase}
.tabs button,.tabs a{font-weight:500;font-size:13px;border-radius:10px;padding:12px 13px;line-height:1.3;min-height:43px;text-align:left;border:0}
.tabs button.on{background:#e3f4f2;color:#087568;box-shadow:inset 3px 0 #12a98c;font-weight:700}
.tabs button:hover,.tabs a:hover{background:#edf4f8;color:#087f8c}
main{padding:28px;min-width:0;max-width:1780px}.health-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.health-eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--pri);font-weight:800;margin:0 0 5px}.health-heading h1{font-size:28px;line-height:1.2;letter-spacing:-1px;margin:0 0 7px;font-weight:750}.health-heading p{margin:0;color:var(--mut);font-size:13px}
.health-pill{white-space:nowrap;background:#fff3d8;border:1px solid #f2dfae;border-radius:30px;padding:8px 13px;color:#805a12;font-size:11px;font-weight:700}.health-pill:before{content:"";display:inline-block;width:7px;height:7px;background:#dda327;border-radius:50%;margin-right:7px}
.kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}
.kpi{position:relative;border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:none;min-height:106px;overflow:hidden;background:var(--card);border-left-width:1px}
.kpi:before{display:none}.kpi:after{content:"";position:absolute;right:17px;top:18px;width:11px;height:11px;border-radius:4px;background:var(--accent,#0f9c9c);opacity:.75}
.kpi b{display:block;font-size:30px;font-family:var(--font);letter-spacing:-1px;line-height:1.15;margin-bottom:11px;color:var(--ink,#1a5260)}.kpi span{display:block;font-size:11px;font-weight:600;line-height:1.35;color:var(--ink,#416075);opacity:.9}
:root[data-theme="light"] .kpi:nth-child(5n+1){background:#e8f6f9;--ink:#125e76;--accent:#219ec0;border-color:#d4edf2}
:root[data-theme="light"] .kpi:nth-child(5n+2){background:#e8f6ee;--ink:#206c49;--accent:#32ac72;border-color:#d6ebdf}
:root[data-theme="light"] .kpi:nth-child(5n+3){background:#efecfb;--ink:#624494;--accent:#9070d4;border-color:#e4def5}
:root[data-theme="light"] .kpi:nth-child(5n+4){background:#fff3df;--ink:#87601f;--accent:#e3b14d;border-color:#f6e8ca}
:root[data-theme="light"] .kpi:nth-child(5n+5){background:#eaf0fc;--ink:#385e9a;--accent:#6489cf;border-color:#dfe7f8}
.kpi.alerta{box-shadow:inset 0 -3px #eb8c55}.card{border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:22px;min-width:0}
.card h3{font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px;color:var(--txt2)}.card h3 .ico{color:#159b97;margin-right:4px}
.tabla{border:1px solid var(--line);border-radius:12px}.tabla th{background:var(--card2);padding:12px 14px;font-size:10px;letter-spacing:.075em;color:var(--mut)}.tabla td{padding:13px 14px;font-size:12px}.vacio{padding:36px 20px;color:var(--mut);font-size:13px;text-align:center}
.btn,button{border-radius:10px}.btn{box-shadow:none;font-weight:650}input,select,textarea{border-radius:10px;min-height:42px;border-color:var(--line)}
.health-note{margin-top:22px;padding:13px 17px;border:1px dashed var(--line2);border-radius:12px;color:var(--mut);font-size:11px;background:var(--card)}
.fono{background:var(--card)}.fono .pantalla{border-radius:12px}.grid.g3{grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr) minmax(240px,1fr)}
.login{min-height:100vh}.login .lado{background:linear-gradient(145deg,#112d48,#087f8c);padding:70px 55px}.login .lado h1{font-size:42px;letter-spacing:-1.3px;line-height:1.15}.login .lado p{color:#d3eef0;line-height:1.75}.login .lado li{padding:9px 0;color:#e7f6f7}.login .form{background:var(--bg)}.login .card{max-width:420px;padding:36px;box-shadow:0 15px 60px #102d4b0b}
:root:not([data-theme="light"]) .kpi{--ink:#e1edf5;--accent:#53d2bd;background:#192b43}:root:not([data-theme="light"]) .tabs button.on{background:#123b40;color:#8ce4d4}:root:not([data-theme="light"]) .health-pill{background:#423923;color:#f8d797;border-color:#655334}
@media(min-width:1600px){.kpi b{font-size:36px}.kpi{min-height:120px}}
@media(max-width:1250px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.grid[style*="grid-template-columns:1fr 360px"]{grid-template-columns:minmax(0,1fr)!important}.grid.g3{grid-template-columns:1fr 1fr}.grid.g3>section:last-child{grid-column:1/-1}}
@media(max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.tabs{position:static;flex-direction:row;height:auto;padding:10px;overflow-x:auto;border-right:0;gap:5px}.tabs .grupo{display:none}.tabs a,.tabs button{flex-shrink:0;width:auto;white-space:nowrap;padding:10px 13px;min-height:38px}.top{padding:12px 16px;flex-wrap:wrap;position:relative}.top .marca{flex:1;min-width:200px}.top .quien{display:none}.top .esp{display:none}.top .tbtn{font-size:11px}.health-heading{align-items:flex-start}.health-heading h1{font-size:24px}main{padding:20px}.health-pill{white-space:normal;max-width:140px;font-size:10px}.kpi{padding:16px;min-height:101px}.login .lado{padding:38px 30px}.login .lado h1{font-size:32px}}
@media(max-width:600px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi b{font-size:28px}.kpi span{font-size:10px}.grid.g3,.grid.g2,.grid[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}.grid.g3>section:last-child{grid-column:auto}.health-heading{display:block}.health-pill{display:inline-block;margin-top:12px;max-width:none}.card{padding:16px}.login .lado{padding:30px 25px}.login .lado h1{font-size:29px}.top .marca{font-size:15px}}

/* Registro de atención de salud */
.agent-workspace{grid-template-columns:260px minmax(0,1fr) 250px!important;max-width:1800px;align-items:start}
.registro-atencion{border-top:4px solid #16a394}.registro-atencion h3{font-size:15px;text-transform:none;letter-spacing:0;color:var(--txt)}
.registro-grid{gap:13px}.registro-grid>div{min-width:0}.registro-grid label{display:block;font-size:12px;font-weight:650;margin-bottom:5px}.registro-grid small{font-size:10px;display:block;margin-top:5px;line-height:1.4}
.registro-grid input,.registro-grid select{width:100%;min-width:0}.registro-grid input[aria-invalid="true"]{border-color:#dc554a}
.form-section{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:var(--pri);padding-top:18px;margin:16px 0 12px;border-top:1px solid var(--line)}
.origen-llamada{background:var(--card2);border:1px solid var(--line);padding:10px 12px;border-radius:10px;font-size:11px;margin-top:12px;color:var(--txt2)}
.registro-aviso{font-size:10px;color:var(--mut);margin-top:14px;line-height:1.5}.registro-guardado{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.registro-guardado summary{cursor:pointer;font-weight:600}.registro-guardado p{font-size:11px;white-space:pre-wrap}
.registro-atencion #tipBtns .btn{font-size:11px;min-height:36px}.registro-atencion #tipRes{font-size:12px;color:var(--err)}
@media(max-width:1300px){.agent-workspace{grid-template-columns:245px minmax(0,1fr)!important}.agent-workspace>section:last-child{grid-column:1/-1}}
@media(max-width:850px){.agent-workspace{grid-template-columns:minmax(0,1fr)!important}.agent-workspace>section:last-child{grid-column:auto}}

/* Teclas del teléfono sin desbordamiento */
.agent-workspace .fono .acciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.agent-workspace .fono .acciones button{min-width:0;padding:9px 5px;font-size:12px;gap:4px}.agent-workspace .fono .acciones .ico{width:15px;height:15px}.agent-workspace .fono .fila input{min-width:0}