/* Soft top bar — matches soft-rail side nav. Visual polish only. */

/* Main dark header: quieter, tighter */
header {
  background: #1f2a37 !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.04), 0 4px 14px rgba(15, 23, 42, 0.18);
}

header #desktop-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 48px;
}

header #desktop-nav > a {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
}

header #desktop-nav .navbar-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 4px;
  margin: 0;
  margin-left: auto; /* keep account/utility controls on the right */
  float: none !important;
}

header #desktop-nav .nav-item {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}

header #desktop-nav .nav-item > a,
header #desktop-nav .navbar-user,
header #desktop-nav .dropdown-toggle {
  border-radius: 8px !important;
  padding: 6px 10px !important;
  transition: background 140ms ease;
}

header #desktop-nav .nav-item > a:hover,
header #desktop-nav .navbar-user:hover,
header #desktop-nav .dropdown-toggle:hover {
  background: rgba(255,255,255,0.08) !important;
}

header #desktop-nav .dropdown-menu {
  border-radius: 10px !important;
  border: 1px solid #e6ebf0 !important;
  box-shadow: 0 10px 28px rgba(31, 42, 55, 0.16) !important;
  padding: 6px !important;
  margin-top: 6px !important;
}

header #desktop-nav .dropdown-item {
  border-radius: 6px !important;
  padding: 7px 10px !important;
}

header #desktop-nav .company-logo {
  max-height: 32px !important;
  border-radius: 4px;
}

header #desktop-nav .navbar-user img {
  max-width: 28px !important;
  max-height: 28px !important;
}

/* Display As / Just Me / Arrange strip */
#display_as {
  background: #f7f9fc !important;
  color: #37474f !important;
  border-bottom: 1px solid #e6ebf0;
  min-height: 44px !important;
  padding: 0 12px !important;
}

#display_as .display-as-bar {
  min-height: 44px !important;
}

#display_as .view-as-label-full,
#display_as .view-as-label-short {
  color: #607d8b !important;
  font-size: 12px;
  font-weight: 600;
}

#display_as .view-as-select,
#display_as .dash-restore-select {
  height: 30px !important;
  border-radius: 8px !important;
  border: 1px solid #cfd8dc !important;
  background: #fff !important;
  color: #37474f !important;
  font-size: 12.5px;
  padding: 2px 8px !important;
}

#display_as .btn-sm {
  height: 30px !important;
  line-height: 1.1 !important;
  border-radius: 8px !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center;
}

#display_as .btn-secondary {
  background: #fff !important;
  border: 1px solid #cfd8dc !important;
  color: #455a64 !important;
}

#display_as .scope-cluster {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  background: #ffffff;
  border: 1px solid #e6ebf0;
  border-radius: 10px;
  padding: 4px 8px 4px 10px;
  box-shadow: 0 1px 2px rgba(31, 42, 55, 0.04);
}

#display_as .admin-deals-scope .btn-sm {
  min-width: 64px;
  justify-content: center;
}

#display_as .admin-deals-scope .btn-primary {
  background: #e8f1fc !important;
  border-color: #90caf9 !important;
  color: #1565c0 !important;
  font-weight: 600;
}

#display_as .admin-deals-scope .btn-secondary {
  background: #fff !important;
  border-color: #cfd8dc !important;
  color: #546e7a !important;
}

/* Slimmer warning / notice banners */
.unprocessed-leads,
.impersonating {
  background: #fff8e6 !important;
  border-bottom: 1px solid #ffe082 !important;
  color: #5d4e37 !important;
  padding: 8px 0 !important;
}

.unprocessed-leads h3,
.impersonating h3 {
  font-size: 14px !important;
  margin: 0 0 4px !important;
  font-weight: 700;
}

.unprocessed-leads p,
.impersonating p {
  margin: 0 !important;
  font-size: 13px;
  line-height: 1.4;
}

.unprocessed-leads .btn,
.impersonating .btn {
  border-radius: 8px !important;
  margin-top: 6px;
}

/* Mobile header soft bits */
#mobile-nav {
  padding: 4px 0;
}

#main-mobile-nav {
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}