/* Shared Flow-inspired controls. Brand tokens follow the active operator. */
.selection-control{position:relative;display:block;width:100%;min-width:0}
.selection-control .selection-native{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.selection-trigger,.action-menu-trigger{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 8px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--brand-soft) 22%,#fff));color:var(--ink);text-align:left;font-size:12px;font-weight:550;line-height:1.45;box-shadow:inset 0 1px 0 #fff,0 3px 12px color-mix(in srgb,var(--ink) 3%,transparent);transition:border-color .18s,background .18s,box-shadow .18s}
.selection-trigger-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--brand-soft) 74%,#fff);color:var(--brand)}
.selection-trigger-value{min-width:0;flex:1;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.control-chevron{margin-left:auto;flex:none;display:grid;place-items:center;color:var(--muted)}
.control-chevron svg{transform:rotate(90deg);transition:transform .18s}
.selection-trigger[aria-expanded=true] .control-chevron svg,.action-menu-trigger[aria-expanded=true] .control-chevron svg{transform:rotate(-90deg)}
.selection-trigger[aria-expanded=true],.action-menu-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 8%,transparent)}
.selection-trigger:focus-visible,.action-menu-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 25%,transparent);outline-offset:3px;border-color:var(--brand)}
.selection-trigger[aria-invalid=true]{border-color:var(--danger)}
.selection-trigger:disabled,.action-menu-trigger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}
.control-popup{position:fixed;inset:auto;z-index:1000;display:none;box-sizing:border-box;margin:0;padding:8px;border:1px solid var(--line);border-radius:19px;background:color-mix(in srgb,#fff 98%,var(--brand-soft));color:var(--ink);max-width:calc(100vw - 16px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;box-shadow:0 24px 65px color-mix(in srgb,var(--ink) 19%,transparent),inset 0 1px 0 #fff;white-space:normal;font-family:var(--font);font-size:12px;line-height:1.5}
.control-popup.is-open{display:block;animation:control-popup-in .15s ease-out}
.control-popup::backdrop{background:transparent}
.control-popup-heading{padding:10px 12px 13px;margin-bottom:5px;border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:650;letter-spacing:.35px;line-height:1.5}
.control-option-group{padding:12px 12px 5px;color:var(--muted);font-size:10px;font-weight:650}
.control-popup .control-option{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;margin:2px 0;padding:8px 10px;border:0;border-radius:12px;background:transparent;color:var(--ink);text-align:left;font:inherit;white-space:normal;cursor:pointer;transition:background .15s,color .15s}
.control-option-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--brand-soft) 60%,transparent);color:var(--brand)}
.control-option-copy{display:block;min-width:0;flex:1}
.control-option-copy strong{display:block;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.control-option-copy small{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
.control-option-check{display:grid;place-items:center;width:18px;flex:none;color:var(--brand);margin-left:auto}
.control-popup .control-option[aria-selected=true]{background:color-mix(in srgb,var(--brand-soft) 80%,#fff)}
.control-popup .control-option.is-highlighted,.control-popup .control-option:focus-visible{background:var(--brand-soft);color:var(--brand-dark);outline:2px solid color-mix(in srgb,var(--brand) 20%,transparent);outline-offset:-2px}
.control-popup .control-option[aria-selected=true] .control-option-icon{background:#fff}
.control-popup .control-option[data-tone=danger]{color:var(--danger)}
.control-option[data-tone=danger] .control-option-icon{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,#fff)}
.control-option[data-tone=success] .control-option-icon{color:var(--success);background:color-mix(in srgb,var(--success) 8%,#fff)}
.control-option[data-tone=warning] .control-option-icon{color:var(--warning);background:color-mix(in srgb,var(--warning) 8%,#fff)}
.control-popup .control-option:disabled,.control-popup .control-option[aria-disabled=true]{opacity:.48;cursor:not-allowed;background:transparent;outline:none}
.control-empty{padding:18px 12px;color:var(--muted);font-size:12px;text-align:center}
.action-menu{position:relative;display:inline-block;min-width:122px;vertical-align:middle}
.action-menu-trigger{min-height:39px;padding:8px 12px;font-size:11px;justify-content:space-between;border-radius:11px}
.action-menu-trigger>svg:last-child{transform:rotate(90deg);transition:transform .18s}
.action-menu-trigger[aria-expanded=true]>svg:last-child{transform:rotate(-90deg)}
.selection-control-review{max-width:210px;min-width:145px}
.review-bar .selection-trigger{min-height:34px;padding:4px 8px;font-size:10px;background:color-mix(in srgb,var(--navy) 85%,#fff);color:#fff;border-color:#ffffff30;border-radius:9px;box-shadow:none}
.review-bar .selection-trigger-icon{width:24px;height:24px;border-radius:6px;background:#ffffff12;color:inherit}
.review-bar .selection-trigger .control-chevron{color:inherit}
.review-center .selection-trigger-value{max-width:none}
@media(hover:hover) and (pointer:fine){.selection-trigger:not(:disabled):hover,.action-menu-trigger:not(:disabled):hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 5px 17px color-mix(in srgb,var(--ink) 7%,transparent)}.control-popup .control-option:not(:disabled):not([aria-disabled=true]):hover{background:var(--brand-soft)}.control-popup .control-option[data-tone=danger]:not(:disabled):hover{background:color-mix(in srgb,var(--danger) 7%,#fff)}}
@media(max-width:600px){.selection-trigger{min-height:48px}.control-popup{border-radius:17px}.control-popup .control-option{min-height:54px;padding:9px 10px}.action-menu-trigger{min-height:44px}}
@media(prefers-reduced-motion:reduce){.selection-trigger,.action-menu-trigger,.control-popup .control-option,.control-chevron svg{transition:none}.control-popup.is-open{animation:none}}
@keyframes control-popup-in{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}