.h2b-filter-picker { display:block; min-width:0; }
.h2b-filter-picker [hidden] { display:none!important; }
.h2b-filter-picker .h2b-filter-picker__trigger, body.h2b-new-ui .h2b-cabinet-field { display:flex; align-items:center; box-sizing:border-box; border:1px solid transparent; border-radius:8px; color:#2B2A29; font-family:var(--h2b-font-ui,Montserrat,Arial,sans-serif); line-height:1.5; cursor:pointer; transition:background-color .16s,border-color .16s; }
.h2b-filter-picker .h2b-filter-picker__trigger, body.h2b-new-ui .h2b-cabinet-field { justify-content:space-between; gap:12px; width:100%; height:48px; min-height:48px; padding:0 15px; background:#f0f1f3; font-size:16px; font-weight:500; text-align:left; }
.h2b-filter-picker .h2b-filter-picker__trigger>span { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.h2b-filter-picker svg { flex:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.h2b-filter-picker .h2b-filter-picker__trigger:hover:not(:disabled), body.h2b-new-ui .h2b-cabinet-field:hover:not(:disabled) { background:#e9ebee; }
body.h2b-new-ui .h2b-filter-picker .h2b-filter-picker__trigger:is(:focus,:focus-visible,[aria-expanded="true"]):not(:disabled), body.h2b-new-ui .h2b-cabinet-field:is(:focus,:focus-visible,:focus-within,[aria-expanded="true"]):not(:disabled), body.h2b-new-ui details[open]>.h2b-cabinet-field { outline:none; box-shadow:none; border-color:#7d838b; background:#fff; }
.h2b-filter-picker .h2b-filter-picker__trigger>svg { transition:transform .16s; }
.h2b-filter-picker .h2b-filter-picker__trigger[aria-expanded="true"]>svg { transform:rotate(180deg); }
.h2b-filter-picker__list { position:fixed; z-index:510; display:block; box-sizing:border-box; padding:8px; overflow:auto; overscroll-behavior:contain; border-radius:12px; background:#fff; box-shadow:0 12px 40px #2b2a2924; scrollbar-width:thin; scrollbar-color:#c0c2c6 transparent; }
.h2b-filter-picker__option { position:relative; display:flex; align-items:center; gap:12px; min-height:44px; box-sizing:border-box; padding:10px 36px 10px 12px; border-radius:8px; color:#2B2A29; font-size:14px; font-weight:500; line-height:1.5; cursor:pointer; transition:background-color .12s; }
.h2b-filter-picker__option>svg { position:absolute; right:10px; width:18px; height:18px; color:#D40411; visibility:hidden; }
.h2b-filter-picker__option[aria-selected="true"] { font-weight:600; }
.h2b-filter-picker__option[aria-selected="true"]>svg { visibility:visible; }
.h2b-filter-picker__option.is-active { background:#eceef1; }
.h2b-filter-picker__option[aria-disabled="true"] { color:#626467; opacity:.55; cursor:not-allowed; }
.h2b-filter-picker .h2b-filter-picker__trigger:disabled { cursor:not-allowed; color:#626467; background:#eff0f2; opacity:.6; }
@media(prefers-reduced-motion:reduce) { .h2b-filter-picker * { transition:none!important; } }

/* Field is a visual primitive; its native form owner retains all events and values. */
body.h2b-new-ui .h2b-cabinet-field { min-width:0; appearance:none; -webkit-appearance:none; }
body.h2b-new-ui .h2b-cabinet-field>input { min-width:0; width:100%; height:100%; padding:0; border:0; outline:0; background:transparent; color:inherit; font:inherit; caret-color:#D40411; }
body.h2b-new-ui .h2b-cabinet-field>input::placeholder { color:#626467; opacity:1; }
body.h2b-new-ui .h2b-cabinet-field>svg { flex:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.h2b-new-ui .h2b-cabinet-field:has(>input) { padding:0 14px; cursor:text; }