/* HOME INTERVENTI */

.home-interventi{
    width:100%;
    box-sizing:border-box;
    font-family:inherit;
    color:#243446;
}

.home-interventi *{
    box-sizing:border-box;
}

/* SITUAZIONI */

.hi-situazioni{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
    gap:10px;
    margin-bottom:18px;
}

.hi-situazione{
    background:var(--hi-colore);
    color:#fff !important;
    border-radius:10px;
    padding:14px;
    text-decoration:none !important;
    display:flex;
    flex-direction:column;
    gap:5px;
    min-height:80px;
    transition:transform .2s;
}

.hi-situazione:hover{
    transform:translateY(-2px);
}

.hi-situazione-numero{
    font-size:26px;
    font-weight:700;
    line-height:1.1;
}

.hi-situazione-nome{
    font-size:12px;
    font-weight:500;
}

/* NOTIFICHE */

.hi-notifiche{
    margin-bottom:18px;
    border:1px solid #dce6f0;
    border-radius:10px;
    background:#f1f7ff;
    padding:12px 15px;
    color:#2464a0;
    font-size:13px;
}

.hi-notifiche a{
    display:flex;
    align-items:center;
    gap:10px;
    color:inherit;
    text-decoration:none;
}

.hi-notifiche a .fa-chevron-right{
    margin-left:auto;
}

.hi-notifiche-attive{
    background:#edf8f1;
    color:#218455;
    border-color:#d0eadb;
}

/* RIEPILOGO */

.hi-riepilogo{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:22px;
}

.hi-stat{
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:12px;
    padding:16px;
    min-height:115px;
    text-decoration:none !important;
    color:#243446 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.035);
    transition:all .2s;
}

.hi-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.hi-stat-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:5px;
    font-size:13px;
    font-weight:600;
    color:#667789;
}

.hi-stat-top i{
    font-size:19px;
}

.hi-stat-numero{
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    margin-top:12px;
}

.hi-stat-importo{
    margin-top:5px;
    font-size:12px;
    color:#667789;
}

.hi-stat-oggi{
    border-top:3px solid #16865b;
}

.hi-stat-oggi .hi-stat-top i{
    color:#16865b;
}

.hi-stat-domani{
    border-top:3px solid #e59b2c;
}

.hi-stat-domani .hi-stat-top i{
    color:#e59b2c;
}

.hi-stat-inseriti{
    border-top:3px solid #3298c8;
}

.hi-stat-inseriti .hi-stat-top i{
    color:#3298c8;
}

.hi-stat-successivi{
    border-top:3px solid #5969c7;
}

.hi-stat-successivi .hi-stat-top i{
    color:#5969c7;
}

/* AGENDA */

.hi-agenda{
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:12px;
    overflow:hidden;
}

.hi-agenda-header{
    padding:18px;
    border-bottom:1px solid #edf0f3;
}

.hi-agenda-header h3{
    font-size:18px;
    font-weight:700;
    margin:0 0 5px;
}

.hi-agenda-header h3 i{
    color:#2878b8;
    margin-right:7px;
}

.hi-agenda-header p{
    margin:0;
    color:#84909e;
    font-size:12px;
}

/* TAB */

.hi-tabs{
    display:flex;
    gap:5px;
    padding:12px 15px;
    border-bottom:1px solid #edf0f3;
    overflow-x:auto;
    scrollbar-width:thin;
}

.hi-tab{
    appearance:none;
    border:0;
    background:transparent;
    padding:11px 14px;
    border-radius:8px;
    cursor:pointer;
    white-space:nowrap;
    color:#667789;
    font-size:13px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:7px;
    flex-shrink:0;
}

.hi-tab:hover{
    background:#f2f6fa;
}

.hi-tab.attivo{
    background:#eaf3ff;
    color:#1767aa;
}

.hi-tab span{
    background:#e8edf2;
    border-radius:20px;
    padding:2px 7px;
    font-size:11px;
}

.hi-tab.attivo span{
    background:#cfe4fa;
}

/* CONTENUTO */

.hi-tab-contenuto{
    padding:16px;
    scroll-margin-top:80px;
}

.hi-lista-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:15px;
}

.hi-lista-header h4{
    margin:0;
    font-size:15px;
    font-weight:700;
}

.hi-lista-header span{
    color:#8793a0;
    font-size:12px;
}

/* LISTA CARD */

