/* ============================================================
   OROSEIMETEO · REPORT METEOROLOGICI

   Stile coerente con il nuovo portale OroseiMeteo.
   Nessun override aggiuntivo: una sola regola per componente.
   ============================================================ */


/* ============================================================
   HERO
   ============================================================ */

.report-hero{
    padding:38px 0 34px;
    border-bottom:1px solid #edf3f6;
    background:#fbfdfe;
}

.report-hero-inner{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
    align-items:end;
    gap:36px;
}

.report-kicker{
    display:block;
    color:#168bb4;
    font-size:11px;
    line-height:1.35;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
}

.report-hero h1{
    margin:6px 0 12px;
    color:#17465f;
    font-size:44px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.1px;
}

.report-hero p{
    max-width:760px;
    margin:0;
    color:#607c8d;
    font-size:15px;
    line-height:1.65;
}


/* ============================================================
   SELETTORE MESE
   ============================================================ */

.report-month-form{
    padding:17px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 22px rgba(24,77,105,.055);
}

.report-month-form label{
    display:block;
    margin-bottom:8px;
    color:#607b8b;
    font-size:10px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.055em;
    text-transform:uppercase;
}

.report-month-control{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
}

.report-month-control input,
.report-month-control button{
    min-height:44px;
    border-radius:11px;
    font:inherit;
}

.report-month-control input{
    min-width:0;
    padding:0 12px;
    border:1px solid #d0e1e9;
    background:#fff;
    color:#17465f;
    font-size:13px;
}

.report-month-control button{
    padding:0 16px;
    border:0;
    background:#168bb4;
    color:#fff;
    font-size:12px;
    font-weight:800;
    cursor:pointer;
    transition:background-color .18s ease;
}

.report-month-control button:hover{
    background:#117da3;
}


/* ============================================================
   SEZIONE REPORT
   ============================================================ */

.report-section{
    padding:32px 0 26px;
    background:#fff;
}

.report-heading{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:18px;
}

.report-heading h2{
    margin:5px 0 0;
    color:#17465f;
    font-size:29px;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.6px;
}

.report-days-badge{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 11px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:11px;
    background:#fff;
    color:#6d8695;
    font-size:9px;
    line-height:1;
    font-weight:800;
}


/* ============================================================
   MESSAGGI
   ============================================================ */

.report-message{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:22px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:16px;
    background:#fff;
    color:#617b8b;
    box-shadow:0 6px 20px rgba(24,77,105,.045);
}

.report-message strong{
    color:#17465f;
}

.report-message-error{
    border-color:#ecd9d9;
    background:#fffafa;
    color:#9a5353;
}


/* ============================================================
   RIEPILOGO MENSILE
   ============================================================ */

.report-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

.report-summary-card{
    min-width:0;
    padding:16px 15px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:15px;
    background:#fff;
    box-shadow:0 5px 17px rgba(24,77,105,.045);
}

.report-summary-card span{
    display:block;
    color:#788f9c;
    font-size:9px;
    line-height:1.3;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.report-summary-card strong{
    display:block;
    margin-top:6px;
    color:#17465f;
    font-size:21px;
    line-height:1.05;
    font-weight:800;
    white-space:nowrap;
}

.report-summary-card small{
    display:block;
    margin-top:7px;
    color:#899da8;
    font-size:9px;
    line-height:1.4;
}

.report-summary-temp strong,
.report-summary-max strong{
    color:#d98d25;
}

.report-summary-min strong{
    color:#2f83bb;
}

.report-summary-rain strong{
    color:#2293bd;
}

.report-summary-wind strong{
    color:#376d94;
}

.report-summary-humidity strong{
    color:#3a9ab8;
}

.report-summary-dew strong{
    color:#2f88aa;
}

.report-summary-humidex strong{
    color:#d98235;
}

.report-summary-heat strong{
    color:#c95e44;
}


/* ============================================================
   GRAFICI MENSILI
   ============================================================ */

.report-chart-card{
    overflow:hidden;
    margin-bottom:18px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 22px rgba(24,77,105,.055);
}

.report-chart-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    padding:19px 20px 15px;
    border-bottom:1px solid #edf3f6;
}

