/* Espaces finance et Yango : navigation, indicateurs et formulaires. */
.modern-workspace{--fin-orange:#ee4b25;--fin-ink:#232b39;--fin-line:#e5e8ef;--fin-surface:var(--bg-secondary,#fff);max-width:1800px;margin:auto;padding:28px;color:var(--text-primary);background:radial-gradient(ellipse at 90% 0%,#ffede3 0,transparent 35%),var(--bg-primary);border-radius:24px}
.modern-workspace *{box-sizing:border-box}.fin-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.fin-eyebrow{color:#c84b29;font-size:11px;letter-spacing:.16em;font-weight:800}.fin-header h1{font-size:clamp(28px,3vw,42px);line-height:1.14;letter-spacing:-1.6px;margin:12px 0;color:var(--text-primary);font-weight:800}.fin-header h1 em{font-style:normal;color:var(--fin-orange)}.fin-header p,.fin-section-heading p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.fin-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.modern-workspace .btn{min-height:40px;border-radius:12px;font-weight:700;transition:transform .18s,box-shadow .18s}.modern-workspace .btn:hover{transform:translateY(-2px);box-shadow:0 5px 12px #22222212}.modern-workspace .btn-success,.modern-workspace .btn-primary{background:#ec4a26;border-color:#ec4a26;color:white;box-shadow:0 5px 14px #ee4b2526}.modern-workspace .btn-secondary{background:var(--fin-surface);border:1px solid var(--fin-line);color:var(--text-primary)}.fin-export{position:relative}.fin-export summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:11px 14px;font-size:13px;font-weight:700}.fin-export #compta-export-menu{position:absolute;right:0;top:100%;z-index:50;min-width:190px;background:var(--fin-surface);box-shadow:0 10px 30px #232b3920;border:1px solid var(--fin-line);border-radius:14px;padding:6px}.fin-export button{display:block;width:100%;padding:12px;border:0;background:transparent;text-align:left;color:var(--text-primary);cursor:pointer;border-radius:8px}.fin-export button:hover{background:#fff0e8;color:#ba3716}.fin-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px}.fin-main{min-width:0}.fin-section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:12px}.fin-section-heading h2{font-size:21px;letter-spacing:-.6px;margin:0 0 4px}.fin-currency{padding:6px 10px;border:1px solid var(--fin-line);border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.1em;background:var(--fin-surface)}
:is(.finance-workspace,.espace-sobre) .cmp-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:none;border:0;box-shadow:none;padding:0;margin:0 0 24px;overflow:visible;border-radius:0}:is(.finance-workspace,.espace-sobre) .cmp-band-bar{display:none}:is(.finance-workspace,.espace-sobre) .cmp-band-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:19px 18px;gap:10px;border:1px solid #b7e8d9;background:#dbf9ec;border-radius:18px;min-width:0;color:#12604a;transition:transform .2s,box-shadow .2s}:is(.finance-workspace,.espace-sobre) .cmp-band-item.clickable:hover{transform:translateY(-4px);box-shadow:0 8px 18px #232b3915}:is(.finance-workspace,.espace-sobre) .cmp-band-lbl{color:inherit;font-size:10px;letter-spacing:.05em;white-space:normal;line-height:1.5}:is(.finance-workspace,.espace-sobre) .cmp-band-val{display:flex;align-items:flex-start;flex-direction:column;gap:9px;font-size:clamp(18px,1.65vw,29px);font-weight:800;letter-spacing:-.8px;white-space:normal;overflow-wrap:anywhere;color:inherit}.fin-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff90;font-size:20px}:is(.finance-workspace,.espace-sobre) .cmp-band-trend,:is(.finance-workspace,.espace-sobre) .cmp-band-badge{font-size:10px;letter-spacing:0;padding:4px 7px;background:#ffffffb0;border-radius:6px;line-height:1.4}.modern-workspace .d-card{background:var(--fin-surface);border:1px solid var(--fin-line);border-radius:18px;box-shadow:0 3px 9px #232b3904;padding:22px;min-width:0}:is(.finance-workspace,.espace-sobre) .cpt-grid{gap:18px;margin-bottom:24px}:is(.finance-workspace,.espace-sobre) .cpt-main,:is(.finance-workspace,.espace-sobre) .cpt-info{border-radius:18px;box-shadow:none;border:1px solid var(--fin-line)}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-card{padding:15px 18px;background:#f0faf6;display:grid;grid-template-columns:36px 1fr;column-gap:12px;border:0;border-radius:12px}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-icon{grid-row:1 / 3;width:34px;height:34px;margin:0;font-size:20px}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-val{font-size:24px;color:#087b5e!important;line-height:1.4;margin:0}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-lbl{font-size:11px;margin:0}.fin-guide{margin-bottom:20px;padding:14px 18px;border:1px dashed var(--fin-line);border-radius:12px;font-size:12px;color:var(--text-secondary)}.fin-guide summary{cursor:pointer;display:flex;justify-content:space-between;font-weight:700}.fin-guide p{line-height:1.8;margin-top:12px}.modern-workspace input,.modern-workspace select{border:1px solid var(--fin-line)!important;border-radius:10px!important;min-height:38px;background:var(--fin-surface)!important;color:var(--text-primary)!important;padding:8px 10px!important;font:inherit;font-size:12px!important;max-width:100%}.modern-workspace :is(button,input,select,summary,a):focus-visible{outline:3px solid #8b76ec;outline-offset:3px}.modern-workspace table{font-size:12px}.modern-workspace th{background:var(--bg-tertiary);font-size:10px;letter-spacing:.04em;padding:13px 12px!important}.modern-workspace td{padding:14px 12px!important}.modern-workspace tbody tr:hover{background:#ffefe63d}.modern-workspace .table-container{border:1px solid var(--fin-line);border-radius:12px;overflow:auto}.modern-workspace .d-sub{line-height:1.6;color:var(--text-secondary)}
.yango-view-nav{display:flex;gap:6px;padding:6px;background:var(--fin-surface);border:1px solid var(--fin-line);border-radius:16px;width:fit-content;margin-bottom:26px}.yango-view-nav button{display:flex;align-items:center;gap:9px;padding:12px 20px;border:0;background:none;color:var(--text-secondary);font-size:13px;font-weight:700;border-radius:11px;white-space:nowrap;cursor:pointer;transition:background .2s,transform .2s}.yango-view-nav button iconify-icon{font-size:20px}.yango-panel[hidden],#yp-page-status[hidden]{display:none!important}.yango-workspace .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.yango-workspace .kpi-card{padding:20px;min-width:0}.yango-workspace .kpi-card:before{display:none}.yango-workspace .kpi-icon{border-radius:10px;width:34px;height:34px;font-size:18px;margin-bottom:14px}.yango-workspace .yango-secondary-kpis{border:1px solid var(--fin-line);border-radius:16px;padding:6px;background:var(--fin-surface);gap:0}.yango-workspace .yango-secondary-kpis .kpi-card{background:none;border:0;border-right:1px solid var(--fin-line);border-radius:0;padding:16px 20px}.yango-workspace .yango-secondary-kpis .kpi-card:last-child{border:0}.yango-secondary-kpis .kpi-icon{display:none}.yango-workspace .yango-secondary-kpis .kpi-value{font-size:24px}.yango-workspace .yango-secondary-kpis .kpi-label{color:var(--text-secondary)}.yango-workspace .yango-date-preset{min-height:36px}.fin-field{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;color:var(--text-secondary)}.yango-workspace .d-card>div:first-child>div:last-child{flex-wrap:wrap}#yp-page-status{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffede6;border:1px solid #fac1ac;padding:16px;border-radius:14px;color:#923018;font-size:13px;margin-bottom:20px}.finance-dialog{border-radius:22px;overflow:hidden}.finance-dialog .modal-body{padding:24px}.finance-dialog .form-control{border-radius:10px;min-height:42px}
[data-theme="dark"] .modern-workspace{--fin-line:#394453;background:var(--bg-primary)}[data-theme="dark"] :is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-card{background:#193d32}[data-theme="dark"] :is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-val{color:#65dfb8!important}[data-theme="dark"] .yango-secondary-kpis .kpi-value{color:var(--text-primary)!important}
@media(min-width:1500px){.modern-workspace{padding:36px}.fin-layout{gap:34px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:1150px){.fin-header{align-items:flex-start}.fin-actions{max-width:370px}:is(.finance-workspace,.espace-sobre) .cmp-band{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.finance-workspace,.espace-sobre) .cmp-band-val{font-size:25px}.fin-layout{grid-template-columns:160px minmax(0,1fr);gap:18px}.fin-budget-row{grid-template-columns:1fr 120px!important}.yango-workspace .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.modern-workspace{padding:18px 12px;border-radius:0}.fin-header{flex-direction:column;gap:18px;margin-bottom:24px}.fin-header h1{font-size:32px}.fin-actions{justify-content:flex-start;max-width:none}.fin-layout{display:block}.fin-section-heading h2{font-size:20px}:is(.finance-workspace,.espace-sobre) .cmp-band{gap:9px}:is(.finance-workspace,.espace-sobre) .cmp-band-item{padding:14px 12px}:is(.finance-workspace,.espace-sobre) .cmp-band-val{font-size:20px}.modern-workspace .d-card{padding:16px}:is(.finance-workspace,.espace-sobre) .cpt-grid{grid-template-columns:1fr!important}:is(.finance-workspace,.espace-sobre) #compta-yango-kpis{grid-template-columns:1fr}.yango-view-nav{max-width:100%;overflow:auto;width:100%}.yango-view-nav button{padding:10px 12px;font-size:12px}.yango-workspace .grid-4{gap:9px}.yango-workspace .kpi-card{padding:15px 12px}.yango-workspace .kpi-value{font-size:24px}.yango-workspace .yango-secondary-kpis .kpi-card{padding:12px;border:0}.yango-workspace .yango-secondary-kpis .kpi-value{font-size:20px}.yango-workspace .d-card>div{flex-wrap:wrap}.modern-workspace .d-grid{grid-template-columns:1fr}:is(.finance-workspace,.espace-sobre) .fin-budget-row{grid-template-columns:1fr 105px!important}:is(.finance-workspace,.espace-sobre) #compta-content>.d-card{overflow-x:auto}.fin-field{max-width:100%}}
@media(prefers-reduced-motion:reduce){.modern-workspace *{animation:none!important;transition:none!important}}

.yango-workspace .kpi-card .d-sub{color:var(--text-muted)}.yango-workspace #yp-sync-status-badge{white-space:normal;text-align:center;line-height:1.5}.modern-workspace .fin-section-heading{flex-wrap:wrap}
[data-theme="dark"] .yango-secondary-kpis .kpi-card .d-sub{color:var(--text-secondary)}

/* ===== Finance — version sobre (v748, complétée v749) ======================================
   Demandes du propriétaire : « pas assez moderne, trop de couleurs », puis (21/09/2026)
   « quand on gagne ou rentre de l'argent c'est vert, rouge c'est pour les sorties ou pertes,
   suis la même logique partout ». Règles des écrans Finance (Comptabilité et Caisse) :
   - surfaces neutres : blanc, filets fins, aucune ombre, aucun fond pastel ;
   - texte à l'encre, chiffres alignés (tabular-nums) ;
   - VERT (--fin-positif, .fin-entree, .text-success) = l'argent qui rentre ou qu'on gagne ;
     ROUGE (--fin-negatif, .fin-sortie, .text-danger) = ce qui sort ou se perd. Montants,
     courbes et barres suivent cette règle ; ce qui n'est ni l'un ni l'autre reste à l'encre ;
   - l'orange de l'application ne sert qu'à l'onglet actif du menu latéral.
   Tout passe par les variables du thème : le mode sombre suit tout seul.
   Même palette côté JavaScript : ComptabilitePage._pal(). La classe .espace-sobre donne le même habillage à
   n'importe quelle page (Candidatures, Paie, Prime…) : partout où ce fichier écrit .finance-workspace, elle vaut aussi. */
:is(.finance-workspace,.espace-sobre){--fin-accent:#F5512E;--fin-positif:#0E8A5F;--fin-negatif:#C8382A;--fin-line:var(--border-color);background:none;border-radius:0;padding:4px 4px 40px;max-width:1360px;margin:0 auto;color:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) *{box-sizing:border-box}
[data-theme="dark"] :is(.finance-workspace,.espace-sobre){--fin-positif:#5BD6A9;--fin-negatif:#F08A80;background:none}
:is(.finance-workspace,.espace-sobre) .fin-muted{color:var(--text-muted);font-weight:500}
:is(.finance-workspace,.espace-sobre) .text-success,:is(.finance-workspace,.espace-sobre) .fin-entree,:is(.finance-workspace,.espace-sobre) .cmp-band-val.fin-entree{color:var(--fin-positif)!important}
/* Rouge des sorties et des dettes, valable partout (fenêtres, calques, fiche chauffeur) — 24/09/2026 : hors des pages
   sobres, .text-danger prend l'orange de l'application (#F5512E) ; .fin-sortie donne toujours le même rouge. */
.fin-sortie{color:#C8382A}
[data-theme="dark"] .fin-sortie{color:#F08A80}
:is(.finance-workspace,.espace-sobre) .text-danger,:is(.finance-workspace,.espace-sobre) .fin-sortie,:is(.finance-workspace,.espace-sobre) .cmp-band-val.fin-sortie{color:var(--fin-negatif)!important}

/* En-tête compact : un titre d'application, pas une accroche de site */
:is(.finance-workspace,.espace-sobre) .fin-header{align-items:flex-end;margin-bottom:22px}
:is(.finance-workspace,.espace-sobre) .fin-header h1{font-size:26px;line-height:1.2;letter-spacing:-.6px;font-weight:700;margin:0 0 4px}
:is(.finance-workspace,.espace-sobre) .fin-header p{font-size:13.5px}

/* Boutons : l'action principale à l'encre (comme la barre du haut), le reste en filet */
:is(.finance-workspace,.espace-sobre) .btn{min-height:38px;border-radius:10px;font-weight:600;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .btn:hover{transform:none;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .btn-success,:is(.finance-workspace,.espace-sobre) .btn-primary{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-secondary);box-shadow:none}
:is(.finance-workspace,.espace-sobre) .btn-success:hover,:is(.finance-workspace,.espace-sobre) .btn-primary:hover{opacity:.86}
:is(.finance-workspace,.espace-sobre) .btn-secondary,:is(.finance-workspace,.espace-sobre) .btn-outline{background:var(--bg-secondary);border:1px solid var(--fin-line);color:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) .btn-secondary:hover,:is(.finance-workspace,.espace-sobre) .btn-outline:hover{background:var(--bg-tertiary)}
:is(.finance-workspace,.espace-sobre) .btn-danger{background:var(--bg-secondary);border:1px solid var(--fin-line);color:var(--fin-negatif)}
:is(.finance-workspace,.espace-sobre) .btn-danger:hover{background:var(--bg-tertiary)}
:is(.finance-workspace,.espace-sobre) .fin-export summary{border:1px solid var(--fin-line);border-radius:10px;background:var(--bg-secondary);padding:9px 14px;min-height:38px}
:is(.finance-workspace,.espace-sobre) .fin-export button:hover{background:var(--bg-tertiary);color:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) :is(button,input,select,summary,a):focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}

/* Rubriques : menu latéral, commun à la Comptabilité, à la Caisse et à la Flotte (classe .fin-sidenav). Le propriétaire
   préfère une barre latérale à des onglets en haut : elle reste visible (collante) et chaque rubrique
   tient dans l'écran, sans défilement. Sur téléphone, elle devient une rangée qui défile. */
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav{display:flex;flex-direction:column;gap:2px;position:sticky;top:96px;align-self:start;margin:0;padding:0;border:0;overflow:visible}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:none;box-shadow:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--text-secondary);text-align:left;cursor:pointer;white-space:nowrap;margin:0;transition:background .15s,color .15s}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab::after{display:none}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab iconify-icon{font-size:18px;flex-shrink:0}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab>span:first-of-type{overflow:hidden;text-overflow:ellipsis}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:none}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--fin-line)}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab.active iconify-icon{color:var(--fin-accent)}
:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-count{margin-left:auto;padding-left:8px;font-size:11.5px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) .fin-export-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:200px;background:var(--bg-secondary);box-shadow:0 10px 30px rgba(17,24,39,.12);border:1px solid var(--fin-line);border-radius:12px;padding:6px}
:is(.finance-workspace,.espace-sobre) .fin-section-heading{margin-bottom:18px}
:is(.finance-workspace,.espace-sobre) .fin-section-heading h2{font-size:18px;font-weight:700;letter-spacing:-.3px}

/* Indicateurs : un seul bloc, des cellules séparées par un filet (le fond du bloc fait le filet) */
:is(.finance-workspace,.espace-sobre) .cmp-band{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1px;background:var(--fin-line);border:1px solid var(--fin-line);border-radius:14px;overflow:hidden;margin:0 0 24px}
:is(.finance-workspace,.espace-sobre) .cmp-band-item{background:var(--bg-secondary);border:0;border-radius:0;padding:18px 20px;gap:6px;color:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) .cmp-band-item.clickable{cursor:pointer}
:is(.finance-workspace,.espace-sobre) .cmp-band-item.clickable:hover{transform:none;box-shadow:none;background:var(--bg-tertiary)}
:is(.finance-workspace,.espace-sobre) .cmp-band-lbl{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-secondary);margin:0}
:is(.finance-workspace,.espace-sobre) .cmp-band-val{font-size:clamp(19px,1.6vw,25px);font-weight:700;letter-spacing:-.4px;gap:6px;color:var(--text-primary);font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) .cmp-band-trend,:is(.finance-workspace,.espace-sobre) .cmp-band-badge{background:none;padding:0;border-radius:0;font-size:12px;font-weight:600}
:is(.finance-workspace,.espace-sobre) .cmp-band-trend.good,:is(.finance-workspace,.espace-sobre) .cmp-band-badge.good{color:var(--fin-positif)}
:is(.finance-workspace,.espace-sobre) .cmp-band-trend.bad,:is(.finance-workspace,.espace-sobre) .cmp-band-badge.bad{color:var(--fin-negatif)}
:is(.finance-workspace,.espace-sobre) .cmp-band-badge.neutral{color:var(--text-muted)}
:is(.finance-workspace,.espace-sobre) .cmp-tri{border-left-width:4px;border-right-width:4px;margin-right:4px}
:is(.finance-workspace,.espace-sobre) .cmp-tri.up{border-bottom-width:6px}
:is(.finance-workspace,.espace-sobre) .cmp-tri.down{border-top-width:6px}

/* Cartes : blanches, filet fin, pas d'ombre, pas de bord coloré */
:is(.finance-workspace,.espace-sobre) .d-card,:is(.finance-workspace,.espace-sobre) .card,:is(.finance-workspace,.espace-sobre) .chart-card{background:var(--bg-secondary);border:1px solid var(--fin-line);border-radius:14px;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .card,:is(.finance-workspace,.espace-sobre) .chart-card{padding:20px 22px}
:is(.finance-workspace,.espace-sobre) .card:hover,:is(.finance-workspace,.espace-sobre) .chart-card:hover,:is(.finance-workspace,.espace-sobre) .d-card:hover{transform:none;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .card-title,:is(.finance-workspace,.espace-sobre) .chart-title,:is(.finance-workspace,.espace-sobre) .fin-card-title{font-size:14.5px;font-weight:700;color:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) div.avatar{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important;box-shadow:none!important;font-weight:700}
:is(.finance-workspace,.espace-sobre) .fin-tag{font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:6px}
:is(.finance-workspace,.espace-sobre) .fin-note{font-size:12.5px;line-height:1.6;color:var(--text-secondary);margin-top:14px}
:is(.finance-workspace,.espace-sobre) .fin-sous-titre{font-size:14.5px;font-weight:700;color:var(--text-primary);margin:0 0 12px}
:is(.finance-workspace,.espace-sobre) .d-icon{background:var(--bg-tertiary);color:var(--text-secondary)}
:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-card{display:block;background:var(--bg-tertiary);border:0;border-radius:10px;padding:14px 16px}
:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-val{font-size:22px;font-weight:700;color:var(--fin-positif)!important;line-height:1.3;margin:2px 0 0;font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-lbl{font-size:12.5px;color:var(--text-secondary);margin:0}
[data-theme="dark"] :is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-card{background:var(--bg-tertiary)}
[data-theme="dark"] :is(.finance-workspace,.espace-sobre) #compta-yango-kpis .d-val{color:var(--fin-positif)!important}
:is(.finance-workspace,.espace-sobre) .fin-resultat-net{text-align:center;padding:28px 22px}
:is(.finance-workspace,.espace-sobre) .fin-resultat-montant{font-size:30px;font-weight:700;letter-spacing:-.6px;margin:4px 0 8px;font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) .fin-resultat-net p{font-size:13px;color:var(--text-secondary);margin:0}
:is(.finance-workspace,.espace-sobre) .fin-categorie{padding:14px 16px}
:is(.finance-workspace,.espace-sobre) .fin-categorie-icone{width:36px;height:36px;border-radius:10px;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
:is(.finance-workspace,.espace-sobre) .cpt-main{display:flex;flex-direction:column}

:is(.finance-workspace,.espace-sobre) .fin-ecart{font-size:12px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}

/* Tableaux et pastilles : le sens tient dans un point, pas dans un fond coloré */
:is(.finance-workspace,.espace-sobre) tbody tr:hover{background:var(--bg-tertiary)}
:is(.finance-workspace,.espace-sobre) td strong{font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) .badge{background:var(--bg-tertiary);color:var(--text-secondary);border:0;font-weight:600}
:is(.finance-workspace,.espace-sobre) .badge-success::before,:is(.finance-workspace,.espace-sobre) .badge-danger::before,:is(.finance-workspace,.espace-sobre) .badge-warning::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:1px}
:is(.finance-workspace,.espace-sobre) .badge-success::before{background:var(--fin-positif)}
:is(.finance-workspace,.espace-sobre) .badge-danger::before{background:var(--fin-negatif)}
:is(.finance-workspace,.espace-sobre) .badge-warning::before{background:var(--fin-accent)}
:is(.finance-workspace,.espace-sobre) .badge iconify-icon{display:none}
:is(.finance-workspace,.espace-sobre) th iconify-icon{opacity:.35}
:is(.finance-workspace,.espace-sobre) .table-pagination .page-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-secondary);box-shadow:none}
:is(.finance-workspace,.espace-sobre) td .btn{min-height:32px;background:var(--bg-secondary);border:1px solid var(--fin-line);color:var(--text-primary);box-shadow:none}
:is(.finance-workspace,.espace-sobre) td .btn:hover{background:var(--bg-tertiary);opacity:1}
:is(.finance-workspace,.espace-sobre) td .btn-danger{color:var(--fin-negatif)}
:is(.finance-workspace,.espace-sobre) .fin-modes{display:grid;grid-template-columns:minmax(0,1fr) 190px 190px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--fin-line);font-size:13.5px}
:is(.finance-workspace,.espace-sobre) .fin-modes:last-child{border-bottom:0}
:is(.finance-workspace,.espace-sobre) .fin-modes span:not(:first-child){text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
:is(.finance-workspace,.espace-sobre) .fin-modes-entete{padding:0 0 8px;font-size:12px;color:var(--text-muted)}
:is(.finance-workspace,.espace-sobre) .fin-modes-entete span:not(:first-child){font-weight:500}

/* Jauges du budget : encre ; rouge seulement au-delà du budget */
:is(.finance-workspace,.espace-sobre) .progress-bar{background:var(--bg-tertiary)}
:is(.finance-workspace,.espace-sobre) .progress-fill.green,:is(.finance-workspace,.espace-sobre) .progress-fill.yellow{background:var(--text-primary)}
:is(.finance-workspace,.espace-sobre) .progress-fill.red{background:var(--fin-negatif)}

/* Cartes KPI génériques (.kpi-card) et éléments du module Yango Fleet sous l'espace sobre */
:is(.finance-workspace,.espace-sobre) .kpi-card,:is(.finance-workspace,.espace-sobre) .kpi-card:is(.green,.yellow,.red,.cyan,.orange,.purple,.blue){background:var(--bg-secondary);border:1px solid var(--fin-line);border-radius:14px;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .kpi-card:hover{transform:none;box-shadow:none}
:is(.finance-workspace,.espace-sobre) .kpi-card::before,:is(.finance-workspace,.espace-sobre) .kpi-card::after{display:none}
:is(.finance-workspace,.espace-sobre) .kpi-card .kpi-icon,:is(.finance-workspace,.espace-sobre) .kpi-card:is(.green,.yellow,.red,.cyan,.orange,.purple,.blue) .kpi-icon{background:var(--bg-tertiary);color:var(--text-secondary);box-shadow:none;transform:none}
:is(.finance-workspace,.espace-sobre) .kpi-card .kpi-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:clamp(19px,1.55vw,24px);font-weight:700;letter-spacing:-.4px;white-space:nowrap}
:is(.finance-workspace,.espace-sobre) .kpi-card .kpi-label{font-size:12.5px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--text-secondary);white-space:normal;line-height:1.35}
:is(.finance-workspace,.espace-sobre) .kpi-card .kpi-value.fin-entree{color:var(--fin-positif)}
:is(.finance-workspace,.espace-sobre) .kpi-card .kpi-value.fin-sortie{color:var(--fin-negatif)}
[data-theme="dark"] .espace-sobre .yango-secondary-kpis .kpi-value.fin-entree{color:var(--fin-positif)!important}
[data-theme="dark"] .espace-sobre .yango-secondary-kpis .kpi-value.fin-sortie{color:var(--fin-negatif)!important}
.espace-sobre .d-icon{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}
.espace-sobre .d-tag{background:var(--bg-tertiary)!important;color:var(--text-secondary)!important}
.yango-workspace.espace-sobre{padding:4px 4px 40px}
.yango-workspace.espace-sobre .yango-view-nav.fin-sidenav{background:none;border:0;border-radius:0;padding:0;margin:0;width:auto}
.yango-workspace.espace-sobre .yango-view-nav.fin-sidenav button{justify-content:flex-start}
.espace-sobre .yango-date-preset,[data-theme="light"] .espace-sobre .yango-date-preset{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.espace-sobre .yango-date-preset:hover,[data-theme="light"] .espace-sobre .yango-date-preset:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:transparent}
.espace-sobre .yango-date-preset.active,[data-theme="light"] .espace-sobre .yango-date-preset.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-secondary)}
.espace-sobre .yango-date-preset.active :is(i,iconify-icon),[data-theme="light"] .espace-sobre .yango-date-preset.active :is(i,iconify-icon){color:inherit}
.espace-sobre .yp-direct{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:4px 10px;border-radius:6px}
.espace-sobre .yp-direct-pt{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fin-positif);animation:pulse-dot 2s infinite}

