.brand.suite-brand-selector-wrap {
  display: block;
  width: 100%;
  padding: 0;
}

.suite-brand-selector-wrap > .sidebar-toggle {
  position: absolute !important;
  top: 17px !important;
  right: -16px !important;
  z-index: 12;
  display: grid !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  place-items: center;
  border: 1px solid rgba(173, 194, 222, 0.42) !important;
  border-radius: 8px !important;
  background: #142139 !important;
  color: #f4f8ff !important;
}

/* Keep the collapse control on the rail edge and give the Workspace name the
   center lane instead of letting either control cover the identity copy. */
.brand .suite-brand-selector > summary {
  grid-template-columns: 30px 38px minmax(0, 1fr) 10px;
  gap: 5px;
  padding-inline: 6px;
}

.brand .suite-brand-waffle {
  width: 30px;
  min-width: 30px;
}

.brand .suite-brand-selector > summary > img {
  width: 38px;
  height: 38px;
}

.brand .suite-brand-copy strong {
  font-size: 11.5px;
  letter-spacing: -0.01em;
}

.brand .suite-brand-copy small {
  font-size: 9.5px;
}

body.sidebar-collapsed .suite-brand-selector-wrap > .sidebar-toggle {
  right: -17px !important;
  transform: rotate(180deg);
}

/* CRM owns its internal navigation while mounted in Workspace. Keep the
   compact suite rail as the sole global launcher and remove the rail handle. */
html.embedded-app-view body[data-view="crm"] .suite-brand-selector-wrap > .sidebar-toggle {
  display: none !important;
}

@media (max-width: 760px) {
  .suite-brand-selector-wrap > .sidebar-toggle {
    display: none !important;
  }
}

/* Theme 3 owns only the app-brand slot; it never adds suite chrome above an app. */
.suite-header,
.embedded-app-navigation {
  display: none !important;
}

.suite-header + .app-shell,
html.embedded-app-view .suite-header + .app-shell {
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin-left: 0 !important;
}