@layer jetons,base,structure,composants,tableau,utilitaires;@layer jetons{:root{color-scheme:light dark;--fond: light-dark(oklch(.975 .004 255), oklch(.185 .012 260));--surface: light-dark(oklch(1 0 0), oklch(.235 .013 260));--surface-douce: light-dark(oklch(.965 .005 255), oklch(.275 .013 260));--surface-survol: light-dark(oklch(.975 .006 255), oklch(.29 .013 260));--bordure: light-dark(oklch(.915 .006 255), oklch(.32 .012 260));--bordure-forte: light-dark(oklch(.855 .008 255), oklch(.4 .014 260));--texte: light-dark(oklch(.26 .015 260), oklch(.95 .005 260));--texte-doux: light-dark(oklch(.5 .015 260), oklch(.76 .01 260));--texte-faible: light-dark(oklch(.62 .012 260), oklch(.62 .012 260));--accent: light-dark(oklch(.55 .17 262), oklch(.74 .13 262));--accent-fort: light-dark(oklch(.47 .17 262), oklch(.82 .12 262));--accent-contraste: light-dark(oklch(1 0 0), oklch(.18 .02 262));--accent-doux: color-mix(in oklab, var(--accent) 12%, transparent);--succes: light-dark(oklch(.53 .13 152), oklch(.78 .14 152));--attention: light-dark(oklch(.58 .14 68), oklch(.82 .14 72));--danger: light-dark(oklch(.53 .19 25), oklch(.74 .16 25));--c-bleu: light-dark(oklch(.52 .17 255), oklch(.76 .13 255));--c-vert: light-dark(oklch(.5 .13 152), oklch(.78 .14 152));--c-orange: light-dark(oklch(.55 .14 62), oklch(.8 .14 70));--c-rouge: light-dark(oklch(.52 .19 25), oklch(.75 .16 25));--c-gris: light-dark(oklch(.48 .012 260), oklch(.74 .012 260));--c-violet: light-dark(oklch(.5 .2 295), oklch(.77 .15 295));--c-rose: light-dark(oklch(.53 .2 355), oklch(.78 .15 355));--c-turquoise: light-dark(oklch(.52 .1 195), oklch(.78 .1 195));--serie-1: light-dark(#2a78d6, #3987e5);--serie-2: light-dark(#eb6834, #d95926);--serie-3: light-dark(#1baf7a, #199e70);--serie-4: light-dark(#eda100, #c98500);--serie-5: light-dark(#e87ba4, #d55181);--serie-6: light-dark(#008300, #008300);--serie-7: light-dark(#4a3aa7, #9085e9);--serie-8: light-dark(#e34948, #e66767);--police: ui-sans-serif, system-ui, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--t-xs: .6875rem;--t-sm: .75rem;--t-md: .8125rem;--t-lg: .9375rem;--t-xl: 1.0625rem;--t-2xl: 1.375rem;--e-1: .25rem;--e-2: .5rem;--e-3: .75rem;--e-4: 1rem;--e-5: 1.5rem;--e-6: 2rem;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pilule: 999px;--chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%238a8f9a' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");--ombre-1: 0 1px 2px oklch(0 0 0 / .05);--ombre-2: 0 1px 2px oklch(0 0 0 / .05), 0 8px 24px oklch(0 0 0 / .1);--h-controle: 1.75rem;--h-controle-lg: 2.25rem;--h-ligne: 1.875rem;--h-barre-nav: 3rem;--h-bandeau-environnement: 1.5rem;--transition: .12s ease}:root[data-theme=clair]{color-scheme:light}:root[data-theme=sombre]{color-scheme:dark}}@layer jetons,base,structure,composants,tableau,utilitaires;@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{min-height:100dvh;background:var(--fond);color:var(--texte);font-family:var(--police);font-size:var(--t-md);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;line-height:1.25;text-wrap:balance}h1{font-size:var(--t-2xl);letter-spacing:-.01em}h2{font-size:var(--t-xl)}h3{font-size:var(--t-lg)}p{text-wrap:pretty}a{color:var(--accent);text-decoration-color:color-mix(in oklab,currentColor 35%,transparent);text-underline-offset:.15em}a:hover{color:var(--accent-fort)}svg{display:block;flex-shrink:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea,button{font:inherit;color:inherit}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;height:var(--h-controle-lg);padding-inline:var(--e-3);background-color:var(--surface);border:1px solid var(--bordure-forte);border-radius:var(--r-sm);transition:border-color var(--transition),box-shadow var(--transition)}textarea{height:auto;padding-block:var(--e-2);resize:vertical}input:not([type=checkbox],[type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-doux)}input::placeholder{color:var(--texte-faible)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=checkbox],input[type=radio]{width:.9375rem;height:.9375rem;accent-color:var(--accent);cursor:pointer}select{appearance:none;padding-inline-end:var(--e-5);background-image:var(--chevron);background-repeat:no-repeat;background-position:right var(--e-2) center;background-size:10px 6px}button{background:none;border:none;cursor:pointer}label{display:block}table{width:100%;border-collapse:separate;border-spacing:0}ul,ol{padding:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer jetons,base,structure,composants,tableau,utilitaires;@layer structure{.bandeau-environnement{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;height:var(--h-bandeau-environnement);color:var(--attention);background:color-mix(in oklab,var(--attention) 16%,var(--surface));border-bottom:1px solid color-mix(in oklab,var(--attention) 35%,transparent);font-size:var(--t-xs);font-weight:650;letter-spacing:.03em;text-transform:uppercase}.a-bandeau-environnement .barre-nav{top:var(--h-bandeau-environnement)}.barre-nav{position:sticky;top:0;z-index:30;background:color-mix(in oklab,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bordure)}.barre-nav-contenu{display:flex;align-items:center;gap:var(--e-2);height:var(--h-barre-nav);max-width:110rem;margin-inline:auto;padding-inline:var(--e-5)}.marque{display:inline-flex;align-items:center;gap:var(--e-2);margin-inline-end:var(--e-3);color:var(--texte);font-size:var(--t-lg);font-weight:650;letter-spacing:-.01em;text-decoration:none}.marque svg{color:var(--accent)}.nav-liens{display:flex;align-items:center;gap:var(--e-1)}.nav-lien{display:inline-flex;align-items:center;gap:var(--e-2);height:1.875rem;padding-inline:var(--e-3);border-radius:var(--r-sm);color:var(--texte-doux);font-size:var(--t-md);font-weight:500;text-decoration:none;transition:background-color var(--transition),color var(--transition)}.nav-lien:hover{background:var(--surface-douce);color:var(--texte)}.nav-lien.est-actif{background:var(--accent-doux);color:var(--accent-fort);font-weight:600}.nav-lien--desactive{display:inline-flex;align-items:center;gap:var(--e-2);cursor:default}.nav-lien--desactive:hover{background:none;color:var(--texte-doux)}.nav-groupe{position:relative}.nav-groupe-declencheur{border:none;background:none;font:inherit;cursor:pointer}.nav-groupe-panel{display:grid;gap:2px;min-width:11rem;padding:var(--e-1)}.nav-groupe-lien{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2);border-radius:var(--r-xs);color:var(--texte-doux);font-size:var(--t-md);text-decoration:none;transition:background-color var(--transition),color var(--transition)}.nav-groupe-lien:hover{background:var(--surface-douce);color:var(--texte)}.nav-groupe-lien.est-actif{background:var(--accent-doux);color:var(--accent-fort);font-weight:600}.nav-fin{display:flex;align-items:center;gap:var(--e-1);margin-inline-start:auto}.page{max-width:110rem;margin-inline:auto;padding:var(--e-4) var(--e-5) var(--e-6)}.entete-page{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--e-3);margin-bottom:var(--e-4)}.entete-page p{color:var(--texte-doux);font-size:var(--t-sm)}.entete-page-precision{color:var(--texte-doux);font-weight:400}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-md);box-shadow:var(--ombre-1)}.carte+.carte{margin-top:var(--e-4)}.carte--etroite{max-width:24rem;margin-top:var(--e-4)}.carte-entete{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--e-2) var(--e-3);padding:var(--e-3) var(--e-4);border-bottom:1px solid var(--bordure)}.carte-titre{display:flex;align-items:center;gap:var(--e-1);font-size:var(--t-md);font-weight:650}.carte-sous-titre{color:var(--texte-faible);font-size:var(--t-xs)}.carte-corps{padding:var(--e-4)}.grille-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--e-3)}.grille-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--e-3)}.stat{padding:var(--e-3);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-sm)}.stat-libelle{color:var(--texte-faible);font-size:var(--t-xs);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.stat-valeur{margin-top:var(--e-1);font-size:var(--t-xl);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.flashs{max-width:110rem;margin-inline:auto;padding:var(--e-3) var(--e-5) 0;display:grid;gap:var(--e-2)}.flash{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-3);border:1px solid;border-radius:var(--r-sm);font-size:var(--t-md)}.flash--succes{color:var(--succes);border-color:color-mix(in oklab,var(--succes) 35%,transparent);background:color-mix(in oklab,var(--succes) 10%,transparent)}.flash--erreur{color:var(--danger);border-color:color-mix(in oklab,var(--danger) 35%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent)}}@layer structure{.liste-personnes{display:flex;flex-wrap:wrap;gap:var(--e-2)}.ligne-personne{display:flex;align-items:center;flex:1 1 22rem;gap:var(--e-3);padding:var(--e-2) var(--e-2) var(--e-2) var(--e-3);background:var(--surface-douce);border:1px solid var(--bordure);border-radius:var(--r-sm)}.ligne-personne-champ{display:flex;align-items:center;flex:1;min-width:0;gap:var(--e-2)}.ligne-personne-champ--nom{flex:0 1 8rem}.ligne-personne-champ>label{flex-shrink:0;color:var(--texte-doux);font-size:var(--t-xs)}.ligne-personne-champ>:not(label){flex:1;min-width:0}.ligne-personne :is(input,.champ-unite){height:var(--h-controle)}}@layer structure{.grille-stats+.carte,.grille-stats+.grille-2{margin-top:var(--e-4)}.grille-2+.carte{margin-top:var(--e-4)}.barre-filtres+*{margin-top:var(--e-5)}}@layer structure{.page--etroite{max-width:44rem}.formulaire-actions{display:flex;justify-content:flex-end;gap:var(--e-2);margin-top:var(--e-4);padding-top:var(--e-3);border-top:1px solid var(--bordure)}.pied-de-page{padding:var(--e-3) var(--e-5);color:var(--texte-doux);font-size:var(--t-xs);text-align:center}}@layer structure{.page--moyenne{max-width:76rem}}@layer structure{.changelog-version{padding:var(--e-3) var(--e-4)}.changelog-version+.changelog-version{border-top:1px solid var(--bordure)}.changelog-version-entete{display:flex;align-items:center;gap:var(--e-2);margin-bottom:var(--e-2)}.changelog-version-date{color:var(--texte-faible);font-size:var(--t-xs)}.changelog-items{display:flex;flex-direction:column;gap:var(--e-1);list-style:none}.changelog-items li{display:flex;align-items:baseline;gap:var(--e-2);font-size:var(--t-sm);line-height:1.4}.changelog-items .badge{flex-shrink:0;width:5.5rem;justify-content:center}}@layer jetons,base,structure,composants,tableau,utilitaires;@layer composants{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);height:var(--h-controle);padding-inline:var(--e-3);border:1px solid transparent;border-radius:var(--r-sm);background:transparent;color:var(--texte);font-size:var(--t-md);font-weight:550;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition)}.btn--lg{height:var(--h-controle-lg);padding-inline:var(--e-4)}.btn--primaire{background:var(--accent);color:var(--accent-contraste)}.btn--primaire:hover{background:var(--accent-fort);color:var(--accent-contraste)}.btn--neutre{background:var(--surface);border-color:var(--bordure-forte);color:var(--texte-doux)}.btn--neutre:hover{background:var(--surface-douce);color:var(--texte)}.btn--fantome{color:var(--texte-doux)}.btn--fantome:hover{background:var(--surface-douce);color:var(--texte)}.btn--icone{width:var(--h-controle);padding-inline:0;color:var(--texte-faible)}.btn--icone:hover{background:var(--surface-douce);color:var(--texte)}.btn--accent:hover{background:var(--accent-doux);color:var(--accent-fort)}.btn--succes{color:var(--succes)}.btn--succes:hover{background:color-mix(in oklab,var(--succes) 14%,transparent);color:var(--succes)}.btn--danger{color:var(--danger)}.btn--danger:hover{background:color-mix(in oklab,var(--danger) 14%,transparent);color:var(--danger)}.btn--danger-plein{background:var(--danger);color:var(--accent-contraste)}.btn--danger-plein:hover{background:color-mix(in oklab,var(--danger) 85%,black);color:var(--accent-contraste)}.btn.est-en-attente-confirmation{position:absolute;top:50%;right:var(--e-2);translate:0 -50%;z-index:1;width:auto;padding-inline:var(--e-2);background:var(--danger);color:var(--accent-contraste);font-size:var(--t-xs);font-weight:650;box-shadow:var(--ombre-2)}.badge{display:inline-flex;align-items:center;gap:var(--e-1);max-width:100%;padding:.0625rem .4375rem;border-radius:var(--r-pilule);color:var(--teinte, var(--texte-doux));background:color-mix(in oklab,var(--teinte, var(--texte-doux)) 14%,transparent);font-size:var(--t-xs);font-weight:600;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.badge-declencheur{border:none;cursor:pointer}.badge-declencheur[hidden]{display:none}.badge-declencheur:hover,.badge-declencheur:focus-visible{background:color-mix(in oklab,var(--teinte, var(--texte-doux)) 22%,transparent)}.badge--vide{background:transparent;border:1px dashed var(--bordure-forte);color:var(--texte-faible);font-weight:500;font-style:italic}.badge--alerte,.badge--type-depense{--teinte: var(--danger)}.badge--type-epargne{--teinte: var(--accent)}.badge--type-entree{--teinte: var(--succes)}.pastille{display:inline-block;width:.625rem;height:.625rem;border-radius:50%;background:var(--teinte, var(--bordure-forte))}.badge--bleu,[data-couleur=bleu]{--teinte: var(--c-bleu)}.badge--vert,[data-couleur=vert]{--teinte: var(--c-vert)}.badge--orange,[data-couleur=orange]{--teinte: var(--c-orange)}.badge--rouge,[data-couleur=rouge]{--teinte: var(--c-rouge)}.badge--gris,[data-couleur=gris]{--teinte: var(--c-gris)}.badge--violet,[data-couleur=violet]{--teinte: var(--c-violet)}.badge--rose,[data-couleur=rose]{--teinte: var(--c-rose)}.badge--turquoise,[data-couleur=turquoise]{--teinte: var(--c-turquoise)}.badge--mois,.badge--mensuelle{--teinte: var(--accent)}.badge--annee,.badge--annuelle{--teinte: var(--texte-doux)}.consignes{display:flex;flex-direction:column;gap:var(--e-2);margin-bottom:var(--e-4);color:var(--texte-doux);font-size:var(--t-sm)}.consignes strong{color:var(--texte)}.champ{display:grid;gap:var(--e-1)}.champ+.champ{margin-top:var(--e-3)}.champ>label{color:var(--texte-doux);font-size:var(--t-sm);font-weight:550}.champ>label.required:after{content:" *";color:var(--danger)}.champ-erreurs{list-style:none;color:var(--danger);font-size:var(--t-xs)}.champ-aide{color:var(--texte-faible);font-size:var(--t-xs)}.champ-fichier{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e-1);min-height:calc(var(--h-controle-lg) * 2.5);padding:var(--e-4);background:var(--surface-douce);border:1px dashed var(--bordure-forte);border-radius:var(--r-md);text-align:center;cursor:pointer;transition:border-color var(--transition),background-color var(--transition)}.champ-fichier:hover,.champ-fichier.est-survole{border-color:var(--accent);background:var(--accent-doux)}.champ-fichier:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-doux)}.champ-fichier-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.champ-fichier-icone{color:var(--texte-faible)}.champ-fichier-icone svg{width:1.5rem;height:1.5rem}.champ-fichier-texte{font-weight:550;color:var(--texte)}.champ-fichier-sous-texte{color:var(--texte-faible);font-size:var(--t-xs)}.champ-unite{display:flex;align-items:center;width:100%;height:var(--h-controle-lg);background:var(--surface);border:1px solid var(--bordure-forte);border-radius:var(--r-sm);transition:border-color var(--transition),box-shadow var(--transition)}.champ-unite:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-doux)}.champ-unite input{height:100%;width:auto;min-width:0;flex:1;padding-inline:var(--e-3) var(--e-1);border:none;background-color:transparent;text-align:right;font-variant-numeric:tabular-nums}.champ-unite input:focus{border-color:transparent;box-shadow:none}.champ-suffixe{padding-inline:0 var(--e-3);color:var(--texte-faible);font-size:var(--t-sm)}.champ-select{position:relative;display:block}.champ-select-bouton{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:100%;color:var(--texte-faible)}.champ-select-bouton:hover{color:var(--accent)}.icone-bouton{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--r-xs);color:var(--texte-faible)}.icone-bouton:hover,.icone-bouton:focus-visible{color:var(--accent);background:var(--accent-doux)}.icone-bouton--actif{color:var(--accent)}.champ-compose{display:flex;align-items:center;gap:var(--e-2);width:100%}.champ-compose>:first-child{flex:1;min-width:0}.champ-compose--serre>:first-child{flex:0 0 3.5rem}.champ-multiselect{display:block;width:100%}.champ-multiselect-bouton{display:flex;align-items:center;width:100%;height:var(--h-controle);padding-inline:var(--e-2) var(--e-5);border-radius:var(--r-sm);color:var(--texte);text-align:left}.champ-multiselect-resume{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.champ-multiselect-resume.est-vide{color:var(--texte-faible);font-style:italic}.choix-multiples{display:grid;gap:var(--e-1)}.choix-multiples label{display:flex;align-items:center;gap:var(--e-2);font-size:var(--t-md);cursor:pointer}.popover{position:fixed;z-index:40;max-height:15rem;overflow-y:auto;padding:var(--e-1);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-sm);box-shadow:var(--ombre-2)}.popover[hidden]{display:none}.popover--liste{list-style:none}.popover--liste li{padding:var(--e-1) var(--e-2);border-radius:var(--r-xs);font-size:var(--t-md);cursor:pointer}.popover--liste li.est-actif{background:var(--accent-doux);color:var(--accent-fort)}.popover--cases{display:grid;gap:var(--e-1);min-width:12rem;padding:var(--e-2)}.popover--cases label{display:flex;align-items:center;gap:var(--e-2);font-size:var(--t-md);cursor:pointer}.panneau-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2);padding:var(--e-1) var(--e-2);background:var(--surface-douce);border:1px solid var(--bordure);border-radius:var(--r-sm)}.panneau-filtres-etiquette{display:inline-flex;align-items:center;gap:var(--e-1);color:var(--texte-doux);font-size:var(--t-md);font-weight:550;white-space:nowrap}.barre-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-2)}.barre-filtres input:not([type=checkbox],[type=hidden]),.barre-filtres select{width:auto;height:var(--h-controle);padding-inline:var(--e-2);border-color:var(--bordure)}.barre-filtres select{min-width:9rem;padding-inline-end:var(--e-5)}.champ-recherche{position:relative;flex:1 1 15rem}.barre-filtres .champ-recherche input{width:100%;padding-inline-start:1.875rem}.champ-recherche svg{position:absolute;top:50%;left:var(--e-2);translate:0 -50%;color:var(--texte-faible);pointer-events:none}.interrupteur{display:inline-flex;align-items:center;gap:var(--e-2);color:var(--texte-doux);font-size:var(--t-md);cursor:pointer}.interrupteur input[type=checkbox]{position:absolute;width:1px;height:1px;opacity:0}.interrupteur-piste{position:relative;flex-shrink:0;width:1.875rem;height:1.0625rem;border-radius:var(--r-pilule);background:var(--bordure-forte);transition:background-color var(--transition)}.interrupteur-piste:after{content:"";position:absolute;top:2px;left:2px;width:.8125rem;height:.8125rem;border-radius:50%;background:var(--surface);box-shadow:var(--ombre-1);transition:translate var(--transition)}.interrupteur input:checked+.interrupteur-piste{background:var(--accent)}.interrupteur input:checked+.interrupteur-piste:after{translate:.8125rem 0}.interrupteur input:focus-visible+.interrupteur-piste{outline:2px solid var(--accent);outline-offset:2px}.etat-vide{padding:var(--e-5);color:var(--texte-faible);text-align:center}}@layer composants{.btn--ajout{width:100%;justify-content:flex-start;color:var(--accent);font-weight:600}.btn--ajout:hover{background:var(--accent-doux);color:var(--accent-fort)}.icone-clair{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=clair]) .icone-clair{display:inline}:root:not([data-theme=clair]) .icone-sombre{display:none}}:root[data-theme=sombre] .icone-clair{display:inline}:root[data-theme=sombre] .icone-sombre{display:none}:root[data-theme=clair] .icone-clair{display:none}:root[data-theme=clair] .icone-sombre{display:inline}}@layer composants{.champ-compose--egal>*{flex:1;min-width:0}.champ-compose--couleur>:last-child{flex:0 0 7rem}.champ-select .pastille{position:absolute;top:50%;left:var(--e-2);translate:0 -50%;pointer-events:none}.champ-select:has(.pastille) select{padding-inline-start:1.625rem}}@layer composants{.selecteur-colonnes{position:relative}}@layer composants{.selecteur-horizon{position:relative}.popover--horizon{display:grid;gap:var(--e-2);min-width:12rem;padding:var(--e-2)}.popover--horizon label{display:flex;flex-direction:column;gap:var(--e-1);color:var(--texte-doux);font-size:var(--t-md)}.popover--horizon input{height:var(--h-controle);padding-inline:var(--e-2);border-color:var(--bordure)}.popover-action{justify-content:center;width:100%;margin-top:var(--e-2);border-radius:var(--r-md)}.popover-action--danger{color:var(--danger)}.popover-action--danger:hover{border-color:color-mix(in oklab,var(--danger) 35%,transparent);background:color-mix(in oklab,var(--danger) 10%,transparent)}}@layer composants{.modale{width:min(46rem,calc(100vw - var(--e-6)));max-height:min(44rem,calc(100dvh - var(--e-6)));margin:auto;padding:0;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-lg);box-shadow:var(--ombre-2);color:var(--texte);font-size:var(--t-md)}.modale::backdrop{background:#00000073}.modale form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:inherit}.modale-entete{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);padding:var(--e-3) var(--e-4);border-bottom:1px solid var(--bordure)}.modale-entete h2{font-size:var(--t-xl)}.modale-corps{overflow-y:auto;padding:var(--e-4)}.modale-champs{display:flex;flex-wrap:wrap;align-items:start;gap:var(--e-4)}.modale-champs .champ{flex:1 1 0}.modale-champs .champ+.champ{margin-top:0}.modale-aide{margin:var(--e-3) 0;color:var(--texte-doux);font-size:var(--t-sm)}.modale-avertissement{margin-bottom:var(--e-3);padding:var(--e-2) var(--e-3);border:1px solid color-mix(in oklab,var(--danger) 35%,transparent);border-radius:var(--r-sm);background:color-mix(in oklab,var(--danger) 10%,transparent);color:var(--danger)}.modale-pied{display:flex;justify-content:flex-end;gap:var(--e-2);padding:var(--e-3) var(--e-4);border-top:1px solid var(--bordure)}.entete-elements{display:flex;align-items:center;justify-content:space-between;gap:var(--e-3);margin-bottom:var(--e-2)}.elements-compteur{color:var(--texte-doux);font-size:var(--t-sm)}.groupe-elements+.groupe-elements{margin-top:var(--e-3)}.groupe-elements-titre{display:flex;align-items:center;gap:var(--e-2);margin-bottom:var(--e-1);font-size:var(--t-sm);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--texte-doux)}.liste-elements{list-style:none;border:1px solid var(--bordure);border-radius:var(--r-sm)}.liste-elements li+li{border-top:1px solid var(--bordure)}.liste-elements li{display:flex;align-items:center;gap:var(--e-2);padding-right:var(--e-2);min-height:var(--h-ligne)}.liste-elements li:hover{background:var(--surface-survol)}.element-ligne{display:flex;flex:1 1 auto;align-items:center;gap:var(--e-2);min-width:0;padding:var(--e-1) var(--e-2);cursor:pointer}.element-ligne--fige{cursor:default}.element-libelle{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-detail{color:var(--texte-faible);font-size:var(--t-sm)}.element-montant{min-width:5.5rem;text-align:right}.element-ajustement{display:flex;align-items:center;justify-content:flex-end;gap:var(--e-1);width:11.5rem;color:var(--accent-fort);cursor:pointer}.element-ajustement-libelle{color:var(--texte-doux);font-size:var(--t-xs)}.element-ajustement--vide{color:var(--texte-faible);cursor:default}.element-ajustement:has(input:disabled){color:var(--texte-faible);cursor:default}}@layer composants{.commentaire-enveloppe{position:relative}.popover--commentaire{display:grid;gap:var(--e-2);width:18rem;padding:var(--e-2)}.popover--commentaire textarea{min-height:4.5rem;padding:var(--e-2);border:1px solid var(--bordure);border-radius:var(--r-xs);resize:vertical;font:inherit}.popover--commentaire textarea:focus{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}}@layer composants{.pagination-mois{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--e-3);margin-bottom:var(--e-4)}.pagination-mois__deplacement{display:flex;grid-column:2;width:fit-content;align-items:center;gap:var(--e-1);padding:var(--e-1);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-pilule);box-shadow:var(--ombre-1)}.pagination-mois__deplacement .btn{border-color:transparent;background:transparent;border-radius:var(--r-pilule)}.pagination-mois__deplacement .btn:hover{background:var(--surface-douce);border-color:transparent}.pagination-mois__deplacement .btn--desactive,.pagination-mois__deplacement .btn--desactive:hover{background:transparent;color:var(--texte-doux);cursor:default;opacity:.4}.mois-courant{min-width:9rem;padding-block:var(--e-1);padding-inline:var(--e-2);background:var(--surface-douce);border-radius:var(--r-pilule);color:var(--texte);font-size:var(--t-sm);font-weight:600;text-align:center;text-transform:capitalize}.pagination-mois__retour{grid-column:3;justify-self:end}.pagination-annee{display:flex;width:fit-content;align-items:center;gap:var(--e-1);margin-inline:auto;margin-bottom:var(--e-4);padding:var(--e-1);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-pilule);box-shadow:var(--ombre-1)}.pagination-annee .btn{border-color:transparent;background:transparent;border-radius:var(--r-pilule)}.pagination-annee .btn:hover{background:var(--surface-douce);border-color:transparent}.annee-courante{min-width:4rem;padding-inline:var(--e-2);color:var(--texte-doux);font-size:var(--t-sm);font-weight:600;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--e-3);margin-top:var(--e-4)}.pagination .btn--desactive{color:var(--texte-doux);cursor:default;opacity:.4}.pagination-compteur{color:var(--texte-doux);font-size:var(--t-sm)}.selecteur-pilules{display:flex;flex-wrap:wrap;gap:var(--e-1)}.pilule{display:inline-flex;align-items:center;padding:var(--e-1) var(--e-3);border:1px solid var(--bordure);border-radius:var(--r-pilule);background:var(--surface);color:var(--texte-doux);font-size:var(--t-sm);font-weight:550;line-height:1.4;cursor:pointer;transition:background-color var(--transition),color var(--transition),border-color var(--transition)}.pilule:hover{background:var(--surface-douce)}.pilule input{position:absolute;width:1px;height:1px;opacity:0}.pilule:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.pilule.est-actif{background:var(--accent);border-color:var(--accent);color:var(--accent-contraste)}.pilule.est-actif:hover{background:var(--accent-fort)}}@layer jetons,base,structure,composants,tableau,utilitaires;@layer tableau{.tableau{table-layout:fixed;font-size:var(--t-md)}.tableau thead th{position:sticky;top:var(--h-barre-nav);z-index:2;padding:var(--e-2) var(--e-3);background:var(--surface-douce);border-block:1px solid var(--bordure);color:var(--texte-doux);font-size:var(--t-sm);font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tableau thead th.num{text-align:right}.tableau thead th.centre{text-align:center}.tableau tbody td{height:var(--h-ligne);padding-inline:var(--e-3);border-bottom:1px solid var(--bordure);vertical-align:middle}.tableau tbody tr:not([data-edition]) td{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tableau tbody tr:last-child td{border-bottom:none}.tableau tbody tr.est-credit td{background:color-mix(in oklab,var(--succes) 6%,var(--surface))}.tableau tbody tr.est-debit td{background:color-mix(in oklab,var(--danger) 6%,var(--surface))}.tableau tbody tr.est-compte-joint td{background:var(--surface-douce)}.marque-compte-joint{display:inline-flex;margin-right:var(--e-1);color:var(--texte-faible);vertical-align:middle}.marque-compte-joint svg{width:.8125rem;height:.8125rem}.tableau tbody tr.ligne-exclue td{opacity:.55}.tableau tbody tr:not(.groupe-entete):hover td{background:var(--surface-survol)}.cellule-libelle{display:flex;align-items:center;gap:var(--e-1)}.champ-libelle{position:relative;flex:1;min-width:0}.libelle-editable{width:100%;padding:0;border:none;border-radius:var(--r-xs);background:transparent;color:inherit;font:inherit;overflow:hidden;text-overflow:ellipsis;cursor:text}.libelle-editable:focus{outline:none;box-shadow:inset 0 0 0 2px var(--accent)}.col-date{width:6rem}.col-montant,.col-montant-disponible{width:8rem}.col-budget-mensualise,.col-achats-one-shot,.col-total-annuel,.col-prevision-annuelle{width:5.5rem}.tableau--synthese thead th.col-budget-mensualise,.tableau--synthese thead th.col-achats-one-shot,.tableau--synthese thead th.col-total-annuel,.tableau--synthese thead th.col-prevision-annuelle{white-space:normal;overflow:visible;text-overflow:clip}.col-taux,.col-nombre{width:8rem}.col-categorie,.col-type,.col-titulaire,.col-support,.col-supports,.col-porteur{width:10rem}.col-frequence{width:9rem}.col-echeance{width:9.5rem}.col-dates{width:14.5rem}.col-liquide,.col-neutralisee,.col-inclusion{width:5rem}.col-actions{width:7.5rem}.col-mois{width:5.5rem}.tableau-enveloppe--synthese{overflow:auto;max-height:min(28rem,60dvh)}.tableau-enveloppe--synthese .tableau thead th{top:0}.tableau--synthese{width:max-content;min-width:100%}.tableau--synthese .col-libelle{width:11rem}.tableau--synthese .col-budget-mensualise,.tableau--synthese .col-achats-one-shot{background:var(--surface-douce)}.tableau--synthese .col-achats-one-shot{border-right:1px solid var(--bordure-forte)}.tableau--synthese tbody td.col-budget-mensualise,.tableau--synthese tbody td.col-achats-one-shot{color:var(--texte-doux);font-style:italic}.tableau--categories .col-actions{width:9.5rem}.tableau--categories .col-nom{width:18rem}.tableau--categories .col-meta-categorie{width:8rem}.tableau--categories .col-type{width:6rem}.tableau--categories .col-nombre{width:5rem}.tableau--synthese .col-total-annuel,.tableau--synthese .col-prevision-annuelle{background:var(--surface-douce)}.tableau--synthese .col-total-annuel{border-left:1px solid var(--bordure-forte)}.tableau--synthese tbody td.col-total-annuel,.tableau--synthese tbody td.col-prevision-annuelle{font-weight:600}.tableau--synthese tbody tr.ligne-categorie-enfant td{background:repeating-linear-gradient(45deg,color-mix(in oklab,var(--texte-faible) 10%,transparent) 0 1px,transparent 1px 6px),var(--surface);font-style:italic}.tableau-enveloppe--evolution{overflow:auto}.tableau-enveloppe--evolution .tableau thead th{top:0}.tableau--evolution{width:max-content;min-width:100%}.tableau--evolution .col-libelle{width:11rem}.ligne-total td{background:var(--surface-douce);border-top:1px solid var(--bordure-forte);font-weight:600}.ligne-total--majeure td{height:calc(var(--h-ligne) * 1.3);font-size:var(--t-lg)}.tableau-enveloppe--synthese .ligne-total--majeure td{position:sticky;bottom:0;z-index:1}.num{text-align:right;font-variant-numeric:tabular-nums}.ecart-defavorable{color:var(--danger)}.ecart-favorable{color:var(--succes)}.mois-sans-donnee{color:var(--texte-faible)}.centre{text-align:center}.cellule-actions{position:relative;text-align:right;white-space:nowrap}.tableau tbody tr:not([data-edition]) td.cellule-actions{overflow:visible}.cellule-actions form{display:inline}.cellule-actions .btn{vertical-align:middle}.tri-lien{display:inline-flex;align-items:center;gap:var(--e-1);color:inherit;text-decoration:none}.tri-lien:hover{color:var(--texte)}.tri-icone{display:inline-flex;flex-direction:column;gap:1px;color:var(--texte-faible)}.tri-icone .est-actif{color:var(--accent)}.groupe-entete td{padding-block:var(--e-1);background:var(--surface-douce);border-top:1px solid var(--bordure-forte)}.groupe-compteur{margin-left:var(--e-2);color:var(--texte-faible);font-size:var(--t-xs)}.ligne-categorie-enfant td:first-child{padding-left:var(--e-5)}.badge-categorie--enfant{display:inline-block;padding-left:var(--e-2)}.tableau tr[data-edition=true] td{padding-inline:0;background:color-mix(in oklab,var(--accent) 7%,var(--surface))}.tableau tr[data-edition=true] td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.tableau [data-edition=true] :is(input:not([type=checkbox]),select),.tableau [data-edition=true] .champ-unite,.tableau [data-edition=true] .champ-multiselect-bouton{width:100%;height:var(--h-ligne);padding-inline:var(--e-3);border:none;border-radius:0;background-color:transparent;box-shadow:none;font-size:var(--t-md)}.tableau [data-edition=true] .champ-unite input{padding-inline:0 var(--e-1);height:100%}.tableau [data-edition=true] .champ-suffixe{padding-inline:0}.tableau [data-edition=true] :is(input:not([type=checkbox]),select):focus,.tableau [data-edition=true] .champ-unite:focus-within,.tableau [data-edition=true] .champ-multiselect-bouton:focus-visible{outline:none;background-color:var(--surface);box-shadow:inset 0 0 0 2px var(--accent)}.tableau [data-edition=true] .champ-select-bouton{right:var(--e-1)}.tableau [data-edition=true] select{padding-inline-end:var(--e-5)}.tableau [data-edition=true] input[type=checkbox]{margin-inline:var(--e-3)}.tableau [data-edition=true] .centre input[type=checkbox]{margin-inline:0}.tableau tr[data-edition=true] td.cellule-actions{padding-inline:var(--e-2)}.tableau [data-edition=true] .champ-compose{padding-inline:var(--e-3);gap:var(--e-1)}.tableau [data-edition=true] .champ-compose :is(input,select){padding-inline:var(--e-1)}.tableau [data-edition=true] .champ-select:has(.pastille) select{padding-inline-start:1.625rem}.tableau [data-edition=true] .champ-erreurs{padding:0 var(--e-3) var(--e-1)}.tableau-pied{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-2) var(--e-2);border-top:1px solid var(--bordure)}.est-en-cours{cursor:progress}.est-en-cours :is(input,select,button){pointer-events:none;opacity:.5}.est-sauvegarde td,form.est-sauvegarde{animation:flash-enregistre .7s ease-out}@keyframes flash-enregistre{0%{background-color:color-mix(in oklab,var(--succes) 25%,transparent)}}tr.est-en-erreur td:first-child,form.est-en-erreur{box-shadow:inset 2px 0 0 var(--danger)}@media(max-width:75rem){.tableau-enveloppe{overflow-x:auto}.tableau{min-width:66rem}.tableau thead th{position:static}}}@layer tableau{.tableau .num :is(input,select){text-align:right}}@layer tableau{.tableau [data-edition=true] .champ-compose input[type=date]{padding-inline:var(--e-1)}}@layer tableau{.tableau tr:not([data-edition]) .cellule-actions .btn{color:var(--texte-faible)}.tableau tr:not([data-edition]) .cellule-actions .btn:hover{color:var(--texte)}.tableau tr:not([data-edition]) .cellule-actions .btn--danger:hover{color:var(--danger)}.tableau tr:not([data-edition]) .cellule-actions .btn--accent:hover{color:var(--accent-fort)}}@layer tableau{.col-evolution{width:6.5rem}.col-detail{width:2.25rem}td.declencheur-evolution{cursor:pointer;transition:background var(--transition)}td.declencheur-evolution:hover,td.declencheur-evolution:focus-visible{background:var(--surface-douce)}.bouton-detail{display:inline-flex;align-items:center;justify-content:center;width:var(--h-controle);height:var(--h-controle);color:var(--texte-faible);transition:color var(--transition)}.col-detail[aria-expanded=true] .bouton-detail svg{rotate:180deg}.bouton-detail svg{transition:rotate var(--transition)}.tableau tbody tr.ligne-detail td{height:auto;padding:var(--e-4);overflow:visible;white-space:normal;text-overflow:clip;background:var(--surface-douce)}.detail-entete{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--e-3)}.detail-entete h3{font-size:var(--t-md);color:var(--texte-doux);font-weight:600}.detail-grille{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--e-4);align-items:start}.detail-graphique{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-md);padding:var(--e-3)}.detail-graphique svg{width:100%;height:auto;display:block}.detail-tableau{max-height:11rem;overflow-y:auto;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-md)}.detail-tableau table{width:100%;font-size:var(--t-sm)}.detail-tableau th,.detail-tableau td{padding:var(--e-1) var(--e-2);text-align:right;white-space:nowrap}.detail-tableau th:first-child,.detail-tableau td:first-child{text-align:left}.detail-tableau thead th{position:sticky;top:0;background:var(--surface-douce);color:var(--texte-doux);font-weight:600}.detail-tableau tbody tr:nth-child(2n){background:var(--surface-douce)}@media(max-width:60rem){.detail-grille{grid-template-columns:1fr}}.cellule-declencheur{cursor:pointer;transition:background var(--transition)}.cellule-declencheur:hover,.cellule-declencheur:focus-visible{background:var(--surface-douce)}.tableau tbody.ligne-detail td{height:auto;padding:var(--e-1) var(--e-3);overflow:visible;white-space:normal;background:var(--surface-douce)}.detail-operation{display:flex;align-items:center;gap:var(--e-3)}.detail-operation-date{flex:0 0 6rem;color:var(--texte-faible)}.detail-operation-libelle{flex:0 1 18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-operation-montant{flex:0 0 8rem}.detail-operation-support{flex:0 0 10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--texte-faible)}.detail-reinit{display:none;padding:0;border:none;background:none;color:var(--accent);font-size:var(--t-sm);cursor:pointer}.detail-reinit:hover{text-decoration:underline}.ligne-detail[data-mois-filtre]:not([data-mois-filtre=""]) .detail-reinit{display:inline-flex}.ligne-detail[data-mois-filtre=""] .ligne-detail-reinit{display:none}.tableau tbody tr.ligne-en-surbrillance td{background:var(--accent-doux)}.ligne-detail[data-mois-filtre="01"] [data-mois]:not([data-mois="01"]),.ligne-detail[data-mois-filtre="02"] [data-mois]:not([data-mois="02"]),.ligne-detail[data-mois-filtre="03"] [data-mois]:not([data-mois="03"]),.ligne-detail[data-mois-filtre="04"] [data-mois]:not([data-mois="04"]),.ligne-detail[data-mois-filtre="05"] [data-mois]:not([data-mois="05"]),.ligne-detail[data-mois-filtre="06"] [data-mois]:not([data-mois="06"]),.ligne-detail[data-mois-filtre="07"] [data-mois]:not([data-mois="07"]),.ligne-detail[data-mois-filtre="08"] [data-mois]:not([data-mois="08"]),.ligne-detail[data-mois-filtre="09"] [data-mois]:not([data-mois="09"]),.ligne-detail[data-mois-filtre="10"] [data-mois]:not([data-mois="10"]),.ligne-detail[data-mois-filtre="11"] [data-mois]:not([data-mois="11"]),.ligne-detail[data-mois-filtre="12"] [data-mois]:not([data-mois="12"]){display:none}.detail-impacts{margin-top:var(--e-4)}.detail-impacts h4{margin-bottom:var(--e-2);color:var(--texte-doux);font-size:var(--t-sm);font-weight:600}.detail-impacts-groupe{margin-bottom:var(--e-3)}.detail-impacts-groupe:last-child{margin-bottom:0}.detail-impacts-titre{display:block;margin-bottom:var(--e-1);color:var(--texte-faible);font-size:var(--t-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.detail-impacts ul{display:flex;flex-direction:column;gap:1px;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-md);overflow:hidden}.detail-impacts li{display:flex;align-items:center;gap:var(--e-2);padding:var(--e-1) var(--e-2);background:var(--surface);font-size:var(--t-sm)}.detail-impacts-libelle{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-impacts-frequence{color:var(--texte-faible);font-size:var(--t-xs);white-space:nowrap}.detail-impacts .num{white-space:nowrap}}@layer jetons,base,structure,composants,tableau,utilitaires;@layer utilitaires{.hors-ecran{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.est-masquee{display:none}.valeur-heritee{color:var(--texte-faible)}.valeur-propre{font-weight:600}.valeur-negative{color:var(--danger)}.valeur-positive{color:var(--succes)}.ligne-attenuee{opacity:.55}}