.hi-lista{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.hi-intervento{
    background:#fff;
    border:1px solid #e1e7ed;
    border-radius:11px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-width:0;
    transition:box-shadow .2s;
}

.hi-intervento:hover{
    box-shadow:0 4px 15px rgba(0,0,0,.07);
}

/* CARD HEADER */

.hi-intervento-top{
    padding:12px 14px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:#f8fafc;
    border-bottom:1px solid #edf0f3;
}

.hi-intervento-orario{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:12px;
    min-width:0;
}

.hi-intervento-orario i{
    color:#75899a;
}

.hi-intervento-orario strong{
    overflow-wrap:anywhere;
}

.hi-stato{
    color:#fff;
    padding:5px 9px;
    border-radius:20px;
    font-size:11px;
    font-weight:600;
    white-space:normal;
    text-align:center;
    flex-shrink:0;
}

/* CARD BODY */

.hi-intervento-body{
    padding:15px;
    flex:1;
    min-width:0;
}

.hi-cliente{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:15px;
    margin-bottom:10px;
}

.hi-cliente i{
    color:#64819a;
    margin-top:3px;
}

.hi-cliente strong{
    overflow-wrap:anywhere;
}

.hi-descrizione{
    font-size:13px;
    line-height:1.55;
    color:#536477;
    margin-bottom:14px;
    overflow-wrap:anywhere;
}

.hi-dettaglio{
    display:flex;
    align-items:center;
    gap:7px;
    font-size:12px;
    color:#82909e;
    margin-top:7px;
    flex-wrap:wrap;
}

.hi-dettaglio i{
    width:15px;
    text-align:center;
}

/* CAMPI PERSONALIZZATI */

.hi-campi-extra{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:12px;
}

.hi-extra{
    display:inline-flex;
    align-items:center;
    gap:5px;
    background:#edf3f8;
    color:#425b70;
    border-radius:6px;
    padding:6px 9px;
    font-size:12px;
}

.hi-extra img{
    width:16px;
    height:16px;
    object-fit:contain;
}

/* CARD FOOTER */

.hi-intervento-footer{
    padding:11px 14px;
    border-top:1px solid #edf0f3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-wrap:wrap;
}

.hi-telefono{
    color:#23865e !important;
    font-size:13px;
    text-decoration:none !important;
    display:inline-flex;
    align-items:center;
    gap:6px;
    overflow-wrap:anywhere;
}

.hi-apri{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:#2679b8;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:7px;
    padding:10px 13px;
    font-size:12px;
    font-weight:600;
    min-height:40px;
}

.hi-apri:hover{
    background:#185e95;
}

/* STATO VUOTO */

.hi-vuoto{
    text-align:center;
    padding:45px 15px;
    color:#8493a0;
}

.hi-vuoto i{
    display:block;
    font-size:35px;
    margin-bottom:15px;
    color:#b7c4cf;
}

.hi-vuoto strong{
    display:block;
    color:#536477;
    font-size:15px;
}

.hi-vuoto p{
    font-size:13px;
    margin-top:7px;
}
.home-interventi .hi-lista{
    align-content:start;
}
/* TABLET */

@media(max-width:1100px){

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

    .hi-lista{
        grid-template-columns:1fr;
    }

}

/* SMARTPHONE */

@media(max-width:600px){

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

    .hi-situazione{
        padding:12px;
        min-height:75px;
    }

    .hi-situazione-numero{
        font-size:24px;
    }

    .hi-riepilogo{
        gap:9px;
        margin-bottom:15px;
    }

    .hi-stat{
        padding:12px;
        min-height:100px;
    }

    .hi-stat-top{
        font-size:12px;
    }

    .hi-stat-numero{
        font-size:27px;
        margin-top:10px;
    }

    .hi-agenda-header{
        padding:15px;
    }

    .hi-tabs{
        padding:10px;
    }

    .hi-tab{
        padding:10px 12px;
        font-size:12px;
    }

    .hi-tab-contenuto{
        padding:10px;
    }

    .hi-intervento-top{
        padding:11px;
        align-items:flex-start;
    }

    .hi-intervento-body{
        padding:13px;
    }

    .hi-intervento-footer{
        padding:10px 12px;
    }

    .hi-apri{
        min-height:44px;
    }

}

@media(max-width:380px){

    .hi-intervento-footer{
        flex-direction:column;
        align-items:stretch;
    }

    .hi-apri{
        width:100%;
    }

}

    
/* HOME DOCUMENTI */

.home-documenti{
    width:100%;
    color:#243446;
    box-sizing:border-box;
}

.home-documenti *{
    box-sizing:border-box;
}

/* RIEPILOGO */
.hd-riepilogo{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:22px;
}

.hd-stat{
    background:#fff;
    border:1px solid #e4e9ef;
    border-top:3px solid #ccc;
    border-radius:12px;
    padding:16px;
    min-width:0;
    text-decoration:none !important;
    color:#243446 !important;
    box-shadow:0 2px 8px rgba(0,0,0,.035);
    transition:transform .2s,box-shadow .2s;
}

a.hd-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.hd-entrate{border-top-color:#16865b}
.hd-uscite{border-top-color:#d85454}
.hd-attivo{border-top-color:#2879bb}
.hd-passivo{border-top-color:#e49a2c}

.hd-entrate .hd-stat-top i{color:#16865b}
.hd-uscite .hd-stat-top i{color:#d85454}
.hd-attivo .hd-stat-top i{color:#2879bb}
.hd-passivo .hd-stat-top i{color:#e49a2c}

.hd-stat-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    color:#667789;
    font-size:13px;
    font-weight:600;
}

.hd-stat-top i{
    font-size:19px;
}

.hd-stat-numero{
    font-size:clamp(18px,2vw,27px);
    font-weight:700;
    margin:16px 0;
    line-height:1.25;
    overflow-wrap:anywhere;
    font-variant-numeric:tabular-nums;
}

.hd-stat-dettagli{
    border-top:1px solid #edf0f3;
    padding-top:11px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.hd-stat-dettagli>div{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}

.hd-stat-dettagli span{
    color:#8794a2;
    font-size:11px;
}

.hd-stat-dettagli strong{
    font-size:13px;
    color:#405267;
    overflow-wrap:anywhere;
}

/* AGENDA */

.hd-agenda{
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:12px;
    overflow:hidden;
    scroll-margin-top:75px;
}

.hd-agenda-header{
    padding:18px;
    border-bottom:1px solid #edf0f3;
}

.hd-agenda-header h3{
    font-size:18px;
    font-weight:700;
    margin:0 0 5px;
}

.hd-agenda-header h3 i{
    color:#2879bb;
    margin-right:7px;
}

.hd-agenda-header p{
    margin:0;
    font-size:12px;
    color:#8794a2;
}

/* DUE COLONNE PERMANENTI */

.hd-colonne{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    padding:15px;
    align-items:start;
}

.hd-colonna{
    min-width:0;
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:11px;
    padding:15px;
    scroll-margin-top:75px;
}

.hd-colonna-titolo{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:16px;
    font-weight:700;
    margin-bottom:17px;
    padding-bottom:12px;
    border-bottom:1px solid #edf0f3;
}

.hd-colonna-titolo i{
    font-size:18px;
}

.hd-titolo-attivo{
    color:#2879bb;
}

.hd-titolo-passivo{
    color:#e49a2c;
}

/* GRAFICI */

.hd-grafico{
    width:100%;
    min-width:0;
    overflow-x:auto;
    margin-bottom:22px;
}

.hd-grafico canvas{
    max-width:100%;
}

/* ELENCO FATTURE */

.hd-lista-header{
    margin-bottom:15px;
}

.hd-lista-header h4{
    margin:0 0 4px;
    font-size:16px;
    font-weight:700;
}

.hd-lista-header p{
    margin:0;
    color:#8794a2;
    font-size:12px;
}

.hd-lista{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}

.hd-fattura{
    background:#fff;
    border:1px solid #e1e7ed;
    border-radius:11px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    min-width:0;
    transition:box-shadow .2s;
}

.hd-fattura:hover{
    box-shadow:0 4px 15px rgba(0,0,0,.07);
}

.hd-fattura-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    padding:12px 14px;
    background:#f8fafc;
    border-bottom:1px solid #edf0f3;
}

.hd-numero{
    font-size:13px;
    font-weight:700;
    color:#2879bb !important;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}

.hd-numero i{
    margin-right:5px;
}

.hd-data{
    font-size:11px;
    color:#8794a2;
    white-space:nowrap;
}

.hd-data i{
    margin-right:4px;
}

.hd-fattura-body{
    padding:16px 14px;
    flex:1;
    min-width:0;
}

.hd-soggetto{
    display:flex;
    align-items:flex-start;
    gap:8px;
    font-size:14px;
    font-weight:600;
    color:#243446 !important;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}

.hd-soggetto i{
    margin-top:3px;
    color:#8794a2;
}

.hd-fattura-footer{
    border-top:1px solid #edf0f3;
    padding:11px 14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.hd-importo{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}

.hd-importo span{
    color:#8794a2;
    font-size:11px;
}

.hd-importo strong{
    color:#243446;
    font-size:16px;
    overflow-wrap:anywhere;
}

.hd-apri{
    background:#2679b8;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:7px;
    padding:10px 13px;
    font-size:12px;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    flex-shrink:0;
}

.hd-apri:hover{
    background:#185e95;
}

.hd-messaggio{
    margin-top:15px;
    padding:12px 15px;
    border-radius:8px;
    background:#f2f6fa;
    color:#667789;
    font-size:12px;
}

/* TABLET */

@media(max-width:1100px){

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

    .hd-stat-numero{
        font-size:24px;
    }

}

/* SMARTPHONE */

@media(max-width:767px){

    .hd-colonne{
        grid-template-columns:1fr;
        gap:12px;
        padding:10px;
    }

    .hd-colonna{
        padding:10px;
    }

    .hd-riepilogo{
        gap:9px;
        margin-bottom:15px;
    }

    .hd-stat{
        padding:12px;
    }

    .hd-stat-top{
        font-size:12px;
    }

    .hd-stat-top i{
        font-size:16px;
    }

    .hd-stat-numero{
        font-size:19px;
        margin:12px 0;
    }

    .hd-stat-dettagli span{
        font-size:10px;
    }

    .hd-stat-dettagli strong{
        font-size:12px;
    }

    .hd-agenda-header{
        padding:15px;
    }

    .hd-fattura-top{
        padding:11px 12px;
    }

    .hd-fattura-body{
        padding:13px 12px;
    }

    .hd-fattura-footer{
        padding:10px 12px;
    }

    .hd-grafico{
        margin-bottom:15px;
    }

}

@media(max-width:380px){

    .hd-stat-numero{
        font-size:17px;
    }

    .hd-fattura-footer{
        flex-wrap:wrap;
    }

}

/* LISTE FATTURE NON SALDATE CON SCROLL INTERNO */

.home-documenti .hd-lista{
    max-height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:6px;
    align-content:start;
}

/* Scrollbar personalizzata */

.home-documenti .hd-lista::-webkit-scrollbar{
    width:6px;
}

.home-documenti .hd-lista::-webkit-scrollbar-track{
    background:#f1f4f7;
    border-radius:10px;
}

.home-documenti .hd-lista::-webkit-scrollbar-thumb{
    background:#c2ccd6;
    border-radius:10px;
}

.home-documenti .hd-lista::-webkit-scrollbar-thumb:hover{
    background:#8799aa;
}

/* Mobile */

@media(max-width:767px){
    .home-documenti .hd-lista{
        max-height:400px;
    }
}



    
/* HOME CONTRATTI E PREVENTIVI */

.home-contratti-preventivi{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    width:100%;
    margin-bottom:20px;
    color:#243446;
    box-sizing:border-box;
}

.home-contratti-preventivi *{
    box-sizing:border-box;
}

/* SEZIONI */

.hcp-sezione{
    min-width:0;
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:12px;
    overflow:hidden;
}

.hcp-header{
    padding:17px;
    border-bottom:1px solid #edf0f3;
}

.hcp-header h3{
    margin:0 0 5px;
    font-size:18px;
    font-weight:700;
}

.hcp-header h3 i{
    margin-right:7px;
    color:#2879bb;
}

.hcp-header p{
    margin:0;
    color:#8794a2;
    font-size:12px;
}

/* INDICATORI */

.hcp-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    padding:15px;
}

.hcp-stat{
    display:block;
    min-width:0;
    padding:12px;
    background:#fff;
    border:1px solid #e4e9ef;
    border-top:3px solid #ccc;
    border-radius:10px;
    text-decoration:none !important;
    color:#243446 !important;
    transition:transform .2s,box-shadow .2s;
}

a.hcp-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,.07);
}

.hcp-blue{border-top-color:#2879bb}
.hcp-green{border-top-color:#16865b}
.hcp-orange{border-top-color:#e49a2c}
.hcp-red{border-top-color:#d85454}

.hcp-blue .hcp-stat-top i{color:#2879bb}
.hcp-green .hcp-stat-top i{color:#16865b}
.hcp-orange .hcp-stat-top i{color:#e49a2c}
.hcp-red .hcp-stat-top i{color:#d85454}

.hcp-stat-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:5px;
    font-size:11px;
    font-weight:600;
    color:#667789;
}

.hcp-stat-top i{
    font-size:15px;
}

.hcp-stat-numero{
    margin-top:12px;
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    font-variant-numeric:tabular-nums;
}

/* INTESTAZIONE LISTA */

.hcp-lista-header{
    padding:15px 15px 12px;
    border-top:1px solid #edf0f3;
}

.hcp-lista-header h4{
    margin:0 0 4px;
    font-size:15px;
    font-weight:700;
}

.hcp-lista-header p{
    margin:0;
    color:#8794a2;
    font-size:12px;
}

/* ELENCO CON SCROLL INTERNO */

.hcp-lista{
    max-height:500px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:0 15px 15px;
    display:flex;
    flex-direction:column;
    gap:10px;
    scrollbar-width:thin;
    scrollbar-color:#c2ccd6 #f1f4f7;
}

.hcp-lista::-webkit-scrollbar{
    width:6px;
}

.hcp-lista::-webkit-scrollbar-track{
    background:#f1f4f7;
    border-radius:10px;
}

.hcp-lista::-webkit-scrollbar-thumb{
    background:#c2ccd6;
    border-radius:10px;
}

/* CARD CONTRATTO / PREVENTIVO */

.hcp-elemento{
    background:#fff;
    border:1px solid #e1e7ed;
    border-radius:10px;
    overflow:hidden;
    flex-shrink:0;
    transition:box-shadow .2s;
}

.hcp-elemento:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.hcp-elemento-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    padding:11px 13px;
    background:#f8fafc;
    border-bottom:1px solid #edf0f3;
}

.hcp-numero{
    color:#2879bb;
    font-size:13px;
    font-weight:700;
}

.hcp-numero i{
    margin-right:5px;
}

.hcp-stato{
    display:inline-flex;
    align-items:center;
    border-radius:20px;
    padding:5px 9px;
    font-size:10px;
    font-weight:700;
}

.hcp-stato-red{
    background:#fff0f0;
    color:#c33c3c;
}

.hcp-stato-orange{
    background:#fff5e6;
    color:#b97817;
}

.hcp-elemento-body{
    padding:14px 13px;
    min-width:0;
}

.hcp-cliente{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#243446 !important;
    text-decoration:none !important;
    font-size:13px;
    font-weight:600;
    overflow-wrap:anywhere;
}

.hcp-cliente i{
    color:#8794a2;
    margin-top:2px;
}

.hcp-elemento-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:10px 13px;
    border-top:1px solid #edf0f3;
}

.hcp-dettagli{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
}

.hcp-importo{
    color:#243446;
    font-size:16px;
    font-weight:700;
}

.hcp-data{
    color:#8794a2;
    font-size:11px;
}

.hcp-data i{
    margin-right:4px;
}

.hcp-apri{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-shrink:0;
    background:#2879bb;
    color:#fff !important;
    text-decoration:none !important;
    padding:10px 12px;
    border-radius:7px;
    font-size:12px;
    font-weight:600;
    min-height:40px;
}

.hcp-apri:hover{
    background:#185e95;
}

.hcp-vuoto{
    padding:25px 15px;
    text-align:center;
    color:#8794a2;
    font-size:13px;
    background:#f8fafc;
    border-radius:9px;
}

.hcp-vuoto i{
    color:#16865b;
    margin-right:5px;
}

/* TABLET */

@media(max-width:1200px){

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

}

/* SMARTPHONE */

@media(max-width:767px){

    .home-contratti-preventivi{
        grid-template-columns:1fr;
        gap:12px;
    }

    .hcp-header{
        padding:15px;
    }

    .hcp-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        padding:10px;
    }

    .hcp-stat-numero{
        font-size:23px;
    }

    .hcp-lista{
        max-height:400px;
        padding:0 10px 10px;
    }

    .hcp-lista-header{
        padding:13px 10px;
    }

    .hcp-elemento-body{
        padding:12px;
    }

    .hcp-elemento-footer{
        padding:10px 12px;
    }

}


/* =========================================
   HOME - TITOLI H3 E H4 - STILE DEFINITIVO
   ========================================= */

.home-interventi h3,
.home-interventi h4,
.home-documenti h3,
.home-documenti h4,
.home-contratti-preventivi h3,
.home-contratti-preventivi h4{
    position:relative;
    display:block;
    width:auto;
    min-height:0 !important;
    height:auto !important;
    line-height:1.4 !important;
    padding:0 0 0 16px !important;
    margin:0 0 7px 0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    color:#243b53;
    font-weight:700;
    letter-spacing:-0.3px;
}

/* Barra laterale */

.home-interventi h3::before,
.home-interventi h4::before,
.home-documenti h3::before,
.home-documenti h4::before,
.home-contratti-preventivi h3::before,
.home-contratti-preventivi h4::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:4px;
    height:20px;
    background:#2879bb;
    border-radius:4px;
}

/* H3 */

.home-interventi h3,
.home-documenti h3,
.home-contratti-preventivi h3{
    font-size:18px !important;
}

/* H4 */

.home-interventi h4,
.home-documenti h4,
.home-contratti-preventivi h4{
    font-size:15px !important;
}

/* Barra più discreta negli H4 */

.home-interventi h4::before,
.home-documenti h4::before,
.home-contratti-preventivi h4::before{
    height:17px;
    width:3px;
    background:#8baac3;
}

/* Sottotitoli */

.home-interventi .hi-agenda-header p,
.home-documenti .hd-agenda-header p,
.home-documenti .hd-lista-header p,
.home-contratti-preventivi .hcp-header p,
.home-contratti-preventivi .hcp-lista-header p{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    font-size:12px;
    color:#8794a2;
}

/* =========================================
   HOME INTERVENTI - SCROLL RESPONSIVE
   ========================================= */

/* Desktop */
@media(min-width:768px){

    .home-interventi .hi-lista{
        max-height:600px;
        overflow-y:auto;
        overflow-x:hidden;
        padding-right:8px;
        align-content:start;
        scrollbar-width:thin;
        scrollbar-color:#c2ccd6 #f1f4f7;
    }

    .home-interventi .hi-lista::-webkit-scrollbar{
        width:6px;
    }

    .home-interventi .hi-lista::-webkit-scrollbar-track{
        background:#f1f4f7;
        border-radius:10px;
    }

    .home-interventi .hi-lista::-webkit-scrollbar-thumb{
        background:#b9c6d2;
        border-radius:10px;
    }

    .home-interventi .hi-lista::-webkit-scrollbar-thumb:hover{
        background:#7f97aa;
    }

}

/* Mobile */
@media(max-width:767px){

    .home-interventi .hi-lista{
        max-height:none !important;
        height:auto !important;
        overflow:visible !important;
        padding-right:0;
    }

}



/* =========================================
   HOME PRODOTTI E PAGAMENTI
   ========================================= */

.home-prodotti-pagamenti{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    width:100%;
    margin-bottom:20px;
    color:#243446;
    box-sizing:border-box;
}

.home-prodotti-pagamenti *{
    box-sizing:border-box;
}

.hpp-colonna{
    display:flex;
    flex-direction:column;
    gap:15px;
    min-width:0;
}

/* SEZIONI */

.hpp-sezione{
    background:#fff;
    border:1px solid #e4e9ef;
    border-radius:12px;
    overflow:hidden;
    min-width:0;
}

.hpp-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:17px;
    border-bottom:1px solid #edf0f3;
}

.hpp-header h3{
    position:relative;
    margin:0 0 5px !important;
    padding:0 0 0 15px !important;
    border:0 !important;
    font-size:17px !important;
    font-weight:700;
    line-height:1.4;
    color:#243b53;
    background:none !important;
}

.hpp-header h3::before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:4px;
    height:20px;
    background:#2879bb;
    border-radius:4px;
}

.hpp-header h3 i{
    margin-right:6px;
    color:#2879bb;
}

.hpp-header p{
    margin:0 !important;
    padding:0 !important;
    font-size:12px;
    color:#8794a2;
}

.hpp-contatore{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:32px;
    padding:5px 9px;
    border-radius:20px;
    font-size:12px;
    font-weight:700;
    flex-shrink:0;
}

.hpp-contatore-green{
    background:#e7f6ee;
    color:#16865b;
}

.hpp-contatore-red{
    background:#fcebec;
    color:#c44545;
}

.hpp-contatore-blue{
    background:#eaf3ff;
    color:#2879bb;
}

/* LISTE */

.hpp-lista{
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:15px;
    align-content:start;
}

/* PAGAMENTI */

.hpp-elemento{
    background:#fff;
    border:1px solid #e1e7ed;
    border-radius:10px;
    overflow:hidden;
    flex-shrink:0;
    transition:box-shadow .2s;
}

.hpp-elemento:hover{
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.hpp-elemento-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:12px 13px;
    background:#f8fafc;
    border-bottom:1px solid #edf0f3;
}

.hpp-soggetto{
    display:flex;
    align-items:flex-start;
    gap:7px;
    min-width:0;
    font-size:13px;
    font-weight:700;
    color:#243446 !important;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}

.hpp-soggetto i{
    color:#8794a2;
    margin-top:2px;
}

.hpp-importo{
    font-size:15px;
    font-weight:700;
    white-space:nowrap;
    flex-shrink:0;
}

.hpp-importo-green{
    color:#16865b;
}

.hpp-importo-red{
    color:#d85454;
}

.hpp-descrizione{
    padding:12px 13px;
    font-size:13px;
    color:#526477;
    line-height:1.5;
    overflow-wrap:anywhere;
}

.hpp-elemento-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 13px;
    border-top:1px solid #edf0f3;
}

.hpp-scadenza{
    color:#8794a2;
    font-size:11px;
}

.hpp-scadenza i{
    margin-right:4px;
}

.hpp-apri{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-shrink:0;
    background:#2879bb;
    color:#fff !important;
    text-decoration:none !important;
    padding:10px 12px;
    border-radius:7px;
    font-size:12px;
    font-weight:600;
    min-height:40px;
}

.hpp-apri:hover{
    background:#185e95;
}

/* PRODOTTI */

.hpp-lista-prodotti{
    gap:8px;
}

.hpp-prodotto{
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px;
    border:1px solid #e1e7ed;
    border-radius:9px;
    background:#fff;
    min-width:0;
}

.hpp-prodotto:hover{
    background:#f8fafc;
}

.hpp-posizione{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:8px;
    background:#edf5fc;
    color:#2879bb;
    font-size:12px;
    font-weight:700;
    flex-shrink:0;
}

.hpp-prodotto-info{
    flex:1;
    min-width:0;
}

.hpp-prodotto-info a{
    color:#243446 !important;
    font-size:13px;
    font-weight:600;
    text-decoration:none !important;
    overflow-wrap:anywhere;
}

.hpp-prodotto-info a:hover{
    color:#2879bb !important;
}

.hpp-quantita{
    display:inline-block;
    padding:6px 9px;
    border-radius:7px;
    background:#f1f4f7;
    color:#526477;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

/* MESSAGGI */

.hpp-vuoto{
    padding:22px 12px;
    text-align:center;
    background:#f8fafc;
    border-radius:9px;
    color:#8794a2;
    font-size:13px;
}

.hpp-vuoto i{
    margin-right:5px;
    color:#16865b;
}

/* SCROLL DESKTOP */

@media(min-width:768px){

    .home-prodotti-pagamenti .hpp-lista{
        max-height:600px;
        overflow-y:auto;
        overflow-x:hidden;
        scrollbar-width:thin;
        scrollbar-color:#c2ccd6 #f1f4f7;
    }

    .home-prodotti-pagamenti .hpp-lista::-webkit-scrollbar{
        width:6px;
    }

    .home-prodotti-pagamenti .hpp-lista::-webkit-scrollbar-track{
        background:#f1f4f7;
        border-radius:10px;
    }

    .home-prodotti-pagamenti .hpp-lista::-webkit-scrollbar-thumb{
        background:#b9c6d2;
        border-radius:10px;
    }

}

/* MOBILE */

@media(max-width:767px){

    .home-prodotti-pagamenti{
        grid-template-columns:1fr;
        gap:12px;
    }

    .hpp-colonna{
        gap:12px;
    }

    .hpp-header{
        padding:14px;
    }

    .hpp-header h3{
        font-size:16px !important;
    }

    .home-prodotti-pagamenti .hpp-lista{
        max-height:none !important;
        height:auto !important;
        overflow:visible !important;
        padding:10px;
    }

    .hpp-elemento-top{
        padding:11px;
    }

    .hpp-descrizione{
        padding:11px;
    }

    .hpp-elemento-footer{
        padding:10px 11px;
    }

    .hpp-importo{
        font-size:14px;
    }

    .hpp-prodotto{
        padding:10px;
    }

}

/* CORREZIONE TITOLI PRODOTTI E PAGAMENTI */

.home-prodotti-pagamenti .hpp-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.home-prodotti-pagamenti .hpp-header > div{
    flex:1;
    min-width:0;
}

.home-prodotti-pagamenti .hpp-header h3{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
    white-space:normal !important;
    text-overflow:clip !important;
    line-height:1.4 !important;
    margin:0 0 5px 0 !important;
    padding:0 0 0 15px !important;
}

.home-prodotti-pagamenti .hpp-header p{
    display:block !important;
    width:100% !important;
    height:auto !important;
    overflow:visible !important;
    white-space:normal !important;
    margin:0 !important;
}

/* =========================================
   HOME - PAGAMENTI COMPATTI SU UNA RIGA
   ========================================= */

.home-prodotti-pagamenti .hpp-pagamento-riga{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:10px 12px;
    background:#fff;
    border:1px solid #e5eaf0;
    border-radius:8px;
    transition:background .2s,border-color .2s;
}

.home-prodotti-pagamenti .hpp-pagamento-riga:hover{
    background:#f8fafc;
    border-color:#b8d2e8;
}

/* Cliente e descrizione */

.hpp-pagamento-info{
    display:flex;
    flex-direction:column;
    gap:3px;
    flex:1;
    min-width:0;
}

.hpp-pagamento-soggetto{
    display:block;
    font-size:13px;
    font-weight:700;
    color:#243446 !important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-decoration:none !important;
}

.hpp-pagamento-soggetto i{
    color:#8794a2;
    margin-right:5px;
}

.hpp-pagamento-descrizione{
    display:block;
    color:#8794a2;
    font-size:11px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

/* Scadenza */

.hpp-pagamento-data{
    flex-shrink:0;
    color:#8794a2;
    font-size:11px;
    white-space:nowrap;
}

.hpp-pagamento-data i{
    margin-right:4px;
}

/* Importo */

.hpp-pagamento-importo{
    flex-shrink:0;
    min-width:85px;
    text-align:right;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}

/* Pulsante apertura */

.hpp-pagamento-apri{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    width:30px;
    height:30px;
    border-radius:7px;
    background:#edf5fc;
    color:#2879bb !important;
    text-decoration:none !important;
}

.hpp-pagamento-apri:hover{
    background:#2879bb;
    color:#fff !important;
}

/* Riduciamo anche lo spazio tra le righe */

.home-prodotti-pagamenti .hpp-lista:not(.hpp-lista-prodotti){
    gap:6px;
}

/* TABLET E MOBILE */

@media(max-width:767px){

    .home-prodotti-pagamenti .hpp-pagamento-riga{
        gap:7px;
        padding:9px;
    }

    .hpp-pagamento-soggetto{
        font-size:12px;
    }

    .hpp-pagamento-descrizione{
        font-size:10px;
    }

    .hpp-pagamento-data{
        display:none;
    }

    .hpp-pagamento-importo{
        min-width:0;
        font-size:12px;
    }

    .hpp-pagamento-apri{
        width:28px;
        height:28px;
    }

}

/* =========================================
   HOME INTERVENTI - SCROLL MOBILE
   ========================================= */

@media(max-width:767px){

 /* Area superiore: intestazione e pulsanti */
    .home-interventi .hi-header,
    .home-interventi .hi-tabs{
        position:relative;
        z-index:2;
        background:#fff;
    }

    /* Elenco interventi: 90% dell'altezza dello schermo */
    .home-interventi .hi-lista{
        display:block !important;

        height:75dvh !important;
        max-height:75dvh !important;
        min-height:0 !important;

        overflow-y:auto !important;
        overflow-x:hidden !important;

        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
    }
}


/* =========================================
   HOME INTERVENTI - CARD COMPATTE
   ========================================= */

.home-interventi .hi-lista{
    gap:8px !important;
}

/* Card principale */
.home-interventi .hi-intervento{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border:1px solid #dfe7ef !important;
    border-radius:9px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

/* Riga superiore: data e stato */
.home-interventi .hi-intervento-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:8px !important;
    padding:7px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#f8fafc !important;
    border-bottom:1px solid #edf0f4 !important;
}

.home-interventi .hi-intervento-orario{
    font-size:12px !important;
    line-height:1.3 !important;
}

.home-interventi .hi-stato{
    padding:2px 9px !important;
    font-size:11px !important;
    line-height:1.3 !important;
    border-radius:20px !important;
    white-space:nowrap;
}

/* Corpo card */
.home-interventi .hi-intervento-body{
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    padding:8px 11px !important;
    margin:0 !important;
}

/* Cliente */
.home-interventi .hi-cliente{
    margin:0 0 3px !important;
    font-size:13px !important;
    line-height:1.35 !important;
}

/* Descrizione completa */
.home-interventi .hi-descrizione{
    display:block !important;
    margin:0 0 5px !important;
    font-size:12px !important;
    line-height:1.4 !important;
    overflow:visible !important;
    -webkit-line-clamp:unset !important;
}

/* Data inserimento, fine e altri dettagli */
.home-interventi .hi-dettaglio{
    display:block !important;
    margin:3px 0 0 !important;
    font-size:11px !important;
    line-height:1.35 !important;
    color:#8493a5 !important;
}

/* Eventuali campi extra */
.home-interventi .hi-campi-extra{
    margin-top:5px !important;
}

/* Footer: telefono e pulsante */
.home-interventi .hi-intervento-footer{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:6px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#fff !important;
    border-top:1px solid #edf0f4 !important;
}

/* Telefono */
.home-interventi .hi-telefono{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    font-size:12px !important;
    white-space:nowrap;
}

.home-interventi .hi-telefono span{
    display:inline !important;
}

/* Pulsante */
.home-interventi .hi-apri{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-height:0 !important;
    padding:6px 10px !important;
    font-size:11px !important;
    line-height:1.3 !important;
    border-radius:6px !important;
    white-space:nowrap;
}

/* Mobile */
@media(max-width:767px){

    .home-interventi .hi-intervento-top{
        padding:7px 10px !important;
    }

    .home-interventi .hi-intervento-body{
        padding:8px 10px !important;
    }

    .home-interventi .hi-intervento-footer{
        padding:6px 10px !important;
    }

    .home-interventi .hi-cliente{
        font-size:12px !important;
    }

    .home-interventi .hi-descrizione{
        font-size:12px !important;
    }

    .home-interventi .hi-apri{
        font-size:11px !important;
    }
}


/* =========================================
   HOME DOCUMENTI - CARD COMPATTE
   ========================================= */

/* Spazio tra le fatture */
.home-documenti .hd-lista{
    gap:8px !important;
}

/* Card fattura */
.home-documenti .hd-fattura{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    border:1px solid #dfe7ef !important;
    border-radius:9px !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

.home-documenti .hd-fattura:hover{
    border-color:#b9d5ec !important;
}

/* Riga superiore: numero e data */
.home-documenti .hd-fattura-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:7px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#f8fafc !important;
    border-bottom:1px solid #edf0f4 !important;
}

/* Numero fattura */
.home-documenti .hd-numero{
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

/* Data */
.home-documenti .hd-data{
    font-size:11px !important;
    white-space:nowrap;
}

/* Corpo: cliente o fornitore */
.home-documenti .hd-fattura-body{
    display:block !important;
    padding:9px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    flex:1 1 auto !important;
}

/* Nome cliente / fornitore */
.home-documenti .hd-soggetto{
    display:block !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    margin:0 !important;
}

/* Footer: importo e pulsante */
.home-documenti .hd-fattura-footer{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:7px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#fff !important;
    border-top:1px solid #edf0f4 !important;
}

/* Importo */
.home-documenti .hd-importo{
    display:flex !important;
    flex-direction:column !important;
    gap:1px !important;
    margin:0 !important;
}

.home-documenti .hd-importo span{
    font-size:10px !important;
    line-height:1.2 !important;
}

.home-documenti .hd-importo strong{
    font-size:15px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

/* Pulsante Apri */
.home-documenti .hd-apri{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    min-height:0 !important;
    padding:7px 11px !important;
    font-size:11px !important;
    line-height:1.3 !important;
    border-radius:6px !important;
    white-space:nowrap;
}

/* MOBILE */
@media(max-width:767px){

    .home-documenti .hd-fattura-top{
        padding:7px 10px !important;
    }

    .home-documenti .hd-fattura-body{
        padding:8px 10px !important;
    }

    .home-documenti .hd-fattura-footer{
        padding:6px 10px !important;
    }

    .home-documenti .hd-numero{
        font-size:12px !important;
    }

    .home-documenti .hd-soggetto{
        font-size:12px !important;
    }

    .home-documenti .hd-importo strong{
        font-size:14px !important;
    }
}

/* =========================================
   HOME CONTRATTI E PREVENTIVI - CARD COMPATTE
   ========================================= */

/* Spazio tra le card */
.home-contratti-preventivi .hcp-lista{
    gap:8px !important;
}

/* Card principale */
.home-contratti-preventivi .hcp-elemento{
    display:flex !important;
    flex-direction:column !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid #dfe7ef !important;
    border-radius:9px !important;
    overflow:hidden !important;
    box-shadow:none !important;
}

.home-contratti-preventivi .hcp-elemento:hover{
    border-color:#b9d5ec !important;
}

/* Intestazione: numero e stato */
.home-contratti-preventivi .hcp-elemento-top{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:8px !important;
    padding:7px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#f8fafc !important;
    border-bottom:1px solid #edf0f4 !important;
}

/* Numero contratto / preventivo */
.home-contratti-preventivi .hcp-numero{
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.3 !important;
}

/* Badge stato */
.home-contratti-preventivi .hcp-stato{
    padding:3px 9px !important;
    font-size:11px !important;
    line-height:1.3 !important;
    border-radius:20px !important;
    white-space:nowrap;
}

/* Corpo: cliente */
.home-contratti-preventivi .hcp-elemento-body{
    display:block !important;
    flex:1 1 auto !important;
    min-height:0 !important;
    padding:8px 11px !important;
    margin:0 !important;
}

.home-contratti-preventivi .hcp-soggetto{
    display:block !important;
    margin:0 !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
}

/* Footer: scadenza/importo e pulsante */
.home-contratti-preventivi .hcp-elemento-footer{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    padding:7px 11px !important;
    margin:0 !important;
    min-height:0 !important;
    background:#fff !important;
    border-top:1px solid #edf0f4 !important;
}

/* Dettagli: data e importo */
.home-contratti-preventivi .hcp-dettagli{
    display:flex !important;
    flex-direction:column !important;
    gap:2px !important;
    margin:0 !important;
    min-width:0;
}

.home-contratti-preventivi .hcp-dettagli span{
    font-size:11px !important;
    line-height:1.3 !important;
}

.home-contratti-preventivi .hcp-dettagli strong{
    font-size:14px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
}

/* Pulsante Apri */
.home-contratti-preventivi .hcp-apri{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    padding:7px 11px !important;
    min-height:0 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    border-radius:6px !important;
    white-space:nowrap;
}

/* MOBILE */
@media(max-width:767px){

    .home-contratti-preventivi .hcp-elemento-top{
        padding:7px 10px !important;
    }

    .home-contratti-preventivi .hcp-elemento-body{
        padding:8px 10px !important;
    }

    .home-contratti-preventivi .hcp-elemento-footer{
        padding:6px 10px !important;
    }

    .home-contratti-preventivi .hcp-numero,
    .home-contratti-preventivi .hcp-soggetto{
        font-size:12px !important;
    }

    .home-contratti-preventivi .hcp-apri{
        font-size:11px !important;
    }
}


/* =========================================
   HOME CONTRATTI E PREVENTIVI
   STATISTICHE COLORATE
   ========================================= */

.home-contratti-preventivi .hcp-stat{
    border:1px solid transparent !important;
    border-top:3px solid !important;
    border-radius:11px !important;
    box-shadow:0 3px 10px rgba(0,0,0,.05) !important;
    transition:transform .2s,box-shadow .2s;
}

.home-contratti-preventivi .hcp-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(0,0,0,.10) !important;
}

/* 1 - TOTALI: BLU */
.home-contratti-preventivi .hcp-stat:nth-child(1){
    background:linear-gradient(135deg,#dbeafe,#93c5fd) !important;
    border-color:#2563eb !important;
}

.home-contratti-preventivi .hcp-stat:nth-child(1) strong,
.home-contratti-preventivi .hcp-stat:nth-child(1) i{
    color:#1d4ed8 !important;
}

/* 2 - IN CORSO / ACCETTATI: VERDE */
.home-contratti-preventivi .hcp-stat:nth-child(2){
    background:linear-gradient(135deg,#d1fae5,#a7f3d0) !important;
    border-color:#059669 !important;
}

.home-contratti-preventivi .hcp-stat:nth-child(2) strong,
.home-contratti-preventivi .hcp-stat:nth-child(2) i{
    color:#047857 !important;
}

/* 3 - IN SCADENZA / IN CORSO: ARANCIONE */
.home-contratti-preventivi .hcp-stat:nth-child(3){
    background:linear-gradient(135deg,#ffedd5,#fdba74) !important;
    border-color:#ea580c !important;
}

.home-contratti-preventivi .hcp-stat:nth-child(3) strong,
.home-contratti-preventivi .hcp-stat:nth-child(3) i{
    color:#c2410c !important;
}

/* 4 - SCADUTI / RIFIUTATI: ROSSO */
.home-contratti-preventivi .hcp-stat:nth-child(4){
    background:linear-gradient(135deg,#ffe4e6,#fda4af) !important;
    border-color:#e11d48 !important;
}

.home-contratti-preventivi .hcp-stat:nth-child(4) strong,
.home-contratti-preventivi .hcp-stat:nth-child(4) i{
    color:#be123c !important;
}

/* TITOLI */
.home-contratti-preventivi .hcp-stat span{
    font-weight:600 !important;
    color:#334155 !important;
}

/* NUMERI */
.home-contratti-preventivi .hcp-stat strong{
    font-size:32px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

/* MOBILE */
@media(max-width:767px){
    .home-contratti-preventivi .hcp-stat strong{
        font-size:26px !important;
    }
}
/* =========================================
   HOME INTERVENTI - STATISTICHE MODERNE
   ========================================= */

.home-interventi .hi-stat{
    border:1px solid rgba(255,255,255,.55) !important;
    border-top:4px solid !important;
    border-radius:14px !important;
    box-shadow:0 4px 14px rgba(30,50,80,.08) !important;
    transition:transform .2s ease,box-shadow .2s ease;
}

.home-interventi .hi-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(30,50,80,.13) !important;
}

/* OGGI - VERDE */
.home-interventi .hi-stat-oggi{
    background:linear-gradient(135deg,#dcfce7 0%,#86efac 100%) !important;
    border-top-color:#16a34a !important;
}

.home-interventi .hi-stat-oggi .hi-stat-numero,
.home-interventi .hi-stat-oggi .hi-stat-top i{
    color:#047857 !important;
}

/* DOMANI - ARANCIONE */
.home-interventi .hi-stat-domani{
    background:linear-gradient(135deg,#ffedd5 0%,#fdba74 100%) !important;
    border-top-color:#f97316 !important;
}

.home-interventi .hi-stat-domani .hi-stat-numero,
.home-interventi .hi-stat-domani .hi-stat-top i{
    color:#c2410c !important;
}

/* INSERITI OGGI - AZZURRO */
.home-interventi .hi-stat-inseriti{
    background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 100%) !important;
    border-top-color:#2563eb !important;
}

.home-interventi .hi-stat-inseriti .hi-stat-numero,
.home-interventi .hi-stat-inseriti .hi-stat-top i{
    color:#0369a1 !important;
}

/* SUCCESSIVI - VIOLA */
.home-interventi .hi-stat-successivi{
    background:linear-gradient(135deg,#ede9fe 0%,#c4b5fd 100%) !important;
    border-top-color:#7c3aed !important;
}

.home-interventi .hi-stat-successivi .hi-stat-numero,
.home-interventi .hi-stat-successivi .hi-stat-top i{
    color:#6d28d9 !important;
}

/* TITOLI */
.home-interventi .hi-stat-top span{
    color:#243b53 !important;
    font-weight:700 !important;
}

/* NUMERI */
.home-interventi .hi-stat-numero{
    font-size:32px !important;
    font-weight:800 !important;
    letter-spacing:-.5px;
    line-height:1.2 !important;
}

/* IMPORTI */
.home-interventi .hi-stat-importo{
    color:#334155 !important;
    font-size:13px !important;
    font-weight:600 !important;
}

/* MOBILE */
@media(max-width:767px){

    .home-interventi .hi-stat{
        padding:13px 14px !important;
    }

    .home-interventi .hi-stat-numero{
        font-size:25px !important;
    }
}

/* =========================================
   HOME DOCUMENTI - COLORI MODERNI VIVACI
   ========================================= */

.home-documenti .hd-stat{
    border:1px solid rgba(255,255,255,.55) !important;
    border-top:4px solid !important;
    border-radius:14px !important;
    box-shadow:0 4px 14px rgba(30,50,80,.08) !important;
    transition:transform .2s ease,box-shadow .2s ease;
}

.home-documenti .hd-stat:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(30,50,80,.13) !important;
}

/* ENTRATE - VERDE BRILLANTE */
.home-documenti .hd-entrate{
    background:linear-gradient(135deg,#dcfce7 0%,#86efac 100%) !important;
    border-top-color:#16a34a !important;
}

.home-documenti .hd-entrate .hd-stat-numero,
.home-documenti .hd-entrate .hd-stat-top i{
    color:#047857 !important;
}

/* USCITE - ARANCIONE VIVACE */
.home-documenti .hd-uscite{
    background:linear-gradient(135deg,#ffedd5 0%,#fdba74 100%) !important;
    border-top-color:#f97316 !important;
}

.home-documenti .hd-uscite .hd-stat-numero,
.home-documenti .hd-uscite .hd-stat-top i{
    color:#c2410c !important;
}

/* FATTURATO ATTIVO - BLU LUMINOSO */
.home-documenti .hd-attivo{
    background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 100%) !important;
    border-top-color:#2563eb !important;
}

.home-documenti .hd-attivo .hd-stat-numero,
.home-documenti .hd-attivo .hd-stat-top i{
    color:#1d4ed8 !important;
}

/* FATTURATO PASSIVO - ROSSO CORALLO */
.home-documenti .hd-passivo{
    background:linear-gradient(135deg,#ffe4e6 0%,#fda4af 100%) !important;
    border-top-color:#e11d48 !important;
}

.home-documenti .hd-passivo .hd-stat-numero,
.home-documenti .hd-passivo .hd-stat-top i{
    color:#be123c !important;
}

/* TITOLI */
.home-documenti .hd-stat-top span{
    color:#243b53 !important;
    font-weight:700 !important;
}

/* VALORI PRINCIPALI */
.home-documenti .hd-stat-numero{
    font-size:32px !important;
    font-weight:800 !important;
    letter-spacing:-.5px;
    line-height:1.2 !important;
}

/* DETTAGLI */
.home-documenti .hd-stat-dettagli{
    border-top:1px solid rgba(30,41,59,.14) !important;
}

.home-documenti .hd-stat-dettagli span{
    color:#475569 !important;
}

.home-documenti .hd-stat-dettagli strong{
    color:#243b53 !important;
    font-weight:700 !important;
}

/* MOBILE */
@media(max-width:767px){

    .home-documenti .hd-stat{
        padding:13px 14px !important;
    }

    .home-documenti .hd-stat-numero{
        font-size:25px !important;
    }
}

/* =========================================
   HOME DOCUMENTI - FATTURE COMPATTE MODERNE
   ========================================= */

.home-documenti .hd-fattura{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:11px 14px !important;
    margin-bottom:9px !important;
    background:#ffffff !important;
    border:1px solid #dce6f0 !important;
    border-left:3px solid #3186cc !important;
    border-radius:11px !important;
    box-shadow:0 2px 8px rgba(30,60,90,.04) !important;
    overflow:hidden;
    transition:background .2s,border-color .2s,box-shadow .2s;
}

.home-documenti .hd-fattura:hover{
    background:#f5faff !important;
    border-color:#9dc7ed !important;
    border-left-color:#1976c9 !important;
    box-shadow:0 4px 14px rgba(30,90,150,.10) !important;
}

/* NUMERO E DATA */
.home-documenti .hd-fattura-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
}

.home-documenti .hd-numero{
    color:#2479bd !important;
    font-size:15px !important;
    font-weight:700 !important;
    text-decoration:none !important;
}

.home-documenti .hd-data{
    color:#8799ac !important;
    font-size:12px !important;
    white-space:nowrap;
}

/* CLIENTE */
.home-documenti .hd-fattura-body{
    padding:0 !important;
    margin:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
}

.home-documenti .hd-soggetto{
    display:block;
    color:#243b53 !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    text-decoration:none !important;
}

.home-documenti .hd-soggetto:hover{
    color:#2479bd !important;
}

/* IMPORTO E PULSANTE */
.home-documenti .hd-fattura-footer{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:3px 0 0 !important;
    margin:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border:0 !important;
}

.home-documenti .hd-importo{
    display:flex;
    flex-direction:column;
    gap:1px;
}

.home-documenti .hd-importo span{
    color:#94a3b8 !important;
    font-size:11px !important;
    line-height:1.2 !important;
}

.home-documenti .hd-importo strong{
    color:#173b5c !important;
    font-size:19px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
}

/* PULSANTE APRI */
.home-documenti .hd-apri{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    padding:8px 13px !important;
    min-height:0 !important;
    border:0 !important;
    border-radius:8px !important;
    background:#e8f3ff !important;
    color:#1976c9 !important;
    font-size:12px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    white-space:nowrap;
    transition:background .2s,color .2s;
}

.home-documenti .hd-apri:hover{
    background:#2479bd !important;
    color:#ffffff !important;
}

.home-documenti .hd-apri i{
    font-size:12px !important;
}

/* MOBILE */
@media(max-width:767px){

    .home-documenti .hd-fattura{
        padding:10px 12px !important;
    }

    .home-documenti .hd-numero{
        font-size:14px !important;
    }

    .home-documenti .hd-soggetto{
        font-size:13px !important;
    }

    .home-documenti .hd-importo strong{
        font-size:17px !important;
    }

    .home-documenti .hd-apri{
        padding:7px 10px !important;
    }
}