/* ------------------------------------------------------------------
   Facette · onglet Finances, en calendrier (03/10/2026)
   Que des variables de styles.css, plus quelques retouches pour le fond
   clair en bas de fichier (comme tricount.css). Une couleur par état :
   reçu = vert, prévu = violet, contrat pas signé = orange,
   en retard = rose, dépense = gris.
   ------------------------------------------------------------------ */

#vue-finances{--fi-fond-champ:rgba(255,255,255,0.05);--fi-fond-doux:rgba(255,255,255,0.03);--fi-ev-fond:.16}
#vue-finances .fi-vide{color:var(--texte-doux);font-size:14px;padding:6px 0}
#vue-finances .fi-faible{color:var(--texte-faible);font-size:12.5px;display:block}
#vue-finances td .fi-faible{display:inline}
#vue-finances .fi-mono{font-family:var(--mono)}
#vue-finances .fi-droite{text-align:right}
#vue-finances .fi-nowrap{white-space:nowrap}
#vue-finances .fi-alex{color:var(--orange);font-weight:600}
#vue-finances .fi-leo{color:var(--bleu);font-weight:600}

#vue-finances .fi-bandeau{border:1px solid rgba(255,154,61,.45);background:rgba(255,154,61,.10);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}
#vue-finances .fi-bandeau--rouge{border-color:rgba(244,70,126,.5);background:rgba(244,70,126,.10)}
#vue-finances .fi-bandeau--vert{border-color:rgba(47,211,165,.45);background:rgba(47,211,165,.10)}

/* ---- la barre : ‹ Octobre 2026 ›   Semaine | Mois ---- */
#vue-finances .fi-barre{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin-bottom:14px}
#vue-finances .fi-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#vue-finances .fi-titre-periode{font-family:var(--display);font-weight:800;font-size:clamp(20px,2.2vw,26px);letter-spacing:-0.01em;min-width:9ch;text-align:center}
#vue-finances .fi-fleche{width:36px;height:36px;border-radius:10px;border:1px solid var(--trait-fort);background:var(--fi-fond-doux);color:var(--texte);font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
#vue-finances .fi-fleche:hover{border-color:var(--texte-faible)}
#vue-finances .fi-bascule{display:inline-flex;padding:3px;border-radius:12px;border:1px solid var(--trait-fort);background:var(--fi-fond-doux)}
#vue-finances .fi-bascule button{padding:7px 16px;border-radius:9px;font-size:14px;font-weight:600;color:var(--texte-doux)}
#vue-finances .fi-bascule button.actif{background:var(--texte);color:var(--nuit)}
#vue-finances .fi-bascules{display:flex;gap:8px;flex-wrap:wrap}

/* ---- la recherche ---- */
#vue-finances .fi-recherche{position:relative;flex:1 1 280px;max-width:480px}
#vue-finances .fi-recherche input{width:100%;font:inherit;font-size:14.5px;color:var(--texte);background:var(--fi-fond-champ) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23968cb0' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 12px 50%;border:1px solid var(--trait-fort);border-radius:11px;padding:9px 12px 9px 36px;outline:none;color-scheme:dark}
#vue-finances .fi-recherche input:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(110,58,247,.25)}
#vue-finances .fi-resultats{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:min(60vh,460px);overflow-y:auto;background:var(--nuit-2);border:1px solid var(--trait-fort);border-radius:12px;padding:6px;box-shadow:0 24px 60px -20px rgba(0,0,0,.7)}
#vue-finances .fi-resultats:empty{display:none}
#vue-finances .fi-resultats-titre{font-size:11px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:700;padding:8px 10px 4px}
#vue-finances .fi-resultats-vide{font-size:13.5px;color:var(--texte-doux);padding:10px}
#vue-finances .fi-resultat{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px 10px;border-radius:9px;color:var(--texte)}
#vue-finances .fi-resultat:hover,#vue-finances .fi-resultat.actif{background:rgba(110,58,247,.18)}
#vue-finances .fi-resultat-texte{flex:1;min-width:0;display:flex;flex-direction:column}
#vue-finances .fi-resultat-texte b{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vue-finances .fi-resultat-texte small{font-size:12px;color:var(--texte-faible);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vue-finances .fi-resultat-montant{font-family:var(--mono);font-size:13px;white-space:nowrap;color:var(--texte-doux)}

