body.rivo-app .category-control .category-field{display:grid;gap:8px;min-width:0;flex:1;font-size:13px}
.category-menu{position:relative;width:100%;min-width:0;color:var(--text,#06486b)}
.category-menu select[hidden]{display:none!important}
body.rivo-app .category-menu-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;width:100%;padding:10px 14px;border:1px solid var(--border,#c9dff8);border-radius:10px;background:var(--card,#fff);color:inherit;text-align:left;font:inherit;cursor:pointer}
.category-menu-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-menu-trigger svg{width:16px;height:16px;flex-shrink:0;transition:transform .18s ease}
.category-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.category-menu-popover{position:absolute;z-index:60;top:calc(100% + 8px);left:0;right:0;padding:6px;background:#fff;border:1px solid var(--border,#c9dff8);border-radius:12px;box-shadow:0 12px 28px #134e7b1a;animation:category-open .18s ease}
.category-menu-popover[hidden]{display:none}
.category-menu.opens-up .category-menu-popover{top:auto;bottom:calc(100% + 8px)}
.category-menu-list{max-height:288px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.category-menu-row{display:flex;align-items:center;gap:3px;min-height:44px;border:1px solid transparent;border-radius:7px;transition:background .15s,border-color .15s}
.category-menu-row:hover,.category-menu-row.is-selected{background:#edf5ff}
.category-menu-row button,.category-none{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}
body.rivo-app .category-choice{flex:1;min-width:0;text-align:left;padding:12px 7px;overflow-wrap:anywhere;line-height:1.4}
.category-menu-row .category-grip,.category-menu-row .category-remove{display:grid;place-items:center;width:34px;height:36px;padding:8px;flex-shrink:0;border-radius:6px}
.category-menu-row .category-grip{color:#7591af;cursor:grab;touch-action:none}
.category-menu-row .category-remove{margin-left:auto;color:#8b9eb4}
.category-menu-row .category-remove:hover{color:#d63852;background:#ffedf0}
.category-menu-row svg{width:17px;height:17px;pointer-events:none}
.category-menu-row.is-dragging{background:#e4f0ff;border:1px dashed #0878ee;box-shadow:0 3px 12px #0878ee15}
.category-menu.is-sorting,.category-menu.is-sorting button{cursor:grabbing;user-select:none}
.category-menu[aria-busy=true] .category-menu-list{opacity:.65;pointer-events:none}
.category-none{display:block;width:100%;text-align:left;padding:12px 10px;color:#6b809b;border-top:1px solid var(--border,#e0eaf7);margin-top:4px}
.category-none:hover,.category-none.is-selected{color:#0063da;background:#edf5ff;border-radius:6px}
.category-menu-status{font-size:12px;line-height:1.5;margin:5px 8px 3px;color:#537497}
.category-menu-status.is-error{color:#c53049}
.category-menu button:focus-visible{outline:2px solid #0878ee;outline-offset:-2px}
[data-panel-theme=dark] .category-menu-trigger,[data-panel-theme=dark] .category-menu-popover{background:#14273b;border-color:#2a4360;color:#d5e8ff}
[data-panel-theme=dark] .category-menu-row:hover,[data-panel-theme=dark] .category-menu-row.is-selected,[data-panel-theme=dark] .category-none:hover,[data-panel-theme=dark] .category-none.is-selected{background:#203c5b;color:#d5e8ff}
[data-panel-theme=dark] .category-menu-row.is-dragging{background:#203c5b}
@keyframes category-open{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.category-menu-popover{animation:none}.category-menu-trigger svg,.category-menu-row{transition:none}}
