/* ==========================================================================
   ICC Account Menu — Compte client LANDA
   Auteur : ICC Digital
   ========================================================================== */

:root {
    --icc-font:           'Helvetica Neue', Arial, sans-serif;
    --icc-color-bg:       #f5f5f5;
    --icc-color-active:   #313B3E;
    --icc-color-text:     black;
    --icc-color-muted:    #555555;
    --icc-color-red:      #B71234;
    --icc-color-border:   #e0e0e0;
    --icc-radius:         8px;
    --icc-transition:     0.2s ease;
}

/* ── Conteneur ── */
.icc-account-menu {
    font-family: var(--icc-font);
    width: 100%;
    max-width: 280px;
}

/* ── Liste principale ── */
.icc-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* ── Item de menu ── */
.icc-menu-item {
    border-radius: var(--icc-radius);
    overflow: hidden;
}

/* ── Lien principal ── */
.icc-menu-link {
    display: block;
    padding: 18px 18px;
    font-size: 16px;
    font-weight: 800;
    font-style: italic;
    color: var(--icc-color-text);
    text-decoration: none;
    background-color: var(--icc-color-bg);
    border-radius: var(--icc-radius);
    transition: background-color var(--icc-transition), color var(--icc-transition);
    line-height: 18px;
    text-align: center;
}

.icc-menu-link:hover, .icc-menu-link:focus {
    background-color: #e8e8e8;
    color: var(--icc-color-text);
    text-decoration: none;
}

/* ── Item actif (menu principal) ── */
.icc-menu-item.active > .icc-menu-link {
    background-color: var(--icc-color-active);
    color: #ffffff;
}

/* ── Sous-menu ── */
.icc-submenu {
    list-style: none;
    margin: 0;
    padding: 10px 0 12px 0;
}

.icc-submenu-item a {
    display: block;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 400;
    color: var(--icc-color-text);
    text-decoration: none;
    transition: color var(--icc-transition);
    line-height: 26px;
}

.icc-submenu-item a:hover {
    color: var(--icc-color-red);
    text-decoration: none;
}

/* ── Sous-item actif ── */
.icc-submenu-item.active a {
    color: var(--icc-color-red);
    font-weight: 600;
    text-decoration: underline;
}

/* ── Mon parc machines (couleur spéciale) ── */
.icc-menu-item--fleet > .icc-menu-link {
    color: var(--icc-color-red);
    border: 2px solid var(--icc-color-red);
    background-color: #fff;
    padding: 16px 18px;
}

.icc-menu-item--fleet > .icc-menu-link:hover {
    background-color: #fff5f7;
}

.icc-menu-item--fleet.active > .icc-menu-link {
    background-color: var(--icc-color-red);
    color: #ffffff;
    border-color: var(--icc-color-red);
}

/* ── Déconnexion ── */
.icc-menu-logout {
    margin-top: 16px;
    text-align: center;
}

.icc-logout-link {
    display: block;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid var(--icc-color-red);
    color: white;
    background-color: var(--icc-color-red);
    text-decoration: none;
    transition: background-color var(--icc-transition), color var(--icc-transition);
    font-style: normal;
}

.icc-logout-link:hover {
    color: var(--icc-color-red);
    background-color: white;
    text-decoration: none;
}

/* ── Responsive ── */
@media (max-width: 991px) {
    .icc-account-menu {
        max-width: 100%;
    }
}


/* ==========================================================================
   ICC Invoice — Factures et avoirs
   ========================================================================== */

/* ── Wrapper date picker (flatpickr) ── */
.icc-date-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.icc-date-wrap input[data-input] {
    flex: 1;
    width: 100%;
    padding: 9px 44px 9px 12px;
    font-size: 14px;
    border: 1px solid var(--icc-color-border);
    border-radius: 6px;
    background: #fff;
    color: var(--icc-color-text);
    box-sizing: border-box;
    cursor: pointer;
}

.icc-date-wrap input[data-input]:focus {
    outline: none;
    border-color: var(--icc-color-active);
}

.icc-date-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
}

.icc-date-toggle:focus {
    outline: none;
}

/* ── Filtres ── */
.icc-invoice-filters {
    border-radius: 20px;
    background: var(--GRIS-BLANC, #ECECEC);
    padding: 50px;
    margin-top: 30px;
    margin-bottom: 60px;
}
.icc-filters-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 30px 0 50px 0;
}
.icc-filter-field label {
    display: flex !important;
    color: #323334 !important;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 15px !important;
}

