.yuni-custom-select { position: relative; width: 100%; min-width: 0; font-family: inherit; }
.yuni-select-native { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; clip-path: inset(50%); }
.yuni-select-trigger { width: 100%; height: 34px; padding: 0 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; appearance: none; border: 1px solid #dce2de; border-radius: 999px; outline: none; background: #fff; color: #27332d; cursor: pointer; font: 500 11px/1 inherit; text-align: left; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
.yuni-select-trigger > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yuni-select-trigger > i { width: 7px; height: 7px; flex: 0 0 auto; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .22s cubic-bezier(.22,1,.36,1); }
.yuni-custom-select.is-open .yuni-select-trigger { border-color: #81c3a2; background: #fff; box-shadow: 0 0 0 3px rgba(20,143,96,.09); }
.yuni-custom-select.is-open .yuni-select-trigger > i { transform: translateY(2px) rotate(225deg); }
.yuni-select-menu { position: absolute; z-index: 1200; top: calc(100% + 6px); left: 0; width: max(100%, 170px); max-height: 260px; padding: 6px; overflow: auto; visibility: hidden; border: 1px solid #dfe5e1; border-radius: 12px; background: rgba(255,255,255,.98); box-shadow: 0 16px 38px rgba(20,39,29,.14); opacity: 0; pointer-events: none; transform: translateY(-7px) scale(.98); transform-origin: top; transition: opacity .18s ease, transform .22s cubic-bezier(.22,1,.36,1), visibility .18s; }
.yuni-custom-select.is-open .yuni-select-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.yuni-select-option { width: 100%; min-height: 34px; padding: 7px 10px; border: 0; border-radius: 8px; background: transparent; color: #344039; cursor: pointer; font: 500 11px/1.35 inherit; text-align: left; transition: color .15s ease, background .15s ease, transform .15s ease; }
.yuni-select-option:hover, .yuni-select-option:focus-visible { background: #f0f6f3; color: #106b45; outline: 0; }
.yuni-select-option:active { transform: scale(.985); }
.yuni-select-option[aria-selected="true"] { background: #e7f5ed; color: #0f7148; font-weight: 750; }
.yuni-select-option:disabled { opacity: .45; cursor: default; }
.log-filter-primary > .yuni-custom-select { width: 100%; }
.log-filter-actions > .yuni-custom-select { width: auto; min-width: 120px; max-width: 180px; }
@media (max-width: 680px) {
  .log-filter-actions > .yuni-custom-select { width: 100%; max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
  .yuni-select-trigger, .yuni-select-trigger > i, .yuni-select-menu, .yuni-select-option { transition: none !important; }
}