/* Onglet Pepper_cfg — reutilise le chrome org-* partage (classes globales : .org-tab, .org-layout,
   .org-group(-header), .org-subgroup(-header), .tree-cat, .org-toolbar, .org-empty). Ici :
   uniquement les regles ID-specifiques (sidebar/tree/main/content) en #pcfg-*, miroir du volet
   de Pepper (organisation.js) -- squelette grise, prevu pour recevoir les pages de
   configuration (GED/GCE/Agenda/Datasets/Comptes) en attendant une vraie migration de code. */
main > #tab-pepper_cfg-slot { padding:0; overflow:hidden; }
main > #tab-pepper_cfg-slot section { padding:0; flex:1; min-height:0; display:flex; flex-direction:column; }

#pcfg-sidebar { background:rgba(20,20,23,.25); border-right:1px solid rgba(255,255,255,.1); overflow-y:auto; backdrop-filter:blur(24px) saturate(180%); }
#pcfg-tree { list-style:none; margin:0; padding:.35rem 0; }
#pcfg-main { display:flex; flex-direction:column; min-height:0; min-width:0; position:relative; }

#pcfg-content { flex:1; overflow-y:auto; padding:1rem 1.2rem; display:flex; flex-direction:column; gap:.85rem; }

/* Titre de categorie en teinte principale en permanence (principe #128) */
#pcfg-tree .org-group-header .g-name { color:var(--p-base); }
/* ...sauf si le groupe est lui-meme un conteneur totalement vide (voir isEmptyNode) */
#pcfg-tree .org-group-header.is-empty .g-name { color:#52525b; }
/* Sous-categorie grisee tant que vide (aucune page de config reellement branchee encore) */
#pcfg-tree .tree-cat.is-empty .org-label { color:#52525b; }
#pcfg-tree .tree-cat.is-empty .org-icon { color:#3f3f46; }