/* Shared interaction standard: WBE orange is the only hover/focus accent for
   dropdowns and the shared Back/Forward controls. */
:root{--wbe-interaction-orange:#f58216}

.premium-app select,
.premium-app [role="combobox"],
.premium-app .painting-form-select-toggle {
  accent-color:var(--wbe-interaction-orange)!important;
  outline-color:transparent;
  transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease!important;
}

.premium-app select:hover,
.premium-app select:focus,
.premium-app select:focus-visible,
.premium-app [role="combobox"]:hover,
.premium-app [role="combobox"]:focus,
.premium-app [role="combobox"]:focus-visible,
.premium-app .painting-form-select-toggle:hover,
.premium-app .painting-form-select-toggle:focus-visible {
  border-color:var(--wbe-interaction-orange)!important;
  outline:1px solid var(--wbe-interaction-orange)!important;
  outline-offset:1px!important;
  box-shadow:none!important;
}

.premium-app select option,
.premium-app select optgroup {
  background:#081019!important;
  color:#f7f9fb!important;
}
.premium-app select option:checked {
  background:var(--wbe-interaction-orange) linear-gradient(0deg,var(--wbe-interaction-orange),var(--wbe-interaction-orange))!important;
  color:#130c06!important;
}

.premium-app .app-page-history .icon-btn:hover:not(:disabled),
.premium-app .app-page-history .icon-btn:focus-visible:not(:disabled) {
  border-color:var(--wbe-interaction-orange)!important;
  outline:1px solid var(--wbe-interaction-orange)!important;
  outline-offset:1px!important;
  background:#1a120c!important;
  color:#fff!important;
  box-shadow:none!important;
}
.premium-app .app-page-history .icon-btn:hover:not(:disabled) svg,
.premium-app .app-page-history .icon-btn:focus-visible:not(:disabled) svg {color:var(--wbe-interaction-orange)!important}
.premium-app .app-page-history .icon-btn:disabled {
  border-color:#2c3946!important;
  background:#0b1118!important;
  color:#65717c!important;
  opacity:.58!important;
}