/* On cache complètement le ruban central de sous-onglets */
		  .cc-subtabs { display:none !important; }
			
		  /* Navigation sous-onglets adaptée au fond foncé */
			.cc-subtabs{
			  background:transparent;
			  border-bottom:1px solid rgba(255,255,255,0.15);
			}

			.cc-subtabs a,
			.cc-subtabs button{
			  color:#dde6ff;
			  background:transparent;
			  border:none;
			  padding:.75rem 1.25rem;
			  text-decoration:none;
			  cursor:pointer;
			  transition:all 0.2s ease;
			}

			.cc-subtabs a:hover,
			.cc-subtabs button:hover,
			.cc-subtabs a.active,
			.cc-subtabs button.active{
			  color:#7aa2ff;
			  background:rgba(122,162,255,0.1);
			}

		  .cc-panes .pane { display:none; }
		  .cc-panes .pane.active { display:block; }
		  .loading { opacity:.75; }
		  .cc-table {
				width: 100%;
				border-collapse: collapse;
				background: white;
				border-radius: 8px;
				overflow: hidden;
				box-shadow: 0 1px 3px rgba(0,0,0,0.05);
				margin: 20px 0;
			}
			.cc-table thead {
				background: var(--sc-color-gray-50, #f9fafb);
			}
			.cc-table th {
				padding: 12px 15px;
				text-align: left;
				color: var(--sc-color-gray-600, #4b5563);
				font-weight: 600;
				font-size: 13px;
				text-transform: uppercase;
				border-bottom: 1px solid var(--sc-color-gray-200, #e5e7eb);
			}
			.cc-table td {
				padding: 12px 15px;
				text-align: left;
				color: var(--sc-color-gray-700, #374151);
				border-bottom: 1px solid var(--sc-color-gray-200, #e5e7eb);
			}
			.cc-table tr:hover td {
				background: var(--sc-color-gray-50, #f9fafb);
			}
		  .cc-muted { 
			    color:#6b7280; 
			    font-size:.95em; 
			}
		  
		  /* Pagination sous les tableaux */
			.cc-pagination{
			  margin:0 0 0;   /* ⬅️ réduit l’espace au-dessus */
			  display:flex;
			  flex-wrap:wrap;
			  gap:.25rem;
			  justify-content:center;
			}

			.cc-pagination .cc-page-link{
			    border:none;
			    background:transparent;
			    padding:.1rem .35rem;
			    border-radius:0;
			    font-size:.9rem;
			    cursor:pointer;
			    color:#9ca3af;
			    font-weight:400;
			}
			.cc-pagination .cc-page-link.is-active{
			    color:#111827;
			    font-weight:700;
			}
			.cc-pagination .cc-page-link:hover,
			.cc-pagination .cc-page-link:focus-visible{
			    color:#374151;
			    outline:none;
			}
			
		  /* === Coordonnées factures (sous-onglet "Factures") === */
			.cc-invoice-contact-box{
			  margin:0 0 1rem 0;
			}

			/* Header dans le pane : checkbox principale + lien "Modifier mes informations" */
			.cc-invoice-main-header{
			  display:flex;
			  justify-content:space-between;
			  align-items:flex-start;   /* contenu plaqué en haut */
			  gap:.75rem;
			  margin-bottom:.15rem;
			  padding:0;
			}

			/* Légende sous la case "Envoyer automatiquement..." */
			.cc-invoice-auto-legend{
			  font-size:11px !important;
			  color:#6b7280 !important;
			  margin-top:0 !important;
			  margin-bottom:.55rem !important;
			  font-weight:400;
			  line-height:1.35;
			  display:block;
			}


			/* Bloc gris juste en dessous de la légende */
			.cc-invoice-contact-box .cc-invoice-visibility-block{
			  margin-top:1rem !important;
			  padding:.35rem .75rem .6rem;
			  background:#f9fafb;
			  border-radius:6px;
			  border:1px solid #e5e7eb;

			  /* ✅ on fait du bloc gris une colonne flex :
					tout ce qu’il contient s’empile verticalement,
					et on pourra coller les boutons tout en bas */
			  display:flex;
			  flex-direction:column;
			}


			.cc-invoice-auto-label input[type="checkbox"]{
			  margin:0;
			}
			
			/* Header de l’accordéon "Mes informations de facturation" */
			.cc-invoice-accordion-header{
			  display:inline-flex;
			  align-items:center;
			  gap:.35rem;
			  padding:0;
			  margin:0 0 .25rem 0;
			  font-size:1rem;          /* ⬅ même taille que la case auto */
			  font-weight:400;
			  cursor:pointer;
			  background:none;
			  border:none;
			  color:#111827;
			  text-decoration:none;
			}

			/* Texte "Envoyer automatiquement une facture..." */
			.cc-invoice-auto-label{
			  font-size:1rem;          /* ⬅ on aligne explicitement la taille */
			}

			/* Hover neutre : reste noir, sans fond */
			.cc-invoice-accordion-header:hover,
			.cc-invoice-accordion-header:focus{
			  background:none;
			  outline:none;
			  color:#111827;              /* ⬅ pas de changement de couleur au survol */
			}

			/* Petit triangle juste à côté du texte */
			.cc-invoice-accordion-icon{
			  font-size:.8rem;
			  line-height:1;
			}
			
			/* Titre accordéon facture */
			.cc-invoice-accordion-title{
			  color:#111827;
			  font-family:'Montserrat', sans-serif;
			  font-weight:600;
			}

			.cc-invoice-accordion-icon{
			  color:#6b7280;
			}
			
			/* Lien "Modifier mes informations" (petit texte bleu cliquable, PAS un bouton) */
			.cc-invoice-edit-link{
			  background:none;
			  border:none;
			  padding:0;
			  margin:0;
			  font:inherit;
			  font-size:.85rem;
			  font-family:'Montserrat', sans-serif;
			  color:#1c4876 !important;
			  text-decoration:underline;
			  cursor:pointer;
			  box-shadow:none !important;
			}
			
			.cc-invoice-edit-link-wrap{
			  /* On garde ton centrage horizontal */
			  text-align:center;

			  /* ✅ on laisse flex gérer les deux liens à l’intérieur */
			  display:flex;
			  justify-content:center;
			  gap:10px;

			  /* ✅ TRÈS IMPORTANT :
					- margin-top:auto dans une colonne flex → pousse ce bloc au bas du conteneur
					- order:999 → même si un autre élément est ajouté après dans le DOM,
								  visuellement ce bloc reste le dernier */
			  margin-top:auto;
			  order:999;
			}

			
			/* Espace horizontal entre "Modifier" et "Visualiser une facture d’exemple" */
			.cc-invoice-edit-link-wrap .cc-invoice-edit-link + .cc-invoice-edit-link{
			  margin-left: 10px;  /* ajuste la valeur si tu veux plus ou moins d’espace */
			}

			.cc-invoice-edit-link:hover,
			.cc-invoice-edit-link:focus{
			  color:#165a92;
			  background:transparent;
			  box-shadow:none !important;
			  outline:none;
			}
			
			.cc-invoice-edit-link:hover{
			  color:#111827 !important;
			  text-decoration:underline;
			}
			
			/* + Ajouter une information complémentaire — version large, comme les labels */
			.cc-invoice-extra-add-wrap{
			  margin:.35rem 0 .6rem; /* un peu plus d’air */
			  text-align:left;
			}

			.cc-invoice-extra-add{
			  background:none;
			  border:none;
			  padding:0;
			  font-size:1rem;
			  font-weight:600;
			  color:#1e73be;
			  text-decoration:none;
			  cursor:pointer;
			  display:inline-block;
			  box-shadow:none !important;
			}
			.cc-invoice-extra-add:hover,
			.cc-invoice-extra-add:focus{
			  color:#165a92;
			  background:transparent;
			  outline:none;
			}

			/* Rangée des 3 cases "Afficher l’adresse / téléphone / e-mail" */
			.cc-invoice-toggles{
			  display:flex;
			  flex-wrap:wrap;
			  gap:.75rem 1.25rem;
			  margin-bottom:.5rem;
			  font-size:.85rem;
			}

			.cc-invoice-toggle-label{
			  display:inline-flex;
			  align-items:center;
			  color:#374151;
			  font-family:'Montserrat', sans-serif;
			  gap:.25rem;
			  margin:0;
			}

			.cc-invoice-toggle-label input[type="checkbox"]{
			  margin:0;
			}

			/* Aperçu des infos (grisées ou non selon les cases) */
			.cc-invoice-preview{
			  display:flex;
			  flex-direction:column;
			  gap:.25rem;
			  font-size:.85rem;
			}

			.cc-invoice-preview-row{
			  display:flex;
			  gap:.5rem;
			}

			.cc-invoice-preview-label{
			  /* ⬇️ largeur auto selon le texte du label */
			  flex:0 1 auto;
			  white-space:nowrap;
			  color:#6b7280;
			  font-family:'Montserrat', sans-serif;
			}

			.cc-invoice-preview-value{
			  /* ⬇️ occupe le reste de la ligne */
			  flex:1 1 auto;
			  min-width:0;
			  color:#111827;
			  font-family:'Montserrat', sans-serif;
			  word-break:break-word;
			}

			/* État grisé quand non affiché ou factures automatiques désactivées */
			.cc-invoice-preview-field.is-disabled{
			  opacity:.5;
			}

			/* Texte "À renseigner" */
			.cc-invoice-preview-placeholder{
			  font-style:italic;
			  color:#9ca3af;
			  font-style:italic;
			}

			/* Formulaire dans la modale */
			.cc-invoice-contact-form{
			  margin-top:.5rem;
			}

			.cc-invoice-contact-row{
			  display:grid;
			  grid-template-columns:repeat(2,minmax(0,1fr));
			  gap:10px 20px;
			  align-items:flex-start;
			  margin-bottom:.5rem;
			}
			
			/* Ligne "info complémentaire" : 2 colonnes + petite colonne pour la croix */
			.cc-invoice-contact-row.cc-invoice-extra-row{
			  grid-template-columns: 1.3fr 1.7fr; /* Type | Valeur + croix */
			  column-gap:8px;
			  align-items:flex-start;
			}

			/* Nouveau conteneur : input "Valeur" + croix */
			.cc-invoice-extra-value-inner{
			  display:flex;
			  align-items:center;   /* ✅ centre la croix sur l'input */
			  gap:6px;
			}

			/* Bouton croix "×" pour supprimer une info complémentaire */
			.cc-invoice-extra-remove{
			  background:none;
			  border:none;
			  padding:0 .35rem;
			  font-size:18px;
			  line-height:1;
			  cursor:pointer;
			  color:#6b7280;
			  box-shadow:none !important;

			  position:static;      /* ✅ plus de décalage vertical manuel */
			}

			.cc-invoice-extra-remove:hover,
			.cc-invoice-extra-remove:focus{
			  color:#111827;                /* noir au survol */
			  background:transparent !important;
			  box-shadow:none !important;
			  outline:none;
			}

			.cc-invoice-contact-row--address{
			  grid-template-columns:1fr;
			}

			.cc-invoice-contact-field{
			  margin:0;
			}

			.cc-invoice-contact-label{
			  display:block;
			  font-weight:600;
			  margin-bottom:2px;
			}

			.cc-invoice-contact-address-grid{
			  display:grid;
			  grid-template-columns:2fr 1fr; /* Ligne 1 : rue | CP ; Ligne 2 : ville | pays */
			  gap:8px;
			}

			/* Inputs génériques dans la modale */
			.cc-invoice-contact-field input[type="text"],
			.cc-invoice-contact-field input[type="tel"],
			.cc-invoice-contact-field input[type="email"]{
			  width:100%;
			  box-sizing:border-box;
			}

			/* Footer modale */
			.cc-invoice-contact-footer{
			  margin-top:.75rem;
			  display:flex;
			  flex-direction:column;
			  align-items:center;
			  justify-content:center;
			  gap:.35rem;
			}

			.cc-invoice-contact-status{
			  font-size:11px;
			  color:#6b7280;
			}

			.cc-invoice-contact-status--ok{
			  color:#16a34a;
			}

			.cc-invoice-contact-status--error{
			  color:#b91c1c;
			}

			/* Sous-titre de la modale */
			.cc-invoice-modal-subtitle{
			  margin:.15rem 0 0;
			  font-size:11px;
			  color:#6b7280;
			  font-weight:400;
			}

			@media (max-width:640px){
			  .cc-invoice-contact-row{
				grid-template-columns:1fr;
			  }
			  .cc-invoice-contact-address-grid{
				grid-template-columns:1fr;
			  }
			}

		  /* Barre de filtres du tableau de bord */
			.cc-rangebar{
			  display:flex;
			  flex-direction:column;          /* ⬅️ on passe en colonne pour avoir le type juste sous la période */
			  align-items:flex-start;
			  gap:.35rem;
			  margin:.25rem 0 .75rem 0;
			}

			.cc-rangebar select{
			    border:1px solid #d1d5db;
			    border-radius:6px;
			    padding:.35rem .5rem;
			    background:#ffffff;
			    color:#374151;
			}
			.cc-rangebar label{
			    color:#374151;
			    font-weight:400;
			}

			/* Chaque ligne de filtres (période / type) */
			.cc-rangebar-row{
			  display:flex;
			  align-items:center;
			  gap:.5rem;
			}
			
			/* Mini spinner à côté des selects */
			.cc-mini-spinner{
			  display:none;            /* caché par défaut */
			  align-items:center;
			  justify-content:center;
			  width:16px;
			  height:16px;
			  opacity:.75;
			}

			.cc-mini-spinner.is-on{
			  display:inline-flex;     /* visible uniquement quand on charge */
			}

			.cc-mini-spinner svg{
			  display:block;
			  animation: ccMiniSpin .8s linear infinite;
			}

			@keyframes ccMiniSpin{
			  from{ transform: rotate(0deg); }
			  to{ transform: rotate(360deg); }
			}

			/* Graphe SVG */
			.cc-chart{
			    width:100%;
			    max-width:980px;
			    border:1px solid #e5e7eb;
			    border-radius:8px;
			    padding:.5rem;
			    margin-bottom:.75rem;
			    background:#ffffff;
			    box-shadow:0 1px 3px rgba(0,0,0,0.05);
			}
			.cc-chart h4{
			    margin:0;
			    font-size:1.05rem;
			    color:#111827;
			    font-weight:700;
			}

			/* Header du graphique (titre + période à droite) */
			.cc-chart-header{
			  display:flex;
			  align-items:center;
			  justify-content:space-between;
			  margin:.25rem 0 .5rem;
			}

			.cc-chart-range{
			    margin-left:auto;
			    font-size:.9rem;
			    color:#6b7280;
			}
			
			/* Toggle Nouveaux coachings / Coachings en cours */
			.cc-coaching-header{
			  display:flex;
			  align-items:center;
			  gap:.35rem;
			  margin:.25rem 0 .5rem;
			  font-size:1.05rem;
			}

			.cc-coaching-tabs{
			  display:flex;
			  align-items:center;
			  gap:.25rem;
			}

			.cc-coaching-tab{
			  border:none;
			  background:transparent;
			  padding:0;
			  font:inherit;
			  cursor:pointer;
			  box-shadow:none !important;
			}

			/* Hover totalement neutre (pas d’effet bouton) */
			.cc-coaching-tab:hover,
			.cc-coaching-tab:focus,
			.cc-coaching-tab:active{
			  background:transparent !important;
			  color:inherit;
			  box-shadow:none !important;
			  outline:none;
			}

			/* plus de séparateur slash, on va le remplacer par la flèche dans le HTML */
			.cc-coaching-separator{
			  display:none;
			}

			/* Hover transparent pour la flèche */
			.cc-coaching-arrow:hover,
			.cc-coaching-arrow:focus,
			.cc-coaching-arrow:active{
			  background:transparent !important;
			  color:inherit;
			  box-shadow:none !important;
			  outline:none;
			}

			.cc-coaching-tab--active{
			    color:#111827;
			    font-weight:600;
			}
			.cc-coaching-tab--inactive{
			    color:#9ca3af;
			    font-weight:400;
			}
			.cc-coaching-arrow{
			    border:none;
			    background:transparent;
			    padding:0 .25rem;
			    cursor:pointer;
			    font-size:.95rem;
			    line-height:1;
			    box-shadow:none !important;
			    color:#6b7280;
			}
			.cc-coaching-range{
			    margin-left:auto;
			    font-size:.9rem;
			    color:#6b7280;
			}

			/* Conteneur du SVG pour ce graphe */
			.cc-coaching-chart-body{
			  margin-top:.25rem;
			}
			
		  	/* Titre des sous-onglets (au-dessus du contenu) */
			.cc-pane-title{
			    margin:.25rem 0 .75rem 0;
			    font-size:1.375rem;
			    font-weight:700;
			    color:#111827;
			}
			
			/* Tous les titres h4 en blanc */
			  .cc-payments-panel h4{
				color:#111827 !important;
				font-weight:700;
			  }

			/* Formulaire codes promo : grilles 2 colonnes */
			.cc-promo-form .cc-promo-grid{
			  display:grid;
			  grid-template-columns:repeat(2, minmax(0,1fr));
			  gap:10px;                     /* 🔹 moins d’espace entre lignes */
			  margin-bottom:4px;            /* 🔹 marge globale réduite */
			}
			.cc-promo-form .cc-promo-col{
			  margin:0;                     /* 🔹 supprime la marge verticale par défaut des <p> */
			}

			/* Champs bien alignés : label au-dessus, champ pleine largeur */
			.cc-promo-form .cc-promo-col label{
			  display:block;
			  font-weight:600;
			  margin-bottom:2px;            /* 🔹 espace plus serré entre label et champ */
			}

			.cc-promo-form input[type="text"],
			.cc-promo-form input[type="number"],
			.cc-promo-form input[type="email"],
			.cc-promo-form input[type="date"],
			.cc-promo-form select{
			  width:100%;
			  max-width:100%;
			  box-sizing:border-box;
			}

			/* Petite légende sous le champ (ex : "visible uniquement pour vous") */
			.cc-promo-help{
			  display:block;
			  font-size:11px;
			  color:#6b7280;
			  margin-top:2px;
			  font-weight:400;        /* ⬅️ légende NON grasse */
			}

			/* Sur mobile : une seule colonne */
			@media (max-width:640px){
			  .cc-promo-form .cc-promo-grid{
				grid-template-columns:1fr;
			  }
			}

			.cc-promo-name{
			  display:block;
			  font-size:11px;
			  color:#6b7280;
			  margin-top:2px;
			}

			.cc-promo-name code{
			  background:#f3f4f6;
			  border:1px solid #e5e7eb;
			  color:#374151;
			  padding:0.125rem 0.375rem;
			  border-radius:4px;
			  font-family:'Courier New', monospace;
			  font-size:0.8125rem;
			  font-weight:400;
			}
			
			/* Liens "Modifier" / "Supprimer" sous le nom du code */
			.cc-promo-actions{
			  margin-top:4px;
			  display:flex;
			  gap:8px;
			  font-size:11px;
			}

			.cc-promo-link--blue{
			  color:#1c4876 !important;
			}
			.cc-promo-link--red{
			  color:#dc2626 !important;
			}

			/* Liens "Modifier" / "Supprimer" cliquables */
			.cc-promo-link{
			  background:none;
			  border:none;
			  padding:0;
			  font:inherit;
			  cursor:pointer;
			  text-decoration:underline;
			  box-shadow:none !important;
			  font-family:'Montserrat', sans-serif !important;
			}
			
			/* Détail de code promo (accordéon sous la ligne) */
			.cc-promo-details-row{
			  background:#f9fafb !important;
			}

			.cc-promo-details-cell{
			  padding:1.5rem !important;
			}

			.cc-promo-summary-list{
			  margin:0;
			  padding:0;
			  font-size:0.875rem;
			  line-height:1.35;
			  display:grid;
			  grid-template-columns:1fr;
			  gap:0.75rem;
			}

			.cc-promo-summary-item{
			  display:grid;
			  grid-template-columns:auto 1fr;
			  gap:1rem;
			  align-items:baseline;
			  padding:0;
			  border-bottom:none;
			}

			.cc-promo-summary-item dt{
			  font-weight:600;
			  color:#6b7280;
			  font-family:'Montserrat', sans-serif;
			  white-space:nowrap;
			}

			.cc-promo-summary-item dd{
			  flex:1;
			  margin:0;
			  color:#111827;
			  font-family:'Montserrat', sans-serif;
			  font-weight:400;
			}
			
			/* Lien Dashboard Stripe */
			.cc-stripe-more-link{
			  color:#1c4876 !important;
			  font-weight:700 !important;
			  font-family:'Montserrat', sans-serif !important;
			  text-decoration:none !important;
			}

			.cc-stripe-more-link:hover{
			  color:#111827 !important;
			  text-decoration:underline !important;
			}

			/* Hover avec changement de couleur */
			.cc-promo-link--blue:hover{
			  background:none !important;
			  color:#111827 !important;
			  text-decoration:underline;
			  box-shadow:none !important;
			}

			.cc-promo-link--red:hover{
			  background:none !important;
			  color:#991b1b !important;
			  text-decoration:underline;
			  box-shadow:none !important;
			}

			/* Troncature avec "…" pour les offres précises (select de droite) */
			#cc-promo-scope-value{
			  overflow:hidden;
			  text-overflow:ellipsis;
			  white-space:nowrap;
			}

			/* Astérisque pour champs obligatoires */
			.cc-promo-required{
			  font-weight:600;
			  margin-left:2px;   /* toujours à droite du texte */
			  font-size:11px;
			  position:relative;
			  top:-2px;          /* ⬅️ léger décalage vers le haut */
			  /* pas de couleur rouge : hérite de la couleur du label */
			}

			/* Légende "champs obligatoires" sous le titre */
			.cc-promo-required-hint{
			  margin:.15rem 0 1rem;
			  font-size:11px;
			  color:#6b7280;
			  font-weight:400;
			}

			/* Titre du formulaire – même taille que le titre de pane */
			.cc-promo-form-title{
			  font-size:1.375rem;   /* ⬅️ même taille que .cc-pane-title */
			  font-weight:700;
			  margin:1rem 0 .25rem;
			}
			
			/* Lien "+ Ajouter un nouveau code promo" */
			.cc-promo-add-wrap{
			  margin-top:.75rem;
			}
			.cc-promo-add-link{
			  background:transparent !important;
			  border:none;
			  padding:0;
			  font-family:'Montserrat', sans-serif !important;
			  font-weight:700 !important;
			  cursor:pointer;
			  color:#1c4876 !important;
			  text-decoration:none;
			  box-shadow:none !important;
			}
			.cc-promo-add-link:hover,
			.cc-promo-add-link:focus{
			  background:transparent !important;
			  color:#111827 !important;
			  text-decoration:underline !important;
			  box-shadow:none !important;
			  outline:none;
			}
			
			/* Bloc "Effectuer un virement" */
			.cc-payout-settings{
			  margin:.75rem 0 .75rem;
			}

            .cc-payout-controls{
              display:flex;
              flex-wrap:wrap;
              align-items:center;
              gap:.5rem;
              margin-bottom:.25rem;
            }

           .cc-payout-settings h4{
			    margin:0 0 1rem;
			    color:#111827 !important;
			    font-weight:700 !important;
			}
			.cc-payout-controls select{
			    border:1px solid #d1d5db !important;
			    border-radius:6px !important;
			    padding:.35rem .5rem !important;
			    background:#ffffff !important;
			    color:#374151 !important;
			    min-width:180px;
			    font-family:"Montserrat", sans-serif !important;
			}
			.cc-payout-controls select option{
			    background:#ffffff !important;
			    color:#374151 !important;
			}
			.cc-payout-controls .cc-payout-manual-btn{
			    margin:0 !important;
			    background:rgb(43,108,176) !important;
			    color:#fff !important;
			    font-weight:600 !important;
			    border-radius:6px !important;
			    padding:10px 20px !important;
			    border:none !important;
			    cursor:pointer !important;
			    box-shadow:none !important;
			    text-shadow:none !important;
			    font-size:15px !important;
			    line-height:24px !important;
			}
			.cc-payout-controls .cc-payout-manual-btn:hover,
			.cc-payout-controls .cc-payout-manual-btn:focus{
			    background:#135e96 !important;
			    color:#fff !important;
			    box-shadow:none !important;
			}
			.cc-payout-help{
			    font-size:11px;
			    color:#6b7280;
			    margin:0;
			}
			
			/* Select mode abonnements */
			  #cc-subs-mode{
				background:#ffffff !important; 
				color:#111827 !important; 
				border:1px solid #d1d5db !important;
				border-radius:6px !important;
			  }

			  #cc-subs-mode option{
				background:#2a2a2a !important;
				color:#dde6ff !important;
			  }
			
			/* Lien fallback (texte bleu, pas un bouton) */
			 .cc-payout-fallback-link{
			 display:inline-flex;
			 align-items:center;
			 gap:.35rem;
			 color:#3b82f6;
			 text-decoration:none;
			 cursor:pointer;
			 }
			 .cc-payout-fallback-link:hover,
			 .cc-payout-fallback-link:focus-visible{
			 color:#1d4ed8;
			 text-decoration:underline;
			 outline:none;
			 }

            @media (max-width:640px){
              .cc-payout-controls{
                align-items:stretch;
              }
            }

            /* Corps bloqué quand la modale virement est ouverte */
			body.cc-payout-modal-open{
			  overflow:hidden;
			}

			/* ⛔️ plus de pointer-events:none global ici pour laisser Stripe gérer ses propres modales */

			/* Modal générique codes promo – globale */
			.cc-modal{
			  position:fixed;
			  inset:0;
			  display:none !important;
			  align-items:center;          /* modale plutôt vers le haut */
			  justify-content:center;
			  z-index:2147483647;              /* tout en haut de la pile */
			  pointer-events:none;             /* base : neutre tant qu’elle est fermée */
			}

			.cc-modal.is-open{
			  display:flex !important;
			  pointer-events:auto;             /* en mode ouverte : elle capte tout */
			}

			/* Backdrop pleine page : voile sombre derrière la modale */
			.cc-modal-backdrop{
			  position:absolute;
			  inset:0;
			  background:rgba(0,0,0,0.55); /* assombrit sans teinte bleue */
			  pointer-events:auto;
			  z-index:1;                      /* en dessous de la boîte de dialogue */
			}

			/* Boîte de dialogue */
			.cc-modal-dialog{
			  position:relative;
			  max-width:720px;
			  width:100%;
			  margin:140px 1.25rem 100px;
			  background:#ffffff;
			  border:1px solid #e5e7eb;
			  border-radius:8px;
			  box-shadow:0 4px 20px rgba(0,0,0,0.08);
			  max-height:calc(100vh - 240px);
			  display:flex;
			  flex-direction:column;
			  overflow:hidden;
			  pointer-events:auto;
			  z-index:2;
			}

			/* Barre d’actions en bas de la modal */
			.cc-promo-actions-bar{
			  margin-top:1.25rem;
			  display:flex;
			  justify-content:center;
			  gap:.75rem;
			}
			.cc-promo-actions-bar .button{
			  min-width:120px;
			}

			body.cc-promo-modal-open{
			  overflow:hidden;
			}

			/* Corps bloqué quand la modal "Factures" est ouverte */
			body.cc-invoice-modal-open{
			  overflow:hidden;
			}

			/* Bouton de fermeture (croix) */
			.cc-modal-close{
			    position:relative;
			    border:none;
			    background:transparent;
			    font-size:25px;
			    line-height:1;
			    cursor:pointer;
			    color:#9ca3af;
			    box-shadow:none !important;
			    outline:none !important;
			}
			.cc-modal-close:hover,
			.cc-modal-close:focus,
			.cc-modal-close:active{
			    color:#374151;
			    background:transparent;
			    box-shadow:none !important;
			    outline:none !important;
			}

			/* Panneau de paiements (inchangé) */
			.cc-payments-panel{
			  position:relative;
			  z-index:auto;
			}

			/* Header fixe de la modale */
			.cc-modal-header{
			    display:flex;
			    align-items:flex-start;
			    justify-content:space-between;
			    padding:1rem 1.75rem .5rem;
			    border-bottom:1px solid #e5e7eb;
			}

			/* Colonne gauche : titre + "Champs obligatoires" */
			.cc-modal-header-main{
			  padding-right:1.5rem;
			}
			
			/* Corps de la modale d’aperçu facture : on laisse scroller l’HTML de la facture */
			.cc-invoice-example-body {
			  padding: 0;              /* pour que la facture prenne toute la largeur */
			  overflow-y: auto;
			}

			/* Conteneur qui reçoit le HTML de la facture d’exemple */
			.cc-invoice-example-content {
			  max-height: calc(100vh - 260px);
			  overflow-y: auto;
			}

			/* Pour éviter que la facture colle trop au bord du fond blanc si besoin */
			.cc-invoice-example-content > *:first-child {
			  margin-top: 0;
			}
			

			/* Titre : plus de marge top inutile */
			.cc-promo-form-title{
			    font-size:1.375rem;
			    font-weight:700;
			    margin:0 0 .15rem;
			    color:#111827;
			}

			/* Légende "champs obligatoires" collée sous le titre */
			.cc-promo-required-hint{
			    margin:0;
			    font-size:11px;
			    color:#6b7280;
			    font-weight:400;
			}

			/* Zone scrollable uniquement pour le formulaire */
			.cc-modal-body{
			    padding:1rem 1.75rem 1.25rem;
			    overflow-y:auto;
			    color:#374151;
			}

			/* 🔒 Quand la modale est ouverte, on coupe TOUS les clics sur la page
				 sauf sur la modale elle-même (footer compris) */
			body.cc-promo-modal-open *{
			  pointer-events:none !important;
			}

			body.cc-promo-modal-open #cc-promo-modal,
			body.cc-promo-modal-open #cc-promo-modal *{
			  pointer-events:auto !important;
			}
			
			.cc-offer-sep {
			  opacity: 0.4;
			  font-size: 12px;
			  display: inline-block;
			  margin: 2px 0;
			}
			
			/* Garder la hauteur des lignes d’aperçu désactivées :
			   on les grise, mais on ne les supprime pas du flux */
			.cc-invoice-preview-field.is-disabled,
			.cc-invoice-preview-extra.is-disabled {
				opacity: 0.45;
				filter: grayscale(1);
				pointer-events: none;
			}

			/* Très important : NE PAS faire display:none ni height:0 ici */

			.cc-summary-refresh{
			  display:inline-flex;
			  align-items:center;
			  gap:.35rem;
			  border:0 !important;
			  background:transparent !important;
			  box-shadow:none !important;
			  filter:none !important;
			  padding:.15rem .35rem;
			  border-radius:.35rem;
			  cursor:pointer;

			  /* couleur par défaut */
			  color:#6b7280;

			  appearance:none;
			  -webkit-appearance:none;
			}

			/* Hover / focus : devient blanc */
			.cc-summary-refresh:hover,
			.cc-summary-refresh:active,
			.cc-summary-refresh:focus,
			.cc-summary-refresh:focus-visible{
			  background:transparent !important;
			  box-shadow:none !important;
			  filter:none !important;
			  outline:none;
			  color:#111827;
			}

			/* Désactivé */
			.cc-summary-refresh:disabled{
			  opacity:.5;
			  cursor:default;
			}

			/* Icône suit exactement la couleur du texte */
			.cc-summary-refresh svg{
			  display:block;
			  fill:currentColor;
			}

			/* 🔄 Pendant l’actualisation → TOUJOURS noir */
			.cc-summary-refresh.is-loading{
			  color:#111827 !important;
			}

			/* Animation rotation */
			.cc-summary-refresh.is-loading svg{
			  animation: ccSpin 0.9s linear infinite;
			}

			@keyframes ccSpin{
			  from{ transform:rotate(0deg); }
			  to{ transform:rotate(-360deg); }
			}

			/* Label */
			.cc-summary-refresh-label{
			  font-size:12px;
			}

			.cc-summary-refresh.is-loading svg{
			  animation: ccSpin 0.9s linear infinite;
			}

			@keyframes ccSpin{
			  from{ transform:rotate(0deg); }
			  to{ transform:rotate(-360deg); }
			}

			/* optionnel : tu peux masquer le label et garder juste l’icône */
			.cc-summary-refresh-label{ font-size:12px; }
			
			.cc-pill .cc-offer-meta{
			  font-size: 0.85em;
			  opacity: 0.75;
			}
			
			.cc-offers-toggle{
			  /* reset bouton natif */
			  appearance: none;
			  -webkit-appearance: none;
			  background: transparent !important;
			  border: 0 !important;
			  box-shadow: none !important;

			  margin-top: 6px;
			  padding: 0;

			  cursor: pointer;
			  font-size: 0.85em;
			  text-decoration: underline;

			  color: #1c4876;   /* bleu lien */
			}

			/* hover = juste couleur plus foncée */
			.cc-offers-toggle:hover{
			  background: transparent !important;
			  color: #111827;
			}

			/* focus clavier sans halo moche */
			.cc-offers-toggle:focus,
			.cc-offers-toggle:focus-visible{
			  outline: none;
			  background: transparent !important;
			}

			/* empêche aussi les styles actifs */
			.cc-offers-toggle:active{
			  background: transparent !important;
			  box-shadow: none !important;
			}
			
			/*====*/
			
			/* Bouton icône (action remboursement) */
			.cc-icon-btn{
			  background: transparent !important;
			  border: none !important;
			  padding: 4px 6px;
			  cursor: pointer;
			  line-height: 1;
			  box-shadow: none !important;
			  outline: none !important;
			  filter: none !important;
			  opacity: 1 !important;

			  /* ✅ Couleur base */
			  color:#1c4876 !important;
			}

			/* ✅ Aucun effet "bouton" WP (fond/ombre/opacité) */
			.cc-icon-btn:hover,
			.cc-icon-btn:focus,
			.cc-icon-btn:active{
			  background: transparent !important;
			  box-shadow: none !important;
			  outline: none !important;
			  filter: none !important;
			  opacity: 1 !important;
			}

			/* ✅ Survol = juste la couleur (icône + texte) */
			.cc-icon-btn:hover{
			  color:#111827 !important;
			}

			/* Contenu icône + label */
			.cc-refund-action{
			  display: inline-flex;
			  flex-direction: column;
			  align-items: center;
			  gap: 3px;
			}

			/* Icône visible tout le temps */
			.cc-refund-ico,
			.cc-refund-svg{
			  width: 20px;
			  height: 20px;
			  display: block;
			  opacity: 1 !important;
			  visibility: visible !important;
			}

			/* Svg inline: suit currentColor */
			.cc-refund-ico path,
			.cc-refund-svg path{
			  fill: currentColor !important;
			}
			
			/* ✅ Exception : icône "Contester" (contour uniquement) */
			.cc-contest-svg path,
			.cc-contest-svg line {
			  fill: none !important;
			  stroke: currentColor;
			}

			/* Label : FIX rendu tronqué / bizarre */
			.cc-refund-label{
			  font-size: 14px;
			  line-height: 1.1;
			  color: currentColor !important;

			  /* ✅ anti-troncage / anti-rotation WP */
			  display: block;
			  white-space: nowrap;
			  writing-mode: horizontal-tb !important;
			  text-orientation: mixed !important;
			  transform: none !important;
			  text-transform: none !important;
			  letter-spacing: normal !important;
			  word-break: normal !important;
			  overflow: visible !important;
			}

			/* ✅ Etat "cliqué" : grisé + plus de clic */
			.cc-icon-btn.is-disabled{
			  opacity: .45 !important;
			  cursor: default !important;
			  pointer-events: none !important;
			  color:#9ca3af !important;
			}

			.cc-icon-btn.is-disabled .cc-refund-svg,
			.cc-icon-btn.is-disabled .cc-refund-ico{
			  filter: grayscale(100%);
			}

			.cc-icon-btn.is-disabled .cc-refund-label{
			  color: #666 !important;
			}
			
			/* ================================
			   ✅ Action "Valider" (texte only)
			   ================================ */
			.cc-capture-action{
			  display: inline-flex;
			  flex-direction: column;
			  align-items: center;
			  gap: 6px; /* ✅ plus d'air entre Valider et Refuser */
			}

			/* ✅ plus d’espace entre (Valider/Refuser) et "Voir la demande" */
			.cc-capture-action .cc-view-demande{
			  margin-top: 8px;
			}

			/* Bouton "Valider" = texte vert, pas un bouton WP */
			.cc-capture-btn{
			  background: transparent !important;
			  border: none !important;
			  padding: 0 !important;
			  margin: 0 !important;
			  box-shadow: none !important;
			  outline: none !important;

			  cursor: pointer;
			  font-size: 14px;
			  line-height: 1.1;
			  font-weight: 400;            /* ✅ pas en gras */
			  color: #1a7f37 !important;   /* vert */
			  text-decoration: underline !important; /* ✅ souligné */
			}

			/* ✅ Aucun hover "bouton" / pas de fond / pas d'ombre */
			.cc-capture-btn:hover,
			.cc-capture-btn:focus,
			.cc-capture-btn:active{
			  background: transparent !important;
			  box-shadow: none !important;
			  outline: none !important;
			  opacity: 1 !important;
			}

			/* ✅ si disabled => grisé */
			.cc-capture-btn:disabled{
			  cursor: default !important;
			  opacity: .5 !important;
			}
			
			/* Bouton "Refuser" = texte rouge, pas un bouton WP */
			.cc-refuse-btn{
			  background: transparent !important;
			  border: none !important;
			  padding: 0 !important;
			  margin: 0 !important;
			  box-shadow: none !important;
			  outline: none !important;

			  cursor: pointer;
			  font-size: 14px;
			  line-height: 1.1;
			  font-weight: 400;            /* ✅ pas en gras */
			  color: #b42318 !important;   /* rouge */
			  text-decoration: underline !important; /* ✅ souligné */
			}

			/* ✅ Aucun hover "bouton" / pas de fond / pas d'ombre */
			.cc-refuse-btn:hover,
			.cc-refuse-btn:focus,
			.cc-refuse-btn:active{
			  background: transparent !important;
			  box-shadow: none !important;
			  outline: none !important;
			  opacity: 1 !important;
			}

			/* ✅ si disabled => grisé */
			.cc-refuse-btn:disabled{
			  cursor: default !important;
			  opacity: .5 !important;
			}

			/* Lien "Voir la demande" : même bleu que rembourser */
			.cc-view-demande{
			  font-size: 14px;
			  line-height: 1.1;
			  text-decoration: none !important;
			  color: #1e5aa7 !important; /* bleu (comme rembourser) */
			  /* ✅ centrage */
			  display: inline-block;
			  text-align: center;
			}

			/* Survol = juste couleur (comme rembourser) */
			.cc-view-demande:hover{
			  color: #0a3f82 !important;
			}

			/*====*/
			
			/* Corps bloqué quand la modale tax est ouverte */
			body.cc-tax-modal-open{
			  overflow:hidden;
			}

			/* ✅ Corps bloqué quand la modale onboarding est ouverte */
			body.cc-onboarding-modal-open{
			  overflow:hidden;
			}

			/* ✅ Lock scroll sans remonter la page (iOS/Android/Desktop) */
			body.cc-scroll-lock{
			  position: fixed !important;
			  left: 0;
			  right: 0;
			  width: 100% !important;

			  /* top sera injecté en JS: top: -scrollYpx */
			  overflow: hidden !important;
			}

			/* (optionnel) évite un petit “bounce” iOS sur certaines pages */
			html.cc-scroll-lock{
			  overflow: hidden !important;
			}

			/* Badges état */
			.cc-badge{
			  display:inline-flex;
			  align-items:center;
			  padding:.22rem .62rem;
			  border-radius:8px;
			  font-size:14px;
			  line-height:1.2;
			  border:1px solid transparent;
			  white-space:nowrap;
			}

			.cc-badge--success{ 
			    background:#d1fae5; 
			    border-color:#6ee7b7; 
			    color:#065f46; 
			}
			.cc-badge--info{ 
			    background:#dbeafe; 
			    border-color:#93c5fd; 
			    color:#1e40af; 
			}
			.cc-badge--warning{ 
			    background:#fef9c3; 
			    border-color:#fde047; 
			    color:#854d0e; 
			}
			.cc-badge--danger{ 
			    background:#fee2e2; 
			    border-color:#fca5a5; 
			    color:#991b1b; 
			}
			.cc-badge--muted{ 
			    background:#f3f4f6; 
			    border-color:#e5e7eb; 
			    color:#6b7280; 
			}
			.cc-badge--refunded{
			    background:#ede9fe;
			    border-color:#c4b5fd;
			    color:#5b21b6;
			}
			.cc-badge--dispute {
			    background:#fef9c3;
			    border-color:#fde047;
			    color:#854d0e;
			}
			
			/* ✅ Skeleton loader (effet shimmer comme Stripe) */
			.cc-skeleton {
			  display: inline-block;
			  height: 20px;
			  width: 80px;
			  background: linear-gradient(
				90deg,
				#f0f0f0 0%,
				#f0f0f0 40%,
				#e0e0e0 50%,
				#f0f0f0 60%,
				#f0f0f0 100%
			  );
			  background-size: 200% 100%;
			  animation: cc-shimmer 1.5s ease-in-out infinite;
			  border-radius: 4px;
			  vertical-align: middle;
			}

			@keyframes cc-shimmer {
			  0% {
				background-position: 200% 0;
			  }
			  100% {
				background-position: -200% 0;
			  }
			}

			/* ✅ Variantes tailles */
			.cc-skeleton--sm {
			  width: 60px;
			  height: 18px;
			}

			.cc-skeleton--md {
			  width: 80px;
			  height: 20px;
			}

			.cc-skeleton--lg {
			  width: 120px;
			  height: 22px;
			}
			
			/* Navigation latérale - Adaptation fond foncé */
			  .cc-subnav-wrap{
				    background:#ffffff !important;
				    border:1px solid #e5e7eb !important;
				    border-radius:8px !important;
				}
				.cc-subnav-item{
				    color:#374151 !important;
				    background:transparent !important;
				    font-weight:400 !important;
				    transition:all 0.2s ease;
				}
				.cc-subnav-item:hover{
				  color:#111827 !important;
				  background:#ffffff !important;
				}
				.cc-subnav-item.is-active{
				  color:#111827 !important;
				  background:#ffffff !important;
				  font-weight:600 !important;
				}
			
				/* Lien reçu - Style bleu adapté */
				.cc-receipt-link{
				  color:#1c4876 !important;
				  text-decoration:none;
				  font-weight:400;
				  font-size:14px;
				}

				.cc-receipt-link:hover{
				  color:#111827 !important;
				  text-decoration:underline;
				}
			
				/* Lien "Voir la demande" */
				.cc-view-demande{
				  color:#1c4876 !important;
				  text-decoration:none;
				  font-size:14px;
				  display:inline-block;
				  margin-top:4px;
				}

				.cc-view-demande:hover{
				  color:#111827 !important;
				  text-decoration:underline;
				}
			
				/* Composant Stripe payment-details dans la modale */
				#cc-refund-embedded{
				  min-height:400px;
				  background:transparent;
				}

				/* Force l'iframe Stripe à prendre toute la largeur */
				#cc-refund-embedded iframe{
				  width:100% !important;
				  min-height:400px;
				}
			
				/* Modale remboursement : plus haute pour le composant Stripe */
				#cc-refund-modal .cc-modal-dialog{
				  max-width:900px; /* un peu plus large */
				  max-height:calc(100vh - 180px); /* plus haute */
				}

				#cc-refund-modal .cc-modal-body{
				  min-height:450px;
				}
			
				/* Select modale annulation abonnement */
				#cc-sub-cancel-select{
				  background:#ffffff !important; 
				  border:1px solid #d1d5db !important; 
				  color:#111827 !important;
				  font-family:'Montserrat', sans-serif !important;
				}

				#cc-sub-cancel-select:hover{
				  border-color:#9ca3af !important;
				}

				#cc-sub-cancel-select:focus{
				  border-color:#2b6cb0 !important;
				  box-shadow:0 0 0 3px rgba(43,108,176,0.1) !important;
				  outline:none !important;
				}

				/* Options du select (fond sombre) */
				#cc-sub-cancel-select option{
				  background:#ffffff !important;
				  color:#111827 !important;
				  font-family:'Montserrat', sans-serif !important;
				  padding:0.5rem !important;
				}
			
				/* =====================================================
				   ONGLET CLIENTS
				   ===================================================== */

				/* Bouton "Voir plus / Voir moins" des offres */
				.cc-offers-toggle{
				  background:none;
				  border:none;
				  padding:0;
				  margin:4px 0 0;
				  cursor:pointer;
				  color:#1c4876;
				  font-family:'Montserrat', sans-serif;
				  font-weight:400;
				  font-size:0.875rem;
				  text-decoration:underline;
				  transition:color 0.2s ease;
				  display:inline-block;
				}

				.cc-offers-toggle:hover{
				  color:#111827;
				  text-decoration:underline;
				}

				/* Wrapper centré du bouton toggle */
				.cc-offers-toggle-wrap{
				  text-align:center;
				  margin-top:4px;
				}

				/* Séparateur offres (tiret) */
				.cc-offer-sep{
				  color:#d1d5db;
				  font-weight:300;
				  font-size:0.75rem;
				}

				/* Meta info offres (entre parenthèses) */
				.cc-offer-meta{
				  color:#6b7280;
				  font-weight:300;
				  font-size:0.8125rem;
				}

				/* Pills offres */
				.cc-pill{
				  display:inline-block;
				  background:#f3f4f6;
				  border:1px solid #e5e7eb;
				  color:#374151;
				  padding:0.25rem 0.625rem;
				  border-radius:4px;
				  font-size:0.8125rem;
				  font-weight:400;
				  font-family:'Montserrat', sans-serif;
				  line-height:1.4;
				}

				/* Input recherche clients */
				#cc-customers-search{
				  background:#ffffff !important;
				  border:1px solid #d1d5db !important;
				  color:#111827 !important;
				  font-family:'Montserrat', sans-serif !important;
				}

				#cc-customers-search:hover{
				  border-color:#9ca3af !important;
				}

				#cc-customers-search:focus{
				  outline:none !important;
				  border-color:#2b6cb0 !important;
				  box-shadow:0 0 0 3px rgba(43,108,176,0.1) !important;
				}

				#cc-customers-search::placeholder{
				  color:#9ca3af !important;
				  font-weight:400 !important;
				}

				/* Email client (comme Historique) */
				#cc-pane-customers td:nth-child(2){
				  color:#6b7280;
				  font-weight:400;
				}
			
				/* =====================================================
				   MODALE CODE PROMO - THÈME SOMBRE
				   ===================================================== */

				#cc-promo-modal .cc-promo-form-title{
				  color:#111827;
				  font-family:'Montserrat', sans-serif;
				}

				#cc-promo-modal .cc-promo-required-hint{
				  color:#6b7280;
				  font-family:'Montserrat', sans-serif;
				}

				#cc-promo-modal .cc-promo-required{
				  color:#dc2626;
				}

				#cc-promo-modal .cc-promo-col label{
				  color:#374151;
				  font-family:'Montserrat', sans-serif;
				}

				#cc-promo-modal input[type="text"],
				#cc-promo-modal input[type="number"],
				#cc-promo-modal input[type="email"],
				#cc-promo-modal input[type="date"],
				#cc-promo-modal select{
				  background:#ffffff;
				  border:1px solid #d1d5db;
				  color:#111827;
				  padding:0.625rem 0.875rem;
				  border-radius:6px;
				  font-family:'Montserrat', sans-serif;
				}

				#cc-promo-modal input:hover,
				#cc-promo-modal select:hover{
				  border-color:#9ca3af;
				}

				#cc-promo-modal input:focus,
				#cc-promo-modal select:focus{
				  border-color:#2b6cb0;
				  box-shadow:0 0 0 3px rgba(43,108,176,0.1);
				  outline:none;
				}

				#cc-promo-modal input::placeholder{
				  color:#9ca3af;
				  font-weight:400;
				}

				#cc-promo-modal select option{
				  background:#ffffff;
				  color:#111827;
				}
				#cc-promo-modal .cc-promo-help{
				  color:#6b7280;
				}

				#cc-promo-modal .cc-promo-submit{
				  background:rgb(43,108,176) !important;
				  border:none !important;
				  color:#fff !important;
				  padding:10px 20px !important;
				  border-radius:6px !important;
				  font-family:'Montserrat', sans-serif !important;
				  font-weight:600 !important;
				  font-size:15px !important;
				  line-height:24px !important;
				  cursor:pointer !important;
				  box-shadow:none !important;
				  text-shadow:none !important;
				}

				#cc-promo-modal .cc-promo-submit:hover{
				  background:#135e96 !important;
				}

				#cc-promo-modal .cc-promo-submit:disabled{
				  opacity:0.5;
				  cursor:not-allowed;
				}

				#cc-promo-modal .cc-promo-cancel{
				  background:#ffffff !important;
				  border:1px solid #d1d5db !important;
				  color:#374151 !important;
				  padding:10px 20px !important;
				  border-radius:6px !important;
				  font-family:'Montserrat', sans-serif !important;
				  font-weight:600 !important;
				  font-size:15px !important;
				  line-height:24px !important;
				  cursor:pointer !important;
				  box-shadow:none !important;
				  text-shadow:none !important;
				}

				#cc-promo-modal .cc-promo-cancel:hover{
				  background:#f9fafb !important;
				  border-color:#9ca3af !important;
				}
			
				/* ============================================================
				   RESPONSIVE PAIEMENT — max-width: 781px
				============================================================ */
				@media (max-width: 781px) {
	
					/* === Rangebar — bouton Actualiser passe à la ligne === */
					.cc-rangebar-row {
						flex-wrap: wrap;
					}
					.cc-rangebar-row--range,
					.cc-rangebar-row--type {
						width: 100%;
					}
					.cc-summary-refresh {
						margin-top: .25rem;
					}
	
					/* === Dernière mise à jour + Actualiser === */
					.cc-muted[style*="display:flex"] {
						flex-wrap: wrap !important;
					}
	
					/* === Graphiques === */
					.cc-chart {
						padding: .25rem;
					}
					.cc-chart svg,
					.cc-coaching-chart-body svg {
						height: auto !important;
						width: 100% !important;
					}
					.cc-chart h4,
					.cc-coaching-header {
						font-size: .9rem !important;
					}
					.cc-chart-range,
					.cc-coaching-range {
						font-size: .7rem !important;
						color: #9ca3af !important;
					}
					.cc-coaching-header {
						flex-wrap: wrap !important;
						gap: .25rem !important;
					}
					.cc-coaching-tabs {
						flex: 1 1 100%;
					}
					.cc-coaching-range {
						margin-left: 0 !important;
					}
	
					/* === Drawer mobile : Paramètres fiscaux + Virements === */
					#cc-tax-modal.is-open,
					#cc-payout-modal.is-open {
						align-items: stretch !important;
						justify-content: flex-end !important;
						padding: 0 !important;
					}
					#cc-tax-modal .cc-modal-dialog,
					#cc-payout-modal .cc-modal-dialog {
						margin: 0 !important;
						max-width: 100% !important;
						width: 100% !important;
						height: 100dvh !important;
						max-height: 100dvh !important;
						border-radius: 0 !important;
						transform: translateX(100%);
						transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
					}
					#cc-tax-modal.is-open .cc-modal-dialog,
					#cc-payout-modal.is-open .cc-modal-dialog {
						transform: translateX(0);
					}
	
					/* === Tableau historique mobile === */
					.cc-hist-detail-line {
						display: flex;
						align-items: baseline;
						gap: 6px;
						font-size: 13px;
						line-height: 1.6;
					}
					.cc-hist-detail-lbl {
						font-size: 12px;
						font-weight: 600;
						color: #374151;
						flex-shrink: 0;
					}
					.cc-hist-actions-row {
						display: flex;
						align-items: center;
						gap: 12px;
						margin-top: 6px;
						padding-top: 6px;
						border-top: 1px solid #f3f4f6;
					}
	
					/* === Détail code promo mobile === */
					.cc-promo-summary-item {
						grid-template-columns: 1fr !important;
						gap: 0.2rem !important;
					}
					.cc-promo-summary-item dt {
						white-space: normal !important;
					}
	
					/* === Modale code promo mobile === */
					#cc-promo-modal .cc-modal-dialog {
						overflow-x: hidden !important;
						max-width: 100% !important;
					}
					#cc-promo-modal .cc-modal-body {
						overflow-x: hidden !important;
					}
					.cc-promo-actions-bar {
						flex-wrap: wrap !important;
					}
					.cc-promo-actions-bar .button {
						flex: 1 1 100% !important;
						min-width: 0 !important;
						text-align: center !important;
					}
	
					/* === Champs adresse et infos complémentaires === */
					.cc-invoice-contact-address-grid {
						grid-template-columns: 1fr !important;
					}
					.cc-invoice-contact-address-grid input {
						grid-column: 1 !important;
						grid-row: auto !important;
					}
					.cc-invoice-contact-row.cc-invoice-extra-row {
						grid-template-columns: 1fr !important;
					}
					.cc-invoice-extra-value-inner {
						width: 100%;
					}
					/* Masque le label Valeur sur mobile */
					.cc-invoice-extra-row .cc-invoice-contact-field:nth-child(2) .cc-invoice-contact-label {
						display: none !important;
					}
	
					/* === Modale informations de facturation mobile === */
					#cc-invoice-modal .cc-modal-dialog {
						overflow-x: hidden !important;
						max-width: 100% !important;
					}
					#cc-invoice-modal .cc-modal-body {
						overflow-x: hidden !important;
					}
					.cc-invoice-logo-meta {
						min-width: 0 !important;
						max-width: 100% !important;
					}
					.cc-invoice-logo-filename {
						max-width: 100% !important;
						white-space: normal !important;
						word-break: break-all !important;
					}
					.cc-invoice-logo-line {
						flex-wrap: wrap !important;
					}
					/* Inputs pleine largeur */
					#cc-invoice-modal input[type="text"],
					#cc-invoice-modal input[type="email"],
					#cc-invoice-modal input[type="tel"],
					#cc-invoice-modal select {
						max-width: 100% !important;
						box-sizing: border-box !important;
					}
					/* Drawer mobile comme tax/payout */
					#cc-invoice-modal.is-open {
						align-items: stretch !important;
						justify-content: flex-end !important;
						padding: 0 !important;
					}
					#cc-invoice-modal .cc-modal-dialog {
						margin: 0 !important;
						max-width: 100% !important;
						width: 100% !important;
						height: 100dvh !important;
						max-height: 100dvh !important;
						border-radius: 0 !important;
						transform: translateX(100%);
						transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
					}
					#cc-invoice-modal.is-open .cc-modal-dialog {
						transform: translateX(0);
					}

					/* === Lien de paiement — select offre === */
					/* géré dans le style inline du pane */
					@media (min-width: 782px) {
						#cc-pl-offer,
						.cc-paymentlinks select {
							max-width: 480px !important;
						}
					}
	
				} /* fin @media 781px */