/* Retter-Portal v1.3.36
   Lightmode-Headerfeld vereinheitlicht, Sidebar erhält echte helle Farben,
   Navigation leicht verkleinert und eingeklappt ausschließlich als Iconleiste. */

/* --------------------------------------------------------------------------
   GEMEINSAME SIDEBAR-TYPOGRAFIE: THEME DARF KEINE GRÖSSEN ÄNDERN
   -------------------------------------------------------------------------- */
html body .sidebar nav a.sidebar-nav-link,
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link,
html body[data-theme="dark"] .sidebar nav a.sidebar-nav-link{
  min-height:46px!important;
  padding:11px 12px!important;
  gap:10px!important;
  font-size:.94rem!important;
  line-height:1.18!important;
  font-weight:820!important;
  letter-spacing:-.01em!important;
}
html body .sidebar .nav-section,
html body[data-theme="light"] .sidebar .nav-section,
html body[data-theme="dark"] .sidebar .nav-section{
  font-size:.69rem!important;
  line-height:1.2!important;
  letter-spacing:.135em!important;
}
html body .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon,
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon,
html body[data-theme="dark"] .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon{
  flex:0 0 23px!important;
  width:23px!important;
  min-width:23px!important;
  max-width:23px!important;
  height:23px!important;
  min-height:23px!important;
  max-height:23px!important;
}
html body .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon svg,
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon svg,
html body[data-theme="dark"] .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon svg{
  width:19px!important;
  height:19px!important;
}

/* --------------------------------------------------------------------------
   ECHTER HELLER SIDEBAR-MODUS – NUR FARBEN, KEINE GEOMETRIEÄNDERUNG
   -------------------------------------------------------------------------- */
html body[data-theme="light"] .sidebar{
  color:#25354a!important;
  background:
    radial-gradient(circle at 0 -8%,rgba(225,29,72,.065),transparent 18rem),
    radial-gradient(circle at 120% 34%,rgba(37,99,235,.065),transparent 21rem),
    linear-gradient(180deg,#f8fbff 0%,#edf3f9 52%,#e9f0f7 100%)!important;
  border-right-color:rgba(71,85,105,.18)!important;
  box-shadow:14px 0 36px rgba(71,85,105,.10)!important;
  scrollbar-color:rgba(71,85,105,.24) transparent!important;
}
html body[data-theme="light"] .sidebar::-webkit-scrollbar-thumb{
  background:rgba(71,85,105,.22)!important;
}
html body[data-theme="light"] .sidebar-brand-row{
  border-bottom-color:rgba(71,85,105,.13)!important;
}
html body[data-theme="light"] .sidebar .logo-light{display:block!important;}
html body[data-theme="light"] .sidebar .logo-dark{display:none!important;}
html body[data-theme="light"] .sidebar .brand-text{
  color:#172033!important;
}
html body[data-theme="light"] .sidebar .brand-context,
html body[data-theme="light"] .sidebar .brand-text small{
  color:#64748b!important;
}
html body[data-theme="light"] .sidebar .nav-section{
  color:#718096!important;
}
html body[data-theme="light"] .sidebar .nav-section::after{
  background:linear-gradient(90deg,rgba(71,85,105,.16),transparent)!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link{
  color:#34445a!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link:hover{
  color:#172033!important;
  background:rgba(37,99,235,.055)!important;
  border-color:rgba(71,85,105,.12)!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link.active{
  color:#9f1239!important;
  background:linear-gradient(90deg,rgba(225,29,72,.105),rgba(37,99,235,.045))!important;
  border-color:rgba(225,29,72,.20)!important;
  box-shadow:inset 3px 0 0 #e11d48,0 8px 20px rgba(71,85,105,.08)!important;
}
html body[data-theme="light"] .sidebar .sidebar-nav-icon{
  color:#697b91!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link:hover .sidebar-nav-icon{
  color:#334155!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link.active .sidebar-nav-icon{
  color:#e11d48!important;
}
html body[data-theme="light"] .sidebar .nav-count{
  color:#334155!important;
  background:#dde6f0!important;
  border-color:rgba(71,85,105,.14)!important;
}
html body[data-theme="light"] .sidebar nav a.sidebar-nav-link.active .nav-count{
  color:#9f1239!important;
  background:#ffe4e8!important;
  border-color:#fecdd3!important;
}
html body[data-theme="light"] .sidebar-collapse-toggle{
  color:#526176!important;
  background:linear-gradient(180deg,#ffffff,#eaf0f6)!important;
  border-color:rgba(71,85,105,.17)!important;
  box-shadow:inset 0 1px 0 #fff,0 3px 8px rgba(71,85,105,.08)!important;
}
html body[data-theme="light"] .sidebar-collapse-toggle:hover{
  color:#172033!important;
  background:linear-gradient(180deg,#fff,#e3ebf4)!important;
  border-color:rgba(71,85,105,.24)!important;
}

/* --------------------------------------------------------------------------
   EINGEKLAPPT: REINE ICONLEISTE, KEINE BUCHSTABEN ODER ZÄHLER
   -------------------------------------------------------------------------- */
@media(min-width:1101px){
  html body.sidebar-collapsed .sidebar .brand-text,
  html body.sidebar-collapsed .sidebar .brand-context,
  html body.sidebar-collapsed .sidebar .brand-text small,
  html body.sidebar-collapsed .sidebar .nav-section,
  html body.sidebar-collapsed .sidebar .sidebar-nav-label,
  html body.sidebar-collapsed .sidebar .nav-count{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link{
    font-size:0!important;
    justify-content:center!important;
    gap:0!important;
    padding:11px 0!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link::after{
    display:none!important;
    content:none!important;
  }
  html body.sidebar-collapsed .sidebar nav a.sidebar-nav-link > .sidebar-nav-icon{
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    font-size:1rem!important;
  }
}

/* --------------------------------------------------------------------------
   HEADER-FEUERWEHRFELD IM WHITEMODE: EINE EINHEITLICHE HELLE FLÄCHE
   -------------------------------------------------------------------------- */
html body[data-theme="light"] .topbar .department-context-switch,
html body[data-theme="light"] .topbar .department-context-static{
  color:#172033!important;
  background:linear-gradient(180deg,#ffffff,#eef3f8)!important;
  border:1px solid rgba(71,85,105,.19)!important;
  box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(71,85,105,.07)!important;
}
html body[data-theme="light"] .topbar .department-context-switch > span,
html body[data-theme="light"] .topbar .department-context-static > span{
  color:#65758a!important;
}
html body[data-theme="light"] .topbar .department-context-switch select{
  color:#172033!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
html body[data-theme="light"] .topbar .department-context-switch select:hover,
html body[data-theme="light"] .topbar .department-context-switch select:focus{
  color:#0f172a!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body[data-theme="light"] .topbar .department-context-switch select option,
html body[data-theme="light"] .topbar .department-context-switch select optgroup{
  color:#172033!important;
  background:#fff!important;
}
html body[data-theme="light"] .topbar .department-context-static strong{
  color:#172033!important;
}

/* Mobile/Tablet behalten dieselbe helle Farblogik ohne Größenabweichungen. */
@media(max-width:1100px){
  html body[data-theme="light"] .sidebar{
    background:
      radial-gradient(circle at 0 -8%,rgba(225,29,72,.065),transparent 18rem),
      radial-gradient(circle at 120% 34%,rgba(37,99,235,.065),transparent 21rem),
      linear-gradient(180deg,#f8fbff 0%,#edf3f9 52%,#e9f0f7 100%)!important;
  }
}