.hp-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.hp-c12{grid-column:span 12}.hp-c8{grid-column:span 8}.hp-c6{grid-column:span 6}.hp-c4{grid-column:span 4}@media (max-width:1024px){.hp-grid{grid-template-columns:repeat(2,1fr)}.hp-c12,.hp-c8{grid-column:span 2}.hp-c6,.hp-c4{grid-column:span 1}}@media (max-width:760px){.hp-grid{grid-template-columns:1fr}.hp-c12,.hp-c8,.hp-c6,.hp-c4{grid-column:span 1}}.hp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:18px 20px;min-width:0;display:flex;flex-direction:column;gap:12px}.hp-card--navy{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}.hp-testata{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}.hp-card--navy .hp-testata{border-bottom-color:color-mix(in srgb,var(--on-navy) 25%,transparent)}.hp-testata-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hp-card--navy .hp-testata-cat{color:color-mix(in srgb,var(--on-navy) 75%,transparent)}.hp-testata-destra{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hp-testata-tag{flex:none;width:fit-content}.hp-testata-extra{font-size:13px;color:var(--muted);white-space:nowrap}.hp-num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.hp-num--l1{font-size:46px;line-height:1.05}.hp-num--l2{font-size:30px;line-height:1.1}.hp-num--l3{font-size:15px;font-weight:600}.hp-num--l4{font-size:14px;font-weight:600}.hp-num--vuoto{color:var(--muted);font-weight:600}.hp-num--ok{color:var(--ok)}.hp-num--avviso{color:var(--warn)}.hp-unita{font-size:11px;font-weight:500;color:var(--muted);margin-left:3px}.hp-num--l1 .hp-unita,.hp-num--l2 .hp-unita{font-size:14px}.hp-num-sep{font-size:14px;font-weight:500;color:var(--muted)}.hp-blocco{display:flex;flex-direction:column;gap:2px;min-width:0}.hp-blocco-etichetta{font-size:13px;color:var(--muted)}.hp-blocco-riga2{display:block;font-size:13px;color:var(--muted);overflow-wrap:anywhere}.hp-scarto{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-width:0}.hp-misura-riga{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}@media (max-width:560px){.hp-misura-riga{grid-template-columns:1fr}.hp-scarto{align-items:flex-start}}.hp-relazione{position:relative;height:6px;border-radius:var(--r-pill);background:var(--surface-2);margin-top:4px}.hp-relazione-sp,.hp-relazione-mis{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.hp-relazione-sp{background:var(--navy)}.hp-relazione-mis{background:var(--info);top:50%}.hp-comando{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hp-comando .hp-barra{flex:1;min-width:120px}.hp-barra{height:10px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.hp-barra>i{display:block;height:100%;background:var(--navy);border-radius:var(--r-pill)}.hp-bancate{margin:0;font-size:13px;color:var(--muted)}.hp-modo{margin:0;font-size:14px}.hp-frase{margin:0;font-size:13px;color:var(--muted)}.hp-tags-riga{display:flex;flex-wrap:wrap;gap:6px}.hp-tag-inline{align-self:flex-start}.hp-tag-mini{padding:1px 8px;font-size:11px}.hp-tabella-wrap{overflow-x:auto;min-width:0}.hp-tabella{width:100%;border-collapse:collapse;font-size:14px}.hp-tabella th,.hp-tabella td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.hp-tabella th{font-size:12px;color:var(--muted);font-weight:600}.hp-tabella tr:last-child td{border-bottom:none}.hp-riga-attiva{background:var(--navy-tint)}.hp-riga-tenue{color:var(--muted);opacity:.7}.hp-tabella--banchi td:not(:first-child),.hp-tabella--banchi th:not(:first-child){text-align:right}.hp-tabella--analogici{table-layout:fixed}.hp-tabella--analogici td:nth-child(1){width:48px}.hp-tabella--analogici td:nth-child(2){white-space:normal;overflow-wrap:anywhere}.hp-tabella--analogici td:nth-child(3){text-align:right;white-space:nowrap;width:84px}.hp-tabella--analogici td:nth-child(4){width:132px}.hp-tags-cella{display:flex;flex-wrap:wrap;gap:4px}.hp-sottotitolo{font-size:13px;font-weight:600;color:var(--muted);margin:4px 0 0;text-transform:uppercase;letter-spacing:.04em}.hp-caselle{display:grid;gap:8px}.hp-caselle--6{grid-template-columns:repeat(6,1fr)}.hp-caselle--5{grid-template-columns:repeat(5,1fr)}.hp-caselle--4{grid-template-columns:repeat(4,1fr)}@media (max-width:560px){.hp-caselle--6{grid-template-columns:repeat(3,1fr)}.hp-caselle--4{grid-template-columns:repeat(2,1fr)}}.hp-dip{display:flex;flex-direction:column;gap:6px;min-width:0}.hp-led-casella{background:var(--surface-2);border-radius:var(--r-ctl);padding:10px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}.hp-led-casella strong{font-size:13px}.hp-led-casella--tenue{opacity:.55}.hp-led-sotto{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.hp-led{width:10px;height:10px;border-radius:50%;border:1px solid var(--muted);background:0 0;display:inline-block}.hp-led--acceso{background:var(--ok);border-color:var(--ok)}.hp-nota-piccola{font-size:10px;color:var(--warn)}.hp-out-lista{display:flex;flex-direction:column;gap:10px}.hp-out-riga{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;min-width:0}.hp-out-nome{font-size:13px;font-weight:600}.hp-out-valore{display:inline-flex;align-items:baseline;gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.hp-out-sorgente{grid-column:2/4;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.hp-coppie{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 16px}.hp-coppie--grandi{grid-template-columns:repeat(2,1fr)}@media (max-width:560px){.hp-coppie{grid-template-columns:1fr}}.hp-coppia{display:flex;flex-direction:column;gap:2px;min-width:0}.hp-coppia-etichetta{font-size:12px;color:var(--muted)}.hp-coppia-valore{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.hp-testo-piccolo{font-size:14px;overflow-wrap:anywhere}.hp-targa-testa{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.hp-targa-nome{color:inherit}.hp-targa-stato{font-size:13px;opacity:.85;white-space:nowrap}.hp-targa-stato--congelato{opacity:.65}.hp-targa-info{margin:0;font-size:13px;opacity:.85;display:flex;flex-wrap:wrap;gap:4px}.hp-punto{opacity:.6}.hp-app-nome{font-size:18px;font-weight:700;margin:0}.hp-pulsanti{margin-top:auto;display:flex;flex-wrap:wrap;gap:10px}.hp-btn-piccolo{height:26px;padding:0 10px;font-size:12px}.hp-allarmi-barra{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-ctl);background:var(--surface-2);flex-wrap:wrap}.hp-allarmi-barra--ok .hp-allarmi-punto{background:var(--ok)}.hp-allarmi-barra--errore .hp-allarmi-punto{background:var(--bad)}.hp-allarmi-punto{width:10px;height:10px;border-radius:50%;flex:none}.hp-allarmi-testo{font-size:14px;font-weight:600}.hp-allarmi-barra .g-btn{margin-left:auto}.hp-allarmi-elenco{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.hp-allarmi-riga{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}.hp-allarmi-riga-testo{overflow-wrap:anywhere}.hp-allarmi-mod{display:flex}@media (prefers-reduced-motion:reduce){.hp-barra>i{transition:none!important}}