/* Scoped repair for account settings and preferences. Keep the dark glass treatment while
   preventing inherited button and modal rules from becoming viewport-sized overlays. */
body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,
  .settings-modal,.preferences-modal,.settings-sheet,.preferences-sheet,.connection-step,.beta-directory,
  [data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"]),
body :is(.modal,.sheet,[role="dialog"],dialog):has(:is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,[data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"])) {
  position: relative;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}
body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,
  .settings-modal,.preferences-modal,.settings-sheet,.preferences-sheet,.connection-step,.beta-directory,
  [data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"]) :is(button,[role="button"],input[type="button"],input[type="submit"]),
body :is(.modal,.sheet,[role="dialog"],dialog):has(:is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,[data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"])) :is(button,[role="button"],input[type="button"],input[type="submit"]),
body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,.connection-step,.beta-directory) button.beta-button {
  position: relative !important;
  inset: auto !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 40px;
  max-height: none !important;
  margin: 0;
  padding: 9px 14px;
  box-sizing: border-box;
  border: 1px solid rgba(182, 225, 204, .4) !important;
  border-radius: 9px;
  background: rgba(151, 195, 224, .14) !important;
  color: #e5f5ed !important;
  box-shadow: inset 0 1px 0 rgba(237, 245, 239, .12) !important;
  transform: none !important;
  white-space: normal;
  text-align: center;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,
  .settings-modal,.preferences-modal,.settings-sheet,.preferences-sheet,.connection-step,.beta-directory,
  [data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"]) :is(button,[role="button"],input[type="button"],input[type="submit"])::before,
body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,
  .settings-modal,.preferences-modal,.settings-sheet,.preferences-sheet,.connection-step,.beta-directory,
  [data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"]) :is(button,[role="button"],input[type="button"],input[type="submit"])::after,
body :is(.modal,.sheet,[role="dialog"],dialog):has(:is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,[data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"])) :is(button,[role="button"],input[type="button"],input[type="submit"])::before,
body :is(.modal,.sheet,[role="dialog"],dialog):has(:is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,[data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"])) :is(button,[role="button"],input[type="button"],input[type="submit"])::after {
  pointer-events: none;
}
@media (max-width: 600px) {
  body :is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,
    .settings-modal,.preferences-modal,.settings-sheet,.preferences-sheet,.connection-step,.beta-directory,
    [data-panel="settings"],[data-panel="preferences"]) :is(button,[role="button"],input[type="button"],input[type="submit"]),
  body :is(.modal,.sheet,[role="dialog"],dialog):has(:is(.settings,.settings-panel,.account-settings,.preferences,.preferences-panel,.account-preferences,[data-panel="settings"],[data-panel="preferences"],[data-surface="settings"],[data-surface="preferences"])) :is(button,[role="button"],input[type="button"],input[type="submit"]) {
    max-width: 100% !important;
    white-space: normal;
    padding: 10px 12px;
  }
}
