:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100svh}:root{--bg:#f5f6f8;--surface:#fff;--border:#e2e5ea;--ink:#1a1d22;--ink-muted:#6b7280;--accent:#2f6fed;--accent-ink:#fff;--amber:#b7791f;--amber-bg:#fdf3dc;--green:#1a7f4b;--red:#c0392b;--available:#1a7f4b;--busy:#b7791f;--offline:#9ca3af;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}.app{max-width:1080px;margin:0 auto;padding:24px 20px 60px}.app__header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.app__header h1{margin:0;font-size:24px}.app__subtitle{color:var(--ink-muted);margin:4px 0 0;font-size:13px}.app__body{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=760px){.app__body{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px}.panel__title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);margin:0 0 14px;font-size:15px}.panel--full{margin-top:20px}.panel__hint{color:var(--ink-muted);margin:-8px 0 14px;font-size:12.5px}.live-suggestion__controls{align-items:center;gap:10px;display:flex}.live-suggestion__controls select{border:1px solid var(--border);border-radius:6px;flex:1;padding:8px 10px;font-size:13px}.live-suggestion__output{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;background:#f7f8fa;border-radius:6px;max-height:220px;margin:14px 0 0;padding:12px 14px;font-family:DM Mono,SF Mono,monospace;font-size:12.5px;overflow-y:auto}.panel__status{color:var(--ink-muted);font-size:14px}.panel__status--error{color:var(--red);align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border);background:var(--accent);color:var(--accent-ink);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{color:var(--ink);background:0 0}.btn--accept{background:var(--green)}.btn--reject{color:var(--red);border-color:var(--red);background:0 0}.suggestion-list{flex-direction:column;gap:14px;display:flex}.suggestion-card{border:1px solid var(--border);border-left:4px solid var(--ink-muted);border-radius:6px;padding:14px 16px}.suggestion-card--replan{border-left-color:var(--amber);background:#fffdf8}.suggestion-card__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.badge--replan{background:var(--amber-bg);color:var(--amber)}.badge--initial{color:var(--accent);background:#e8effe}.suggestion-card__order-id{color:var(--ink-muted);font-family:DM Mono,SF Mono,monospace;font-size:12px}.suggestion-card__description{margin:0 0 10px;font-size:14px}.suggestion-card__recommendation{gap:24px;margin-bottom:10px;display:flex}.suggestion-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:3px;font-size:10px}.suggestion-card__agent{font-weight:600}.confidence-bar{background:var(--border);border-radius:3px;width:100px;height:6px;overflow:hidden}.confidence-bar__fill{background:var(--accent);height:100%}.suggestion-card__confidence-value{color:var(--ink-muted);margin-top:2px;font-size:11px}.suggestion-card__reasoning{color:var(--ink-muted);border-left:2px solid var(--border);margin:0 0 12px;padding-left:10px;font-size:13px;font-style:italic}.suggestion-card__actions{gap:8px;display:flex}.agent-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.agent-row{align-items:center;gap:10px;display:flex}.agent-row__info{flex:1}.agent-row__name{font-size:14px;font-weight:600}.agent-row__meta{color:var(--ink-muted);font-size:12px}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot--available{background:var(--available)}.status-dot--busy{background:var(--busy)}.status-dot--offline{background:var(--offline)}