@charset "UTF-8";

.category-field{min-width:0}
.category-picker{position:relative;min-width:0;margin-top:7px}
.category-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:41px;padding:10px 11px;border:1px solid #cdd1bf;border-radius:3px;background:#fcfbf5;color:var(--ink,#292a26);font-size:12px;line-height:1.6;text-align:left;transition:border-color .18s,background .18s,box-shadow .18s}
.category-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-trigger:hover:not(:disabled){background:#f7f7ee;border-color:#aab196}
.category-trigger[aria-expanded="true"]{background:#fffdf8;border-color:#969f83;box-shadow:0 0 0 2px #d4dac84d}
.category-trigger:focus-visible{outline:2px solid var(--orange,#c54d27);outline-offset:3px}
.category-trigger:disabled{cursor:not-allowed;opacity:.46}
.category-chevron{flex:0 0 14px;color:#69745b;transition:transform .18s}
.category-trigger[aria-expanded="true"] .category-chevron{transform:rotate(180deg)}
.category-listbox{position:fixed;z-index:90;box-sizing:border-box;min-width:0;max-width:calc(100vw - 24px);max-height:min(260px,calc(100dvh - 24px));margin:0;padding:5px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid #cdd1bf;border-radius:5px;background:#fffdf6;color:var(--ink,#292a26);box-shadow:0 10px 26px #34392c1f,0 2px 5px #34392c0a;scrollbar-width:thin;scrollbar-color:#a5af93 #f2f3e9;animation:category-appear .14s ease-out;outline-offset:3px}
.category-listbox:focus{outline:none}
.category-listbox:focus-visible{outline:2px solid var(--orange,#c54d27)}
.category-option{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:42px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:3px;color:var(--ink,#292a26);font-size:12px;line-height:1.6;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow-wrap:anywhere}
.category-option[data-active="true"]{border-color:#cad3bc;background:#e7ebde;color:#30382b}
.category-option[aria-selected="true"]{color:var(--ink,#292a26)}
.category-option[aria-selected="true"] .category-check{color:var(--orange,#c54d27);opacity:1}
.category-option[aria-disabled="true"]{cursor:not-allowed;opacity:.45}
.category-check{flex:0 0 16px;color:var(--orange,#c54d27);font-size:15px;font-weight:600;line-height:1;opacity:0}
@keyframes category-appear{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:580px){.category-trigger{min-height:48px;padding:10px 12px;font-size:16px}.category-option{min-height:48px;padding:11px 12px;font-size:16px}.category-listbox{padding:6px;border-radius:5px}}
@media(prefers-reduced-motion:reduce){.category-trigger,.category-chevron{transition:none}.category-listbox{animation:none}}