/* OROSEIMETEO — STILE CONDIVISO RETE E SCHEDA STAZIONE */

.rete-hero,
.rete-section,
.rete-station-panel-shell .rete-station-panel,
.rs-page{
    background:#fff;
    color:#263845;
}
.rete-hero{border-bottom:1px solid #d5dadd}
.rete-hero h1,
.rs-heading h1{
    color:#263845;
    font-size:clamp(34px,5vw,54px);
    line-height:1.12;
}
.rete-hero p,
.rs-heading p{
    color:#63737e;
    font-size:18px;
    line-height:1.6;
}
.rete-hero .eyebrow,
.rs-kicker{
    color:#287594;
    font-size:14px;
    letter-spacing:.06em;
}
.rete-stat-card,
.rete-dashboard-card,
.rete-live-card,
.rete-extreme-card,
.rete-stats>div,
.rete-bottom,
.rs-page .rs-metric,
.rs-page .rs-chart,
.rete-station-panel .station-v3-current,
.rete-station-panel .station-v3-extreme,
.rete-station-panel .station-v3-main{
    box-sizing:border-box;
    background:#fff;
    border:1px solid #dce3e7;
    border-top:3px solid #287594;
    border-radius:5px;
    box-shadow:none;
    color:#263845;
}
.rete-map-card{
    border-radius:5px;
    box-shadow:none;
}
.rete-stat-card{padding:16px;gap:12px}
.rete-stat-card strong{font-size:30px;color:#263845;line-height:1.2}
.rete-stat-card span{font-size:16px;color:#63737e;line-height:1.4}
.rete-dashboard-head h2{font-size:25px;color:#263845}
.rete-dashboard-head p{font-size:16px;color:#63737e;line-height:1.5}
.rete-dashboard-loading{font-size:16px;color:#63737e}
.rete-latest-name{font-size:19px;color:#287594}
.rete-latest-meta{font-size:15px;color:#63737e;line-height:1.4}
.rete-latest-value{font-size:24px;color:#263845}
.rete-latest-badge,
.rete-latest-verified{font-size:12px;line-height:1.4}
.rete-live-card{padding:16px}
.rete-live-card-head{font-size:16px;line-height:1.4;flex-wrap:wrap}
.rete-live-card strong{font-size:28px;line-height:1.2;color:#263845}
.rete-live-card.is-empty strong{font-size:19px}
.rete-live-card small{
    font-size:15px;
    color:#63737e;
    white-space:normal;
    overflow-wrap:anywhere;
    line-height:1.4;
}
.rete-extreme-label{font-size:16px;line-height:1.4}
.rete-extreme-card strong{font-size:28px;line-height:1.2}
.rete-extreme-station{
    font-size:17px !important;
    line-height:1.4 !important;
    overflow-wrap:anywhere;
}
.rete-extreme-meta{font-size:14px;line-height:1.4;border-radius:4px}
.rete-field label{font-size:15px;color:#63737e}
.rete-field input,
.rete-field select,
.rete-search-row button{
    font-size:17px;
    border-radius:5px;
}
.rete-field{min-width:0}
.rete-search-row input{min-width:0}
.rete-update span{font-size:13px;color:#63737e}
.rete-update strong{font-size:17px;color:#263845}
.rete-bottom strong{font-size:19px;color:#263845}
.rete-bottom span,
.rete-bottom p{font-size:16px;line-height:1.6;color:#63737e}
.rete-message{font-size:16px;line-height:1.5;border-radius:5px}
.rete-search-row .rete-search-suggestions{
    max-height:300px;
    border-radius:5px;
}
.rete-search-row .rete-search-suggestion{
    padding:12px;
    min-height:48px;
    font-family:inherit;
}
.rete-search-row .rete-search-suggestion-main strong{
    font-size:17px;
    line-height:1.35;
    white-space:normal;
}
.rete-search-row .rete-search-suggestion-main small{
    font-size:14px;
    line-height:1.4;
    white-space:normal;
}
.rete-search-row .rete-search-suggestion-value{font-size:18px}
.rete-search-suggestion-empty{font-size:16px}

/* Pannello della mappa */
.rete-station-panel-shell .rete-station-panel{
    width:min(580px,96vw);
}
.rete-station-panel .station-v3{color:#263845}
.rete-station-panel .station-v3-head{
    padding:2px 48px 20px 0;
    border-bottom:1px solid #d5dadd;
}
.rete-station-panel .station-v3-head h3{
    font-size:34px;
    line-height:1.15;
    color:#263845;
}
.rete-station-panel .station-v3-place{
    font-size:18px;
    line-height:1.5;
    color:#63737e;
}
.rete-station-panel .rete-popup-tag{
    font-size:12px;
    line-height:1.4;
    border-radius:4px;
}
.rete-station-panel .station-v3-nav,
.rs-page .rs-tabs{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    padding:0;
    margin:18px 0 24px;
    background:#fff;
    border:0;
    border-bottom:1px solid #d5dadd;
    border-radius:0;
}
.rete-station-panel .station-v3-nav-item,
.rs-page .rs-tabs a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
    min-height:72px;
    padding:12px 4px;
    border:0;
    border-bottom:3px solid transparent;
    border-radius:0;
    background:#fff;
    color:#287594;
    font-size:18px;
    font-weight:700;
    line-height:1.3;
    text-decoration:none;
}
.rete-station-panel .station-v3-nav-item.active,
.rs-page .rs-tabs a.is-active{
    background:#f3f7f9;
    border-bottom-color:#287594;
    color:#287594;
}
.rete-station-panel .station-v3-nav-icon,
.rs-page .rs-ui-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    width:24px;
    height:24px;
}
.rs-page .rs-ui-icon svg,
.rete-station-panel .station-v3-nav-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.rete-station-panel .station-v3-current-grid,
.rete-station-panel .station-v3-extremes{gap:14px}
.rete-station-panel .station-v3-current,
.rete-station-panel .station-v3-extreme{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:8px;
    padding:18px;
    min-height:0;
}
.rete-station-panel .station-v3-current-copy,
.rete-station-panel .station-v3-extreme-copy{width:100%}
.rete-station-panel .station-v3-current-label,
.rete-station-panel .station-v3-extreme-label,
.rete-station-panel .station-v3-main small,
.rs-page .rs-metric>span{
    font-size:17px;
    line-height:1.4;
    color:#63737e;
    text-transform:none;
    font-weight:400;
}
.rete-station-panel .station-v3-current strong,
.rete-station-panel .station-v3-extreme strong,
.rs-page .rs-metric strong{
    margin-top:8px;
    font-size:28px;
    line-height:1.25;
    color:#263845;
    font-weight:700;
    overflow-wrap:anywhere;
}
.rete-station-panel .station-v3-extreme small,
.rs-page .rs-metric em{
    margin-top:6px;
    font-size:14px;
    line-height:1.4;
    color:#63737e;
    font-weight:400;
}
.rete-station-panel .station-v3-main{padding:18px;gap:14px}
.rete-station-panel .station-v3-main strong{
    font-size:36px;
    line-height:1.2;
    color:#263845;
}
.rete-station-panel .station-v3-section{margin-top:26px}
.rete-station-panel .station-v3-section h4{
    margin:0 0 16px;
    font-size:25px;
    line-height:1.2;
    text-transform:none;
    letter-spacing:0;
    color:#263845;
}
.rete-station-panel .station-v3-icon,
.rete-station-panel .station-v3-main-icon{
    background:transparent;
    border-radius:0;
    width:26px;
    height:26px;
    flex:0 0 26px;
}
.rete-station-panel .station-v3-icon svg,
.rete-station-panel .station-v3-main-icon svg{width:24px;height:24px}
.rete-station-panel .station-v3-updated{
    font-size:15px;
    line-height:1.5;
    color:#63737e;
    text-align:left;
    margin-top:24px;
    padding-top:16px;
}
.rete-station-panel .station-v3-open{
    font-size:18px;
    line-height:1.4;
    border-radius:5px;
    padding:14px 18px;
    background:#287594;
    color:#fff;
}
.rete-station-panel-shell .rete-station-panel-close{
    width:44px;
    height:44px;
    border:1px solid #dce3e7;
    border-radius:5px;
    background:#fff;
    color:#263845;
    box-shadow:none;
}

/* Icone della scheda completa */
.rs-page .rs-metric>span.rs-metric-label{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}
.rs-page .rs-metric .rs-ui-icon{color:#287594}
.rs-page .rs-metric .rs-icon-temperature{color:#c84a3e}
.rs-page .rs-metric .rs-icon-humidity,
.rs-page .rs-metric .rs-icon-rain{color:#258aca}
.rs-page .rs-metric .rs-icon-dewpoint{color:#269d91}
.rs-page .rs-metric .rs-icon-pressure{color:#7765c7}
.rs-page .rs-metric .rs-icon-wind{color:#647d8c}
.rs-page .rs-metric .rs-icon-sun{color:#a77516}
.rs-page .rs-metric strong small{font-size:18px}
.rs-page .rs-note{font-size:16px}
.rs-page .rs-tools input,
.rs-page .rs-tools button,
.rs-page .rs-button{font-size:17px}
.rs-page .rs-tools .rs-button.is-active{color:#fff}
.rete-station-panel a:focus-visible,
.rete-station-panel button:focus-visible{
    outline:3px solid #287594;
    outline-offset:3px;
}

@media(max-width:1100px){
    .rete-overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rete-toolbar{grid-template-columns:1fr}
    .rete-update{text-align:left}
}
@media(max-width:700px){
    .rete-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rete-stat-card{padding:14px;gap:10px}
    .rete-stat-card strong{font-size:28px}
    .rete-hero p,.rs-heading p{font-size:17px}
    .rete-station-panel-shell .rete-station-panel{width:100%;border-radius:0}
    .rete-station-panel .rete-station-panel-content{
        padding:calc(20px + env(safe-area-inset-top)) 14px
            calc(26px + env(safe-area-inset-bottom));
    }
    .rete-station-panel .station-v3-current-grid,
    .rete-station-panel .station-v3-extremes{gap:10px}
    .rete-station-panel .station-v3-current,
    .rete-station-panel .station-v3-extreme,
    .rs-page .rs-metric{padding:14px 12px}
    .rete-station-panel .station-v3-current strong,
    .rete-station-panel .station-v3-extreme strong,
    .rs-page .rs-metric strong{font-size:25px}
    .rete-station-panel .station-v3-nav-item,
    .rs-page .rs-tabs a{font-size:17px}
}
@media(max-width:360px){
    .rete-live-extremes{grid-template-columns:1fr}
    .rete-stat-card{flex-wrap:wrap}
    .rete-station-panel .station-v3-current-grid,
    .rete-station-panel .station-v3-extremes,
    .rs-page .rs-grid{grid-template-columns:1fr}
}

/* BEGIN RETE MOBILE ARCHIVIO */
.rete-station-panel .station-v3-open{
    display:none;
}
@media(max-width:700px){
    .rs-page .rs-archive-mobile-wrap{
        overflow:visible;
        border:0;
    }
    .rs-page table.rs-archive-mobile{
        display:block;
        width:100%;
        white-space:normal;
    }
    .rs-page .rs-archive-mobile caption{
        display:block;
        padding:0 0 16px;
    }
    .rs-page .rs-archive-mobile thead{
        position:absolute;
        width:1px;
        height:1px;
        padding:0;
        overflow:hidden;
        clip-path:inset(50%);
        white-space:nowrap;
    }
    .rs-page .rs-archive-mobile tbody{
        display:block;
    }
    .rs-page .rs-archive-mobile tbody tr{
        display:block;
        margin-bottom:18px;
        padding:0 14px;
        border:1px solid #dce3e7;
        border-top:3px solid #287594;
        border-radius:5px;
        background:#fff;
    }
    .rs-page .rs-archive-mobile tbody th,
    .rs-page .rs-archive-mobile tbody td{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr);
        align-items:start;
        gap:12px;
        width:auto;
        padding:12px 0;
        font-size:17px;
        line-height:1.4;
        white-space:normal;
        overflow-wrap:anywhere;
    }
    .rs-page .rs-archive-mobile tbody th{
        display:block;
        font-size:21px;
    }
    .rs-page .rs-archive-mobile td::before{
        content:attr(data-label);
        color:#63737e;
        font-weight:400;
    }
    .rs-page .rs-archive-mobile .rs-archive-value{
        min-width:0;
        color:#263845;
        font-weight:700;
    }
    .rs-page .rs-archive-mobile td small{
        font-size:14px;
        font-weight:400;
    }
    .rs-page .rs-archive-mobile tr>:last-child{
        border-bottom:0;
    }
}
/* END RETE MOBILE ARCHIVIO */

/* BEGIN ARCHIVIO TECNICA COMPATTI */
@media(max-width:700px){
    /* Archivio: due variabili per riga */
    .rs-page .rs-archive-mobile tbody tr{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 16px;
        padding:0 12px 6px;
        margin-bottom:16px;
    }
    .rs-page .rs-archive-mobile tbody th{
        grid-column:1 / -1;
        padding:10px 0;
        font-size:20px;
        line-height:1.3;
    }
    .rs-page .rs-archive-mobile tbody td{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:3px;
        min-width:0;
        padding:9px 0;
        font-size:17px;
        line-height:1.3;
        border-bottom:1px solid #e1e7eb;
    }
    .rs-page .rs-archive-mobile tbody td::before{
        font-size:15px;
        line-height:1.3;
    }
    .rs-page .rs-archive-mobile .rs-archive-value{
        display:block;
        font-size:18px;
        line-height:1.35;
    }
    .rs-page .rs-archive-mobile td small{
        display:inline;
        margin-left:6px;
        font-size:13px;
        font-weight:400;
        white-space:nowrap;
    }

    /* Tecnica: due informazioni per riga */
    .rs-page .rs-technical{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 18px;
    }
    .rs-page .rs-technical>div{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:4px;
        min-width:0;
        padding:11px 0;
        border-bottom:1px solid #dce3e7;
    }
    .rs-page .rs-technical dt{
        font-size:15px;
        line-height:1.35;
    }
    .rs-page .rs-technical dd{
        margin:0;
        max-width:100%;
        font-size:17px;
        line-height:1.4;
        overflow-wrap:anywhere;
    }
}
/* END ARCHIVIO TECNICA COMPATTI */

/* BEGIN RETE SEI CELLE */
.rete-overview-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
}
.rete-overview-stats .rete-stat-card.is-total{
    grid-column:auto;
}
.rete-stat-card.is-external .rete-stat-icon{
    color:#287594;
    background:#eef5f8;
}
@media(max-width:700px){
    .rete-overview-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .rete-overview-stats .rete-stat-card.is-total{
        grid-column:auto;
    }
}
@media(min-width:701px){
    .rete-station-panel .station-v3-open{
        display:flex;
    }
}
/* END RETE SEI CELLE */