/* Header responsive tweaks extracted from header.twig */
.app-header .container-fluid { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.app-header .navbar-nav { align-items: center; }
.app-header .navbar-nav:first-child { flex: 1 1 auto; min-width: 0; }
.app-header .navbar-nav.ms-auto { flex: 0 1 auto; }
.app-header h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.app-header .company-selector .company-name { max-width: 40vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 991.98px) {
  .app-header h5 { font-size: 1rem; }
  .app-header .btn { padding: .25rem .5rem; font-size: .875rem; }
  .app-header .company-badge, .app-header .company-selector { padding: .25rem .5rem; }
}
@media (max-width: 575.98px) {
  .app-header h5 { font-size: .95rem; }
}

.app-sidebar {
  display: flex;
  flex-direction: column;
}

.app-sidebar .sidebar-wrapper {
  flex: 1 1 auto;
  min-height: 0;
}

.sidebar-user-panel {
  border-top: 1px solid rgba(255, 255, 255, .12);
  padding: .75rem .5rem;
  background: rgba(0, 0, 0, .15);
}

.sidebar-user-name {
  color: rgba(255, 255, 255, .75);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 .75rem .5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}