/*
 * LEGEASY-71: gemeinsame Design-Basis aller 4 LEG-easy Apps (manager, sdatarchive, leg-easy-auth, landing).
 * Wird ueber leg-easy-common als Classpath-Ressource an alle Apps vererbt (kein Kopieren mehr noetig).
 * Jede App setzt vor dem Einbinden dieser Datei --app-accent auf ihre eigene Akzentfarbe (siehe fragments/layout.html).
 */

.env-banner { text-align: center; font-size: .85rem; font-weight: bold; padding: 4px 0; }
.env-banner.env-banner-overlay { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; }
.env-dev  { background: #ffc107; color: #000; }
.env-test { background: #fd7e14; color: #000; }

/* Sidebar/Border nur auf Seiten mit App-Sidebar (eingeloggte Ansichten) - Login/Error-Seiten bleiben unveraendert */
html:has(.app-sidebar) { border-top: 3px solid var(--app-accent, #0d6efd); }
body:has(.app-sidebar) { margin-left: 48px; }

.app-sidebar { position: fixed; top: 0; left: 0; width: 48px; height: 100vh; background: #1a1d21; border-right: 1px solid #343a40; display: flex; flex-direction: column; align-items: center; padding-top: 8px; z-index: 1040; }
.app-sidebar a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: #6c757d; text-decoration: none; border-left: 3px solid transparent; font-size: 1.1rem; margin-bottom: 4px; border-radius: 6px; }
.app-sidebar a:hover { color: #fff; background: #2c3034; }
.app-sidebar a.active { color: #fff; border-left-color: var(--app-accent, #0d6efd); background: #2c3034; }

.navbar-brand { font-weight: 700; letter-spacing: -0.5px; }
.navbar-brand .brand-accent-icon { color: var(--app-accent, #ffc107); }
.nav-link:hover { color: #ffc107 !important; }