/* CSS du sidebar — load via dans le pour eliminer le delai d'affichage. Le placeholder (body::before) apparait instantanement, le contenu (aside) est rempli par sidebar.js. */ body { padding-left: 240px !important; } .app-sidebar { position: fixed; top: 0; left: 0; width: 240px; height: 100vh; background: #112d5a; color: #fff; padding: 1.5rem 0; display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; z-index: 100; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); } .app-sidebar .brand { padding: 0 1.5rem 2.25rem; display: flex; align-items: center; gap: 0.65rem; text-decoration: none; color: inherit; } .app-sidebar .brand .name { font-size: 1.05rem; font-weight: 700; letter-spacing: -0.01em; } .app-sidebar .brand .name span:first-child { color: #fff; } .app-sidebar .brand .name span:last-child { color: #ffb800; } .app-sidebar nav { flex: 1; padding: 0 0.85rem; overflow-y: auto; } .app-sidebar .group { margin-bottom: 1.5rem; } .app-sidebar a.group-label { display: block; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.65rem; color: rgba(255, 255, 255, 0.45); padding: 0.4rem 0.75rem; font-weight: 600; text-decoration: none; border-radius: 5px; transition: background 0.12s, color 0.12s; } .app-sidebar a.group-label:hover { background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.7); } .app-sidebar a.group-label.active { background: rgba(255, 184, 0, 0.12); color: #ffb800; } .app-sidebar a.nav-link { display: flex; align-items: center; gap: 0.65rem; padding: 0.55rem 0.75rem; border-radius: 6px; color: rgba(255, 255, 255, 0.78); text-decoration: none; font-size: 0.875rem; transition: background 0.12s, color 0.12s; margin-bottom: 0.15rem; } .app-sidebar a.nav-link:hover { background: rgba(255, 255, 255, 0.05); color: #fff; } .app-sidebar a.nav-link.active { background: rgba(255, 184, 0, 0.12); color: #ffb800; } .app-sidebar a.nav-link svg { width: 18px; height: 18px; flex-shrink: 0; } .app-sidebar .footer { border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 1rem 1.5rem; font-size: 0.78rem; } .app-sidebar .footer .auth-user-info { color: rgba(255, 255, 255, 0.65); flex-direction: column; align-items: flex-start; } .app-sidebar .footer .auth-user-info span { color: rgba(255, 255, 255, 0.85); font-size: 0.78rem; word-break: break-all; } .app-sidebar .footer .auth-user-info button { margin-top: 0.6rem !important; margin-left: 0 !important; } /* Cache d'eventuels .auth-user-info en dehors de la sidebar (anciens headers de page) */ body > *:not(.app-sidebar) .auth-user-info { display: none !important; }