/* INVOXA: Desktop workspace and dashboard header */

/* ===== BREITE DESKTOP-ARBEITSBEREICHE ===== */
html.dark .custom-select-trigger,
html.dark .custom-select-menu {
  border-color: #334155;
  background: rgba(15, 23, 42, 0.96);
  color: #e2e8f0;
}

html.dark .custom-select-trigger:hover {
  border-color: #6366f1;
  background: #111827;
}

html.dark .custom-select-option {
  color: #e2e8f0;
}

html.dark .custom-select-option:hover,
html.dark .custom-select-option.is-focused {
  background: #312e81;
  color: #fff;
}

@media (min-width: 1280px) {
  .max-w-7xl {
    max-width: 96rem !important;
  }
}

@media (min-width: 769px) and (max-width: 1320px) {
  .dashboard-header-inner {
    gap: 0.5rem;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .dashboard-header-brand {
    gap: 0.35rem !important;
  }

  .dashboard-header-brand span:first-child {
    font-size: 1.5rem !important;
  }

  .dashboard-header-brand > span:last-child {
    display: none;
  }

  .dashboard-header-nav {
    gap: 0.2rem !important;
  }

  .dashboard-header-nav-link {
    min-width: 2.6rem;
    justify-content: center;
    padding: 0.65rem !important;
    font-size: 0 !important;
    border-bottom-width: 0 !important;
    border-radius: 0.75rem;
  }

  .dashboard-header-nav-link i {
    margin: 0 !important;
    font-size: 0.9rem;
  }

  .dashboard-header-user-menu {
    gap: 0.65rem !important;
  }

  .dashboard-header-user-menu .header-user-chip {
    display: none;
  }

  .dashboard-header-user-menu .header-logout-btn {
    padding: 0.65rem;
    font-size: 0;
  }

  .dashboard-header-user-menu .header-logout-btn i {
    margin: 0 !important;
    font-size: 0.85rem;
  }

  .dashboard-header-user-menu .theme-toggle {
    padding: 0.4rem 0.5rem;
  }
}