@media (max-width: 768px) {
    .icc-filters-grid { grid-template-columns: 1fr; }
}

.icc-filter-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--icc-color-muted);
    margin-bottom: 5px;
}

.icc-filter-field input {
    width: 100%;
    padding: 9px 12px;
    font-size: 14px;
    border: 1px solid var(--icc-color-border);
    border-radius: 6px;
    background: #fff;
    color: var(--icc-color-text);
    transition: border-color var(--icc-transition);
    box-sizing: border-box;
}

.icc-filter-field input:focus {
    outline: none;
    border-color: var(--icc-color-active);
}

.icc-filters-actions {
    display: flex;
    gap: 40px;
    justify-content: center;
}

/* ── Sous-titre ── */
.icc-invoice-subtitle {
    color: #323334;
    font-family: Inter !important;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 32px !important;
    text-transform: uppercase;
    margin-bottom: 35px;
}

/* ── Item facture ── */

.icc-invoice-row:last-child { margin-bottom: 0; }

.icc-invoice-label {
    color: #323334;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}

.icc-invoice-value {
    color: #323334;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.icc-amount--negative {
    color: var(--icc-color-red);
}

/* ── Actions (pdf + statut) ── */
.icc-invoice-actions {
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 12px;
}

.icc-btn-pdf {
    font-size: 13px;
}

/* ── Message vide ── */
.icc-invoice-empty {
    color: var(--icc-color-muted);
    font-style: italic;
    padding: 20px 0;
}

/* ── Section règlement factures dues ── */
.icc-invoice-dues {
    margin-bottom: 30px;
}

.icc-dues-select-all {
    margin-bottom: 25px;
}

.icc-dues-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    color: var(--NOIR, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    gap: 10px;
}

.icc-dues-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    cursor: pointer;
    accent-color: var(--icc-color-active);
}

