
.rs-page{padding:30px 0 50px;background:#fff;color:#263845}
.rs-page *{box-sizing:border-box}
.rs-page a{color:#287594}
.rs-back{display:inline-block;margin-bottom:24px;font-weight:700;text-decoration:none}
.rs-heading{padding-bottom:24px;border-bottom:1px solid #d5dadd}
.rs-kicker{text-transform:uppercase;letter-spacing:.06em;font-size:14px;font-weight:800;color:#287594}
.rs-heading h1{margin:8px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1.1}
.rs-heading p{margin:0;font-size:18px;color:#647580}
.rs-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;font-size:15px}
.rs-status strong{font-size:13px}
.rs-live{color:#397c4b}
.rs-offline{color:#94621d}
.rs-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #d5dadd;margin:16px 0 26px}
.rs-tabs a{text-align:center;padding:15px 6px;text-decoration:none;font-size:18px;font-weight:800;border-bottom:3px solid transparent}
.rs-tabs a.is-active{border-color:#287594;background:#f3f7f9}
.rs-page h2{font-size:28px;line-height:1.2;margin:28px 0 18px}
.rs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rs-metric{padding:18px;border:1px solid #dce3e7;border-top:3px solid #287594;border-radius:5px;min-width:0}
.rs-metric>span{display:block;color:#63737e;font-size:15px;line-height:1.4}
.rs-metric strong{display:block;margin-top:8px;font-size:28px;line-height:1.2}
.rs-metric strong small{font-size:16px}
.rs-metric em{display:block;font-size:14px;color:#647580;font-style:normal;margin-top:6px}
.rs-notice{padding:17px 20px;border-left:3px solid #a17b3d;background:#faf8f3;font-size:17px;line-height:1.6}
.rs-note{font-size:15px;color:#63737e;line-height:1.6;margin:16px 0}
.rs-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.rs-tools form{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.rs-tools input,.rs-tools button,.rs-button{font:inherit;font-size:16px;padding:10px 13px;border:1px solid #bdcdd6;border-radius:5px;background:#fff;color:#263845;min-height:44px;max-width:100%}
.rs-tools button,.rs-button{cursor:pointer;font-weight:700;text-decoration:none}
.rs-tools button,.rs-button.is-active{background:#287594;color:#fff;border-color:#287594}
.rs-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.rs-chart{min-width:0;padding:18px 12px 8px;border:1px solid #dce3e7;border-radius:5px}
.rs-chart h3{margin:0 6px 12px;font-size:22px;color:#263845}
.rs-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 6px 10px;font-size:14px}
.rs-legend i{display:inline-block;width:15px;height:3px;vertical-align:middle;margin-right:6px}
.rs-chart-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.rs-chart svg{display:block;width:100%;min-width:520px;height:auto}
.rs-axis{font-family:inherit;font-size:13px;fill:#596a76}
.rs-gridline{stroke:#e3e8eb;stroke-width:1}
.rs-table-wrap{overflow-x:auto;border:1px solid #dce3e7;-webkit-overflow-scrolling:touch}
.rs-page table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:16px}
.rs-page caption{text-align:left;padding:14px;font-size:15px;color:#63737e;white-space:normal}
.rs-page th,.rs-page td{padding:13px 15px;text-align:left;border-bottom:1px solid #e1e7eb}
.rs-page thead th{background:#f3f6f8;font-size:14px}
.rs-page td small,.rs-page tbody th small{display:block;color:#687984;font-size:13px;font-weight:400}
.rs-details{margin:24px 0}
.rs-details summary{cursor:pointer;font-size:17px;font-weight:700;padding:14px 0;color:#287594}
.rs-technical{margin:0}
.rs-technical>div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:18px;border-bottom:1px solid #dce3e7;padding:15px 0}
.rs-technical dt{font-size:16px;color:#63737e}
.rs-technical dd{font-size:18px;font-weight:700;margin:0;overflow-wrap:anywhere}
.rs-credit{border-top:1px solid #dce3e7;padding-top:20px;margin-top:30px;color:#63737e;font-size:14px}
.rs-page a:focus-visible,.rs-page button:focus-visible,.rs-page input:focus-visible,
.rs-page summary:focus-visible,.rs-page [tabindex]:focus-visible{outline:3px solid #287594;outline-offset:3px}
@media(max-width:1000px){
    .rs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rs-charts{grid-template-columns:1fr}
}
@media(max-width:640px){
    .rs-page{padding-top:22px}
    .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .rs-metric{padding:14px 12px}
    .rs-metric strong{font-size:25px}
    .rs-tabs a{font-size:16px}
    .rs-heading p{font-size:17px}
    .rs-status{font-size:14px}
    .rs-page h2{font-size:25px}
    .rs-technical>div{grid-template-columns:1fr;gap:5px}
    .rs-tools form{width:100%;margin-top:8px}
}

/* RETE COLORI ESTREMI TEMPERATURA */
.rs-page .rs-ui-icon.rs-icon-temperature_min,
.rs-page .rs-ui-icon.rs-icon-temperature_min svg{
    color:#3279bd !important;
}
.rs-page .rs-ui-icon.rs-icon-temperature_min svg{
    stroke:#3279bd !important;
}
.rs-page .rs-ui-icon.rs-icon-temperature_max,
.rs-page .rs-ui-icon.rs-icon-temperature_max svg{
    color:#c84a3e !important;
}
.rs-page .rs-ui-icon.rs-icon-temperature_max svg{
    stroke:#c84a3e !important;
}
