/* DataFirefly — espace client v1.37.0.
   Chargé après account.css sur les pages « Mon compte ». Variables du thème. */

.df-acct .df-acct-wrap{max-width:1180px}
.df-acct .df-acct-dash-grid{grid-template-columns:260px minmax(0,1fr); gap:32px}
.df-acct .df-acct-content{min-width:0}

/* ---------- En-tête de section ---------- */
.df-acct-head{margin:0 0 22px}
.df-acct .df-acct-head h1{font-size:30px; line-height:1.15; letter-spacing:-.02em; margin:0 0 6px; font-weight:500}
.df-acct .df-acct-head p{margin:0; color:var(--ink-3); font-size:14.5px; line-height:1.5}
.df-acct-back{display:inline-block; margin:0 0 12px; font-size:13px; color:var(--ink-3); text-decoration:none}
.df-acct-back:hover{color:var(--ink)}
.df-muted{color:var(--ink-3)}

/* ---------- Briques communes ---------- */
.df-acct .df-card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px}
.df-acct .df-card h2{font-size:15px; font-weight:600; margin:0 0 12px; letter-spacing:0}
.df-card-head{display:flex; align-items:flex-start; gap:12px; margin-bottom:16px}
.df-card-head h2{margin:0 !important}
.df-acct .df-card-head p{margin:2px 0 0; font-size:13px; color:var(--ink-3)}
.df-card-head > div{flex:1}
.df-card-ico{flex:none; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--bg-2); color:var(--amber-text); border:1px solid var(--line)}
.df-acct .df-btn{display:inline-flex; align-items:center; gap:7px}
.df-acct .df-btn svg{flex:none}
.df-acct .df-btn-sm{padding:7px 12px; font-size:13px; border-radius:9px}
.df-icon-btn{display:inline-grid; place-items:center; width:34px; height:34px; border-radius:9px; border:1px solid var(--line); background:var(--bg-2); color:var(--ink-2); text-decoration:none; flex:none}
.df-icon-btn:hover{border-color:var(--amber); color:var(--amber-text)}
.df-pill{white-space:nowrap; flex:none; display:inline-flex; align-items:center; padding:3px 9px; border-radius:99px; font-size:11.5px; font-weight:600; line-height:1.3}
.df-pill-new{background:color-mix(in oklch, var(--amber) 22%, transparent); color:var(--amber-text)}
.df-acct .df-plat{display:inline-grid; place-items:center; min-width:22px; height:18px; padding:0 5px; border-radius:5px; font:700 9.5px/1 var(--font-mono, ui-monospace, monospace); color:#fff; background:var(--c, #888)}
.df-acct .df-mono{font-family:var(--font-mono, ui-monospace, monospace); font-size:.92em}
.df-order-kv{display:flex; justify-content:space-between; gap:12px; margin:10px 0 0; padding-top:10px; border-top:1px solid var(--line); font-size:13.5px}
.df-order-kv span{color:var(--ink-3)}
.df-order-kv b{font-weight:600; text-align:right; word-break:break-word}
.df-acct address{font-style:normal; line-height:1.6; font-size:14px; color:var(--ink-2)}

.df-acct-empty{text-align:center; padding:48px 24px; border:1px dashed var(--line); border-radius:16px}
.df-acct-empty-ico{display:inline-grid; place-items:center; width:48px; height:48px; border-radius:14px; background:var(--bg-2); color:var(--amber-text); margin-bottom:12px}
.df-acct-empty-ico svg{width:22px; height:22px}
.df-acct .df-acct-empty h2{font-size:22px; margin:0 0 6px}
.df-acct .df-acct-empty p{color:var(--ink-3); margin:0 0 18px}

/* ---------- Tableau de bord ---------- */
.df-dash2{display:flex; flex-direction:column; gap:20px}
.df-dash2-hello{margin-bottom:0}
.df-acct .df-dash2-alert{
  display:flex; align-items:center; gap:14px; padding:14px 18px; border-radius:14px; text-decoration:none; color:var(--ink);
  border:1px solid color-mix(in oklch, var(--amber) 50%, var(--line)); background:color-mix(in oklch, var(--amber) 9%, var(--card));
}
.df-dash2-alert > span:nth-child(2){flex:1; display:flex; flex-direction:column; gap:2px; min-width:0}
.df-dash2-alert b{font-size:14.5px}
.df-dash2-alert span span{font-size:13px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.df-dash2-alert-ico{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--amber); color:#0b1d1c; flex:none}
.df-dash2-alert-go{color:var(--amber-text)}
.df-acct .df-dash2-block{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px}
.df-dash2-block-head{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px}
.df-acct .df-dash2-block-head h2{font-size:15px; font-weight:600; margin:0}
.df-dash2-block-head a{font-size:13px; color:var(--amber-text); text-decoration:none}
.df-dash2-mods{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.df-dash2-mod{display:flex; align-items:center; gap:12px; padding:10px; border-radius:11px; border:1px solid var(--line); background:var(--bg-2); min-width:0}
.df-dash2-mod-thumb,.df-order-item-thumb,.df-olist-thumb{flex:none; width:64px; height:40px; border-radius:8px; overflow:hidden; background:repeating-linear-gradient(135deg, var(--bg-2) 0 6px, var(--bg-3) 6px 7px); display:grid; place-items:center}
.df-dash2-mod-thumb img,.df-order-item-thumb img,.df-olist-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.df-dash2-mod-b{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.df-dash2-mod-name{font-size:13.5px; font-weight:600; color:var(--ink); text-decoration:none; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.df-dash2-mod-meta{display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-3)}
.df-dash2-cols{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:20px}
.df-dash2-orders{list-style:none; margin:0; padding:0}
.df-dash2-orders li{display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line)}
.df-dash2-orders li:first-child{border-top:0; padding-top:0}
.df-dash2-order{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; text-decoration:none; color:var(--ink)}
.df-dash2-order-t{font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.df-dash2-order-m{font-size:12px; color:var(--ink-3)}
.df-dash2-order-total{font-size:13.5px; white-space:nowrap}
.df-dash2-links{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.df-dash2-links a{display:flex; gap:12px; align-items:flex-start; padding:10px; margin:0 -10px; border-radius:10px; text-decoration:none; color:var(--ink)}
.df-dash2-links a:hover{background:var(--bg-2)}
.df-dash2-links a > span:last-child{display:flex; flex-direction:column; gap:2px}
.df-dash2-links b{font-size:13.5px}
.df-dash2-links a > span:last-child > span{font-size:12.5px; color:var(--ink-3)}
.df-dash2-link-ico{flex:none; width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:var(--bg-2); color:var(--amber-text); border:1px solid var(--line)}

/* ---------- Mes modules ---------- */
.df-mods{display:flex; flex-direction:column; gap:14px}
.df-acct .df-mod{display:grid; grid-template-columns:168px minmax(0,1fr); gap:20px; padding:16px; background:var(--card); border:1px solid var(--line); border-radius:16px}
.df-mod.is-new{border-color:color-mix(in oklch, var(--amber) 55%, var(--line)); box-shadow:0 0 0 3px color-mix(in oklch, var(--amber) 12%, transparent)}
.df-mod-thumb{position:relative; display:block; aspect-ratio:16/10; border-radius:11px; overflow:hidden; background:repeating-linear-gradient(135deg, var(--bg-2) 0 6px, var(--bg-3) 6px 7px)}
.df-mod-thumb img{width:100%; height:100%; object-fit:cover; display:block}
.df-mod-thumb .df-glyph{position:absolute; inset:0; display:grid; place-items:center; font-weight:700; color:var(--amber-text)}
.df-mod-thumb .df-plat{position:absolute; top:7px; left:7px}
.df-mod-body{min-width:0; display:flex; flex-direction:column; gap:8px}
.df-mod-top{display:flex; align-items:flex-start; gap:10px; justify-content:space-between}
.df-acct .df-mod-name{font-size:16.5px; line-height:1.3; margin:0; font-weight:600; letter-spacing:-.005em}
.df-mod-name a{color:var(--ink); text-decoration:none}
.df-mod-name a:hover{color:var(--amber-text)}
.df-mod-facts{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px; font-size:13px; color:var(--ink-3)}
.df-mod-facts{align-items:center}
.df-acct .df-mod-facts li{display:inline-flex; align-items:center; gap:6px; margin:0; line-height:20px}
.df-mod-facts .df-mono{line-height:inherit}
.df-mod-facts .is-ok{color:oklch(0.62 0.13 160)}
.df-mod-facts .is-expired{color:oklch(0.65 0.15 60)}
.df-mod-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
.df-mod-actions .df-btn{padding:9px 14px; font-size:13.5px; border-radius:10px}
.df-mod-older{margin-top:2px; font-size:13px}
.df-mod-older summary{cursor:pointer; color:var(--ink-3); list-style:none; display:inline-flex; align-items:center; gap:6px}
.df-mod-older summary::-webkit-details-marker{display:none}
.df-mod-older summary::before{content:"▸"; font-size:10px; transition:transform .15s}
.df-mod-older[open] summary::before{transform:rotate(90deg)}
.df-mod-older ul{list-style:none; margin:8px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:6px}
.df-mod-older li{display:inline-flex; align-items:center; gap:8px; padding:5px 10px; border-radius:8px; background:var(--bg-2); border:1px solid var(--line)}
.df-mod-older li a{color:var(--amber-text); text-decoration:none; font-weight:500}

/* ---------- Commandes ---------- */
.df-acct .df-olist{list-style:none; margin:0; padding:0; border:1px solid var(--line); border-radius:14px; background:var(--card); overflow:hidden}
.df-olist-row{display:flex; align-items:center; gap:14px; padding:14px 16px; border-top:1px solid var(--line)}
.df-olist-row:first-child{border-top:0}
.df-olist-row:hover{background:color-mix(in oklch, var(--bg-2) 60%, var(--card))}
.df-olist-main{flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; text-decoration:none; color:var(--ink)}
.df-olist-name{font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.df-olist-meta{font-size:12.5px; color:var(--ink-3)}
.df-olist-total{min-width:86px; text-align:right; font-size:14px; white-space:nowrap}
.df-olist-actions{display:flex; gap:6px; flex:none}
.df-olist-pager{display:flex; justify-content:space-between; margin-top:14px}

/* ---------- Détail de commande ---------- */
.df-order-head{display:flex; justify-content:space-between; align-items:flex-end; gap:16px; flex-wrap:wrap}
.df-order-head p{display:flex; align-items:center; gap:8px}
.df-order-actions{display:flex; flex-wrap:wrap; gap:8px}
.df-order-grid{display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:18px; align-items:start}
.df-order-side{display:flex; flex-direction:column; gap:14px}
.df-order-items ul{list-style:none; margin:0; padding:0}
.df-order-item{display:flex; gap:14px; align-items:flex-start; padding:12px 0; border-top:1px solid var(--line)}
.df-order-item:first-child{border-top:0; padding-top:0}
.df-order-item-b{flex:1; min-width:0; display:flex; flex-direction:column; gap:4px}
.df-order-item-name{font-size:14px; font-weight:600; color:var(--ink); text-decoration:none}
.df-order-item-meta{font-size:12.5px; color:var(--ink-3)}
.df-order-item-dl{display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:13px}
.df-order-item-dl a{display:inline-flex; align-items:center; gap:6px; color:var(--amber-text); font-weight:600; text-decoration:none}
.df-order-item-total{font-size:14px; white-space:nowrap}
.df-order-totals{margin:14px 0 0; padding-top:12px; border-top:1px solid var(--line); display:flex; flex-direction:column; gap:6px}
.df-order-totals > div{display:flex; justify-content:space-between; font-size:13.5px; color:var(--ink-2)}
.df-order-totals dt,.df-order-totals dd{margin:0}
.df-order-totals .is-total{font-size:16px; font-weight:700; color:var(--ink); padding-top:8px; margin-top:4px; border-top:1px solid var(--line)}
.df-order-notes{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; font-size:13px}
.df-order-notes time{display:block; font-size:11.5px; color:var(--ink-3); margin-bottom:2px}
.df-acct .df-order-notes p{margin:0}
.df-order-help{display:flex; gap:12px; align-items:flex-start; text-decoration:none; color:var(--ink)}
.df-order-help svg{color:var(--amber-text); margin-top:2px; flex:none}
.df-order-help > span{display:flex; flex-direction:column; gap:2px; font-size:13px}
.df-order-help > span > span{color:var(--amber-text)}

/* ---------- Adresses ---------- */
.df-addr-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:16px}

/* ---------- Formulaires (profil, adresse) ---------- */
.df-form-cards{display:flex; flex-direction:column; gap:16px}
.df-fields{display:grid; grid-template-columns:1fr 1fr; gap:14px; border:0; margin:0; padding:0; min-width:0}
.df-fields > .form-row{grid-column:1 / -1; margin:0; padding:0; float:none; width:auto}
.df-fields > .form-row-first{grid-column:1}
.df-fields > .form-row-last{grid-column:2}
.df-acct .woocommerce-MyAccount-content .form-row{display:flex; flex-direction:column; gap:6px}
.df-acct .woocommerce-MyAccount-content .form-row label{font-size:13px; font-weight:500; color:var(--ink-2); margin:0}
.df-acct .woocommerce-MyAccount-content .form-row .required{color:var(--amber-text); text-decoration:none}
.df-acct .woocommerce-MyAccount-content .form-row input.input-text,
.df-acct .woocommerce-MyAccount-content .form-row select,
.df-acct .woocommerce-MyAccount-content .form-row textarea{
  width:100%; box-sizing:border-box; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:10px;
  background:var(--bg-2); color:var(--ink); font:inherit; font-size:14.5px; outline:none; transition:border-color .15s, box-shadow .15s;
}
.df-acct .woocommerce-MyAccount-content .form-row input.input-text:focus,
.df-acct .woocommerce-MyAccount-content .form-row select:focus{border-color:var(--amber); box-shadow:0 0 0 3px var(--glow)}
.df-field-help{font-size:12px; color:var(--ink-3); line-height:1.45; font-style:normal}
.df-form-submit{margin:0; display:flex; justify-content:flex-end}
.df-acct .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.df-acct .woocommerce-address-fields__field-wrapper > .form-row{grid-column:1 / -1}
.df-acct .woocommerce-address-fields__field-wrapper > .form-row-first{grid-column:1}
.df-acct .woocommerce-address-fields__field-wrapper > .form-row-last{grid-column:2}
.df-acct .woocommerce-MyAccount-content > form .woocommerce-address-fields{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 22px}
.df-acct .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child{margin:16px 0 0; display:flex; justify-content:flex-end}
.df-acct .select2-container .select2-selection--single{height:44px; border:1px solid var(--line); border-radius:10px; background:var(--bg-2); display:flex; align-items:center}
.df-acct .select2-container .select2-selection--single .select2-selection__rendered{color:var(--ink); line-height:42px; padding-left:14px}
.df-acct .select2-container .select2-selection--single .select2-selection__arrow{height:42px}

/* Notices WooCommerce dans l'espace client */
.df-acct .woocommerce-message,.df-acct .woocommerce-info,.df-acct .woocommerce-error{border-radius:12px; margin:0 0 16px}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .df-acct .df-acct-dash-grid{grid-template-columns:1fr}
  .df-dash2-cols,.df-order-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .df-acct-head h1{font-size:24px}
  .df-dash2-mods{grid-template-columns:1fr}
  .df-acct .df-mod{grid-template-columns:1fr; gap:12px}
  .df-mod-thumb{max-width:none}
  .df-olist-row{flex-wrap:wrap}
  .df-olist-thumb{display:none}
  .df-olist-main{flex-basis:100%}
  .df-olist-total{min-width:0; text-align:left; margin-left:auto}
  .df-olist-actions{flex-basis:100%}
  .df-fields,.df-acct .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}
  .df-fields > .form-row-first,.df-fields > .form-row-last,
  .df-acct .woocommerce-address-fields__field-wrapper > .form-row-first,
  .df-acct .woocommerce-address-fields__field-wrapper > .form-row-last{grid-column:1 / -1}
  .df-order-head{align-items:flex-start}
}

/* Liens des composants : pas de soulignement pointillé hérité de
   « .woocommerce-MyAccount-content a » (account.css). */
.df-acct .woocommerce-MyAccount-content :is(.df-dash2, .df-mods, .df-olist, .df-order-grid, .df-order-head, .df-addr-grid, .df-acct-empty, .df-form-cards) a,
.df-acct .woocommerce-MyAccount-content a.df-acct-back{border-bottom:0}
.df-acct .woocommerce-MyAccount-content .df-btn-primary{color:#0b1d1c}

/* =====================================================================
   v1.37.1 — harmonisation de tout l'espace client (support, affiliation,
   moyens de paiement). support.css et affiliate.css datent de l'ancienne
   palette ambre / brun pensée pour un fond clair (boutons #1a1207, textes
   #1d4ed8…) : illisibles en mode sombre. Tout repasse ici par les
   variables du thème, en clair comme en sombre.
   ===================================================================== */

/* Liens : plus de pointillé hérité ; seuls les liens dans du texte courant
   restent soulignés. */
.df-acct .woocommerce-MyAccount-content a{border-bottom:0}
.df-acct .woocommerce-MyAccount-content :is(p, .df-sav-msg-text, .df-affon-msg) a:not([class]){color:var(--amber-text); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}

/* Boutons */
.df-acct .woocommerce-MyAccount-content .df-btn,
.df-acct .woocommerce-MyAccount-content button.button,
.df-acct .woocommerce-MyAccount-content a.button{border-radius:10px; font-weight:600}
.df-acct .woocommerce-MyAccount-content :is(.df-btn-primary, button.df-btn-primary, a.button.alt, button.button.alt, .woocommerce-Button.button){
  background:var(--amber); color:#0b1d1c; border:1px solid transparent; box-shadow:0 6px 20px -10px var(--amber-deep);
}
.df-acct .woocommerce-MyAccount-content :is(.df-btn-primary, button.df-btn-primary, a.button.alt, button.button.alt, .woocommerce-Button.button):hover{filter:brightness(1.07); color:#0b1d1c}
.df-acct .woocommerce-MyAccount-content .df-btn-ghost{background:transparent; color:var(--ink); border:1px solid var(--line); box-shadow:none}
.df-acct .woocommerce-MyAccount-content .df-btn-ghost:hover{border-color:var(--amber); color:var(--ink); background:var(--bg-2)}
.df-acct .woocommerce-MyAccount-content .df-btn:focus-visible{outline:2px solid var(--amber); outline-offset:2px}

/* Champs fichiers (support, dossier affilié) */
.df-acct .woocommerce-MyAccount-content input[type="file"]{font:inherit; font-size:13px; color:var(--ink-3); max-width:100%}
.df-acct .woocommerce-MyAccount-content input[type="file"]::file-selector-button{
  margin-right:12px; padding:8px 14px; border:1px solid var(--line); border-radius:9px; background:var(--bg-2);
  color:var(--ink); font:inherit; font-size:13px; font-weight:600; cursor:pointer; transition:border-color .15s;
}
.df-acct .woocommerce-MyAccount-content input[type="file"]::file-selector-button:hover{border-color:var(--amber)}

/* Champs des formulaires support / affiliation */
.df-acct .woocommerce-MyAccount-content :is(.df-sav-form, .df-sav-reply-form, .df-aff-payout-form, .df-aff-link-builder) :is(input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input:not([type]), select, textarea){
  width:100%; max-width:none; box-sizing:border-box; min-height:44px; padding:10px 14px; border:1px solid var(--line); border-radius:10px;
  background:var(--bg-2); color:var(--ink); font:inherit; font-size:14.5px; outline:none; transition:border-color .15s, box-shadow .15s;
}
.df-acct .woocommerce-MyAccount-content :is(.df-sav-form, .df-sav-reply-form, .df-aff-payout-form, .df-aff-link-builder) :is(input, select, textarea):focus{border-color:var(--amber); box-shadow:0 0 0 3px var(--glow)}
.df-acct .woocommerce-MyAccount-content :is(.df-sav-form, .df-sav-reply-form) textarea{min-height:150px; resize:vertical}

/* Pastilles de statut, lisibles dans les deux modes */
.df-acct .df-sav-pill{padding:3px 10px; border-radius:99px; font-size:12px; font-weight:600; background:var(--chip); color:var(--ink-2)}
.df-acct .df-sav-pill-open{background:color-mix(in oklab, #3b82f6 18%, transparent); color:color-mix(in oklab, #3b82f6 62%, var(--ink))}
.df-acct .df-sav-pill-waiting_customer{background:color-mix(in oklab, #f59e0b 20%, transparent); color:color-mix(in oklab, #f59e0b 62%, var(--ink))}
.df-acct .df-sav-pill-resolved{background:color-mix(in oklab, #22c55e 18%, transparent); color:color-mix(in oklab, #22c55e 60%, var(--ink))}
.df-acct .df-sav-pill-closed{background:var(--chip); color:var(--ink-3)}
.df-acct .df-sav-pill-prio-low{background:var(--chip); color:var(--ink-3)}
.df-acct .df-sav-pill-prio-normal{background:color-mix(in oklab, #3b82f6 14%, transparent); color:color-mix(in oklab, #3b82f6 60%, var(--ink))}
.df-acct .df-sav-pill-prio-high{background:color-mix(in oklab, #ef4444 18%, transparent); color:color-mix(in oklab, #ef4444 62%, var(--ink))}
.df-acct :is(.df-sav-msg-status, .df-sav-form-status, .df-sav-rate-status).is-ok{color:color-mix(in oklab, #22c55e 60%, var(--ink))}
.df-acct :is(.df-sav-msg-status, .df-sav-form-status).is-err{color:color-mix(in oklab, #ef4444 62%, var(--ink))}
.df-acct .df-sav-badge,.df-acct .df-sav-filter.is-active .df-sav-filter-count{background:var(--amber); color:#0b1d1c}

/* Support — en-tête, onglets, liste */
.df-acct .df-sav-dash-head{display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:22px}
.df-acct .df-sav-dash-head :is(h1, h2){font-family:var(--font-serif, Georgia, serif); font-size:30px; line-height:1.15; letter-spacing:-.02em; font-weight:500; margin:0 0 6px}
.df-acct .df-sav-dash-head p{margin:0; color:var(--ink-3); font-size:14.5px; line-height:1.5}
.df-acct .df-sav-dash-head .df-btn{flex:none; white-space:nowrap}
.df-acct .df-sav-filters{display:flex; gap:4px; border-bottom:1px solid var(--line); margin:0 0 16px; padding:0}
.df-acct .df-sav-filter{display:inline-flex; align-items:center; gap:6px; padding:10px 14px; margin-bottom:-1px; color:var(--ink-3); font-size:14px; font-weight:500; text-decoration:none; border-bottom:2px solid transparent}
.df-acct .df-sav-filter:hover{color:var(--ink)}
.df-acct .df-sav-filter.is-active{color:var(--ink); border-bottom-color:var(--amber)}
.df-acct .df-sav-filter-count{min-width:20px; padding:1px 7px; border-radius:99px; font-size:11.5px; font-weight:600; background:var(--chip); color:var(--ink-2); text-align:center}
.df-acct .df-sav-ticket-list{display:flex; flex-direction:column; gap:10px; margin:0; padding:0; list-style:none}
.df-acct .df-sav-ticket-item{margin:0; padding:0; background:var(--card); border:1px solid var(--line); border-radius:14px; transition:border-color .15s}
.df-acct .df-sav-ticket-item:hover{border-color:color-mix(in oklch, var(--amber) 45%, var(--line))}
.df-acct .df-sav-ticket-link{display:flex; justify-content:space-between; gap:16px; padding:16px 18px; color:var(--ink); text-decoration:none}
.df-acct .df-sav-ticket-meta{display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:12.5px; color:var(--ink-3)}
.df-acct .df-sav-ticket-subject{font-size:15px; font-weight:600; color:var(--ink); margin-top:8px}
.df-acct .df-sav-prod{color:var(--amber-text); font-weight:600}
.df-acct .df-sav-ticket-when{font-size:12.5px; color:var(--ink-3); white-space:nowrap}
.df-acct .df-sav-empty{background:var(--card); border:1px dashed var(--line); border-radius:16px}

/* Support — ticket ouvert */
.df-acct .df-sav-back{display:inline-block; margin-bottom:12px; font-size:13px; color:var(--ink-3); text-decoration:none}
.df-acct .df-sav-back:hover{color:var(--ink)}
.df-acct .df-sav-detail-head{background:var(--card); border:1px solid var(--line); border-radius:16px}
.df-acct .df-sav-detail-title h2{font-weight:500; letter-spacing:-.015em; margin:8px 0 6px}
.df-acct .df-sav-detail-meta{font-family:inherit; font-size:13px; color:var(--ink-3)}
.df-acct .df-sav-sb-row{border-color:var(--line)}
.df-acct .df-sav-sb-l{color:var(--ink-3)}
.df-acct .df-sav-sb-v,.df-acct .df-sav-sb-v a{color:var(--ink); font-weight:600}
.df-acct .df-sav-thread{display:flex; flex-direction:column; gap:12px}
.df-acct .df-sav-msg{background:var(--card); border:1px solid var(--line); border-radius:14px}
.df-acct .df-sav-msg:not(.df-sav-msg-customer){border-color:color-mix(in oklch, var(--amber) 35%, var(--line)); background:color-mix(in oklch, var(--amber) 6%, var(--card))}
.df-acct .df-sav-msg-author{color:var(--ink); font-weight:600}
.df-acct .df-sav-msg-when{color:var(--ink-3)}
.df-acct .df-sav-msg-text{color:var(--ink-2); line-height:1.6}
.df-acct .df-sav-avatar{background:var(--bg-3)}
.df-acct .df-sav-avatar-staff{background:var(--amber); color:#0b1d1c}
.df-acct .df-sav-reply-form{max-width:none; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px}
.df-acct .df-sav-reply-actions{display:flex; flex-wrap:wrap; gap:10px; align-items:center}
.df-acct .df-sav-star-glyph{color:var(--line)}
.df-acct .df-sav-star.is-picked .df-sav-star-glyph,.df-acct .df-sav-star-glyph.is-filled{color:#f5a83a}

/* Support — nouveau ticket */
.df-acct .df-sav-new .df-sav-form{max-width:none; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:22px 24px}
.df-acct .df-sav-form-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; max-width:none}
.df-acct .df-sav-form-row{display:flex; flex-direction:column; gap:6px; margin:0}
.df-acct .df-sav-form-row > span{font-size:13px; font-weight:500; color:var(--ink-2)}
.df-acct .df-sav-form-row:has(textarea){grid-column:1 / -1}
.df-acct .df-sav-env-toggle{cursor:pointer; color:var(--ink-3); font-size:13.5px}
.df-acct .df-sav-att-zone{margin-top:16px; padding:14px 16px; border:1px dashed var(--line); border-radius:12px; background:var(--bg-2)}
.df-acct .df-sav-att-label{color:var(--ink-2); font-weight:500}
.df-acct .df-sav-form-submit{margin-top:18px}

/* Affiliation */
.df-acct .df-aff-hero{background:linear-gradient(135deg, color-mix(in oklch, var(--amber) 20%, var(--card)) 0%, var(--card) 100%); color:var(--ink); border:1px solid color-mix(in oklch, var(--amber) 40%, var(--line)); border-radius:16px}
.df-acct .df-aff-eyebrow{color:var(--amber-text)}
.df-acct .df-aff-code,.df-acct .df-aff-code code{color:var(--ink); background:none}
.df-acct .df-aff-copy{background:var(--bg-2); color:var(--ink-2); border:1px solid var(--line)}
.df-acct .df-aff-copy:hover{border-color:var(--amber); color:var(--ink)}
.df-acct :is(.df-aff-link-box, .df-aff-stat, .df-aff-table-wrap, .df-aff-checklist, .df-aff-consent){border-color:var(--line)}
.df-acct .df-aff-stat-l,.df-acct .df-aff-bar-l{color:var(--ink-3)}
.df-acct .df-aff-stat-n{color:var(--ink)}
.df-acct .df-aff-checklist-mark{color:color-mix(in oklab, #22c55e 60%, var(--ink))}
.df-acct .df-aff-progress-bar{background:var(--bg-3)}
.df-acct .df-aff-progress-fill{background:var(--amber)}
.df-acct .df-aff-payout-form{max-width:none}

/* Moyens de paiement */
.df-paylist{list-style:none; margin:0 0 16px; padding:0; display:flex; flex-direction:column; gap:10px}
.df-paylist li{display:flex; align-items:center; gap:14px; padding:14px 16px; background:var(--card); border:1px solid var(--line); border-radius:14px}
.df-paylist-brand{flex:none; width:48px; height:32px; border-radius:7px; display:grid; place-items:center; background:var(--bg-2); border:1px solid var(--line); font:700 10px/1 var(--font-mono, ui-monospace, monospace); letter-spacing:.04em; color:var(--ink-2); text-transform:uppercase}
.df-paylist-b{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px}
.df-paylist-b b{font-size:14px}
.df-paylist-b span{font-size:12.5px; color:var(--ink-3)}
.df-paylist-actions{display:flex; gap:6px}

/* Mobile (compléments) */
@media (max-width:640px){
  .df-acct .df-sav-dash-head{flex-direction:column}
  .df-acct .df-sav-form-grid{grid-template-columns:1fr}
  .df-acct .df-sav-filters{overflow-x:auto}
  .df-acct .df-sav-ticket-link{flex-direction:column; gap:6px}
  .df-acct .df-sav-dash-head :is(h1, h2){font-size:24px}
}

/* v1.37.1 — mot de passe oublié / nouveau / lien envoyé */
.df-acct-alt{margin:16px 0 0; text-align:center; font-size:13.5px}
.df-acct-alt a{color:var(--ink-3); text-decoration:none; border-bottom:0}
.df-acct-alt a:hover{color:var(--ink)}
.df-acct-sent{text-align:center}
.df-acct-sent p{color:var(--ink-2); line-height:1.6; margin:0}
.df-acct-auth .df-acct-btn{width:100%; justify-content:center}

/* v1.37.2 — les listes de l'espace client s'espacent avec gap/padding :
   on neutralise le « .df-prose li + li{margin-top:.4em} » du gabarit de page
   (il décalait d'environ 5 px le 2e élément des lignes flex, ex. version /
   mises à jour dans Mes modules). Le texte libre des tickets garde le sien. */
.df-acct .woocommerce-MyAccount-content :is(ul, ol) > li + li{margin-top:0}
.df-acct .woocommerce-MyAccount-content :is(.df-sav-msg-text, .df-affon-msg) :is(ul, ol) > li + li{margin-top:.4em}