.filter-picker-trigger{display:flex;width:100%;min-height:30px;align-items:center;justify-content:space-between;gap:9px;padding:3px 0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:12px;cursor:pointer}.filter-picker-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-picker-trigger svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}.filter-picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.filter-picker-panel{position:fixed;inset:auto;margin:0;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;background:#fff;border:1px solid var(--ui-selected);border-radius:16px;box-shadow:0 20px 65px #112d3233,0 4px 12px color-mix(in srgb, var(--ui-deep) 6.27%, transparent);color:var(--ui-deep);font:14px/1.5 Onest,Arial,sans-serif;overflow:hidden;z-index:1000}.filter-picker-panel:popover-open{display:flex;flex-direction:column}.filter-picker-panel::backdrop{background:transparent}.picker-heading{display:flex;justify-content:space-between;gap:20px;padding:22px 22px 16px;flex:none}.picker-heading h2{font-size:18px;line-height:1.3;letter-spacing:-.4px;font-weight:600;margin:0}.picker-heading p{font-size:11px;color:#819083;margin:6px 0 0}.picker-close{width:27px;height:27px;display:grid;place-items:center;flex:none;border:0;background:var(--ui-field);border-radius:50%;color:#748074;font:23px/1 Arial,sans-serif;cursor:pointer}.picker-options-body{min-height:0;overflow:auto;padding:0 22px 20px;overscroll-behavior:contain;max-height:360px}.picker-choices{display:grid;gap:5px}.picker-option{position:relative;display:flex!important;align-items:center;gap:11px;min-height:44px;border:1px solid transparent;padding:10px 11px;border-radius:8px;color:var(--ui-ink);font-size:12px!important;cursor:pointer;margin:0!important;font-weight:400!important;line-height:1.4!important}.picker-option:hover{background:var(--ui-field)}.picker-option.is-selected{background:#e8f1f7;border-color:#86aec6;color:#234e69}.picker-option input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;margin:0!important}.picker-tick{position:relative;display:block;flex:none;width:17px;height:17px;border:1px solid var(--ui-line);border-radius:4px;background:white}.is-selected .picker-tick{background:#366e91;border-color:#366e91}.is-selected .picker-tick:after{content:'';position:absolute;left:5px;top:2px;width:4px;height:8px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.picker-option:has(input:focus-visible){outline:2px solid #366e91;outline-offset:2px}.picker-choices--rooms{grid-template-columns:repeat(3,1fr);gap:8px}.picker-choices--rooms .picker-option{min-height:47px;padding:9px 6px;justify-content:center;border-color:var(--ui-selected);font-size:12px!important}.picker-choices--rooms .picker-tick{display:none}.picker-choices--rooms .picker-option.is-selected{border-color:#86aec6;background:#e8f1f7}.picker-choices--deadline{grid-template-columns:1fr 1fr;gap:8px}.picker-choices--deadline .picker-option{border-color:var(--ui-selected)}.picker-choices--deadline .picker-option:first-child{grid-column:1/-1}.picker-group h3{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--ui-muted);font-weight:550;margin:13px 10px 6px}.picker-search{margin:0 22px 10px;display:flex;align-items:center;gap:8px;background:var(--ui-field);border:1px solid var(--ui-selected);border-radius:8px;padding:9px 11px}.picker-search svg{height:17px;width:17px;fill:none;stroke:var(--ui-muted);stroke-width:1.5}.picker-search input{min-width:0;width:100%;border:0;background:transparent;outline:none;padding:0;color:var(--ui-ink);font:12px/1.5 Onest,Arial,sans-serif}.picker-footer{display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid var(--ui-selected);background:var(--ui-field);padding:15px 22px;flex:none}.picker-reset{font:12px Onest,Arial,sans-serif;color:var(--ui-muted);border:0;background:transparent;padding:0;cursor:pointer}.picker-selected-count{display:block;font-size:9px;color:var(--ui-muted);margin-top:4px}.picker-done{display:flex;align-items:center;justify-content:space-between;gap:36px;border:0;background:#366e91;color:#fff;border-radius:7px;min-height:39px;padding:10px 18px;font:550 12px Onest,Arial,sans-serif;cursor:pointer}.picker-done:hover{background:#2c5d7c}.picker-empty{color:var(--ui-muted);font-size:12px;padding:15px 0}.filter-picker-panel [hidden]{display:none!important}.catalog-picker-field{display:flex;flex-direction:column;gap:10px;font-size:12px;color:var(--ui-muted)}.catalog-picker-field .filter-picker-trigger{min-height:46px;padding:10px 14px;border:1px solid var(--ui-line);border-radius:6px;background:white;color:var(--ui-deep);font-size:14px}.catalog-picker-field.is-active .filter-picker-trigger{background:#e8f1f7;border-color:#86aec6}
@media(min-width:761px) and (max-width:1100px){.search-box .filter-picker-trigger{font-size:10px;gap:3px}.search-box .filter-picker-trigger svg{width:13px}}
@media(max-width:760px){.filter-picker-panel{inset:auto 10px 10px!important;width:auto!important;max-width:none;max-height:75dvh;border-radius:18px;box-shadow:0 10px 70px #152d3250}.filter-picker-panel::backdrop{background:color-mix(in srgb, var(--ui-deep) 40.0%, transparent);backdrop-filter:blur(2px)}.picker-heading{padding:22px 20px 17px}.picker-heading h2{font-size:20px}.picker-heading p{font-size:12px}.picker-options-body{padding:0 20px 20px;max-height:48dvh}.picker-option{min-height:48px;font-size:14px!important}.picker-search{margin:0 20px 10px;padding:12px}.picker-search input{font-size:16px}.picker-footer{padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.picker-done{min-height:44px;min-width:145px;font-size:14px}.picker-reset{font-size:13px}.picker-choices--rooms .picker-option{font-size:14px!important;min-height:50px}.search-box .filter-picker-trigger{font-size:12px}}