/* Navigation überall weiss (Fabian 7.11.2026: «ja überall weiss»). Schmale Spalte und Schrift wie im freigegebenen Layout der Erfassung, damit sie beim Seitenwechsel nicht springt.
   Steht zuletzt und überstimmt die dunkle Fassung aus styles.css, leitstand.css und kurth-angebot-auftrag.css. */
.sidebar { background: #fff; border-right: 1px solid #d3d3d3; color: #111; font-family: Arial, Helvetica, sans-serif; }
.sidebar::after { display: none; }
.sidebar .brand::before { filter: none; }
.sidebar .brand-mark { border-color: #111; color: #111; }
.sidebar .brand-name { color: #111; }
.sidebar .brand-claim { color: #555; }
.sidebar .nav-item { border-radius: 0; box-shadow: none; color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; }
.sidebar .nav-item:hover { background: #f0f0f0; color: #111; }
.sidebar .nav-item.active { background: #111; box-shadow: none; color: #fff; font-weight: 400; }
.sidebar .nav-item.active::before { display: none; }
.sidebar .nav-section { color: #555; }
.sidebar .nav-divider { background: #d3d3d3; }
.sidebar .collapse { background: #fff; border-color: #d3d3d3; border-radius: 0; color: #111; }
.sidebar .side-bottom { background: #fff; border-top: 1px solid #d3d3d3; padding-top: 14px; }
.sidebar .side-bottom::before { filter: none; }
.sidebar .side-bottom::after { background: #111; }
.sidebar .side-bottom .profile { background: transparent; border-radius: 0; color: #111; }
.sidebar .side-bottom .profile-name { color: #111; font-family: Arial, Helvetica, sans-serif; }
.sidebar .side-bottom .profile-role { color: #555; font-family: Arial, Helvetica, sans-serif; }
.sidebar .side-bottom .profile .avatar { background: #f0f0f0; border: 1px solid #d3d3d3; border-radius: 0; color: #111; }
.sidebar .side-bottom .side-actions .side-link { background: #fff; border: 1px solid #d3d3d3; border-radius: 0; color: #111; font-family: Arial, Helvetica, sans-serif; }
.sidebar .side-bottom .side-actions .side-link:hover { background: #f0f0f0; border-color: #111; color: #111; }
.sidebar .side-bottom .side-actions > .side-link[data-aktion="abmelden"] { grid-column: 1 / -1; }
.sidebar :focus-visible { outline: 2px solid #111; outline-offset: -2px; }
@media (min-width: 901px) {
  .app:not(.no-nav) { --sidebar: 154px; grid-template-columns: 154px minmax(0, 1fr); transition: none; }
  .app:not(.no-nav) .sidebar { width: 154px; }
  .sidebar .nav-item { margin-inline: 12px; width: auto; min-height: 40px; height: 40px; padding: 0 9px; gap: 9px; font-size: 12px; }
  .sidebar .side-bottom { padding-inline: 12px; }
  .sidebar .side-bottom .side-actions .side-link { margin-inline: 0; padding-inline: 6px; gap: 6px; font-size: 12px; }
  .sidebar .side-bottom .side-actions .nav-label { font-size: 12px; overflow: visible; text-overflow: clip; white-space: nowrap; }
}
/* Wenig Höhe: alle Menüpunkte bleiben frei sichtbar (31.10.2026, 1366 × 768), der Fuss rückt zusammen */
@media (min-width: 901px) and (max-height: 860px) {
  .sidebar .nav-item { min-height: 36px; height: 36px; }
  .sidebar .side-bottom { padding-top: 8px; padding-bottom: 8px; }
  .sidebar .side-bottom .side-actions .side-link { min-height: 30px; height: 30px; }
  .sidebar .side-bottom .side-actions { gap: 3px; margin-bottom: 6px; }
  .sidebar .side-bottom .profile { min-height: 36px; margin-bottom: 4px; }
  .sidebar .side-bottom::before { height: 44px; margin-bottom: 4px; }
  .sidebar .side-bottom::after { margin-top: 4px; }
}
@media (min-width: 901px) and (max-height: 800px) {
  .sidebar .brand { height: 84px; flex-basis: 84px; }
  .sidebar .brand::before { top: 14px; height: 44px; }
  .sidebar .nav-item { min-height: 30px; height: 30px; }
  .sidebar .side-bottom::before, .sidebar .side-bottom::after { display: none; }
}
@media (max-width: 900px) and (min-width: 761px) {
  .sidebar .side-bottom { padding-inline: 8px; }
  .sidebar .side-bottom::before { width: 44px; height: 38px; }
}