/* ====================================================================
   ATLAS CONNECT · ACCENTS PAR PORTAIL (menus + catégories)
   Reprend les codes couleurs des 3 profils de connexion :
     · Client      → bleu           (espace-client : déjà la référence, rien à surcharger)
     · Technicien  → mauve foncé    body[data-portal="tech"]
     · Admin       → orange / or    body[data-portal="admin"]
   Deux thèmes : sombre (défaut) + clair (body.theme-light), contrastes ajustés.
   Chargé APRÈS atlas-admin.css ; la spécificité [data-portal] suffit à primer.
   ==================================================================== */

/* ================= TECHNICIEN · mauve foncé ================= */
body[data-portal="tech"]{--pa:#7c3aed;--pa-l:#a78bfa;--pa-glow:rgba(167,139,250,.8)}

/* libellés de section + sous-titre logo */
body[data-portal="tech"] .sb-sec{color:#a78bfa}
body[data-portal="tech"] .sb-logo .sbl-sub{color:#a78bfa}
body[data-portal="tech"] .sb-badge{background:linear-gradient(120deg,rgba(124,58,237,.24),rgba(139,92,246,.14));border-color:rgba(167,139,250,.35);color:#cdbcff}

/* items de menu */
body[data-portal="tech"] .nav-item:hover{background:rgba(139,92,246,.1);color:#e9e1ff}
body[data-portal="tech"] .nav-item:hover svg{stroke:#a78bfa}
body[data-portal="tech"] .nav-item.is-active{background:linear-gradient(100deg,rgba(109,40,217,.34),rgba(109,40,217,.08));color:#fff;box-shadow:inset 0 0 0 1px rgba(167,139,250,.28)}
body[data-portal="tech"] .nav-item.is-active svg{stroke:#fff}
body[data-portal="tech"] .nav-item.is-active::before{background:#a78bfa;box-shadow:0 0 10px rgba(167,139,250,.8)}
body[data-portal="tech"] .nav-group>summary:focus-visible{outline-color:#a78bfa}

/* groupes / catégories (pages qui en ont) */
body[data-portal="tech"] .nav-gh-l{background:linear-gradient(95deg,#c4b5fd 0%,#a78bfa 55%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;color:#a78bfa}
body[data-portal="tech"] .nav-gh-dot{background:#a78bfa;box-shadow:0 0 8px #a78bfa}

/* bottom-nav mobile technicien */
body[data-portal="tech"] .tbn.is-active,
body[data-portal="tech"] .tech-bn button.is-active{color:#a78bfa}

/* ---- thème clair ---- */
body.theme-light[data-portal="tech"] .sb-sec{color:#5b21b6}
body.theme-light[data-portal="tech"] .sb-logo .sbl-sub{color:#5b21b6}
body.theme-light[data-portal="tech"] .sb-badge{background:rgba(91,33,182,.09);border-color:rgba(91,33,182,.26);color:#4c1d95}
body.theme-light[data-portal="tech"] .nav-item:hover{background:rgba(91,33,182,.08);color:#3b1573;text-shadow:none}
body.theme-light[data-portal="tech"] .nav-item:hover svg{stroke:#5b21b6;filter:none}
body.theme-light[data-portal="tech"] .nav-item.is-active{background:linear-gradient(100deg,rgba(91,33,182,.16),rgba(91,33,182,.05));color:#3b1573;box-shadow:inset 0 0 0 1px rgba(91,33,182,.25)}
body.theme-light[data-portal="tech"] .nav-item.is-active svg{stroke:#5b21b6;filter:none}
body.theme-light[data-portal="tech"] .nav-item.is-active::before{background:#5b21b6;box-shadow:none}
body.theme-light[data-portal="tech"] .nav-gh-l{background:linear-gradient(95deg,#5b21b6 0%,#4c1d95 60%,#3b1573 100%);-webkit-background-clip:text;background-clip:text;color:#4c1d95}
body.theme-light[data-portal="tech"] .nav-gh-dot{background:#5b21b6;box-shadow:none}
body.theme-light[data-portal="tech"] .tbn.is-active,
body.theme-light[data-portal="tech"] .tech-bn button.is-active{color:#5b21b6}

/* ================= ADMIN · orange / jaune or ================= */
body[data-portal="admin"]{--pa:#f59e0b;--pa-l:#fbbf24;--pa-glow:rgba(251,191,36,.8)}

body[data-portal="admin"] .sb-sec{color:#e3b563}
body[data-portal="admin"] .sb-logo .sbl-sub{color:#fbbf24}
body[data-portal="admin"] .sb-badge{background:linear-gradient(120deg,rgba(245,158,11,.22),rgba(255,107,26,.14));border-color:rgba(251,191,36,.35);color:#fcd34d}

body[data-portal="admin"] .nav-item:hover{background:rgba(245,158,11,.1);color:#ffe9c7}
body[data-portal="admin"] .nav-item:hover svg{stroke:#fbbf24}
body[data-portal="admin"] .nav-item.is-active{background:linear-gradient(100deg,rgba(217,119,6,.32),rgba(217,119,6,.06));color:#fff;box-shadow:inset 0 0 0 1px rgba(251,191,36,.28)}
body[data-portal="admin"] .nav-item.is-active svg{stroke:#fff}
body[data-portal="admin"] .nav-item.is-active::before{background:#fbbf24;box-shadow:0 0 10px rgba(251,191,36,.8)}
body[data-portal="admin"] .nav-group>summary:focus-visible{outline-color:#fbbf24}

/* titres de groupes (dégradé or) + pastille */
body[data-portal="admin"] .nav-gh-l{background:linear-gradient(95deg,#fcd34d 0%,#f59e0b 50%,#ff8a3a 100%);-webkit-background-clip:text;background-clip:text;color:#f4b843}
body[data-portal="admin"] .nav-gh-dot{background:#fbbf24;box-shadow:0 0 8px #fbbf24}

/* ---- thème clair ---- */
body.theme-light[data-portal="admin"] .sb-sec{color:#a16207}
body.theme-light[data-portal="admin"] .sb-logo .sbl-sub{color:#b45309}
body.theme-light[data-portal="admin"] .sb-badge{background:rgba(217,119,6,.1);border-color:rgba(217,119,6,.28);color:#92400e}
body.theme-light[data-portal="admin"] .nav-item:hover{background:rgba(217,119,6,.09);color:#92400e}
body.theme-light[data-portal="admin"] .nav-item:hover svg{stroke:#b45309}
body.theme-light[data-portal="admin"] .nav-item.is-active{background:linear-gradient(100deg,rgba(217,119,6,.16),rgba(217,119,6,.05));color:#7c2d12;box-shadow:inset 0 0 0 1px rgba(217,119,6,.28)}
body.theme-light[data-portal="admin"] .nav-item.is-active svg{stroke:#b45309}
body.theme-light[data-portal="admin"] .nav-item.is-active::before{background:#d97706;box-shadow:none}
body.theme-light[data-portal="admin"] .nav-gh-l{background:linear-gradient(95deg,#b45309 0%,#92400e 55%,#a16207 100%);-webkit-background-clip:text;background-clip:text;color:#92400e}
body.theme-light[data-portal="admin"] .nav-gh-dot{background:#d97706;box-shadow:none}