/* OrbeMenu — estilos estruturais (animações via JS/WAAPI) */
.ui-dropdown { position: relative; display: inline-block; min-width: 168px; }
.ui-dropdown__trigger {
  display: flex; align-items: center; gap: 8px; width: 100%;
  padding: 10px 14px; border-radius: 12px;
  border: 1px solid rgba(0, 184, 255, 0.18);
  background: rgba(0, 0, 0, 0.28); color: #eef5ff;
  font-size: 0.84rem; font-weight: 600; text-align: left;
  touch-action: manipulation;
}
.ui-dropdown__trigger--icon { width: auto; padding: 8px 10px; justify-content: center; }
.ui-dropdown.is-open .ui-dropdown__trigger {
  border-color: rgba(51, 214, 255, 0.5);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.14);
}
.ui-dropdown__label {
  font-size: 0.72rem; font-weight: 700; color: #7d93ad;
  text-transform: uppercase; letter-spacing: 0.04em;
}
.ui-dropdown__value { flex: 1; }
.ui-dropdown__chev, .ui-menu__chev {
  width: 16px; height: 16px; flex-shrink: 0; opacity: 0.8;
  transform-origin: center;
}
.ui-dropdown__menu, .dropdown-menu {
  position: absolute; z-index: 200; padding: 6px; border-radius: 14px;
  background: rgba(8, 18, 34, 0.98); border: 1px solid rgba(0, 184, 255, 0.22);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
  transform-origin: top center;
}
.ui-dropdown__menu { top: calc(100% + 6px); left: 0; right: 0; }
.dropdown-menu { right: 0; top: calc(100% + 8px); min-width: 200px; background: #0c1628; }
.ui-dropdown__menu[hidden], .dropdown-menu[hidden] { display: none !important; }
.ui-dropdown__opt, .dropdown-menu > button {
  display: block; width: 100%; padding: 10px 12px; border-radius: 10px;
  text-align: left; font-size: 0.84rem; font-weight: 600;
  color: #7d93ad; background: none; border: none; cursor: pointer;
  touch-action: manipulation;
}
.ui-dropdown__opt:hover, .dropdown-menu > button:hover {
  background: rgba(255, 255, 255, 0.06); color: #eef5ff;
}
.ui-dropdown__opt.is-selected, .dropdown-menu > button.is-active {
  background: rgba(0, 153, 255, 0.14); color: #fff;
}
.dropdown { position: relative; }
.dropdown-menu.is-floating-menu { position: fixed; z-index: 220; transform-origin: top right; }
