.client-picker{position:relative;min-width:0;width:100%;color:#263b33}
.client-picker [hidden]{display:none!important}
.client-picker-field{position:relative;display:flex;align-items:center;min-width:0;border:1px solid #c8d4cc;border-radius:13px;background:#fff;box-shadow:0 2px 5px #24483e05;transition:border-color .16s,box-shadow .16s}
.client-picker-field:focus-within{border-color:#24483e;box-shadow:0 0 0 3px #24483e16}
.client-picker-search-icon{width:19px;height:19px;position:absolute;left:14px;stroke:#6a7c71;stroke-width:1.8;fill:none;pointer-events:none}
.client-picker .client-picker-input{margin:0;width:100%;min-width:0;min-height:49px;padding:12px 48px 12px 43px;border:0;border-radius:13px;background:transparent;color:inherit;outline:0;box-shadow:none;font-size:16px;line-height:1.5;text-overflow:ellipsis;-webkit-appearance:none;appearance:none}
.client-picker-input::placeholder{color:#75867b;opacity:1;font-size:14px}
.client-picker-input::-webkit-search-cancel-button,.client-picker-input::-webkit-search-decoration{-webkit-appearance:none}
.client-picker .client-picker-toggle{position:absolute;top:3px;right:3px;bottom:3px;display:grid;place-items:center;width:42px;min-height:42px;margin:0;padding:9px;border:0;border-radius:10px;background:transparent;color:#24483e}
.client-picker-toggle:hover{background:#edf3ee}
.client-picker-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .16s}
.client-picker.is-open .client-picker-toggle svg{transform:rotate(180deg)}
.client-picker-popup{position:absolute;z-index:40;top:calc(100% + 7px);left:0;width:100%;min-width:0;padding:7px;border:1px solid #d9e2da;border-radius:15px;background:#fff;box-shadow:0 12px 30px #183a2c1c,0 2px 6px #183a2c08}
.client-picker-caption{padding:7px 9px 9px;color:#6b7b70;font-size:12px;font-weight:550;letter-spacing:.02em}
.client-picker-options{max-height:min(315px,40vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bccdc0 transparent}
.client-picker .client-picker-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:58px;margin:0;padding:10px 11px;text-align:left;border:0;border-radius:9px;background:#fff;color:#263b33}
.client-picker-option-text{display:flex;flex-direction:column;min-width:0;gap:1px;overflow-wrap:anywhere}
.client-picker-option-text strong{font-size:15px;font-weight:550}
.client-picker-option-text>span{color:#708075;font-size:12px}
.client-picker .client-picker-option:hover,.client-picker .client-picker-option.is-highlighted{background:#eff4ef}
.client-picker .client-picker-option[aria-selected=true]{background:#e6efe7}
.client-picker-check{flex-shrink:0;color:#24483e;font-size:18px;visibility:hidden}
.client-picker-option[aria-selected=true] .client-picker-check{visibility:visible}
.client-picker-empty{padding:14px 11px 18px;color:#708075;font-size:14px;line-height:1.5}
.client-picker.is-disabled .client-picker-field{background:#f3f6f2;box-shadow:none}
.client-picker.is-disabled .client-picker-input{opacity:1;-webkit-text-fill-color:#65776b;color:#65776b;cursor:not-allowed}
.client-picker.is-disabled .client-picker-toggle{opacity:.4;cursor:not-allowed}
.client-picker-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.client-picker-popup{max-width:100%}.client-picker-options{max-height:min(300px,38dvh)}.client-picker .client-picker-option{min-height:60px}.client-picker-input::placeholder{font-size:13px}}
@media(prefers-reduced-motion:reduce){.client-picker-field,.client-picker-toggle svg{transition:none}}