.report-chart-head h3{
    margin:4px 0 0;
    color:#17465f;
    font-size:21px;
    line-height:1.1;
    font-weight:800;
}

.report-chart-head p{
    max-width:470px;
    margin:0;
    color:#8196a2;
    font-size:10px;
    line-height:1.45;
    text-align:right;
}

.report-chart-tabs{
    display:grid;
    grid-template-columns:repeat(9,minmax(0,1fr));
    gap:6px;
    padding:11px;
    border-bottom:1px solid #edf3f6;
    background:#fbfdfe;
}

.report-chart-tab{
    min-width:0;
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:7px 6px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:10px;
    background:#fff;
    color:#677f8e;
    font:inherit;
    font-size:10px;
    font-weight:750;
    cursor:pointer;
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.report-chart-tab:hover{
    border-color:#c6dde6;
    background:#f7fbfd;
    color:#17465f;
}

.report-chart-tab.is-active{
    border-color:#bddde8;
    background:#edf8fc;
    color:#168bb4;
}

.report-chart-tab-icon{
    width:22px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 22px;
    color:currentColor;
}

.report-chart-tab-icon .icon{
    width:20px !important;
    height:20px !important;
}

.report-chart-panel{
    padding:17px 17px 13px;
}

.report-chart-meta{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:20px;
    padding:0 4px 8px;
}

.report-chart-meta strong{
    color:#17465f;
    font-size:13px;
    line-height:1.3;
    font-weight:800;
}

.report-chart-meta span{
    color:#879aa5;
    font-size:10px;
    line-height:1.4;
    text-align:right;
}

.report-monthly-chart{
    width:100%;
    height:350px;
}

.report-chart-empty{
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#8298a5;
    font-size:12px;
    text-align:center;
}


/* ============================================================
   DISTRIBUZIONE VENTO
   ============================================================ */

.report-wind-distribution{
    margin:4px 5px 5px;
    padding:13px 14px 14px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:13px;
    background:#fbfdfe;
}

.report-wind-distribution[hidden]{
    display:none !important;
}

.report-wind-distribution-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:10px;
}

.report-wind-distribution-head span{
    color:#718998;
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.report-wind-distribution-head strong{
    color:#17465f;
    font-size:11px;
    font-weight:800;
}

.report-wind-sector-grid{
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:6px;
}

.report-wind-sector{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:5px;
    padding:7px 8px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:9px;
    background:#fff;
}

.report-wind-sector span{
    color:#738a98;
    font-size:9px;
    font-weight:800;
}

.report-wind-sector strong{
    color:#17465f;
    font-size:9px;
    font-weight:800;
}

.report-wind-sector.is-dominant{
    border-color:#e6c578;
    background:#fff9ea;
}

.report-wind-sector.is-dominant span,
.report-wind-sector.is-dominant strong{
    color:#b87813;
}

.report-wind-distribution-note{
    display:block;
    margin-top:9px;
    color:#8aa0ac;
    font-size:8px;
    line-height:1.4;
}


/* ============================================================
   TABELLA
   ============================================================ */

.report-table-card{
    overflow:hidden;
    border:1px solid rgba(84,120,136,.14);
    border-radius:16px;
    background:#fff;
    box-shadow:0 7px 22px rgba(24,77,105,.055);
}

.report-table-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:24px;
    padding:19px 20px 15px;
    border-bottom:1px solid #edf3f6;
}

.report-table-head h3{
    margin:4px 0 0;
    color:#17465f;
    font-size:21px;
    line-height:1.1;
    font-weight:800;
}

.report-table-head p{
    max-width:470px;
    margin:0;
    color:#8196a2;
    font-size:10px;
    line-height:1.45;
    text-align:right;
}

.report-table-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
}

