/* TrackR · styles du module parametres (nettoyage, étape 4b) : ses règles, sorties de la base par _local/outils/etape4-ecran/ranger-par-module.js
   sans rien réécrire, dans leur ordre d'origine. Chargé après la base, dans l'ordre fixe des balises d'index.html, avant Givre. */
/* V1.3 components re-themed with V2 tokens: the legacy sheet hardcodes dark/lime colours that broke light mod … */
.v2-check-row{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer}
.v2-push-zone{display:grid;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.v2-push-zone .btn{justify-self:start}
.v2-push-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:12px;font-weight:700;color:var(--green)}
#google-settings .v2-push-row{margin-bottom:4px}
/* 2.14 (« les cartes À envoyer, Facturé ce mois… c'est trop gros ») : sur téléphone aussi 3 + 2, en petit (ch … */
.v2-extra{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.v2-extra .v2-details{margin-top:14px}
/* 2.21 (« le menu de statut de la tâche est tout à droite, loin du titre ») : le statut suit le titre ; échéa … */
.v2-nav-set-ico{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:var(--surface2);color:var(--accent)}
.v2-set-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.v2-set-flow.is-one{grid-template-columns:minmax(0,1fr)}
.v2-set-col{display:grid;gap:18px;align-content:start;min-width:0}
@media (max-width:1100px){.v2-set-flow{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.v2-set-flow{gap:13px}}
/* Paramètres en sections (2.18, « c'est le bazar ») : les puces des sections (même pastille que les états des projets) restent
   collées en haut en défilant, sous la barre du haut sur téléphone, où la rangée défile de côté. Un saut (puce, lien
   « Paramètres → … ») s'arrête sous les puces : scroll-margin des sections et des blocs. Le fond flouté n'apparaît qu'une fois
   la rangée collée (is-stuck, posé par setSpy) ; sur téléphone il prend toute la largeur, sous la barre du haut. */
.v2-set-nav{position:sticky;top:0;z-index:30;margin:0 0 8px;padding:8px 0;transition:background-color .15s}
.v2-set-nav.is-stuck{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.v2-set-nav .v2-ptabs{background:color-mix(in srgb,var(--surface2) 94%,transparent)}
.v2-set-sec{margin:0 0 34px;scroll-margin-top:70px}
.v2-set-sec .settings-block{scroll-margin-top:70px}
.v2-set-sec-head{margin:0 0 14px;padding:0 2px}
.v2-set-sec-title{margin:0;font:700 21px 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.05em;color:var(--text)}
.v2-set-sec-sub{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
@media (max-width:860px){
 /* 2.21 · « barre de fond de menu qui passe devant les onglets » : la rangée se collait à 60 px (hauteur du header en 2.18) alors que
    le header fait 70 px + barre d'état depuis la 2.20.6 ; son fond en verre couvrait le haut des puces. Collée juste sous le header. */
 .v2-set-nav{top:calc(70px + env(safe-area-inset-top,0px));margin:0 -17px 4px;padding:6px 17px}
 /* Sur téléphone, dès que la page a défilé, la rangée prend le même verre que le header (une seule bande, sans démarcation) et ne
    laisse plus voir le texte qui passe dessous ; en haut de page elle reste sans fond, comme le header (« tout uni »). */
 .v2-set-nav{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
 html.is-scrolled .v2-set-nav{background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:var(--glass-blur,blur(14px));backdrop-filter:var(--glass-blur,blur(14px))}
 html.is-scrolled[data-skin=givre] .v2-set-nav{background:color-mix(in srgb,var(--bg) 52%,transparent)}
 .v2-set-sec{margin-bottom:26px}
 .v2-set-sec,.v2-set-sec .settings-block{scroll-margin-top:calc(52px + env(safe-area-inset-top,0px))}
 .v2-set-sec-head{margin-bottom:10px}
 .v2-set-sec-title{font-size:19px}
}
@media (max-width:860px) and (prefers-reduced-transparency:reduce){html.is-scrolled .v2-set-nav,html.is-scrolled[data-skin] .v2-set-nav{background:var(--nav);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (max-width:430px){.v2-set-nav{margin-inline:-13px;padding-inline:13px}}
.v2-extra-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
/* 2.28.2 · « bug d'affichage » : la ligne Billit sous le nom, sur toute la largeur (à droite, elle écrasait l … */
.v2-remind-state{display:flex;align-items:flex-start;gap:8px}
/* 2.17 (« les cartes sont trop grandes, mal dimensionnées ») : sur téléphone, l'objectif sur toute la largeur … */
.v2-mem-tag{margin-left:4px;padding:2px 7px;border-radius:99px;background:var(--surface2);color:var(--muted);font-size:10.5px;font-style:normal;font-weight:800;vertical-align:2px}
.v2-mem-role{display:inline-flex;align-items:center;gap:5px;flex:none}
.v2-mem-acts{display:flex;gap:2px;flex:none}
@media (max-width:560px){.v2-mem-role{margin-left:52px}.v2-mem-acts{margin-left:auto}}
.v2-mem-projects{display:grid;gap:10px}
.v2-mem-ph{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.v2-mem-pick{max-height:236px;overflow:auto;align-content:flex-start;padding:2px}
/* 2.16 : thème clair / sombre / auto (Paramètres → Apparence) */
.v2-theme-modes{margin-top:12px}
.v2-skin-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:12px}
.v2-skin-opt{display:flex;align-items:center;gap:11px;min-width:0;padding:8px 12px 8px 8px;border:1px solid var(--line2);border-radius:15px;background:var(--surface);color:var(--text);text-align:left;font:inherit;cursor:pointer;transition:border-color .18s,box-shadow .18s}
.v2-skin-sw{position:relative;flex:none;width:40px;height:40px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}
.v2-skin-opt.is-classic .v2-skin-sw{background:linear-gradient(150deg,#2f2670,#120f26)}
.v2-skin-opt.is-classic .v2-skin-sw i:nth-child(1){width:26px;height:26px;left:-6px;top:-6px;background:#8759f5}
.v2-skin-opt.is-classic .v2-skin-sw i:nth-child(2){width:22px;height:22px;right:-4px;bottom:-4px;background:#4d8fff}
.v2-skin-opt.is-classic .v2-skin-sw i:nth-child(3){width:8px;height:8px;right:9px;top:9px;filter:none;background:#a78bfa}
.v2-skin-opt.is-givre .v2-skin-sw{background:linear-gradient(160deg,#dfe7f0,#9fb4cb 55%,#3b2140)}
.v2-skin-opt.is-givre .v2-skin-sw i:nth-child(1){width:30px;height:30px;left:-8px;top:-8px;background:#f4f7fb}
.v2-skin-opt.is-givre .v2-skin-sw i:nth-child(2){width:24px;height:24px;right:-6px;bottom:-6px;background:#c26bb4}
.v2-skin-opt.is-givre .v2-skin-sw i:nth-child(3){inset:10px;border-radius:9px;filter:none;background:#ffffff5c;box-shadow:inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.v2-skin-txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.v2-theme-auto{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
/* 2.20 : boutons « œil » (montants masqués) et bloc de Paramètres ; montant masqué en « •••• € ». */
.v2-money-now{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}
/* 2.21 · Fonction de l'équipe (« d'autres types de fonction comme marketeur ou designer ») : titre discret, j … */
.v2-mem-job{flex:0 1 auto;min-width:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--muted)}
@media (max-width:560px){.v2-mem-job{flex:1 1 calc(100% - 52px);max-width:none;margin:-5px 0 0 52px}}
/* 2.23.5 · « Mes objectifs » : objectifs réglés sur place, ajout, catégories ajoutées (administrateurs). */
.v2-ge-head-acts{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* 2.28.2 · Revue des espacements (« des blocs qui se chevauchent ou qui sont trop collés ») : … */
.v2-mem-acts{gap:6px}