/* Chantier n° 16 (01/11) — « Réglages » façon SpiderVO (Gestion › Réglages, /gestion?vue=reglages, sans serveur).
   Bureau : le sommaire des huit catégories à gauche, la catégorie à droite en lignes denses — un nom, sa valeur
   (ou « Ouvrir · dans la V1 »), l'explication au survol ; la recherche en tête. Téléphone : une ligne par catégorie
   qui s'ouvre à la place de la liste (« ← Réglages »), celui « Filtres » de la coque masqué, textes ≥ 15 px,
   cibles ≥ 44 px, rien qui glisse de côté. Préfixe « rgs- » (absent de front/ avant ce chantier). Chargé après
   chiffres-chf.css ; il passe par-dessus ux-reglages.css (rg-…, rgv-…) dans la seule section.rgs.
   Retour arrière : retirer le <link>. */
section.rgs{display:flex;flex-direction:column;gap:12px;max-width:none;padding:16px 24px 48px;min-width:0}
.rgs-tete{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.rgs-tete h1{margin:0;font-size:var(--ap-t-titre);font-weight:var(--ap-g-chiffre);letter-spacing:-.025em}
.rgs-q{margin-left:auto;width:300px;max-width:100%;height:var(--ap-h-ctrl);padding:0 10px;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-encre));font:inherit;font-size:var(--ap-t-m);box-sizing:border-box}
.rgs-corps{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;align-items:start;min-width:0}

/* Le sommaire : une catégorie par ligne, la choisie en bleu (le détail « n ici · n dans la V1 » au survol). */
.rgs .rgs-nav{position:sticky;top:12px;display:flex;flex-direction:column;gap:1px;padding:6px;margin:0;border:0;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;overflow:visible;flex-wrap:nowrap}
.rgs .rgs-cat{display:flex;align-items:center;min-height:34px;padding:0 10px;border:0;border-radius:var(--ap-r-s);background:none;color:hsl(var(--ap-encre));font-size:var(--ap-t-m);font-weight:var(--ap-g-moyen);text-decoration:none;white-space:normal;line-height:1.2;box-shadow:none;height:auto}
.rgs .rgs-cat:hover{background:hsl(var(--ap-fond))}
.rgs .rgs-cat.on{background:hsl(var(--ap-action-doux));color:hsl(var(--ap-action-fort));font-weight:var(--ap-g-titre);box-shadow:3px 0 0 hsl(var(--ap-action)) inset}