/* ---- les cinq chiffres ---- */
#vue-finances .fi-tuiles{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}
@media (min-width:1400px){#vue-finances .fi-tuiles{grid-template-columns:repeat(7,minmax(0,1fr))}}
#vue-finances .fi-tuile{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:var(--rayon);border:1px solid var(--trait);background:var(--carte);min-width:0}
#vue-finances .fi-tuile-etiquette{font-size:12px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
#vue-finances .fi-tuile-valeur{font-family:var(--display);font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:-0.02em;line-height:1.15}
#vue-finances .fi-tuile-detail{font-size:12.5px;color:var(--texte-doux);display:flex;flex-wrap:wrap;gap:4px;align-items:center}
#vue-finances .fi-tuile--vert .fi-tuile-valeur{color:var(--vert)}
#vue-finances .fi-tuile--orange .fi-tuile-valeur{color:var(--orange)}
#vue-finances .fi-tuile--violet{border-color:rgba(110,58,247,.45);background:linear-gradient(160deg,rgba(110,58,247,.20),var(--carte) 65%)}
#vue-finances .fi-tuile--rouge{border-color:rgba(244,70,126,.45);background:linear-gradient(160deg,rgba(244,70,126,.14),var(--carte) 65%)}
/* « Signé » (06/10/2026) : l'engagement des clients, en bleu, à côté de l'argent reçu (vert) et prévu (violet) */
#vue-finances .fi-tuile--bleu{border-color:rgba(61,134,240,.50);background:linear-gradient(160deg,rgba(61,134,240,.18),var(--carte) 65%)}
#vue-finances .fi-tuile-plus{display:block;margin-top:1px;font-family:var(--corps);font-size:13px;font-weight:600;letter-spacing:0;line-height:1.3;color:var(--texte-doux);white-space:nowrap}
#vue-finances .fi-tuile--rouge .fi-tuile-valeur{color:var(--rose)}
#vue-finances .fi-mini{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border-left:3px solid var(--fi-c);background:rgba(var(--fi-rvb),.18);color:var(--texte)}
#vue-finances .fi-mini:hover{background:rgba(var(--fi-rvb),.30)}

/* ---- les couleurs des états ---- */
#vue-finances .fi-ev--recu{--fi-c:var(--vert);--fi-rvb:47,211,165}
#vue-finances .fi-ev--prevu{--fi-c:var(--violet);--fi-rvb:110,58,247}
#vue-finances .fi-ev--pas-signe{--fi-c:var(--orange);--fi-rvb:255,154,61}
#vue-finances .fi-ev--retard{--fi-c:var(--rose);--fi-rvb:244,70,126}
#vue-finances .fi-ev--depense{--fi-c:rgba(246,242,255,.40);--fi-rvb:160,150,190}
#vue-finances .fi-ev--signe{--fi-c:#3D86F0;--fi-rvb:61,134,240}

/* ---- une puce : le nom et le montant ---- */
#vue-finances .fi-ev{display:flex;align-items:baseline;gap:6px;width:100%;text-align:left;padding:4px 7px;border-radius:7px;border-left:3px solid var(--fi-c);background:rgba(var(--fi-rvb),var(--fi-ev-fond));font-size:12.5px;line-height:1.3;color:var(--texte);min-width:0}
#vue-finances .fi-ev:hover{background:rgba(var(--fi-rvb),.30)}
#vue-finances .fi-ev-nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#vue-finances .fi-ev-montant{font-family:var(--mono);font-size:12px;font-weight:600;white-space:nowrap}
#vue-finances .fi-ev-etat{flex-basis:100%;font-size:11.5px;color:var(--texte-faible);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vue-finances .fi-ev--depense .fi-ev-nom,#vue-finances .fi-ev--depense .fi-ev-montant{color:var(--texte-doux)}

/* ---- le mois ---- */
#vue-finances .fi-cal{border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte);overflow:hidden}
#vue-finances .fi-cal-tete{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--trait)}
#vue-finances .fi-cal-tete span{padding:8px 10px;font-size:12px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
#vue-finances .fi-cal-grille{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#vue-finances .fi-jour{min-height:112px;padding:6px 6px 8px;border-right:1px solid var(--trait);border-bottom:1px solid var(--trait);display:flex;flex-direction:column;gap:4px;min-width:0}
#vue-finances .fi-jour:nth-child(7n){border-right:0}
#vue-finances .fi-jour-num{font-size:13px;color:var(--texte-doux);font-weight:600;padding:0 2px 2px}
#vue-finances .fi-jour--hors{background:rgba(0,0,0,.14)}
#vue-finances .fi-jour--hors .fi-jour-num{color:var(--texte-faible);font-weight:400}
#vue-finances .fi-jour--hors .fi-ev{opacity:.6}
#vue-finances .fi-jour--auj{background:rgba(110,58,247,.12)}
#vue-finances .fi-jour--auj .fi-jour-num{color:var(--texte)}
#vue-finances .fi-jour--auj .fi-jour-num::after{content:' · aujourd’hui';font-weight:400;color:var(--texte-doux)}
#vue-finances .fi-plus{font-size:12px;color:var(--texte-doux);text-align:left;padding:2px 4px;text-decoration:underline;text-underline-offset:3px}

/* ---- la semaine ---- */
#vue-finances .fi-cal--semaine{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#vue-finances .fi-col{display:flex;flex-direction:column;min-height:300px;border-right:1px solid var(--trait);min-width:0}
#vue-finances .fi-col:last-child{border-right:0}
#vue-finances .fi-col-tete{display:flex;align-items:baseline;gap:6px;padding:10px 10px 8px;border-bottom:1px solid var(--trait)}
#vue-finances .fi-col-tete span{font-size:12px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
#vue-finances .fi-col-tete b{font-family:var(--display);font-size:20px}
#vue-finances .fi-col.fi-jour--auj .fi-col-tete b::after{content:' aujourd’hui';font-family:var(--corps);font-size:12px;font-weight:400;color:var(--texte-doux)}
#vue-finances .fi-col-corps{flex:1;display:flex;flex-direction:column;gap:6px;padding:8px}
#vue-finances .fi-col-corps .fi-ev{flex-wrap:wrap;padding:7px 9px;font-size:13.5px}
#vue-finances .fi-col-corps .fi-ev-montant{font-size:13px}
#vue-finances .fi-col-vide{color:var(--texte-faible);text-align:center;padding-top:8px}
#vue-finances .fi-col-total{padding:8px 10px;border-top:1px solid var(--trait);font-family:var(--mono);font-size:13px;font-weight:600;text-align:right}
#vue-finances .fi-col-total span{font-family:var(--corps);font-weight:400;font-size:12px;color:var(--texte-faible)}

/* ---- la liste (téléphone) ---- */
#vue-finances .fi-agenda{display:none}
#vue-finances .fi-agenda-jour{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--trait)}
#vue-finances .fi-agenda-date{font-size:13px;font-weight:600;color:var(--texte-doux)}
#vue-finances .fi-agenda-jour.fi-jour--auj .fi-agenda-date::after{content:' · aujourd’hui';font-weight:400}
#vue-finances .fi-agenda .fi-ev{flex-wrap:wrap;padding:9px 11px;font-size:15px}
#vue-finances .fi-agenda .fi-ev-montant{font-size:14px}

/* ---- la légende ---- */
#vue-finances .fi-legende{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:10px 2px 0;font-size:12.5px;color:var(--texte-doux)}
#vue-finances .fi-legende span{display:inline-flex;align-items:center;gap:6px}
#vue-finances .fi-legende .fi-faible{display:inline}
#vue-finances .fi-pastille{display:inline-block;width:11px;height:11px;border-radius:3px;background:var(--fi-c)}

/* ---- les clients ---- */
#vue-finances .fi-bloc{margin-top:22px}
#vue-finances .fi-tete-bloc{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
#vue-finances .fi-table{width:100%;border-collapse:collapse;font-size:14px}
#vue-finances .fi-table th{text-align:left;font-size:11.5px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.05em;font-weight:600;padding:6px 10px;border-bottom:1px solid var(--trait)}
#vue-finances .fi-table td{padding:10px;border-bottom:1px solid var(--trait);vertical-align:middle}
#vue-finances .fi-table th.fi-droite{text-align:right}
#vue-finances .fi-clients tbody tr{cursor:pointer}
#vue-finances .fi-clients tbody tr:hover td{background:var(--fi-fond-doux)}
#vue-finances .fi-clients tbody tr:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}
#vue-finances .fi-statut{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;border:1px solid var(--trait-fort);white-space:nowrap}
#vue-finances .fi-statut--envoye{color:var(--orange);border-color:rgba(255,154,61,.5)}
#vue-finances .fi-statut--signe{color:var(--vert);border-color:rgba(47,211,165,.5)}
#vue-finances .fi-statut--annule{color:var(--rose);border-color:rgba(244,70,126,.5)}

/* ---- boutons ---- */
#vue-finances .fi-bouton{font:inherit;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--trait-fort);background:var(--texte);color:var(--nuit)}
#vue-finances .fi-bouton:hover{filter:brightness(1.05)}
#vue-finances .fi-bouton:disabled{opacity:.5;cursor:default}
#vue-finances .fi-bouton--vert{background:var(--vert);border-color:var(--vert);color:#062a20}
#vue-finances .fi-petit{font:inherit;font-size:13px;padding:6px 11px;border-radius:9px;cursor:pointer;border:1px solid var(--trait-fort);background:var(--fi-fond-doux);color:var(--texte-doux);text-decoration:none;display:inline-block}
#vue-finances .fi-petit:hover{color:var(--texte);border-color:var(--texte-faible)}
#vue-finances .fi-petit--vert{color:var(--vert);border-color:rgba(47,211,165,.5)}
#vue-finances .fi-danger{color:var(--rose);border-color:rgba(244,70,126,.4)}
#vue-finances .fi-retirer{border:0;background:none;color:var(--texte-faible);font-size:17px;line-height:1;cursor:pointer;padding:2px 6px}
#vue-finances .fi-retirer:hover{color:var(--rose)}
#vue-finances .fi-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
#vue-finances .fi-actions .espace{flex:1}

/* ---- la fiche ---- */
html.fi-fiche-ouverte{overflow:hidden}
#vue-finances .fi-fiche{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end}
#vue-finances .fi-fiche-fond{position:absolute;inset:0;background:rgba(8,4,20,.62)}
#vue-finances .fi-fiche-panneau{position:relative;width:min(100%,760px);height:100%;overflow-y:auto;background:var(--nuit-2);border-left:1px solid var(--trait-fort);padding:18px clamp(16px,3vw,34px) 40px;box-shadow:-30px 0 80px -30px rgba(0,0,0,.7);overscroll-behavior:contain}
#vue-finances .fi-fiche-haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
#vue-finances .fi-retour{font-size:14px;font-weight:600;color:var(--texte-doux)}
#vue-finances .fi-retour:hover{color:var(--texte)}
#vue-finances .fi-croix{font-size:26px;line-height:1;color:var(--texte-doux);width:36px;height:36px;border-radius:10px}
#vue-finances .fi-croix:hover{color:var(--texte);background:var(--fi-fond-doux)}
#vue-finances .fi-fiche-nom{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,32px);letter-spacing:-0.015em;line-height:1.15}
#vue-finances .fi-fiche-sous{color:var(--texte-doux);font-size:14px;margin:4px 0 10px}
#vue-finances .fi-fiche-chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0 10px}
#vue-finances .fi-fiche-chiffre{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--trait);background:var(--carte)}
#vue-finances .fi-fiche-chiffre span{font-size:11.5px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
#vue-finances .fi-fiche-chiffre b{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-0.02em}
#vue-finances .fi-fiche-chiffre small{font-size:12px;color:var(--texte-doux)}
#vue-finances .fi-fiche-chiffre.fi-vert b{color:var(--vert)}
#vue-finances .fi-fiche-chiffre.fi-rouge b{color:var(--rose)}
#vue-finances .fi-fiche-plan{font-size:14.5px;color:var(--texte-doux)}
#vue-finances .fi-fiche-titre{font-family:var(--display);font-size:17px;font-weight:700;margin:24px 0 8px}
#vue-finances .fi-fiche-ligne{font-size:14px}
#vue-finances .fi-fiche-bas{margin-top:24px;padding-top:14px;border-top:1px solid var(--trait)}
#vue-finances .fi-afaire{margin-top:14px;border:1px solid rgba(255,154,61,.45);border-left:4px solid var(--orange);background:rgba(255,154,61,.08);border-radius:12px;padding:12px 14px;font-size:14px}
#vue-finances .fi-afaire--rouge{border-color:rgba(244,70,126,.45);border-left-color:var(--rose);background:rgba(244,70,126,.08)}
#vue-finances .fi-afaire--vert{border-color:rgba(47,211,165,.45);border-left-color:var(--vert);background:rgba(47,211,165,.08)}
#vue-finances .fi-afaire .fi-actions{margin-top:8px}
#vue-finances .fi-paiements td{padding:9px 6px}
#vue-finances .fi-paiements tr.fi-cible td{background:rgba(110,58,247,.16)}
#vue-finances .fi-etat{font-size:13px;font-weight:600}
#vue-finances .fi-etat--recu{color:var(--vert)}
#vue-finances .fi-etat--prevu{color:var(--texte-doux);font-weight:400}
#vue-finances .fi-etat--pas-signe{color:var(--orange)}
#vue-finances .fi-etat--retard{color:var(--rose)}
#vue-finances .fi-badge{font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--trait-fort);color:var(--texte-faible)}
#vue-finances .fi-astuce{margin-top:10px;font-size:13px;color:var(--texte-doux);padding:9px 12px;border-radius:10px;border:1px dashed var(--trait-fort)}
#vue-finances .fi-docs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
#vue-finances .fi-docs li{display:inline-flex;align-items:center;border:1px solid var(--trait-fort);border-radius:10px;padding:6px 4px 6px 12px;font-size:14px;background:var(--carte)}
#vue-finances .fi-docs a{color:var(--texte);text-decoration:none;font-weight:600;padding-right:8px}
#vue-finances .fi-docs a:hover{text-decoration:underline}
#vue-finances .fi-note{font-size:13.5px;color:var(--texte-doux);margin-top:8px;white-space:pre-wrap}
#vue-finances .fi-apercu{margin-top:14px}
#vue-finances .fi-apercu summary{cursor:pointer;font-size:13.5px;color:var(--texte-doux)}

/* ---- formulaires ---- */
#vue-finances .fi-form{display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;margin-top:12px;padding:12px 14px;border:1px solid var(--trait-fort);border-radius:12px;background:var(--carte)}
#vue-finances .fi-plein{grid-column:1/-1}
#vue-finances .fi-sous-titre{font-size:12px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:4px}
#vue-finances .fi-champ{display:flex;flex-direction:column;gap:4px;min-width:0}
#vue-finances .fi-champ>span{font-size:11.5px;color:var(--texte-faible);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
#vue-finances .fi-champ input,#vue-finances .fi-champ select,#vue-finances .fi-champ textarea{font:inherit;font-size:14.5px;color:var(--texte);background:var(--fi-fond-champ);border:1px solid var(--trait-fort);border-radius:10px;padding:8px 11px;outline:none;width:100%;color-scheme:dark}
#vue-finances .fi-champ input[type="file"]{padding:6px 8px;font-size:13px}
#vue-finances .fi-champ input:focus,#vue-finances .fi-champ select:focus,#vue-finances .fi-champ textarea:focus{border-color:var(--violet);box-shadow:0 0 0 3px rgba(110,58,247,.25)}

/* ---- écran moyen : la semaine passe en liste ---- */
@media (max-width:1100px){
  #vue-finances .fi-cal--semaine{display:none}
  #vue-finances .fi-cal--semaine~.fi-agenda{display:block}
}

/* ---- téléphone : la liste jour par jour à la place de la grille ---- */
@media (max-width:760px){
  #vue-finances .fi-cal{display:none}
  #vue-finances .fi-agenda{display:block}
  #vue-finances .fi-barre{justify-content:center}
  #vue-finances .fi-nav{justify-content:center;width:100%}
  #vue-finances .fi-recherche{flex-basis:100%;max-width:none}
  #vue-finances .fi-recherche input{font-size:16px}
  #vue-finances .fi-tuiles{grid-template-columns:1fr 1fr}
  #vue-finances .fi-tuile:last-child:nth-child(odd){grid-column:1/-1}
  #vue-finances .fi-tuile{padding:12px}
  #vue-finances .fi-table thead{display:none}
  #vue-finances .fi-table tr{display:flex;flex-wrap:wrap;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--trait)}
  #vue-finances .fi-table td{border:0;padding:0}
  #vue-finances .fi-table td.fi-droite{text-align:left}
  #vue-finances .fi-clients td:first-child{flex-basis:100%}
  #vue-finances .fi-fiche-panneau{width:100%;border-left:0;padding-top:12px}
  #vue-finances .fi-fiche-chiffres{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #vue-finances .fi-fiche-chiffre{padding:10px}
  #vue-finances .fi-fiche-chiffre b{font-size:18px}
  #vue-finances .fi-fiche-chiffre span{font-size:10.5px;letter-spacing:.03em}
  #vue-finances .fi-tuile-valeur{font-size:22px}
  #vue-finances .fi-champ input,#vue-finances .fi-champ select,#vue-finances .fi-champ textarea{font-size:16px}
}

/* ---- fond clair ---- */
html[data-theme="clair"] #vue-finances{--fi-fond-champ:rgba(60,42,20,0.04);--fi-fond-doux:rgba(60,42,20,0.03);--fi-ev-fond:.13}
html[data-theme="clair"] #vue-finances .fi-recherche input{color-scheme:light}
html[data-theme="clair"] #vue-finances .fi-resultats{background:var(--carte);box-shadow:0 24px 60px -20px rgba(80,60,30,.35)}
html[data-theme="clair"] #vue-finances .fi-resultat:hover,html[data-theme="clair"] #vue-finances .fi-resultat.actif{background:rgba(110,58,247,.10)}
html[data-theme="clair"] #vue-finances .fi-champ input,html[data-theme="clair"] #vue-finances .fi-champ select,html[data-theme="clair"] #vue-finances .fi-champ textarea{color-scheme:light}
html[data-theme="clair"] #vue-finances .fi-jour--hors{background:rgba(60,42,20,0.04)}
html[data-theme="clair"] #vue-finances .fi-jour--auj{background:rgba(110,58,247,.08)}
html[data-theme="clair"] #vue-finances .fi-fiche-fond{background:rgba(43,33,24,.45)}
html[data-theme="clair"] #vue-finances .fi-ev--depense{--fi-c:rgba(43,33,24,.35);--fi-rvb:120,105,85}
html[data-theme="clair"] #vue-finances .fi-ev--pas-signe{--fi-c:#E07A12}
html[data-theme="clair"] #vue-finances .fi-tuile--rouge{background:linear-gradient(160deg,rgba(244,70,126,.08),var(--carte) 65%)}
html[data-theme="clair"] #vue-finances .fi-tuile--violet{background:linear-gradient(160deg,rgba(110,58,247,.08),var(--carte) 65%)}
html[data-theme="clair"] #vue-finances .fi-tuile--bleu{border-color:rgba(37,99,235,.40);background:linear-gradient(160deg,rgba(37,99,235,.08),var(--carte) 65%)}
html[data-theme="clair"] #vue-finances .fi-ev--signe{--fi-c:#2563EB;--fi-rvb:37,99,235}
html[data-theme="clair"] #vue-finances .fi-alex,html[data-theme="clair"] #vue-finances .fi-etat--pas-signe,html[data-theme="clair"] #vue-finances .fi-statut--envoye,html[data-theme="clair"] #vue-finances .fi-tuile--orange .fi-tuile-valeur{color:#B45A06}
html[data-theme="clair"] #vue-finances .fi-etat--recu,html[data-theme="clair"] #vue-finances .fi-statut--signe,html[data-theme="clair"] #vue-finances .fi-tuile--vert .fi-tuile-valeur,html[data-theme="clair"] #vue-finances .fi-fiche-chiffre.fi-vert b,html[data-theme="clair"] #vue-finances .fi-petit--vert{color:#0E8F6A}
html[data-theme="clair"] #vue-finances .fi-etat--retard,html[data-theme="clair"] #vue-finances .fi-tuile--rouge .fi-tuile-valeur,html[data-theme="clair"] #vue-finances .fi-fiche-chiffre.fi-rouge b{color:#C2185B}

/* la case « payé par Stripe » du formulaire de paiement */
#vue-finances .fi-case{flex-direction:row;align-items:center;gap:8px}
#vue-finances .fi-case input{width:auto}
#vue-finances .fi-case>span{text-transform:none;letter-spacing:0;font-size:13px}