.report-table{
    width:max-content;
    min-width:900px;
    max-width:none;
    margin:0 auto;
    table-layout:auto;
    border-collapse:separate;
    border-spacing:0;
    color:#506f81;
    font-size:12px;
}

.report-table th{
    position:sticky;
    top:0;
    z-index:2;
    padding:10px 3px;
    border-bottom:1px solid #dfe9ee;
    background:#f7fafc;
    color:#607c8b;
    font-size:9px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.025em;
    text-transform:uppercase;
    text-align:center;
    white-space:nowrap;
}

.report-table td{
    padding:8px 3px;
    border-bottom:1px solid #edf2f5;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
}

.report-table tbody tr:last-child td{
    border-bottom:0;
}

.report-table tbody tr:hover td{
    background:#fbfdfe;
}


/* Prima colonna sempre visibile durante lo scorrimento */

.report-table th:first-child,
.report-table td:first-child{
    position:sticky;
    left:0;
    z-index:3;
    background:#fff;
    box-shadow:1px 0 0 #e6eef2;
}

.report-table thead th:first-child{
    z-index:4;
    background:#f7fafc;
}


/* ============================================================
   INTESTAZIONI RIPETUTE A METÀ E FINE MESE
   ============================================================ */

.report-table-repeat-head th{
    position:static;
    top:auto;
    z-index:1;
    padding:10px 3px;
    border-top:1px solid #d9e6ec;
    border-bottom:1px solid #d9e6ec;
    background:#f7fafc;
    color:#607c8b;
    font-size:9px;
    line-height:1.25;
    font-weight:800;
    letter-spacing:.025em;
    text-transform:uppercase;
    text-align:center;
    white-space:nowrap;
}

.report-table-repeat-head th:first-child{
    position:sticky;
    left:0;
    z-index:3;
    background:#f7fafc;
    box-shadow:1px 0 0 #e6eef2;
}

.report-table-repeat-head-middle th{
    border-top-color:#d2e2e9;
}

.report-table-repeat-head-bottom th{
    border-top-color:#d2e2e9;
    border-bottom:0;
}


/* ============================================================
   LARGHEZZA COLONNE DESKTOP
   ============================================================ */

.report-table th:nth-child(1),
.report-table td:nth-child(1){
    min-width:62px;
    width:62px;
}

.report-table th:nth-child(2),
.report-table td:nth-child(2){
    min-width:62px;
    width:62px;
}

.report-table th:nth-child(3),
.report-table td:nth-child(3){
    min-width:58px;
    width:58px;
}

.report-table th:nth-child(4),
.report-table td:nth-child(4){
    min-width:58px;
    width:58px;
}

.report-table th:nth-child(5),
.report-table td:nth-child(5){
    min-width:58px;
    width:58px;
}

.report-table th:nth-child(6),
.report-table td:nth-child(6){
    min-width:58px;
    width:58px;
}

.report-table th:nth-child(7),
.report-table td:nth-child(7){
    min-width:66px;
    width:66px;
}

.report-table th:nth-child(8),
.report-table td:nth-child(8){
    min-width:68px;
    width:68px;
}

.report-table th:nth-child(9),
.report-table td:nth-child(9){
    min-width:70px;
    width:70px;
}

.report-table th:nth-child(10),
.report-table td:nth-child(10){
    min-width:74px;
    width:74px;
}

.report-table th:nth-child(11),
.report-table td:nth-child(11){
    min-width:72px;
    width:72px;
}

.report-table th:nth-child(12),
.report-table td:nth-child(12){
    min-width:82px;
    width:82px;
}


/* ============================================================
   CELLE TABELLA
   ============================================================ */

.report-date-cell strong,
.report-date-cell small{
    display:block;
}

.report-date-cell strong{
    color:#17465f;
    font-size:12px;
}

.report-date-cell small{
    margin-top:2px;
    color:#9aabb4;
    font-size:8px;
}

