/* SAFARIBOK | Fil: dropdown-base.css | Version: 1.0.0 | 2026-10-07 | Original frontend v35. */
/* Safaribok shared focus adjustment v1.1.0 — 2026-10-06. Extracted from Workhour admin(1).css v1.1.5. */
:root{--wa-line:#d9e2ee;--wa-text:#172033;--wa-primary:#1769e0}
.wh-dropdown{position:relative;width:100%}
.wh-dropdown-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.wh-dropdown-button{width:100%;height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px 7px 14px;border:1px solid var(--wa-line);border-radius:10px;background:#f7f9fc;color:var(--wa-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.wh-dropdown-button:hover{background:#f1f6fd;border-color:#b9cce5}
.wh-dropdown.is-open .wh-dropdown-button,.wh-dropdown-button:focus-visible{outline:0;background:#fff;border-color:#a6b4aa;box-shadow:none}
.wh-dropdown-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wh-dropdown-chevron{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;background:transparent!important;border:0!important;border-radius:0!important;font-size:11px;color:#66758a;transition:none!important}
.wh-dropdown-button:hover .wh-dropdown-chevron{background:#e7f0fc;color:var(--wa-primary)}
.wh-dropdown.is-open .wh-dropdown-chevron{transform:none!important}
.wh-dropdown-menu{position:absolute;z-index:1900;left:0;right:0;top:calc(100% + 5px);display:none;max-height:280px;overflow:auto;padding:5px;border:1px solid #d9e2ee;border-radius:11px;background:#fff;box-shadow:0 16px 38px rgba(32,54,82,.16)}
.wh-dropdown.is-open .wh-dropdown-menu{display:block}
.wh-dropdown-option{width:100%;display:flex;align-items:center;min-height:40px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--wa-text);font:inherit;text-align:left;cursor:pointer}
.wh-dropdown-option+.wh-dropdown-option{margin-top:2px}.wh-dropdown-option:hover,.wh-dropdown-option:focus-visible{outline:0;background:#edf5ff;color:#175fab;border-color:#e1e9f3}
.wh-dropdown-option.is-selected{background:#f4f7fb;color:#172033;font-weight:500;border-color:#edf1f6}
.wh-dropdown-option:hover,.wh-dropdown-option:focus-visible{background:#e8f2ff;color:#155ea9;border-color:#dbe8f8}
.wh-dropdown-option.is-selected:hover,.wh-dropdown-option.is-selected:focus-visible{background:#e8f2ff;color:#155ea9;border-color:#dbe8f8}
.wh-dropdown-option:disabled{opacity:.5;cursor:not-allowed}
.wh-dropdown.is-disabled .wh-dropdown-button{opacity:.58;cursor:not-allowed;background:#f4f6f9}
.wh-dropdown-button,.wh-dropdown-menu,.wh-dropdown-option{font-size:14px!important}