/* Shared by every reception sector, including custom panel colors. */
.inbound-theme.ib-app .ib-sidebar {
  padding: 26px 12px 16px;
  background: #f5f5f7;
  border-right: 1px solid #e4e6ea;
  scrollbar-width: thin;
}

.inbound-theme.ib-app .ib-sidebar .ib-brand {
  margin: 0 12px 24px;
  gap: 0;
  color: #25374b;
  font-family: 'Manrope', sans-serif;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: .26em;
  line-height: 1.5;
}

.inbound-theme.ib-app .ib-sidebar .ib-brand img {
  display: none;
}

.inbound-theme.ib-app .ib-sidebar .ib-brand small {
  margin-top: 2px;
  color: #657080;
  font-size: 8px;
  font-weight: 400;
  letter-spacing: .37em;
}

.inbound-theme.ib-app .ib-sidebar .ib-workspace {
  gap: 10px;
  margin: 0 12px 24px;
  padding: 0 0 16px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e3e5e9;
  border-radius: 0;
  box-shadow: none;
}

.inbound-theme.ib-app .ib-sidebar .ib-workspace-icon {
  padding: 0;
  background: transparent;
  color: var(--ib-brand);
  box-shadow: none;
}

.inbound-theme.ib-app .ib-sidebar .ib-workspace-icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.25;
}

.inbound-theme.ib-app .ib-sidebar .ib-workspace small {
  font-size: 8px;
  font-weight: 400;
  letter-spacing: .12em;
}

.inbound-theme.ib-app .ib-sidebar .ib-workspace strong {
  font-size: 12px;
  font-weight: 400;
  color: #58616c;
}

.inbound-theme.ib-app .ib-sidebar .ib-nav-label {
  margin: 0 0 10px;
  padding: 0 12px;
  gap: 12px;
  color: #737c88;
  font-family: 'Manrope', sans-serif;
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .14em;
  white-space: nowrap;
}

.inbound-theme.ib-app .ib-sidebar > .ib-nav-label::after {
  display: none;
}

.inbound-theme.ib-app .ib-sidebar .ib-nav-label::after {
  background: #e0e3e8;
}

.inbound-theme.ib-app .ib-sidebar nav {
  gap: 5px;
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:not(.ib-help-card) {
  min-height: 44px;
  flex-shrink: 0;
  gap: 13px;
  padding: 11px 12px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #566170;
  box-shadow: none;
  font-family: 'Manrope', sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: .15em;
  text-transform: uppercase;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:not(.ib-help-card) > svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  color: currentColor;
  stroke-width: 1.25;
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:not(.ib-help-card):hover {
  background: #25374b06;
  border-color: #25374b0a;
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:not(.ib-help-card).active {
  background: color-mix(in srgb, var(--ib-brand) 90%, transparent);
  border-color: color-mix(in srgb, var(--ib-brand) 28%, transparent);
  color: #fff;
  box-shadow: inset 0 1px 0 #ffffff35, inset 0 0 0 1px #ffffff0d, 0 2px 5px #182b4310;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:not(.ib-help-card).active:hover {
  background: color-mix(in srgb, var(--ib-brand) 96%, transparent);
}

.inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button:focus-visible {
  outline: 2px solid var(--ib-brand);
  outline-offset: 2px;
}

.inbound-theme.ib-app .ib-sidebar .ib-nav-count {
  padding: 0 5px;
  border-color: #dce0e6;
  background: transparent;
  color: inherit;
  font-size: 9px;
  letter-spacing: 0;
}

.inbound-theme.ib-app .ib-sidebar .active .ib-nav-count {
  border-color: #ffffff55;
}

.inbound-theme.ib-app .ib-sidebar .ib-sidebar-bottom {
  gap: 5px;
  margin-top: 26px;
  padding-top: 0;
}

.inbound-theme.ib-app .ib-sidebar .ib-sidebar-bottom > button:has(> .lucide-log-out) {
  margin-top: 12px;
  border-top-color: #e0e3e8;
  border-radius: 0;
}

.inbound-theme.ib-app .ib-sidebar .ib-help-card {
  margin: 18px 12px 0;
  padding: 12px 0;
  background: transparent;
  border: 0;
  border-top: 1px solid #e0e3e8;
  border-radius: 0;
  box-shadow: none;
  color: #737c88;
}

.inbound-theme.ib-app .ib-sidebar .ib-help-card strong {
  font-size: 11px;
  font-weight: 400;
}

.inbound-theme.ib-app .ib-sidebar .ib-help-card small {
  font-size: 10px;
}

.inbound-theme.ib-app .ib-sidebar .ib-person {
  margin-top: auto;
  padding: 14px 12px 0;
}

@media (prefers-reduced-motion: reduce) {
  .inbound-theme.ib-app .ib-sidebar :is(nav, .ib-sidebar-bottom) > button {
    transition: none;
  }
}