.report-value-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    min-height:28px;
    padding:0 4px;
    border:1px solid transparent;
    border-radius:8px;
    font-size:11px;
    font-weight:800;
}


/* Temperature */

.is-freezing{
    background:#edf4ff;
    border-color:#c8dafa;
    color:#315d9d;
}

.is-very-cold{
    background:#edf7ff;
    border-color:#c8e0f4;
    color:#2f73a7;
}

.is-cold{
    background:#eff9fc;
    border-color:#cae6ef;
    color:#368aa4;
}

.is-cool{
    background:#f2fbfa;
    border-color:#d0ece6;
    color:#3b8d7d;
}

.is-mild{
    background:#f4fbf3;
    border-color:#d8ead4;
    color:#4b8d50;
}

.is-warm{
    background:#fffbed;
    border-color:#eee1ac;
    color:#9b7a20;
}

.is-hot{
    background:#fff5e7;
    border-color:#edd4ac;
    color:#be7b23;
}

.is-very-hot{
    background:#fff0e9;
    border-color:#ebc9b8;
    color:#c6673e;
}

.is-extreme-hot{
    background:#fff0f0;
    border-color:#eac6c6;
    color:#b64b50;
}


/* Umidità */

.is-dry{
    background:#fff8eb;
    border-color:#efdfbb;
    color:#a47b2f;
}

.is-comfort-humidity{
    background:#eef9f4;
    border-color:#d0e8db;
    color:#3d8b64;
}

.is-humid{
    background:#eff8fb;
    border-color:#cce4eb;
    color:#37819d;
}

.is-very-humid{
    background:#edf5fb;
    border-color:#c8dce9;
    color:#326f94;
}


/* Radiazione */

.is-solar-low{
    background:#f5f8fa;
    border-color:#e0e7eb;
    color:#718693;
}

.is-solar-medium{
    background:#fffbed;
    border-color:#eee1ac;
    color:#9b7a20;
}

.is-solar-high{
    background:#fff6e8;
    border-color:#eed7b3;
    color:#bd7f2b;
}

.is-solar-very-high{
    background:#fff0e8;
    border-color:#ebcbb8;
    color:#cb6739;
}


/* Vento */

.is-wind-calm{
    background:#eff9f3;
    border-color:#d4eadc;
    color:#438863;
}

.is-wind-light{
    background:#eff8fb;
    border-color:#d0e5ed;
    color:#397f9b;
}

.is-wind-moderate{
    background:#fff9e8;
    border-color:#ebdfb7;
    color:#9b7b2b;
}

.is-wind-strong{
    background:#fff2e9;
    border-color:#eccdba;
    color:#c56c3c;
}

.is-wind-severe{
    background:#fff0f0;
    border-color:#ebc7c7;
    color:#b84c51;
}


/* Record mensili */

.is-absolute-min{
    box-shadow:inset 0 0 0 2px rgba(47,131,187,.32);
}

.is-absolute-max{
    box-shadow:inset 0 0 0 2px rgba(217,141,37,.34);
}


/* Pioggia */

.report-rain-value{
    display:inline-flex;
    align-items:baseline;
    justify-content:center;
    gap:2px;
    min-width:52px;
    min-height:28px;
    padding:0 4px;
    border:1px solid transparent;
    border-radius:8px;
}

.report-rain-value b{
    font-size:11px;
}

.report-rain-value small{
    font-size:8px;
    font-weight:750;
}

.is-rain-none{
    background:#f6f8f9;
    border-color:#e2e8eb;
    color:#7b8d97;
}

.is-rain-trace{
    background:#eef9fd;
    border-color:#d1eaf2;
    color:#4d91aa;
}

.is-rain-light{
    background:#eaf6fb;
    border-color:#c8e4ef;
    color:#2f83a4;
}

.is-rain-medium{
    background:#e8f2fa;
    border-color:#c3dcea;
    color:#286d95;
}

.is-rain-heavy{
    background:#eaf0f7;
    border-color:#c6d5e4;
    color:#24597b;
}


