/*! Task’in — © 2026 Fandry Ekwalla. Tous droits réservés. */
/* Admin : console par métier (js/54-admin-console.js) — 4 espaces dans le menu latéral et « Aller à… ». */
/* Pas de zone de défilement dans le menu : la barre latérale défile déjà (un défilement imbriqué qui change
   de largeur se redessinait mal sur certains PC : titres et libellés figés dans l’état précédent). */
body.admin-shell-active #admin-sidebar.admin-sidebar>*{flex-shrink:0}
.admin-space{display:flex;flex-direction:column;margin-bottom:4px}
.admin-space-title{display:flex;align-items:center;width:100%;padding:7px 10px 7px 12px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;font:700 10.5px/1.2 var(--font,Inter,sans-serif);letter-spacing:.11em;text-align:left;opacity:.6}
.admin-space-title:hover{opacity:.95;background:rgba(100,116,139,.08)}
.admin-space-chev{margin-left:auto;font-style:normal;font-size:14px;line-height:1;transition:transform .18s ease}
.admin-space.open .admin-space-chev{transform:rotate(90deg)}
.admin-space-items{display:none;flex-direction:column;gap:1px;padding:2px 0 6px}
.admin-space.open .admin-space-items{display:flex}
#admin-sidebar .admin-sidebar-link{padding-top:7px;padding-bottom:7px;font-size:12.5px}
/* Icônes du menu : dessinées dans la zone 3 → 21, affichées à 22 px pour peser autant que « Réduire » et la loupe. */
body.admin-shell-active #admin-sidebar.admin-sidebar .admin-space-items .admin-sidebar-icon svg{width:22px;height:22px}
.admin-goto{display:flex;align-items:center;gap:10px;width:100%;margin:16px 0 10px;padding:8px 10px 8px 9px;border:1px solid rgba(100,116,139,.35);border-radius:9px;background:transparent;color:inherit;cursor:pointer;font:500 12px var(--font,Inter,sans-serif);text-align:left;opacity:.9}
.admin-goto:hover{border-color:#2563EB;opacity:1}
.admin-goto kbd{margin-left:auto;padding:1px 5px;border:1px solid rgba(100,116,139,.35);border-radius:4px;font:600 10px/1.4 var(--font,Inter,sans-serif);opacity:.75}
body.admin-sidebar-collapsed .admin-space-title,body.admin-sidebar-collapsed .admin-goto kbd,body.admin-sidebar-collapsed .admin-goto>span:not(.admin-sidebar-icon){display:none}
body.admin-sidebar-collapsed .admin-space{border-top:1px solid rgba(100,116,139,.2);padding-top:8px}
/* Réduit : « Aller à… » devient un bouton icône, sur le même axe que les entrées (ses textes ne prennent plus de place). */
body.admin-shell-active.admin-sidebar-collapsed #admin-sidebar .admin-goto .admin-sidebar-label{display:none!important}
body.admin-sidebar-collapsed .admin-goto{justify-content:center;padding:8px 0;border-color:transparent}
body.admin-sidebar-collapsed .admin-goto:hover{border-color:rgba(100,116,139,.35)}
/* Palette « Aller à… » */
.admin-palette{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;background:rgba(15,23,42,.38);backdrop-filter:blur(2px)}
.admin-palette.hidden{display:none}
.admin-palette-box{width:min(560px,92vw);border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}
.admin-palette-search{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text2)}
.admin-palette-search svg{width:18px;height:18px;flex:none}
.admin-palette-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font:500 15px var(--font,Inter,sans-serif)}
.admin-palette-search kbd{padding:1px 6px;border:1px solid var(--border);border-radius:5px;font:600 11px/1.5 var(--font,Inter,sans-serif);color:var(--text3)}
.admin-palette-list{list-style:none;margin:0;padding:6px;max-height:min(420px,60vh);overflow-y:auto}
.admin-palette-list li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;cursor:pointer;color:var(--text)}
.admin-palette-list li.sel,.admin-palette-list li:hover{background:var(--ocean-dim,#eff6ff)}
.admin-palette-list li b{font-weight:600;font-size:13.5px}
.admin-palette-list li small{margin-left:auto;font-size:11.5px;color:var(--text3)}
.admin-palette-ico svg{width:17px;height:17px;color:var(--ocean,#2563EB);display:block}
.admin-palette-empty{color:var(--text3)!important;cursor:default!important}
/* Menu réduit (icônes) : tous les espaces visibles, sans titres. */
body.admin-sidebar-collapsed .admin-space-items{display:flex}
@media (prefers-reduced-motion:reduce){.admin-space-chev{transition:none}}