/* Fenêtres de saisie du module */
.finance-dialog .modal-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:20px 24px}

@media(max-width:1150px){:is(.finance-workspace,.espace-sobre) .cmp-band{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}:is(.finance-workspace,.espace-sobre) .cmp-band .cmp-band-item:last-of-type:nth-of-type(odd){grid-column:span 2}}
@media(max-width:760px){:is(.finance-workspace,.espace-sobre) .fin-modes{grid-template-columns:minmax(0,1fr) 110px 110px;font-size:12.5px}:is(.finance-workspace,.espace-sobre){padding:4px 0 32px}:is(.finance-workspace,.espace-sobre) .fin-header{align-items:flex-start}:is(.finance-workspace,.espace-sobre) .fin-header h1{font-size:22px}:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-layout{display:block}:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav{position:static;flex-direction:row;overflow-x:auto;gap:4px;margin:0 0 18px;padding:0 0 6px;scrollbar-width:none}:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav::-webkit-scrollbar{display:none}:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-sidenav .tab{width:auto;flex-shrink:0;padding:9px 12px;font-size:13px}:is(.finance-workspace,.espace-sobre,.vehicles-workspace) .fin-count{padding-left:6px}:is(.finance-workspace,.espace-sobre) .card,:is(.finance-workspace,.espace-sobre) .chart-card{padding:16px}}

