/* Control styling only. Theme Studio remains the single color authority.
   Native select option panels are rendered by the OS/browser on some devices. */
:is(#fb-project-explorer,#fmOverlay,#swOverlay,#account-panel,#fn-admin-pages,#fn-permissions-page) select:not([multiple]) {
  background-color: var(--fb-raised,#294137);
  color: var(--fb-ink,#eef7f3);
  border: 1px solid var(--fb-edge,#40564b);
  border-radius: 9px;
  min-height: 38px;
  padding: 7px 12px;
  font: inherit;
  max-width: 100%;
  color-scheme: dark light;
}
:is(#fb-project-explorer,#fmOverlay,#swOverlay,#account-panel,#fn-admin-pages,#fn-permissions-page) select:focus-visible {
  outline: 2px solid var(--fb-accent,#57dc94);
  outline-offset: 2px;
}
#fb-project-explorer #fx-menu {
  background: var(--fb-panel,#11281f);
  border-color: var(--fb-edge,#40564b);
  color: var(--fb-ink,#eef7f3);
}
@media(max-width:700px) {
  #fb-project-explorer .fb-explorer-toolbar select {min-width:0}
}