.approved-controls{--field:var(--input-bg);--sel:var(--surface-selected);--raised:var(--surface-raised);--ink:var(--text-default);--ink2:var(--text-secondary);--ink3:var(--text-tertiary);--ink4:var(--text-disabled);--line:var(--stroke-divider);--green:var(--positive-green);--red:var(--negative-red);--gbg:var(--positive-green-secondary-bg);--rbg:var(--negative-red-secondary-bg);--warn:var(--warn-orange);--eo:var(--ease-out-smooth);--ux-toast-shadow:#0000004d}.approved-controls :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.approved-controls .col{flex-direction:column;gap:4px;min-width:0;display:flex}.approved-controls .seg{background:var(--field);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;grid-template-columns:1fr 1fr;padding:2px;display:grid;position:relative}.approved-controls .seg .ind{background:var(--raised);width:calc(50% - 2px);transition:transform .15s var(--eo), background-color .1s ease;border-radius:4px;position:absolute;top:2px;bottom:2px;left:2px}.approved-controls .seg[data-value=b] .ind{transform:translate(100%)}.approved-controls .seg.side[data-value=a] .ind{background:var(--gbg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--green) 40%, transparent)}.approved-controls .seg.side[data-value=b] .ind{background:var(--rbg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--red) 40%, transparent)}.approved-controls .seg button{z-index:1;min-height:32px;color:var(--ink3);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:4px 8px;font-size:13px;font-weight:500;line-height:18px;transition:color .1s;display:flex;position:relative}.approved-controls .seg[data-compact]{height:32px}.approved-controls .seg[data-compact] button{min-height:0;padding-block:0}.approved-controls .seg button:hover:enabled{color:var(--ink)}.approved-controls .seg button[aria-checked=true]{color:var(--ink);font-weight:600}.approved-controls .seg.side button[aria-checked=true][data-k=a]{color:var(--green)}.approved-controls .seg.side button[aria-checked=true][data-k=b]{color:var(--red)}.approved-controls .seg button small{color:var(--ink3);font-size:11px;font-weight:400;line-height:14px}.approved-controls .seg button:focus-visible{outline-offset:-2px}.approved-controls .link{color:var(--ink);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--ink3);text-decoration-color:var(--ink3);border-radius:2px;font-size:12px;font-weight:600;line-height:16px;position:relative}.approved-controls .link:after{content:"";position:absolute;inset:-8px}.approved-controls .link:hover{text-decoration-color:currentColor}.approved-controls .link:disabled{color:var(--ink4);text-decoration:none}.approved-controls .toast{background:var(--sel);box-shadow:0 0 0 1px var(--line), 0 8px 24px var(--ux-toast-shadow);animation:approved-tin .15s var(--eo);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.approved-controls .toast[data-out=true]{animation:.12s forwards approved-tout}@keyframes approved-tin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes approved-tout{to{opacity:0;transform:translate(8px)}}.approved-controls .toast .ic{margin-top:1px}.approved-controls .toast[data-k=success] .ic{color:var(--green)}.approved-controls .toast[data-k=error] .ic{color:var(--red)}.approved-controls .toast[data-k=info] .ic{color:var(--ink2)}.approved-controls .toast .ttl{font-size:13px;font-weight:600;line-height:18px}.approved-controls .toast .msg{color:var(--ink2);font-size:12px;line-height:16px}.approved-controls .toast .acts{gap:16px;margin-top:6px;display:flex}.approved-controls .xb{width:20px;height:20px;color:var(--ink3);border-radius:4px;place-items:center;transition:color .1s;display:grid;position:relative}.approved-controls .xb:after{content:"";position:absolute;inset:-6px}.approved-controls .xb:hover{color:var(--ink)}.approved-controls .cd{background:var(--ink3);transform-origin:0;width:100%;height:2px;animation:linear forwards approved-cd;position:absolute;bottom:0;left:0}.approved-controls .toast:hover .cd{animation-play-state:paused}@keyframes approved-cd{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.approved-controls .seg button:disabled{color:var(--ink4)}.approved-controls .link:after{inset:-4px}.approved-controls{color:var(--ink);min-width:0}.approved-controls button{cursor:pointer;font-family:inherit}.approved-controls button:disabled{cursor:not-allowed;opacity:.5}.approved-controls .seg button{background:0 0;border:0}.approved-controls .col{flex-direction:column;min-width:0;display:flex}.approved-controls .toast[data-k=warning] .ic{color:var(--warn)}@media (max-width:420px){.approved-controls .seg button{min-height:40px}}@media (prefers-reduced-motion:reduce){.approved-controls *,.approved-controls :before,.approved-controls :after{transition:none!important;animation:none!important}.approved-controls .cd{display:none}}
