.role-preview-button {
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
}
.role-preview-button::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #16a36f;
  box-shadow: 0 0 0 3px #16a36f18;
}
.role-preview-button.subaccount::before {
  background: #4d83ec;
  box-shadow: 0 0 0 3px #4d83ec1d;
}
.role-scope-bar {
  margin: 15px 28px -7px;
  padding: 10px 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #cbdcff;
  border-radius: 9px;
  background: linear-gradient(90deg, #eef4ff, #f8fbff);
  color: #315785;
  font-size: 11px;
}
.role-scope-bar::before {
  content: '';
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2d6cdf;
  box-shadow: 0 0 0 4px #2d6cdf18;
}
.role-scope-bar b {
  color: #203b61;
}
.role-scope-bar span {
  color: #6c7c91;
}
.role-subaccount .role-scope-bar {
  border-color: #cfe2dc;
  background: linear-gradient(90deg, #edf8f4, #f8fcfa);
  color: #26664f;
}
.role-subaccount .role-scope-bar::before {
  background: #16996a;
  box-shadow: 0 0 0 4px #16996a18;
}
.role-subaccount .role-scope-bar b {
  color: #205744;
}
.role-subaccount .sidebar nav button[hidden] {
  display: none !important;
}
.role-subaccount .chat-grid {
  grid-template-columns: 285px 1fr;
}
.role-subaccount .chat-grid > aside:first-child {
  display: none;
}
.role-subaccount #messageRecords .toolbar select:last-of-type {
  display: none;
}
.role-subaccount .allocation-card {
  display: none !important;
}
.role-subaccount #campaignSeatStrategy {
  display: none !important;
}
.role-subaccount .manager-only {
  display: none !important;
}
.role-subaccount [data-guide='seats'],
.role-subaccount [data-guide='users'],
.role-subaccount [data-guide='funds'],
.role-subaccount [data-view='providers'],
.role-subaccount .platform-placeholder:has(#stopAll),
.role-subaccount .custom-help-editor,
.role-subaccount .platform-qa-panel {
  display: none !important;
}
.role-subaccount #stopAll {
  display: none !important;
}
.role-account-note {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-left: 7px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #eaf8f2;
  color: #137452;
  font-size: 9px;
  font-weight: 750;
  vertical-align: middle;
}
body.theme-dark .role-scope-bar {
  border-color: #33455b;
  background: linear-gradient(90deg, #17263a, #171f2b);
  color: #9ebce2;
}
body.theme-dark .role-scope-bar b {
  color: #e4edf9;
}
body.theme-dark .role-scope-bar span {
  color: #91a0b3;
}
body.theme-dark.role-subaccount .role-scope-bar {
  border-color: #274d42;
  background: linear-gradient(90deg, #142a24, #171f25);
  color: #92d4bc;
}
body.theme-dark.role-subaccount .role-scope-bar b {
  color: #d7f3e8;
}
@media (max-width: 900px) {
  .role-preview-button .role-preview-text {
    display: none;
  }
  .role-scope-bar {
    margin: 12px 14px -3px;
  }
  .role-scope-bar span {
    display: none;
  }
}
@media (max-width: 720px) {
  .role-subaccount .chat-grid {
    grid-template-columns: 1fr;
  }
  .role-preview-button {
    display: none;
  }
  .role-scope-bar {
    margin: 10px 10px -3px;
  }
}