/* Ora raffica */

.report-cell-time{
    display:block;
    margin-top:3px;
    color:#9aabb4;
    font-size:8px;
}


/* Direzione vento */

.report-wind-direction{
    display:inline-grid;
    grid-template-columns:19px auto;
    grid-template-areas:
        "arrow dir"
        "arrow deg";
    align-items:center;
    gap:0 3px;
    min-width:58px;
    text-align:left;
}

.report-wind-arrow{
    grid-area:arrow;
    display:block;
    color:#5f7786;
    font-size:19px;
    line-height:1;
    transform:rotate(var(--report-wind-deg));
    transform-origin:center;
}

.report-wind-direction strong{
    grid-area:dir;
    color:#17465f;
    font-size:11px;
}

.report-wind-direction small{
    grid-area:deg;
    color:#97a8b1;
    font-size:8px;
}


/* ============================================================
   NOTA INFORMATIVA
   ============================================================ */

.report-note-section{
    padding:8px 0 44px;
    background:#fff;
}

.report-note-card{
    display:grid;
    grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);
    gap:28px;
    padding:23px 24px;
    border:1px solid rgba(84,120,136,.14);
    border-radius:16px;
    background:#fbfdfe;
}

.report-note-card h2{
    margin:5px 0 0;
    color:#17465f;
    font-size:23px;
    line-height:1.1;
    font-weight:800;
}