/* ============================================================================================
   Graphiques en barres (Utils.barresPeriodes) — le style commun de toute la gestion (21/09/2026).
   Barres fines à tête arrondie et pied droit, périodes passées estompées, période en cours pleine
   avec son montant dans une bulle noire, libellés dessous, aucune grille.
   (Les barres en pilules ont été essayées puis écartées par le propriétaire ; seule la logique de
   couleur de cet essai a été gardée — voir Utils.tonObjectif.)
   Les graphiques Chart.js reprennent les mêmes règles dans Utils.configureChartDefaults().
   ============================================================================================ */
.gr-barres{display:flex;align-items:flex-end;gap:12px;padding-top:30px;margin-top:8px;box-sizing:border-box}
.gr-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center}
.gr-zone{flex:1;min-height:0;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}
.gr-barre{--gr-c:#F5512E;position:relative;flex:1;max-width:44px;border-radius:6px 6px 2px 2px;background:var(--gr-c);opacity:.32;transition:opacity .15s}
.gr-barre.gr-entree{--gr-c:#12A571}.gr-barre.gr-sortie{--gr-c:#DC4B3E}.gr-barre.gr-encre{--gr-c:var(--text-primary)}
[data-theme="dark"] .gr-barre.gr-entree{--gr-c:#34D399}[data-theme="dark"] .gr-barre.gr-sortie{--gr-c:#F87171}
.gr-barre:hover,.gr-col.on .gr-barre,.gr-plein .gr-barre{opacity:1}
.gr-lib{flex-shrink:0;margin-top:10px;font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.gr-col.on .gr-lib{color:var(--text-primary);font-weight:700}
.gr-bulle{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);opacity:0;background:var(--text-primary);color:var(--bg-secondary);font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;transition:opacity .15s;z-index:3;font-variant-numeric:tabular-nums}
.gr-barre:hover .gr-bulle,.gr-col.on .gr-bulle{opacity:1}
/* Une seule bulle à la fois : au survol d'une autre barre, celle de la période en cours s'efface (elles se chevaucheraient). */
.gr-barres:hover .gr-col.on .gr-barre:not(:hover) .gr-bulle{opacity:0}
/* Deux séries côte à côte : pas de bulle permanente, seulement au survol. */
.gr-multi .gr-col.on .gr-barre:not(:hover) .gr-bulle{opacity:0}
.gr-col:first-child .gr-barre:first-child .gr-bulle{left:0;transform:none}.gr-col:last-child .gr-barre:last-child .gr-bulle{left:auto;right:0;transform:none}
.gr-legende{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--text-secondary);margin-top:4px}
.gr-legende span{display:inline-flex;align-items:center;gap:6px}
.gr-legende i{--gr-c:#F5512E;width:8px;height:8px;border-radius:50%;background:var(--gr-c)}
.gr-legende i.gr-entree{--gr-c:#12A571}.gr-legende i.gr-sortie{--gr-c:#DC4B3E}.gr-legende i.gr-encre{--gr-c:var(--text-primary)}
@media(max-width:640px){.gr-barres{gap:6px}.gr-zone{gap:3px}.gr-lib{font-size:11px}}

/* ===== Graphique « bulles » (essai du 23/09/2026) =====
   D'après le composant « HealthStatCard » fourni par le propriétaire : chiffres clés, grosses barres
   arrondies en dégradé dans un panneau gris, légende. Couleur = niveau d'objectif (Utils.niveauObjectif) :
   vert atteint, orange proche (≥ 90 %), rouge pas atteint, gris en cours ou sans objectif. */
.gb{--gb-atteint:#17A673;--gb-proche:#EE9A1A;--gb-manque:#E5261F;--gb-encours:#B4BBC0;--gb-neutre:#CDD2D5;}
[data-theme="dark"] .gb{--gb-atteint:#2DBE88;--gb-encours:#566170;--gb-neutre:#3B4452;}
.gb-atteint{--gb-c:var(--gb-atteint);} .gb-proche{--gb-c:var(--gb-proche);} .gb-manque{--gb-c:var(--gb-manque);--gb-fin:90%;}
.gb-encours{--gb-c:var(--gb-encours);} .gb-neutre{--gb-c:var(--gb-neutre);}
/* Provisoire (16/10/2026) : montant connu mais pas encore encaissé (recette Yango du jour) — hachures grises dans un
   contour en pointillé, pour qu'on ne le confonde jamais avec de l'argent rentré. */
.gb-provisoire{--gb-c:var(--gb-encours);}
.gb-barre.gb-provisoire,[data-theme="dark"] .gb-barre.gb-provisoire{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--gb-c) 70%,transparent) 0 5px,transparent 5px 11px);box-shadow:inset 0 0 0 1.5px var(--gb-c);outline:1.5px dashed var(--gb-c);outline-offset:-1.5px;}
.gb-leg i.gb-provisoire{background:repeating-linear-gradient(135deg,var(--gb-c) 0 2px,transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--gb-c);}
.gb-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.gb-titre{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);}
.gb-titre iconify-icon{font-size:21px;}
.gb-tete .mini-gran{margin:0;}
.gb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center;margin-bottom:22px;}
.gb-val{font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.1;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;}
.gb-val.nul{color:var(--text-muted);}
.gb-val small{font-size:12.5px;font-weight:500;color:var(--text-muted);margin-left:4px;letter-spacing:0;} .gb-mil{display:inline-block;width:.22em;}
.gb-lbl{font-size:12.5px;color:var(--text-muted);margin-top:4px;}
.gb-var{font-size:12.5px;font-weight:600;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gb-var.up{color:var(--gb-atteint);} .gb-var.down{color:var(--gb-manque);} .gb-var.proche{color:var(--gb-proche);} .gb-var.neutre{color:var(--text-muted);font-weight:500;}
.gb-var.prov{white-space:normal;overflow:visible;line-height:1.3;}   /* « … chez Yango, pas encore encaissé » : la phrase passe à la ligne plutôt que d'être coupée */
.gb-panneau{position:relative;background:var(--bg-tertiary);border-radius:16px;padding:18px 16px 10px;}
.gb-rien{position:absolute;left:0;right:0;top:42%;text-align:center;font-size:13px;font-weight:500;color:var(--text-muted);pointer-events:none;}
.gb-court{display:none;}
.gb-barres{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;height:160px;perspective:600px;}
.gb-col{position:relative;flex:1 1 0;min-width:0;max-width:132px;height:100%;display:flex;align-items:flex-end;border:0;padding:0;margin:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.gb-col:focus-visible{outline:none;}
.gb-barre{display:block;width:100%;border-radius:999px;background:linear-gradient(180deg,var(--gb-c) 0%,color-mix(in srgb,var(--gb-c) var(--gb-fin,72%),transparent) 100%);transform-origin:50% 100%;animation:gbMonte .75s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i,0) * 55ms);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;}
.gb-barre.gb-vide{background:var(--border-color);}
[data-theme="dark"] .gb{--gb-manque:#F0392E;} [data-theme="dark"] .gb-barre{background:linear-gradient(180deg,var(--gb-c) 0%,color-mix(in srgb,var(--gb-c) var(--gb-fin,78%),#ffffff) 100%);} [data-theme="dark"] .gb-barre.gb-vide{background:var(--border-color);}
.gb-col:hover .gb-barre,.gb-col:focus-visible .gb-barre{transform:translateY(-6px) scale(1.06) rotateX(8deg) rotateY(-6deg);box-shadow:0 10px 20px rgba(0,0,0,.18);}
.gb-bulle{position:absolute;left:50%;bottom:calc(var(--h,0px) + 12px);transform:translate(-50%,4px);z-index:3;padding:6px 9px;border-radius:9px;background:var(--text-primary);color:var(--bg-secondary);font-size:11.5px;font-weight:600;line-height:1.35;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;}
.gb-bulle.g{left:0;transform:translate(0,4px);} .gb-bulle.d{left:auto;right:0;transform:translate(0,4px);}
.gb-col:hover .gb-bulle,.gb-col:focus-visible .gb-bulle{opacity:1;transform:translate(-50%,0);}
.gb-col:hover .gb-bulle.g,.gb-col:focus-visible .gb-bulle.g,.gb-col:hover .gb-bulle.d,.gb-col:focus-visible .gb-bulle.d{transform:translate(0,0);}
.gb-libs{display:flex;justify-content:space-around;gap:12px;margin-top:9px;}
.gb-libs>span{flex:1 1 0;min-width:0;max-width:132px;text-align:center;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gb-libs>span.cour{color:var(--text-primary);font-weight:600;}
.gb-legende{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;}
.gb-leg{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-secondary);}
.gb-leg i{width:8px;height:8px;border-radius:50%;background:var(--gb-c);flex-shrink:0;}
.gb-leg b{font-weight:600;color:var(--text-primary);margin-left:2px;}
@keyframes gbMonte{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@media (prefers-reduced-motion:reduce){ .gb-barre{animation:none;transition:none;} .gb-col:hover .gb-barre,.gb-col:focus-visible .gb-barre{transform:none;} }
@media (max-width:640px){ .gb-long{display:none;} .gb-court{display:inline;} .gb-val{font-size:19px;} .gb-lbl,.gb-var{font-size:11.5px;} .gb-barres{gap:6px;height:130px;} .gb-libs{gap:6px;} .gb-libs>span{font-size:10px;} .gb-stats{gap:8px;} .gb-bulle{white-space:normal;width:150px;} }
/* Téléphone : un montant du bandeau ne se coupe jamais en plein nombre ; il rapetisse un peu à la place
   (les milliers, désormais bien espacés, le rendaient plus large que sa case). 23/09/2026 */
@media (max-width:760px){ :is(.finance-workspace,.espace-sobre) .cmp-band-val{font-size:clamp(15px,4.4vw,19px);white-space:nowrap;} }

/* ===== Planches de tuiles (Rentabilité, Comptabilité, Yango Fleet, Garage), 01/10/2026 : UNE règle pour les quatre.
   - Barre du haut à sa hauteur habituelle (64 px) sur ordinateur, comme sur les pages qui défilent. Sans cela, sur une
     rubrique qui tient sur un écran, elle passait à 81 px : elle sautait d'une page ou d'une rubrique à l'autre, et la
     planche, calée sur la place restante, changeait de taille.
   - Menu latéral étroit (170 px) dès 1 151 px de large : six colonnes de tuiles à 1 366 px ; en dessous (tablette), le
     menu passe en rangée au-dessus du contenu et les tuiles gardent toute la largeur (téléphone : règle commune). */
@media (min-width:761px){ .main-content:has(:is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page))>.header{flex:0 0 var(--header-height);} }
@media (min-width:1151px){ :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .fin-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;} }
@media (max-width:1150px){
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .fin-layout{display:block;}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .fin-sidenav{position:static;flex-direction:row;overflow-x:auto;gap:4px;margin:0 0 16px;padding:0 0 6px;scrollbar-width:none;}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .fin-sidenav::-webkit-scrollbar{display:none;}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .fin-sidenav .tab{width:auto;flex-shrink:0;}
}
/* Survol d'une tuile (souris) : UN seul bouton de taille, de 24 px, celui de la taille suivante — un clic y passe, comme
   la touche T — dans un coin réservé à droite du libellé. Les boutons de toutes les tailles (80 à 106 px sur fond opaque)
   recouvraient le titre de la tuile et son point d'état ; il n'en reste qu'une lettre ou deux masquées pour un
   libellé qui remplit toute la ligne. Contournement du composant commun (css/grille-widgets.css, que
   les pages ne modifient pas) : à reprendre dans le composant. */
@media (hover:hover){
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile .gw-outils{top:15px;right:8px;padding:0;gap:0;border-radius:7px;background:var(--bg-secondary);box-shadow:0 0 0 1px var(--border-color);}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile .gw-outil{display:none;}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile .gw-outil[aria-pressed="true"]+.gw-outil,
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile .gw-outils:has(.gw-outil:last-child[aria-pressed="true"]) .gw-outil:first-child,
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile .gw-outils:not(:has(.gw-outil[aria-pressed="true"])) .gw-outil:first-child{display:flex;}
  :is(.rent-sobre,.compta-sobre,.yango-sobre,.gar-page) .gw-tuile:hover .gw-top{padding-right:18px;}   /* le bouton déborde de 14 px sur la ligne du libellé, plus 4 px d'écart */
}