/* « Réglages de cette page » (lot N8, 21/10) : l'entrée de la barre du haut, son panneau latéral,
   et les PRÉFÉRENCES D'AFFICHAGE appliquées aux écrans (attributs data-p-… posés sur <html> par
   crates/ui/src/preferences_page.rs, registre crates/donnees/src/reglages_page.rs). Jetons --ap- seulement. */

/* ── L'entrée, à côté de l'aide (?) ─────────────────────────────────────────────────────── */
.rp-entree{flex-shrink:0;display:grid;place-items:center;width:34px;height:var(--ap-h-ctrl);padding:0;border-radius:var(--ap-r-m);border:1px solid hsl(var(--band-line) / .2);background:hsl(var(--band-line) / .07);color:hsl(212 35% 86%);cursor:pointer}
.rp-entree:hover,.rp-entree[aria-expanded="true"]{color:#fff;background:hsl(var(--band-line) / .14)}
.rp-entree:focus-visible{outline:2px solid hsl(var(--ap-action));outline-offset:2px}
.rp-ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ── Le panneau ─────────────────────────────────────────────────────────────────────────── */
.rp-tete h2{display:flex;align-items:center;gap:var(--ap-e2)}
.rp-tete h2 .rp-ic{width:15px;height:15px;color:hsl(var(--ap-doux))}
.rp-tete h2 small{font-size:var(--ap-t-s);font-weight:var(--ap-g-moyen);color:hsl(var(--ap-doux))}
.rp-tete h2 small::before{content:"· ";}
.rp-s{display:flex;flex-direction:column;gap:var(--ap-e2)}
.rp-s+.rp-s{padding-top:var(--ap-e3);border-top:1px solid hsl(var(--ap-trait))}
.rp-s h3{font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--ap-doux))}
.rp-pref{display:flex;flex-direction:column;gap:6px;padding:var(--ap-e2) 0;border-top:1px solid hsl(var(--ap-trait))}
.rp-s>h3+.rp-aide+.rp-pref{border-top:0}
.rp-pt{display:flex;flex-direction:column;gap:2px;min-width:0}
.rp-pt b{font-weight:var(--ap-g-moyen);font-size:var(--ap-t-m)}
.rp-pt small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.rp-seg{display:inline-flex;align-self:flex-start;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);overflow:hidden}
.rp-seg button{height:calc(var(--ap-h-ctrl) - 6px);padding:0 var(--ap-e3);border:0;border-left:1px solid hsl(var(--ap-trait));background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-s);cursor:pointer}
.rp-seg button:first-child{border-left:0}
.rp-seg button:hover{background:hsl(var(--ap-fond))}
.rp-seg button.on{background:hsl(var(--ap-action));color:#fff;font-weight:var(--ap-g-titre)}
.rp-champ{display:flex;align-items:center;gap:var(--ap-e2)}
.rp-champ input{flex:1 1 auto;min-width:0;height:calc(var(--ap-h-ctrl) - 6px);padding:0 var(--ap-e2);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;font-size:var(--ap-t-m);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre))}
.rp-champ input[inputmode="numeric"]{flex:0 0 96px;text-align:right;font-variant-numeric:tabular-nums}
.rp-unite{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.rp-ok{color:hsl(var(--ap-action));font-weight:var(--ap-g-titre)}
.rp-msg{font-size:var(--ap-t-s)}
.rp-msg.ok{color:hsl(var(--ap-vert))}.rp-msg.non{color:hsl(var(--ap-rouge))}
.rp-gerant{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.rp-v1{display:flex;align-items:center;gap:var(--ap-e2);margin:0;padding:var(--ap-e2) 0;border-top:1px solid hsl(var(--ap-trait))}
.rp-v1>span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.rp-v1 b{font-weight:var(--ap-g-moyen)}
.rp-v1 small{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.rp-lien{display:inline-flex;align-items:center;text-decoration:none;color:hsl(var(--ap-action))}
.rp-bloc{padding-top:var(--ap-e2);border-top:1px solid hsl(var(--ap-trait))}
/* Le formulaire REG-46 (Gestion › Réglages) posé dans le panneau : sans cadre de carte. */
.rp-porte .panel{border:0;box-shadow:none;margin:0;background:none}
.rp-porte .panel .body,.rp-porte .panel .panel-title{padding-left:0;padding-right:0}
.rp-pied{padding:var(--ap-e3) var(--ap-e4);border-top:1px solid hsl(var(--ap-trait))}
.rp-tous{font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);color:hsl(var(--ap-action));text-decoration:none}
.rp-tous:hover{text-decoration:underline}

/* ── Préférences d'affichage appliquées (valeur par défaut = maquette validée, rien à écrire) ── */
/* Aujourd'hui : toutes les affaires ; tuiles « À traiter » sans photo. */
[data-p-aujourdhui-affaires="toutes"] .aj-affaires .aj-lignes>.aj-lg:nth-child(n){display:grid}
[data-p-aujourdhui-vignettes="non"] .aj-traiter .aj-bande{display:none}
/* Stock : la ligne « couleur · carrosserie · puissance » et la mise en circulation, dépliées. */
[data-p-stock-details="affiche"] .st-ve>span:nth-of-type(2){display:block}
[data-p-stock-mec="affiche"] .st-dd small+small{display:block}
/* Fiche : les options en pastilles encadrées (présentation d'avant le recadrage). */
[data-p-fiche-options="pastilles"] .pv-puces{display:flex;flex-wrap:wrap;gap:var(--ap-e2)}
[data-p-fiche-options="pastilles"] .pv-puce{height:30px;padding:0 var(--ap-e3);border-radius:var(--ap-r-m);background:hsl(var(--pv-gris-doux));font-weight:var(--ap-g-moyen);max-width:none}
[data-p-fiche-options="pastilles"] .pv-puce.on{background:hsl(var(--pv-menthe-doux));box-shadow:0 0 0 1px hsl(var(--pv-menthe-fort)/.5) inset;color:hsl(var(--pv-menthe-fort))}
/* Offres : sans la pastille « Présentiel / À distance ». */
[data-p-offres-canal="masque"] .l19-pastille[class*="l19-canal-"]{display:none}
/* Atelier : cartes du Tableau sans photo ; toutes les demandes à l'atelier, sans défilement. */
[data-p-atelier-photos="sans"] .v4-ph{display:none}
[data-p-atelier-demandes="toutes"] .da[data-demandes-atelier="garage"] .da-ls{max-height:none;overflow:visible}
/* Administratif : colonnes resserrées des « Dossiers à traiter » (la grille suit, Rust). */
[data-p-admin-colonnes="resserrees"] .or .cA,[data-p-admin-colonnes="resserrees"] .or .cV,[data-p-admin-colonnes="resserrees"] .or .cS{display:none}

/* ── Gestion › Réglages en ligne : une catégorie par adresse (`&categorie=`), lot N8 ─────── */
.rg-cats{display:flex;flex-wrap:wrap;gap:var(--ap-e1) var(--ap-e2);margin:0 0 var(--ap-e3)}
.rg-cat{padding:4px var(--ap-e2);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-s);font-size:var(--ap-t-s);color:hsl(var(--ap-encre));text-decoration:none;background:hsl(var(--ap-carte))}
.rg-cat:hover{background:hsl(var(--ap-fond))}
.rg-cat.on{border-color:hsl(var(--ap-action));color:hsl(var(--ap-action));font-weight:var(--ap-g-titre)}
.rg-categorie{max-width:720px;display:flex;flex-direction:column;gap:var(--ap-e3);padding:var(--ap-e3) var(--ap-e4);background:hsl(var(--ap-carte));border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-l);box-shadow:var(--ap-ombre-1)}
.rg-categorie h2{margin:0;font-size:var(--ap-t-l);font-weight:var(--ap-g-titre)}
.rg-ecran h3{margin:0 0 var(--ap-e1);font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--ap-doux))}
.rg-ecran .rp-s>h3,.rg-ecran .rp-s>.rp-aide{display:none}
.rg-ecran .rp-s>h3+.rp-aide+*{border-top:0}
.rg-v1{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ap-e2);padding-top:var(--ap-e3);border-top:1px solid hsl(var(--ap-trait))}
.rg-v1 p{margin:0;font-size:var(--ap-t-s)}
.rg-liste{margin:0;padding-left:var(--ap-e4);font-size:var(--ap-t-m);display:grid;gap:2px}
/* Le panneau passe au-dessus de la bulle de remarques (z-index 68–71). */
.rp-fond{z-index:72}
.rp-panneau{z-index:73}
.rp-pied{padding-bottom:calc(var(--ap-e4) + env(safe-area-inset-bottom))}
@supports (height:100dvh){.rp-panneau{bottom:auto;height:100dvh}}
/* Dans le panneau, le formulaire REG-46 garde l'essentiel : la case et « Enregistrer » (le détail
   — valeurs par défaut, recharger, historique — reste dans Gestion › Réglages). */
.rp-porte .panel-title h2{font-size:var(--ap-t-m);font-weight:var(--ap-g-moyen)}
.rp-porte .body>p.small.muted:first-child{display:none}
.rp-porte .fw-actions-row .btn:not(.primary){display:none}
/* L2b (22/10) : au téléphone, le bouton ⚙ ne pousse plus la barre du haut hors de l'écran
   (débordait de 8 px à 390 px) : les écarts de la barre passent à 4 px (jeton du recadrage). */
@media (max-width:420px){header.v2-entete.c1-entete:has(.rp-entree){gap:var(--ap-e1)}}
@media (max-width:380px){header.v2-entete.c1-entete .brand.v2-marque .v2-marque-texte{display:none}}