.icc-dues-item {
    border-top: 1px solid var(--GRIS, #B5B5B5);
    background: #fff;
    transition: border-color var(--icc-transition), background var(--icc-transition);
    padding: 30px 0;
}

.icc-dues-item:has(.icc-dues-checkbox:checked) {
    border-color: var(--icc-color-active);
    background: #f8f8f8;
}

.icc-dues-ref,
.icc-dues-date,
.icc-dues-amount {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 1;
}

@media (max-width: 768px) {
    .icc-dues-label {
        flex-wrap: wrap;
    }
    .icc-dues-ref,
    .icc-dues-date,
    .icc-dues-amount {
        flex: 0 0 100%;
        margin-left: 30px;
    }
}

.icc-dues-footer {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 30px;
}

.icc-dues-pay-btn {
    width: 100%;
    background: var(--ROUGE, #B71234) !important;
    border: 2px solid var(--ROUGE, #B71234) !important;
    color: white !important;
    text-transform: none;
    outline: none !important;
}
.icc-dues-pay-btn:hover:not(:disabled),
.icc-dues-pay-btn:active:not(:disabled),
.icc-dues-pay-btn:focus:not(:disabled) {
    background: white !important;
    color: var(--ROUGE, #B71234) !important;
}

.icc-dues-pay-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Bouton "Transformer en devis" (page panier) ── */
.icc-quotation-btn-wrap {
    margin-top: 12px;
}

.icc-quotation-cart-btn {
    width: 100%;
}

/* ── Modale de confirmation devis ── */
.icc-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icc-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
}

.icc-modal-box {
    position: relative;
    background: #fff;
    border-radius: var(--icc-radius);
    padding: 28px 32px;
    max-width: 480px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    z-index: 1;
}

.icc-modal-text {
    font-size: 15px;
    color: var(--icc-color-text);
    line-height: 1.6;
    margin-bottom: 24px;
}

.icc-modal-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

#icc-paytweak-modal-confirm {
    text-transform: none;
    background: #313B3E !important;
    color: #fff !important;
    border: 2px solid #313B3E !important;
    outline: none !important;
}
#icc-paytweak-modal-confirm:hover,
#icc-paytweak-modal-confirm:active,
#icc-paytweak-modal-confirm:focus {
    background: var(--ROUGE, #B71234) !important;
    border-color: var(--ROUGE, #B71234) !important;
    color: #fff !important;
}

/* ==========================================================================
   ICC Dashboard — Tableau de bord (onglets)
   ========================================================================== */

.icc-dashboard {
    margin-top: 28px;
}

/* ── Onglets ── */
.icc-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    border-bottom: 2px solid var(--icc-color-border);
    margin-bottom: 20px;
}

.icc-tab-btn {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--icc-color-muted);
    cursor: pointer;
    transition: color var(--icc-transition), border-color var(--icc-transition);
    white-space: nowrap;
}

.icc-tab-btn:hover {
    color: var(--icc-color-text);
}

.icc-tab-btn--active {
    color: var(--icc-color-active);
    border-bottom-color: var(--icc-color-active);
}

/* ── Panneaux ── */
.icc-tab-panel {
    display: none;
}

.icc-tab-panel--active {
    display: block;
}

/* ── Bouton "Voir tout" ── */
.icc-dashboard-more {
    text-align: right;
    margin-top: 14px;
}

/* ── Statut commande ── */
.icc-order-status {
    font-weight: 600;
}

/* ── Bouton Régler dans la ligne dues (dashboard) ── */
.icc-dues-action {
    margin-left: auto;
    flex-shrink: 0;
}

/* ── Alerte compte bloqué (dashboard) ── */
.icc-blocked-alert {
    display: flex;
    align-items: center;
    gap: 14px;
    background: var(--icc-color-red);
    border-radius: 12px;
    padding: 20px 24px;
    margin-top: 16px;
}

.icc-blocked-alert .material-icons {
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
}

.icc-blocked-alert p {
    margin: 0;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.44;
    text-transform: uppercase;
    color: #fff;
}

.icc-blocked-alert p a {
    color: #fff !important;
    text-decoration: underline;
    font-weight: 700;
}

.icc-blocked-alert p a:hover {
    text-decoration: none;
    color: #fff !important;
}

/* ── Ligne CTA + Agence ── */
.icc-bottom-row {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-top: 28px;
}

.icc-bottom-row .icc-agency-section {
    flex: 1;
    margin-top: 0;
}

/* ── CTA Dashboard ── */
.icc-dashboard-ctas {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
}

.icc-dashboard-ctas .btn {
    border-radius: 16px;
    padding: 11px 30px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: none;
    border: none;
}

.icc-dashboard-ctas .btn-primary {
    background: #313B3E;
    color: #fff;
}

.icc-dashboard-ctas .btn-primary:hover {
    background: #1a2124;
    color: #fff;
}

.icc-btn-myfleet {
    background: var(--icc-color-red) !important;
    color: #fff !important;
    border: none !important;
}

.icc-btn-myfleet:hover {
    background: #9a0d27 !important;
    color: #fff !important;
}

/* ── CTA buttons responsive ── */
@media (max-width: 1400px) {
    .icc-bottom-row {
        flex-direction: column;
        align-items: stretch;
    }

    .icc-dashboard-ctas {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .icc-dashboard-ctas .btn {
        flex: 1;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .icc-dashboard-ctas {
        flex-direction: column;
    }

    .icc-dashboard-ctas .btn {
        width: 100%;
    }
}

/* ── Bloc magasin de rattachement ── */
.icc-agency-section {
    margin-top: 32px;
}

.icc-agency-main {
    flex: 1;
}

.icc-agency-name {
    font-size: 22px;
    font-weight: 800;
    font-style: italic;
    color: var(--icc-color-text);
    margin-bottom: 12px;
}

.icc-agency-address {
    font-size: 15px;
    font-weight: 700;
    color: var(--icc-color-text);
    line-height: 1.8;
    font-style: normal;
    margin-bottom: 0;
}

.icc-agency-sep {
    width: 1px;
    align-self: stretch;
    background: var(--icc-color-border);
    flex-shrink: 0;
}

.icc-agency-contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex-shrink: 0;
}

.icc-agency-contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--icc-color-red) !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 700 !important;
}

.icc-agency-contact-item span {
    color: var(--icc-color-red) !important;
    font-weight: 700 !important;
}

.icc-agency-contact-item--email span {
    text-decoration: underline;
}

.icc-agency-contact-item:hover span {
    text-decoration: underline;
}

.icc-agency-contact-item .material-icons {
    font-size: 20px;
    flex-shrink: 0;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 768px) {
    .icc-agency-card {
        flex-wrap: wrap;
        gap: 20px;
    }

    .icc-agency-sep {
        display: none;
    }

    .icc-agency-contact {
        width: 100%;
        border-top: 1px solid var(--icc-color-border);
        padding-top: 16px;
    }
}

/* ==========================================================================
   ICC Dashboard — Tableau de bord Figma (nouvelle maquette)
   ========================================================================== */

