.agent-nav-status{width:9px;height:9px;border-radius:999px;background:#82958c;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.agent-nav-status.is-on{background:#56d39b}.agent-nav-status.has-error{background:#ef8b81}
.ordering-agent-panel{min-height:420px}
.agent-control-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px;padding:18px;border:1px solid #d9e8e1;border-radius:12px;background:#f7fbf9}
.agent-control-card>div{display:grid;gap:5px}.agent-control-card strong{font-size:15px;color:var(--ink)}.agent-control-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}
.agent-switch{display:grid;grid-template-columns:46px auto;align-items:center;gap:9px;min-height:44px;cursor:pointer}.agent-switch input{position:absolute;opacity:0;pointer-events:none}.agent-switch span{position:relative;width:46px;height:25px;border-radius:999px;background:#aebdb6;transition:background .18s ease}.agent-switch span::after{content:"";position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #173d3240;transition:transform .18s ease}.agent-switch input:checked+span{background:var(--green)}.agent-switch input:checked+span::after{transform:translateX(-21px)}.agent-switch input:focus-visible+span{outline:3px solid #438d7340;outline-offset:3px}.agent-switch input:disabled+span{opacity:.55;cursor:wait}.agent-switch b{font-size:11px}
.agent-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0 16px;list-style:none}.agent-workflow li{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.agent-workflow li>b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:8px;background:#e4f3ec;color:var(--green)}.agent-workflow li span{display:grid;gap:4px}.agent-workflow strong{font-size:11px}.agent-workflow small{color:var(--muted);font-size:9px;line-height:1.7}
.agent-status{margin:16px 16px 0;padding:12px 14px;border-radius:9px;background:#edf6f2;color:#365e4e;font-size:11px;line-height:1.8}.agent-status.is-running{background:#fff4dd;color:#7a531c}.agent-status.has-error,.agent-status.is-blocked{background:#fff0ee;color:#8b3832}
.agent-result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 16px 0}.agent-result span{display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:8px}.agent-result small{color:var(--muted);font-size:9px}.agent-result strong{font-size:12px}
.agent-safety-note{margin:16px;padding:12px;border-right:3px solid var(--green);border-radius:8px;background:#f5f8f7;color:#526c5e;font-size:10px;line-height:1.9}.agent-safety-note a{display:inline-block;min-height:32px;margin-inline-start:8px;color:var(--green);font-weight:800}
@media(max-width:760px){.agent-control-card{align-items:flex-start;flex-direction:column}.agent-workflow,.agent-result{grid-template-columns:1fr}.agent-switch{width:100%;justify-content:start}}
@media(prefers-reduced-motion:reduce){.agent-switch span,.agent-switch span::after{transition:none}}