/* Keep button surfaces dark, including dynamically inserted controls. */
html[data-theme="dark"] {
  color-scheme: dark;
}
html[data-theme="dark"] :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .quiet-button, .sign-up-button, .review-links a, .card-heading > a, .nav-portal, .messaging-nav-link) {
  background: #122b45 !important;
  color: #e8f0fa !important;
  border-color: #345779 !important;
}
html[data-theme="dark"] :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .quiet-button, .sign-up-button, .review-links a, .card-heading > a, .nav-portal, .messaging-nav-link):is(:hover, :focus-visible) {
  background: #1b3e60 !important;
  color: #ffffff !important;
}
html[data-theme="dark"] :is(.button:not(.button-outline), button.primary, input[type="submit"], .chat-launch, .chat-form button) {
  background: #174f8d !important;
  color: #ffffff !important;
}
html[data-theme="dark"] :is(.button:not(.button-outline), button.primary, input[type="submit"], .chat-launch, .chat-form button):is(:hover, :focus-visible) {
  background: #1f629f !important;
}
html[data-theme="dark"] :is(button, [role="button"], .button):is(.active, [aria-pressed="true"], [aria-selected="true"]) {
  background: #1c466b !important;
  color: #ffffff !important;
}
html[data-theme="dark"] :is(button, input, a, [role="button"], .button).danger-button,
html[data-theme="dark"] :is(button, input, a, [role="button"], .button).danger-button:is(:hover, :focus-visible) {
  background: #4a1e28 !important;
  color: #ffd3d7 !important;
  border-color: #9e4657 !important;
}
html[data-theme="dark"] input[type="file"]::file-selector-button {
  background: #122b45 !important;
  color: #e8f0fa !important;
  border: 1px solid #345779 !important;
  border-radius: 4px;
  padding: 8px 12px;
  cursor: pointer;
}
html[data-theme="dark"] input[type="file"]::file-selector-button:hover {
  background: #1b3e60 !important;
}
html[data-theme="dark"] .gm-style button img,
html[data-theme="dark"] .gm-style .gm-ui-hover-effect > span {
  filter: brightness(0) invert(1);
}