/* La catégorie : un titre, des lignes de 36 px. */
.rgs-contenu{display:flex;flex-direction:column;gap:16px;min-width:0}
.rgs .rgs-bloc{display:flex;flex-direction:column;gap:6px;max-width:none;margin:0;padding:12px 16px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset;min-width:0}
.rgs-bloc h2,.rgs-resultats h2{margin:0 0 4px;font-size:var(--ap-t-l, 17px);font-weight:var(--ap-g-titre)}
.rgs-retour{display:none}
.rgs.rgs-cherche .rgs-bloc{display:none}
.rgs-resultats{padding:12px 16px;border-radius:var(--ap-r-l);background:hsl(var(--ap-carte));box-shadow:0 0 0 1px hsl(var(--ap-trait)) inset}
.rgs-vide{margin:0;color:hsl(var(--ap-doux))}
.rgs .rgs-lignes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:28px}
@media (min-width:1200px){.rgs .rg-lignes.rgs-lignes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rgs .rgs-l,.rgs .rg-l{display:flex;align-items:center;gap:12px;min-height:36px;padding:3px 0;border-top:1px solid hsl(var(--ap-trait));font-size:var(--ap-t-m);min-width:0}
.rgs .rg-l-ici{display:block;padding:3px 0}
.rgs .rgs-l-connecteurs{flex-wrap:wrap;grid-column:1/-1}
.rgs .rp-aide-t{display:none}
.rgs .rp-pt small{display:block;color:hsl(var(--ap-encre))}
.rgs .rg-categorie .rp-pref{min-height:36px;padding:3px 0}
/* Un nom court ; l'explication de la V1 passe au survol (title de la ligne). */
.rgs .rg-t small,.rgs .rgv-t small,.rgs .rb-t small{display:none}
.rgs .rgs-nom,.rgs .rg-t,.rgs .rgv-t{flex:1 1 auto;min-width:0;font-weight:var(--ap-g-moyen)}
.rgs .rg-t b,.rgs .rgv-t b{font-weight:var(--ap-g-moyen)}
.rgs [title]{cursor:default}
.rgs .rgs-val,.rgs .rgv-resume{flex:0 1 auto;font-size:var(--ap-t-s);color:hsl(var(--ap-encre));font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.rgs .rgv-tete{min-height:30px}
.rgs-ouvrir,.rgs-detail{flex:0 0 auto;display:inline-flex;align-items:center;height:calc(var(--ap-h-ctrl) - 6px);padding:0 10px;border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);background:hsl(var(--ap-carte));color:hsl(var(--ap-action));font:inherit;font-size:var(--ap-t-s);font-weight:var(--ap-g-titre);text-decoration:none;cursor:pointer}
.rgs-detail[aria-expanded="true"]{color:hsl(var(--ap-doux))}
/* Les connecteurs : un nom, un mot et une couleur. */
.rgs-sous{list-style:none;flex:1 1 100%;margin:4px 0 2px;padding:0 0 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:28px}
.rgs-sous .rgs-l{min-height:30px;border-top:1px dashed hsl(var(--ap-trait))}
.rgs-mot{display:inline-flex;align-items:center;padding:1px 10px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;background:hsl(var(--ap-gris-doux));color:hsl(var(--ap-doux));cursor:help}
.rgs-mot.vert{background:hsl(var(--ap-vert-doux));color:hsl(var(--ap-vert))}
.rgs-mot.ambre{background:hsl(var(--ap-ambre-doux));color:hsl(var(--ap-ambre))}
/* Un seul bouton bleu : les « Enregistrer » pleins des blocs ne se voient qu'une fois le bloc ouvert. */
.rgs .rgv:not(.rgv-ouvert) .rgv-principal{display:none}

/* Téléphone (≤ 767 px). */
@media (max-width:767px){
  body:has(section.rgs) .n1-puce-filtres{display:none!important}
  section.rgs{padding:10px 16px 96px;font-size:15px;gap:10px}
  .rgs-tete h1{font-size:22px}
  .rgs-q{flex:1 1 100%;width:100%;margin-left:0;height:44px;font-size:16px}
  .rgs-corps{grid-template-columns:minmax(0,1fr);gap:10px}
  /* La liste des catégories, ou la catégorie à sa place. */
  .rgs[data-tel="liste"] .rgs-contenu{display:none}
  .rgs[data-tel="detail"] .rgs-nav{display:none}
  .rgs[data-tel="detail"] .rgs-q{display:none}
  .rgs.rgs-cherche .rgs-nav{display:none}
  .rgs.rgs-cherche .rgs-contenu{display:flex}
  .rgs .rgs-nav{position:static;padding:0;gap:0;overflow:hidden}
  .rgs .rgs-cat{min-height:52px;padding:0 16px;font-size:16px;border-radius:0;border-bottom:1px solid hsl(var(--ap-trait))}
  .rgs .rgs-cat:last-child{border-bottom:0}
  .rgs .rgs-cat::after{content:"›";margin-left:auto;padding-left:12px;font-size:20px;color:hsl(var(--ap-doux))}
  .rgs .rgs-cat.on{background:none;color:hsl(var(--ap-encre));font-weight:var(--ap-g-moyen);box-shadow:none}
  .rgs-retour{display:inline-flex;align-items:center;align-self:flex-start;min-height:44px;font-size:15px;font-weight:600;color:hsl(var(--ap-action-fort));text-decoration:none}
  .rgs .rgs-bloc{padding:4px 12px 12px}
  .rgs-bloc h2,.rgs-resultats h2{font-size:18px}
  .rgs .rgs-l,.rgs .rg-l{min-height:48px;font-size:15px;flex-wrap:wrap;gap:4px 10px}
  .rgs .rg-l-v1{flex-wrap:nowrap}
  .rgs .rg-l-v1 .rgv-v1{flex:0 0 auto;white-space:nowrap}
  .rgs .rgs-l-connecteurs{flex-wrap:wrap}
  .rgs .rgs-nom,.rgs .rg-t,.rgs .rgv-t,.rgs .rg-t b,.rgs .rgv-t b,.rgs .rb-t b{font-size:15px}
  .rgs .rgs-val,.rgs .rgv-resume{font-size:15px;max-width:100%;white-space:normal;text-align:left}
  .rgs .rgv-tete{flex-wrap:wrap;gap:4px 10px}
  .rgs .rgv-resume{flex-basis:100%;order:3}
  .rgs :is(.rgs-ouvrir,.rgs-detail,.rgv-ouvrir,.rgv-v1,.rgv-ok,.rgv-mini,.rgv-bascule,button,select,a.btn){min-height:44px;font-size:15px}
  .rgs :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){font-size:16px;min-height:44px;max-width:100%;box-sizing:border-box}
  .rgs :is(small,.rgv-note,.rgv-msg,.rgv-aide,.rp-msg,.rgv-tab,.rgv-tab th,.rgv-tab td,label,.rb-case,.rbb-champ,.rbb-champ>span,.rgs-mot){font-size:15px}
  .rgs .rgs-sous{grid-template-columns:minmax(0,1fr);padding-left:0}
  .rgs .rgv-defile,.rgs .fw-table-scroll{max-width:100%;overflow-x:auto}
}