:root{--sfondo:#f5f5f7;--barra:#ececee;--lista:#fff;--lettura:#fff;--riga:#e5e5ea;--riga-forte:#d1d1d6;--testo:#1d1d1f;--testo2:#6e6e73;--testo3:#6a6a70;--segno:#94949a;--blu:#007aff;--blu-sel:#0072ef;--sel-grigio:#dcdcdc;--tocco:#e5e5ea;--verde:#34c759;--arancio:#ff9500;--rosso:#ff3b30;--viola:#5856d6;--grigio-az:#8e8e93;--verde-testo:#24883d;--arancio-testo:#ad6500;--rosso-testo:#c0362b;--grigio-testo:#6a6a6f;--tag-seg-bg:#e6f8ec;--tag-seg:#1e7a46;--tag-cs-bg:#e8f0fe;--tag-cs:#1a56c4;--tag-car-bg:#fbf1dc;--tag-car:#9a6200;--sf:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--m-etichetta:11px;--m-minuta:11.5px;--m-dato:12px;--m-anteprima:12.5px;--m-base:13px;--m-mittente:13.5px;--m-lettera:14px;--m-testa:15px;--m-titolo:20px;--m-titolone:34px;--r-tag:4px;--r-voce:5px;--r-controllo:6px;--r-carta:8px;--r-riquadro:10px;--ombra:0 8px 24px #00000024;--h-controllo:22px;--h-riga:64px;--h-tocco:44px}@media (prefers-color-scheme:dark){:root:not([data-tema=chiaro]){--sfondo:#1e1e1e;--barra:#2a2a2c;--lista:#1c1c1e;--lettura:#1c1c1e;--riga:#3a3a3c;--riga-forte:#48484a;--testo:#f5f5f7;--testo2:#a1a1a6;--testo3:#909095;--segno:#6e6e73;--blu:#0a84ff;--blu-sel:#0074e8;--sel-grigio:#464646;--tocco:#2c2c2e;--verde:#30d158;--arancio:#ff9f0a;--rosso:#ff453a;--viola:#5e5ce6;--grigio-az:#98989d;--verde-testo:#4fd473;--arancio-testo:#ffb340;--rosso-testo:#ff6961;--grigio-testo:#a1a1a6;--tag-seg-bg:#16301f;--tag-seg:#6fcf97;--tag-cs-bg:#1f2a3c;--tag-cs:#7ab0ff;--tag-car-bg:#3a2d10;--tag-car:#e5b45a;--ombra:0 8px 24px #0000008c}}:root[data-tema=scuro]{--sfondo:#1e1e1e;--barra:#2a2a2c;--lista:#1c1c1e;--lettura:#1c1c1e;--riga:#3a3a3c;--riga-forte:#48484a;--testo:#f5f5f7;--testo2:#a1a1a6;--testo3:#909095;--segno:#6e6e73;--blu:#0a84ff;--blu-sel:#0074e8;--sel-grigio:#464646;--tocco:#2c2c2e;--verde:#30d158;--arancio:#ff9f0a;--rosso:#ff453a;--viola:#5e5ce6;--grigio-az:#98989d;--verde-testo:#4fd473;--arancio-testo:#ffb340;--rosso-testo:#ff6961;--grigio-testo:#a1a1a6;--tag-seg-bg:#16301f;--tag-seg:#6fcf97;--tag-cs-bg:#1f2a3c;--tag-cs:#7ab0ff;--tag-car-bg:#3a2d10;--tag-car:#e5b45a;--ombra:0 8px 24px #0000008c}svg.i{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}body{font:400 var(--m-base)/1.35 var(--sf);color:var(--testo);background:var(--sfondo)}:focus-visible{outline:2px solid var(--blu);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}#telaio{grid-template-rows:52px 1fr;grid-template-columns:220px 1fr;height:100vh;min-height:560px;display:grid}#telaio.con-elenco{grid-template-columns:220px 360px 1fr}.barra-finestra{background:var(--barra);border-bottom:1px solid var(--riga);grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex}.barra-finestra .titolo{font-weight:600;font-size:var(--m-base)}.barra-finestra .chi{color:var(--testo2);font-size:var(--m-dato);margin-left:auto}.ambiente{font-size:var(--m-etichetta);text-transform:uppercase;letter-spacing:.02em;border-radius:var(--r-tag);background:var(--tag-car-bg);color:var(--tag-car);padding:2px 6px;font-weight:600}.lato{background:var(--barra);border-right:1px solid var(--riga);padding:8px 10px 12px;overflow:auto}.gruppo{font-size:var(--m-etichetta);color:var(--testo3);text-transform:uppercase;letter-spacing:.02em;padding:14px 8px 4px;font-weight:600}.cas{border-radius:var(--r-controllo);color:var(--testo);text-align:left;align-items:center;gap:8px;width:100%;min-height:26px;padding:5px 8px;display:flex}.cas:hover{background:color-mix(in srgb,var(--testo) 5%,transparent)}.cas .i{width:16px;height:16px;color:var(--blu)}.cas .n{font-size:var(--m-minuta);color:var(--testo2);font-variant-numeric:tabular-nums;margin-left:auto}.cas .n.urgente{color:var(--rosso-testo);font-weight:600}.cas.on{background:var(--sel-grigio)}#telaio:not(.con-elenco) .cas.on{background:var(--blu-sel);color:#fff}#telaio:not(.con-elenco) .cas.on .i,#telaio:not(.con-elenco) .cas.on .n{color:#fff}.elenco{background:var(--lista);border-right:1px solid var(--riga);flex-direction:column;min-height:0;display:flex}.elenco-testa{border-bottom:1px solid var(--riga);padding:12px 14px 8px}.elenco-testa h2{font-size:var(--m-base);margin:0;font-weight:600}.elenco-testa p{color:var(--testo2);font-size:var(--m-minuta);margin:2px 0 0}.righe{flex:1;overflow:auto}.msg{border-bottom:1px solid var(--riga);display:block}.msg .cont{min-height:var(--h-riga);background:var(--lista);grid-template-columns:14px 1fr auto;gap:0 8px;padding:9px 14px 9px 10px;display:grid}.msg .pt{background:0 0;border-radius:50%;width:8px;height:8px;margin-top:6px}.msg.nl .pt{background:var(--blu)}.msg .da{font-weight:600;font-size:var(--m-mittente);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.msg .ora{color:var(--testo2);font-size:var(--m-dato);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:flex}.msg .og{font-size:var(--m-base);white-space:nowrap;text-overflow:ellipsis;grid-column:2/4;overflow:hidden}.msg .an{color:var(--testo2);font-size:var(--m-anteprima);grid-column:2/4;line-height:1.3}.msg.on .cont{background:var(--blu-sel);color:#fff}.msg.on .an,.msg.on .ora,.msg.on .pronto,.msg.on .attesa,.msg.on .urgente{color:#fff}.msg.on .pt{background:#fff}.msg:not(.on) .cont:hover{background:color-mix(in srgb,var(--testo) 3%,var(--lista))}.pronto{color:var(--verde-testo);font-size:var(--m-etichetta);align-items:center;gap:3px;font-weight:600;display:inline-flex}.attesa{color:var(--arancio-testo);font-size:var(--m-etichetta);font-weight:600}.urgente{color:var(--rosso-testo);font-size:var(--m-etichetta);font-weight:600}.lettura{background:var(--lettura);min-width:0;overflow:auto}.corpo{max-width:860px;padding:22px 32px}.corpo h1{font-size:var(--m-titolo);letter-spacing:-.01em;text-wrap:balance;margin:0 0 4px;font-weight:700}.corpo .sotto{color:var(--testo2);font-size:var(--m-anteprima);margin:0 0 18px}.corpo h2{font-size:var(--m-etichetta);color:var(--testo3);text-transform:uppercase;letter-spacing:.02em;margin:26px 0 8px;font-weight:600}.corpo p{font-size:var(--m-lettera);max-width:70ch;margin:0 0 12px;line-height:1.5}.stato{border:1px solid var(--riga);border-radius:var(--r-riquadro);background:var(--sfondo);font-size:var(--m-anteprima);color:var(--testo2);align-items:center;gap:10px;margin-bottom:10px;padding:10px 12px;display:flex}.stato b{color:var(--testo);font-weight:600}.stato .i{width:18px;height:18px;color:var(--verde)}.stato.carico .i{color:var(--arancio)}.stato.allarme .i{color:var(--rosso)}.stato.libero .i{color:var(--testo3)}.stato .dopo{margin-left:auto}.vuoto{min-height:240px;color:var(--testo3);font-size:var(--m-lettera);text-align:center;place-items:center;padding:40px;display:grid}.vuoto b{color:var(--testo2);margin-bottom:6px;font-size:16px;font-weight:600;display:block}.azione{font-size:var(--m-dato);height:var(--h-controllo);border-radius:var(--r-controllo);border:1px solid var(--riga-forte);color:var(--testo);background:var(--lettura);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.azione.primaria{background:var(--blu-sel);border-color:var(--blu-sel);color:#fff;font-weight:600}.azione.pericolo{color:var(--rosso-testo)}.fatti{font-size:var(--m-base);grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;display:grid}.fatti dt{color:var(--testo2)}.fatti dd{font-variant-numeric:tabular-nums;margin:0}.tabella{border-collapse:collapse;width:100%;font-size:var(--m-anteprima)}.tabella th{text-align:left;font-size:var(--m-etichetta);color:var(--testo3);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--riga);padding:6px 8px;font-weight:600}.tabella td{border-bottom:1px solid var(--riga);vertical-align:top;font-variant-numeric:tabular-nums;padding:7px 8px}.campo{font-size:var(--m-minuta);color:var(--testo2);flex-direction:column;gap:3px;min-width:0;display:flex}.campo input,.campo select{border:1px solid var(--riga-forte);border-radius:var(--r-controllo);background:var(--lettura);height:28px;font-size:var(--m-base);color:var(--testo);min-width:0;padding:0 8px}.ospite{border-bottom:1px solid var(--riga);grid-template-columns:22px 1.35fr .65fr .5fr 1.3fr 1.3fr 1.3fr;align-items:end;gap:8px;padding:10px 0;display:grid}.ospite .num{color:var(--testo2);padding-bottom:6px;font-weight:600}.riga-azioni{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.nota{font-size:var(--m-minuta);color:var(--testo2)}.errore-campo{color:var(--rosso-testo);font-size:var(--m-anteprima);margin:8px 0}details.xml summary{cursor:pointer;color:var(--blu);font-size:var(--m-dato)}details.xml pre{background:var(--sfondo);border:1px solid var(--riga);border-radius:var(--r-carta);max-height:280px;padding:10px;font-size:11px;overflow:auto}.porta{background:var(--sfondo);place-items:center;min-height:100vh;padding:16px;display:grid}.porta .carta{background:var(--lettura);border:1px solid var(--riga);border-radius:var(--r-riquadro);text-align:center;width:min(380px,100%);padding:28px 28px 24px}.porta h1{font-size:var(--m-titolo);margin:0 0 6px}.porta p{color:var(--testo2);font-size:var(--m-anteprima);margin:0 0 18px}.porta .azione{height:var(--h-tocco);width:100%;font-size:var(--m-base);justify-content:center}.solo-telefono{display:none}@media (width<=820px){.solo-telefono{display:block}.barra-finestra{gap:8px;height:52px;padding:0 12px}.barra-finestra .chi{display:none}.barra-finestra .titolo,.ambiente{white-space:nowrap}.barra-finestra form{margin-left:auto}#telaio,#telaio.con-elenco{height:auto;display:block}.lato{border-right:0;border-bottom:1px solid var(--riga);gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.lato .gruppo{display:none}.cas{white-space:nowrap;width:auto;min-height:var(--h-tocco);background:var(--lettura);border:1px solid var(--riga);border-radius:22px;padding:0 14px}#telaio.con-elenco.dettaglio .elenco,#telaio.con-elenco:not(.dettaglio) .lettura{display:none}.corpo{padding:16px}.ospite{grid-template-columns:1fr 1fr}.ospite .num{grid-column:1/-1}.msg .da{font-size:17px}.msg .og,.msg .an,.msg .ora{font-size:15px}.campo input,.campo select{height:var(--h-tocco);font-size:16px}}@media (width>=1600px){#telaio{grid-template-columns:260px 1fr}#telaio.con-elenco{grid-template-columns:260px 420px 1fr}.corpo{max-width:980px}}