.report-note-card p{
    margin:0;
    color:#627d8d;
    font-size:13px;
    line-height:1.65;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:820px){

    .report-hero{
        padding:32px 0 30px;
    }

    .report-hero-inner{
        grid-template-columns:1fr;
        gap:22px;
    }

    .report-hero h1{
        font-size:36px;
    }

    .report-heading,
    .report-table-head,
    .report-chart-head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .report-table-head p,
    .report-chart-head p{
        text-align:left;
    }

    .report-note-card{
        grid-template-columns:1fr;
        gap:13px;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px){

    .report-hero{
        padding:26px 0 27px;
    }

    .report-hero h1{
        margin-top:5px;
        font-size:40px;
        letter-spacing:-.7px;
    }

    .report-hero p{
        font-size:14px;
        line-height:1.6;
    }

    .report-month-form{
        padding:14px;
        border-radius:14px;
    }

    .report-month-control{
        grid-template-columns:1fr;
    }

    .report-month-control button{
        width:100%;
    }

    .report-section{
        padding:26px 0 20px;
    }

    .report-heading{
        margin-bottom:15px;
    }

    .report-heading h2{
        font-size:26px;
    }

    .report-days-badge{
        font-size:11px;
    }


    /* Riepilogo */

    .report-summary-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .report-summary-card{
        padding:15px 13px;
        border-radius:13px;
    }

    .report-summary-card span{
        font-size:11px;
        line-height:1.35;
        font-weight:800;
        letter-spacing:.045em;
    }

    .report-summary-card strong{
        margin-top:7px;
        font-size:22px;
        line-height:1.08;
    }

    .report-summary-card small{
        margin-top:8px;
        font-size:11px;
        line-height:1.45;
    }


    /* Grafici */

    .report-chart-card,
    .report-table-card{
        border-radius:14px;
    }

    .report-chart-head,
    .report-table-head{
        padding:16px 15px 12px;
    }

    .report-chart-head h3,
    .report-table-head h3{
        font-size:19px;
    }

    .report-chart-tabs{
        display:flex;
        overflow-x:auto;
        gap:5px;
        padding:9px 8px;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .report-chart-tabs::-webkit-scrollbar{
        display:none;
    }

    .report-chart-tab{
        flex:0 0 auto;
        min-width:100px;
        min-height:43px;
        justify-content:center;
        gap:4px;
        padding:7px 6px;
        font-size:9px;
        line-height:1.1;
        scroll-snap-align:start;
    }

    .report-chart-tab-icon{
        width:19px;
        height:19px;
        flex:0 0 19px;
    }

    .report-chart-tab-icon .icon{
        width:18px !important;
        height:18px !important;
    }

    .report-chart-panel{
        padding:14px 9px 9px;
    }

    .report-chart-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
        padding:0 6px 6px;
    }

    .report-chart-meta span{
        text-align:left;
    }

    .report-monthly-chart{
        height:310px;
    }


    /* Distribuzione vento */

    .report-wind-distribution{
        margin:3px 2px 5px;
        padding:11px 10px 12px;
        border-radius:12px;
    }

    .report-wind-distribution-head{
        align-items:flex-start;
        flex-direction:column;
        gap:3px;
        margin-bottom:9px;
    }

    .report-wind-sector-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:5px;
    }

    .report-wind-sector{
        padding:6px 7px;
    }

    .report-wind-sector span,
    .report-wind-sector strong{
        font-size:8px;
    }


    /* Tabella mobile */

    .report-table-scroll{
        position:relative;
    }

    .report-table{
        width:max-content;
        min-width:760px;
        max-width:none;
        margin:0;
        font-size:12px;
    }

    .report-table th{
        padding:9px 1px;
        font-size:9px;
    }

    .report-table td{
        padding:8px 1px;
    }

    .report-table-repeat-head th{
        padding:9px 1px;
        font-size:9px;
    }

    .report-table th:nth-child(1),
    .report-table td:nth-child(1){
        min-width:58px;
        width:58px;
    }

    .report-table th:nth-child(2),
    .report-table td:nth-child(2){
        min-width:56px;
        width:56px;
    }

    .report-table th:nth-child(3),
    .report-table td:nth-child(3){
        min-width:52px;
        width:52px;
    }

    .report-table th:nth-child(4),
    .report-table td:nth-child(4){
        min-width:52px;
        width:52px;
    }

    .report-table th:nth-child(5),
    .report-table td:nth-child(5){
        min-width:52px;
        width:52px;
    }

    .report-table th:nth-child(6),
    .report-table td:nth-child(6){
        min-width:52px;
        width:52px;
    }

    .report-table th:nth-child(7),
    .report-table td:nth-child(7){
        min-width:60px;
        width:60px;
    }

    .report-table th:nth-child(8),
    .report-table td:nth-child(8){
        min-width:62px;
        width:62px;
    }

    .report-table th:nth-child(9),
    .report-table td:nth-child(9){
        min-width:62px;
        width:62px;
    }

    .report-table th:nth-child(10),
    .report-table td:nth-child(10){
        min-width:66px;
        width:66px;
    }

    .report-table th:nth-child(11),
    .report-table td:nth-child(11){
        min-width:66px;
        width:66px;
    }

    .report-table th:nth-child(12),
    .report-table td:nth-child(12){
        min-width:74px;
        width:74px;
    }

    .report-table th:first-child,
    .report-table td:first-child{
        min-width:58px;
        width:58px;
        box-shadow:
            4px 0 8px rgba(24,77,105,.05),
            1px 0 0 #e6eef2;
    }

    .report-value-chip{
        min-width:38px;
        min-height:28px;
        padding:0 3px;
        font-size:11px;
    }

    .report-rain-value{
        min-width:46px;
        padding:0 3px;
    }

    .report-date-cell strong{
        font-size:12px;
    }

    .report-date-cell small{
        font-size:9px;
    }

    .report-cell-time{
        font-size:9px;
    }


    /* Nota informativa */

    .report-note-section{
        padding-bottom:34px;
    }

    .report-note-card{
        padding:19px 18px;
        border-radius:14px;
    }

    .report-note-card h2{
        font-size:21px;
    }

    .report-note-card p{
        font-size:12px;
    }
}


/* ============================================================
   SMARTPHONE COMPATTO
   ============================================================ */

@media(max-width:420px){

    .report-summary-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .report-summary-card strong{
        font-size:22px;
    }

    .report-days-badge{
        align-self:flex-start;
    }
}