/* ── Conteneur principal ── */
.icc-dashboard {
    margin-top: 28px;
}

/* ── Carte (panneaux) ── */
.icc-dashboard-panels {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 4px 9.8px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.icc-dashboard-tabs:has(.icc-tab-btn:first-child.icc-tab-btn--active) + .icc-dashboard-panels {
    border-top-left-radius: 0;
}

/* ── Onglets ── */
.icc-dashboard-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 24px;
    margin-bottom: 0;
}

.icc-tab-btn {
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    padding: 18px 20px 15px;
    font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    font-weight: 800;
    color: #323334;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.icc-tab-btn:hover {
    color: var(--icc-color-red);
}

.icc-tab-btn--active {
    color: var(--icc-color-red);
    border-bottom-color: transparent;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 4px 9.8px rgba(0, 0, 0, 0.25);
    clip-path: inset(-20px -20px 0 -20px round 20px 20px 0 0);
    position: relative;
    z-index: 1;
}

/* ── Panneaux ── */
.icc-tab-panel {
    display: none;
}

.icc-tab-panel--active {
    display: block;
}

/* ── Séparateur de ligne ── */
.icc-dash-sep {
    margin: 0 24px;
    border: none;
    border-top: 1px solid #B5B5B5;
}

/* ── Ligne du tableau ── */
.icc-dash-row {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding: 16px 24px;
    gap: 8px;
}


/* ── Colonnes ── */
.icc-dash-col {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.icc-dash-col--status  { flex: 2; }
.icc-dash-col--ref     { flex: 1; }
.icc-dash-col--date    { flex: 1; }
.icc-dash-col--price   { flex: 1; gap: 0; }
.icc-dash-col--detail  { flex: 1; }
.icc-dash-col--action  { flex: 2; flex-direction: row; justify-content: flex-end; align-items: flex-end; }

/* ── Label de colonne ── */
.icc-dash-label {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323334;
    line-height: 1.3;
}

/* ── Valeur texte ── */
.icc-dash-value {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #323334;
    line-height: 1.3;
    text-decoration: none;
}

a.icc-dash-value:hover {
    text-decoration: underline;
    color: #323334;
}

/* ── Statut ── */
.icc-dash-status {
    display: flex;
    align-items: center;
    gap: 8px;
}

.icc-status-dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    flex-shrink: 0;
}

