/* Account page: only useful things remain */

.account-clean-row {
  min-height: 70px !important;
  padding: 14px 0 !important;
}

.account-clean-row > div:first-child > span {
  display: none !important;
}

.account-clean-right {
  gap: 10px !important;
}

.account-clean-unavailable {
  display: inline-flex !important;
  color: #7d7d7d !important;
  font-size: 11px !important;
}

.account-clean-unavailable::before {
  content: none !important;
}

.account-clean-unavailable > span {
  display: none !important;
}


/* OBS modal: normal typography, no stretched labels */

.stream-connect-v23-clean,
.stream-connect-v23-clean * {
  font-family: Inter, sans-serif !important;
}

.stream-connect-v23-clean
.stream-connect-v8-head > div > span,
.stream-connect-v23-clean
.stream-details-clean-head > div > span,
.stream-connect-v23-clean
.stream-connect-v8-steps > span {
  color: #8a8a90 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.stream-connect-v23-clean
.stream-connect-v8-head h2 {
  margin-top: 5px !important;
}

.stream-connect-v23-clean
.stream-connect-v8-head p {
  display: none !important;
}

.stream-connect-v23-clean
.stream-details-clean-head {
  align-items: center !important;
}

.stream-connect-v23-clean
.stream-details-clean-head > div {
  gap: 3px !important;
}


/* Stop putting a filled block behind every tiny button */

.stream-connect-v23-clean
.stream-connect-v8-close,
.stream-connect-v23-clean
.stream-field-value button,
.stream-connect-v23-clean
.stream-key-action,
.stream-connect-v23-clean
[data-stream-settings-save],
.stream-connect-v23-clean
.stream-category-result {
  box-shadow: none !important;
}

.stream-connect-v23-clean
.stream-connect-v8-close,
.stream-connect-v23-clean
.stream-field-value button {
  border-color: transparent !important;
  background: transparent !important;
}

.stream-connect-v23-clean
.stream-connect-v8-close:hover,
.stream-connect-v23-clean
.stream-field-value button:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #cbd3ff !important;
}

.stream-connect-v23-clean
.stream-key-action {
  width: auto !important;
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #cbd3ff !important;
}

.stream-connect-v23-clean
.stream-key-action:hover {
  background: transparent !important;
  color: #fff !important;
}

.stream-connect-v23-clean
[data-stream-settings-save] {
  min-height: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #cbd3ff !important;
}

.stream-connect-v23-clean
[data-stream-settings-save]:hover {
  background: transparent !important;
  color: #fff !important;
}

.stream-connect-v23-clean
.stream-category-result {
  background: transparent !important;
}

.stream-connect-v23-clean
.stream-category-result:hover {
  background: #171719 !important;
}


/* Ghost auth: one clean flat control */

.chirp-auth-divider-clean {
  margin: 18px 0 12px !important;
  color: #69696f !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.chirp-auth-divider-clean::before,
.chirp-auth-divider-clean::after {
  opacity: .6 !important;
}

.chirp-ghost-auth-clean {
  width: 100% !important;
  min-height: 46px !important;
  display: grid !important;
  grid-template-columns:
    22px minmax(0, 1fr) 18px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid #37373c !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #fff !important;
  box-shadow: none !important;
  font-family: Inter, sans-serif !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-align: left !important;
}

.chirp-ghost-auth-clean:hover {
  border-color: #65697e !important;
  background: #121214 !important;
  transform: none !important;
  box-shadow: none !important;
}

.chirp-ghost-auth-clean:active {
  transform: scale(.99) !important;
}

.chirp-ghost-auth-icon,
.chirp-ghost-auth-arrow {
  display: grid !important;
  place-items: center !important;
}

.chirp-ghost-auth-icon svg {
  width: 18px !important;
  height: 18px !important;
}

.chirp-ghost-auth-arrow {
  width: 16px !important;
  height: 16px !important;
  color: #7d7d7d !important;
}

.chirp-ghost-auth-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 720px) {
  .account-clean-row {
    min-height: 0 !important;
  }

  .account-clean-right {
    justify-content: flex-end !important;
  }
}