.icc-status-name {
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

/* ── Prix ── */
.icc-dash-price {
    font-family: 'Plus Jakarta Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 26px;
    font-weight: 800;
    color: #000;
    line-height: 1.2;
}

.icc-dash-price.icc-amount--negative {
    color: var(--icc-color-red);
}

/* ── Lien Détail → ── */
.icc-dash-detail {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    white-space: nowrap;
}

.icc-dash-detail:hover {
    color: #000;
    text-decoration: none;
}

.icc-detail-text {
    text-decoration: underline;
}

.icc-dash-detail:hover .icc-detail-text {
    text-decoration: none;
}

.icc-detail-arrow {
    font-style: normal;
}

.icc-dash-ref-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* ── Bouton principal (Repasser commande / Commander / Régler) ── */
.icc-dash-reorder-btn {
    display: inline-block;
    background: #313B3E;
    color: #fff;
    border: none;
    border-radius: 16px;
    padding: 11px 30px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease;
    white-space: nowrap;
}

.icc-dash-reorder-btn:hover {
    background: #1a2124;
    color: #fff;
    text-decoration: none;
}

.icc-dash-reorder-btn[disabled],
.icc-dash-reorder-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Bouton secondaire (PDF / Suivi) ── */
.icc-dash-secondary-btn {
    display: inline-block;
    background: transparent;
    color: #313B3E;
    border: 1.5px solid #313B3E;
    border-radius: 16px;
    padding: 10px 22px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
}

.icc-dash-secondary-btn:hover {
    background: #313B3E;
    color: #fff;
    text-decoration: none;
}

/* ── Multi-actions dans une colonne ── */
.icc-dash-col--actions-multi {
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ── Bouton "Tout voir" ── */
.icc-dashboard-more {
    padding: 16px 24px 24px;
}

.icc-dash-see-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    border: 1px solid #313B3E;
    border-radius: 12px;
    padding: 12px 24px;
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #18181B;
    text-decoration: none;
    box-sizing: border-box;
    transition: background 0.2s ease;
}

.icc-dash-see-all:hover {
    background: #f5f5f5;
    color: #18181B;
    text-decoration: none;
}

.icc-dash-see-all .material-icons {
    font-size: 20px;
}

/* ── Séparateur de ligne invisible (flex break) ── */
.icc-dash-break {
    display: none;
}

/* ── Responsive dashboard ── */
@media (max-width: 1400px) {
    .icc-dash-break {
        display: block;
        flex-basis: 100%;
        height: 0;
    }

    .icc-dash-col--action {
        flex: 0 0 auto;
        width: 100%;
        flex-direction: row;
        justify-content: flex-end;
    }

    .icc-dash-col--action .icc-dash-reorder-btn,
    .icc-dash-col--action .icc-dash-secondary-btn {
        flex: 1;
        text-align: center;
    }

    .icc-dashboard-tabs {
        flex-direction: column;
        padding: 0;
        gap: 0;
        margin-bottom: 15px;
    }

    .icc-tab-btn {
        padding: 14px 24px;
        width: 100%;
        text-align: center;
    }

    .icc-tab-btn--active {
        border-radius: 20px;
        clip-path: none;
    }

    .icc-dashboard-tabs:has(.icc-tab-btn:first-child.icc-tab-btn--active) + .icc-dashboard-panels {
        border-top-left-radius: 20px;
    }
}

@media (max-width: 991px) {
    .icc-dash-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .icc-dash-break {
        display: none;
    }

    .icc-dash-col--action {
        grid-column: 1 / -1;
        flex-direction: row;
    }

    .icc-dash-col--action .icc-dash-reorder-btn,
    .icc-dash-col--action .icc-dash-secondary-btn {
        flex: 1;
        text-align: center;
    }

    .icc-dash-price {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .icc-dash-col--status,
    .icc-dash-col--ref,
    .icc-dash-col--date,
    .icc-dash-col--price,
    .icc-dash-col--detail,
    .icc-dash-col--action {
        flex: 0 0 auto;
        width: 100%;
    }

    .icc-dash-col--action,
    .icc-dash-col--detail {
        align-items: flex-start;
    }

    .icc-dash-reorder-btn,
    .icc-dash-secondary-btn {
        width: 100%;
        text-align: center;
    }
}

/* ICC DIGITAL - JTD - Page aide & contact */
.icc-account-title {
    color: var(--NOIR, #000);
    font-family: "Plus Jakarta Sans" !important;
    font-size: 48px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 58px !important;
    letter-spacing: -1px !important;
    margin-bottom: 30px;
}
.icc-help-agency {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
}
.icc-help-subtitle {
    color: var(--NOIR, #000);
    font-family: "Plus Jakarta Sans" !important;
    font-size: 26px !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 29px !important;
}
.icc-agency-card {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 30px;
    border-radius: 10px;
    background: var(--BLANC, #FFF);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.icc-agency-cta a {
    border-radius: 16px;
    background: var(--BLEU, #313B3E);
    height: 45px;
    padding: 11px 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: var(--Color-1, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
    text-transform: none;
    outline: none !important;
    border: 0 !important;
}
.icc-agency-cta a:hover,
.icc-agency-cta a:focus,
.icc-agency-cta a:active {
    background: var(--red) !important;
    color: var(--Color-1, #FFF) !important;
}
.icc-agency-card-content.icc-agency-card-content-contact {
    border-left: 1px solid var(--GRIS, #B5B5B5);
    padding-left: 15px;
}
.icc-agency-contact-phone-email a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.icc-agency-contact-phone-email a span {
    color: var(--ROUGE, #B71234);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.icc-agency-contact-phone-email a:hover span {
    text-decoration: underline;
}
.icc-help-ce a {
    font-weight: 600;
    text-decoration: underline;
    color: #000 !important;
}
.icc-help-ce .elementor-accordion {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.icc-help-ce .elementor-accordion .elementor-accordion-item {
    border: 0;
}
.icc-help-ce .elementor-accordion .elementor-tab-title {
    border-radius: 10px;
    background: var(--GRIS-BLANC, #ECECEC);
    border: 0;
    padding: 14px 18px;
    height: auto;
}
.icc-help-ce .elementor-accordion .elementor-tab-title a {
    color: var(--NOIR, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    text-decoration: none;
}
.icc-help-ce .elementor-accordion .elementor-tab-content {
    border-top: 0;
    padding: 14px 18px;
}
@media (max-width: 768px) {
    .icc-agency-card-content.icc-agency-card-content-contact {
        border-left: 0;
        padding-left: 0;
    }
}
/* ICC DIGITAL - JTD - Page aide & contact */

/* ICC DIGITAL - JTD - Page bons de livraison */
.icc-delivery {
    width: 100%;
}
.icc-delivery-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.icc-delivery-list .icc-delivery-item {
    display: flex;
    justify-content: space-between;
    max-width: 984px;
    gap: 30px;
    align-items: center;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-order,
.icc-delivery-list .icc-delivery-item .icc-delivery-tracking--unavailable,
.icc-delivery-list .icc-delivery-item .icc-delivery-tracking a span {
    color: #323334;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-tracking a span {
    text-decoration: underline;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-tracking a:hover span {
    text-decoration: none;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-tracking--unavailable {
    font-weight: 400;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-order a:hover,
.icc-delivery-list .icc-delivery-item .icc-delivery-order a:active,
.icc-delivery-list .icc-delivery-item .icc-delivery-order a:focus {
    text-decoration: underline;
    color: #323334;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-pdf .icc-btn-pdf {
    border-radius: 16px;
    background: var(--NOIR, #000);
    border: 0;
    padding: 11px 30px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: var(--Color-1, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
    text-transform: none;
}
.icc-delivery-list .icc-delivery-item .icc-delivery-pdf .icc-btn-pdf:hover {
    background: var(--icc-color-red);
}
.icc-delivery-list .icc-delivery-item .icc-delivery-pdf .icc-btn-pdf:disabled {
    background: var(--GRIS-CLAIR, #CACACA) !important;
}
@media (max-width: 768px) {
    .icc-delivery-list .icc-delivery-item {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* ICC DIGITAL - JTD - Page bons de livraison */

/* ICC DIGITAL - JTD - Page des factures et avoirs */
.icc-invoice-blocked {
    border-radius: 12px;
    background: var(--ROUGE, #B71234);
    margin-bottom: 30px;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 15px 20px;
}
.icc-invoice-blocked svg {
    min-width: 24px;
    min-height: 24px;
}
.icc-invoice-blocked p {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    text-transform: uppercase;
    margin: 0;
}
.icc-dues-amount {
    text-align: end;
    display: block;
}
.icc-dues-amount .icc-invoice-value {
    color: var(--NOIR, #000);
    font-family: "Plus Jakarta Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
    line-height: 29px;
}
.icc-dues-amount .icc-invoice-value.icc-amount--negative {
    color: var(--ROUGE, #B71234);
}
.icc-invoice-filters h2 {
    color: #323334;
    font-family: Inter !important;
    font-size: 28px !important;
    font-style: normal;
    font-weight: 800 !important;
    line-height: 32px !important;
    text-transform: uppercase;
    letter-spacing: normal !important;
}
#icc-btn-reset, #icc-btn-search {
    border-radius: 12px;
    background: var(--Base-White, #FFF);
    border: 0;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-transform: none;
    min-width: 215px;
    height: 56px;
    color: var(--Base-Black, #18181B);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#icc-btn-reset:hover, #icc-btn-reset:focus, #icc-btn-reset:active,
#icc-btn-search {
    background: var(--BLEU, #313B3E);
    color: white;
}
#icc-btn-search:hover, #icc-btn-search:focus, #icc-btn-search:active {
    background: var(--ROUGE, #B71234);
    color: white;
}
#icc-invoice-list {
    display: flex;
    flex-direction: column;
    gap: 35px;
}
#icc-invoice-list .icc-invoice-item {
    border-bottom: 1px solid var(--GRIS, #B5B5B5);
    padding-bottom: 35px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
#icc-invoice-list .icc-invoice-item:last-child {
    border-bottom: 0;
}
.icc-invoice-row {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.icc-invoice-row.icc-invoice-row--reference {
    grid-area: 1 / 1 / 2 / 2;
}
.icc-invoice-row.icc-invoice-row--date {
    grid-area: 1 / 2 / 2 / 3;
}
.icc-invoice-row.icc-invoice-row--total {
    grid-area: 1 / 3 / 2 / 4;
    gap: 0;
}
.icc-invoice-row.icc-invoice-row--btn {
    grid-area: 1 / 4 / 2 / 5;
}
.icc-invoice-row.icc-invoice-row--status {
    grid-area: 2 / 1 / 3 / 5;
}
.icc-invoice-row.icc-invoice-row--total .icc-invoice-value.icc-amount {
    font-family: "Plus Jakarta Sans";
    font-size: 26px;
    font-weight: 800;
    line-height: 29px;
}
.icc-invoice-row.icc-invoice-row--btn .icc-btn-pdf {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: var(--BLEU, #313B3E);
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
}
.icc-invoice-row.icc-invoice-row--btn .icc-btn-pdf span {
    color: var(--BLANC, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}
.icc-invoice-row.icc-invoice-row--btn a.icc-btn-pdf:hover,
.icc-invoice-row.icc-invoice-row--btn a.icc-btn-pdf:focus,
.icc-invoice-row.icc-invoice-row--btn a.icc-btn-pdf:active {
    background: var(--ROUGE, #B71234);
}
.icc-invoice-row.icc-invoice-row--btn button.icc-btn-pdf {
    border-radius: 12px;
    border: 1px solid var(--GRIS-CLAIR, #CACACA);
    background: var(--Base-White, #FFF);
}
.icc-invoice-row.icc-invoice-row--btn button.icc-btn-pdf span {
    color: var(--GRIS-CLAIR, #CACACA);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.icc-invoice-row.icc-invoice-row--btn button.icc-btn-pdf svg path {
    fill: var(--GRIS-CLAIR, #CACACA);
}
.icc-invoice-status {
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}
.icc-status--acquittee {
    color: #1a7a3a;
}
.icc-status--non-reglee {
    color: var(--icc-color-red);
}
.icc-status--partielle {
    color: #b35a00;
}
.icc-invoice-status::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 5px;
}
.icc-status--acquittee.icc-invoice-status::before {
    background-color: #1a7a3a;
}
.icc-status--non-reglee.icc-invoice-status::before {
    background-color: var(--icc-color-red);
}
.icc-status--partielle.icc-invoice-status::before {
    background-color: #b35a00;
}
.icc-invoice-more button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--BLEU, #313B3E);
    background: var(--Base-White, #FFF);
    height: 46px;
    padding: 12px 24px;
    text-transform: none;
    color: var(--Base-Black, #18181B);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none !important;
}
.icc-invoice-more button:hover,
.icc-invoice-more button:focus,
.icc-invoice-more button:active {
    background: var(--BLEU, #313B3E);
    color: var(--Base-White, #FFF);

}
@media (max-width: 768px) {
    .icc-dues-item .icc-dues-label {
        position: relative;
    }
    .icc-dues-item .icc-dues-label input[type="checkbox"] {
        position: absolute;
        top: 4px;
    }
    .icc-dues-amount {
        text-align: left;
    }
    #icc-invoice-list .icc-invoice-item {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .icc-invoice-row.icc-invoice-row--total {
        grid-area: 2 / 1 / 3 / 2;
    }
    .icc-invoice-row.icc-invoice-row--btn {
        grid-area: 2 / 2 / 3 / 3;
    }
    .icc-invoice-row.icc-invoice-row--status {
        grid-area: 3 / 1 / 4 / 3;
    }
}
@media (max-width: 600px) {
    .icc-invoice-filters {
        padding: 25px;
    }
    .icc-filters-actions {
        flex-direction: column-reverse;
        gap: 20px;
    }
}
@media (max-width: 500px) {
    #icc-invoice-list .icc-invoice-item {
        display: flex;
        flex-direction: column;
    }
}
/* ICC DIGITAL - JTD - Page des factures et avoirs */

/* ICC DIGITAL - JTD - Page des devis */
.icc-quotation {
    width: 100%;
}
#icc-quotation-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
#icc-quotation-list .icc-invoice-item {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--GRIS, #B5B5B5);
}
#icc-quotation-list .icc-invoice-item:last-child {
    border-bottom: 0;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row:first-child,
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-row--total {
    width: 15%;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row {
    width: 10%;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions {
    flex-direction: row;
    gap: 10px;
    width: 50%;
    justify-content: flex-end;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-order {
    border-radius: 12px;
    border: 1px solid var(--BLEU, #313B3E);
    background: var(--Base-White, #FFF);
    height: 46px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-transform: none;
    color: var(--Base-Black, #18181B);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-order:hover,
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-order:focus,
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-order:active {
    background: var(--BLEU, #313B3E);
    color: var(--Base-White, #FFF);
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions button.icc-btn-order {
    border-radius: 12px;
    border: 1px solid var(--GRIS-CLAIR, #CACACA);
    background: var(--Base-White, #FFF);
    height: 46px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    text-transform: none;
    color: var(--GRIS-CLAIR, #CACACA);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions .icc-btn-pdf {
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    display: flex;
    border-radius: 12px;
    border: 1px solid #FFF;
    background: var(--BLEU, #313B3E);
    opacity: 1;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions .icc-btn-pdf span {
    text-transform: none;
    color: var(--BLANC, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-pdf:hover,
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-pdf:focus,
#icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions a.icc-btn-pdf:active {
    background: var(--ROUGE, #B71234);
}
@media (max-width: 1400px) {
    #icc-quotation-list .icc-invoice-item {
        flex-wrap: wrap;
    }
    #icc-quotation-list .icc-invoice-item .icc-invoice-row {
        width: auto !important;
    }
    #icc-quotation-list .icc-invoice-item .icc-invoice-row.icc-invoice-actions {
        justify-content: flex-start;
    }
}
/* ICC DIGITAL - JTD - Page des devis */

/* ICC DIGITAL - JTD - Page de retour */
.icc-returns-subtitle {
    color: #000;
    font-family: "Plus Jakarta Sans" !important;
    font-size: 26px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 34px !important;
    letter-spacing: normal !important;
    margin: 0;
}
.icc-returns-intro {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px;
}
.icc-returns-btn {
    border-radius: 16px;
    background: var(--BLEU, #313B3E);
    height: 45px;
    padding: 11px 30px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: var(--Color-1, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
    margin-bottom: 30px;
    transition: .5s;
}
.icc-returns-btn:hover, .icc-returns-btn:focus, .icc-returns-btn:active {
    background: var(--ROUGE, #B71234);
    color: white;
}
.icc-returns-form {
    border-radius: 20px;
    background: var(--GRIS-BLANC, #ECECEC);
    padding: 45px;
}
.icc-returns-form h2 {
    color: #323334;
    font-family: Inter !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-transform: uppercase;
    letter-spacing: normal !important;
    margin-bottom: 12px;
}
.icc-returns-form-text {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
}
.icc-returns-form h3 {
    display: none;
}
.icc-returns-form .ets_cfu_input label .ets_cfu_span {
    color: #323334;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.icc-returns-form .form-control {
    border-radius: 10px;
    background: var(--BLANC, #FFF);
    height: 45px !important;
    border: 0;
    padding: 9px 15px;
}
.icc-returns-form .ets_cfu_box {
    margin-bottom: 0;
}
.icc-returns-form .ets_cfu_input {
    margin-bottom: 20px;
}
.icc-returns-form .ets_cfu-radio .ets_cfu-list-item {
    margin-right: 25px;
}
.icc-form-return--label {
    color: #323334;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: -5px;
    display: block;
}
.icc-returns-form span.file_type_des {
    color: var(--NOIR, #000);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    font-style: italic;
}
.icc-returns-form .custom_choosefile .input-group .input-group-btn > .btn {
    height: 45px;
    border-radius: 0 12px 12px 0;
    text-transform: none;
    background: var(--BLEU, #313B3E);
}
.icc-returns-form .custom_choosefile .input-group .input-group-btn > .btn span {
    color: var(--Color-1, #FFF);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
}
.icc-returns-form .ets_cfu-acceptance label {
    display: flex;
    gap: 10px;
    align-items: baseline;
}
.icc-returns-form .ets_cfu-acceptance input[type="checkbox"] + span a {
    text-decoration: underline;
    color: var(--black) !important;
}
.icc-returns-form .ets_cfu_box.style32 .ets_cfu_col.col1 {
    width: 66.6666%;
}
.icc-returns-form .ets_cfu_box.style32 .ets_cfu_col.col2 {
    width: 33.3334%;
    display: flex;
    justify-content: end;
    align-items: end;
}
.icc-returns-form .ets_cfu_form-control.ets_cfu-submit {
    border-radius: 12px;
    background: var(--Base-White, #FFF);
    border: 0;
    height: 46px;
    min-width: 186px;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    display: flex;
    color: var(--Base-Black, #18181B);
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none;
}
.icc-returns-form .ets_cfu_form-control.ets_cfu-submit:hover,
.icc-returns-form .ets_cfu_form-control.ets_cfu-submit:focus,
.icc-returns-form .ets_cfu_form-control.ets_cfu-submit:active {
    background: var(--BLEU, #313B3E);
    color: white;
}
@media (max-width: 768px) {
    .icc-returns-form {
        padding: 25px;
    }
    .icc-returns-form .ets_cfu_box.style32 .ets_cfu_col.col1,
    .icc-returns-form .ets_cfu_box.style32 .ets_cfu_col.col2 {
        width: 100%;
    }
}
/* ICC DIGITAL - JTD - Page de retour */