:root{--bg:#f6f7f9;--surface:#fff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--accent:#0f766e;--accent-hover:#0d9488;--danger:#b91c1c;--shadow:0 8px 30px #0f172a14;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--agent-inventory:#0369a1;--agent-procurement:#7c3aed;--agent-logistics:#b45309;--agent-supervisor:#0f766e}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);color:var(--text);background:var(--bg);margin:0;font-size:16px;line-height:1.5}#root{min-height:100svh}h1{margin:.25rem 0 0;font-size:1.35rem;font-weight:600}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.muted{color:var(--text-muted)}.muted.small{font-size:.85rem}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:.55rem 1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:not(:disabled):hover{background:var(--accent-hover)}.btn.ghost{background:0 0}.auth-shell{place-items:center;min-height:100svh;padding:1.5rem;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100%);box-shadow:var(--shadow);text-align:left;padding:2rem}.auth-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.auth-form label{flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}.auth-form input{font:inherit;border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem}.form-error{color:var(--danger);margin:0;font-size:.9rem}.chat-shell{flex-direction:column;max-width:960px;min-height:100svh;margin:0 auto;padding:1rem 1rem 5.5rem;display:flex}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.header-actions{align-items:center;gap:.5rem;display:flex}.user-chip{color:var(--text-muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.35rem .65rem;font-size:.85rem}.chat-main{flex-direction:column;flex:1;min-height:0;margin-top:1rem;display:flex}.messages{flex-direction:column;flex:1;gap:.75rem;min-height:50vh;padding-right:.25rem;display:flex;overflow-y:auto}.message{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);max-width:85%;padding:.75rem 1rem}.message.user{background:#ecfdf5;border-color:#a7f3d0;align-self:flex-end}.message.assistant{align-self:flex-start}.message.pending{opacity:.85}.message-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem;font-size:.72rem;display:block}.message p{white-space:pre-wrap;margin:0}.composer{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.composer-error{margin-bottom:.5rem}.composer-row{gap:.5rem;display:flex}.composer-row input{font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:.75rem .85rem}.agent-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(320px,100vw - 2rem);box-shadow:var(--shadow);z-index:20;text-align:left;position:fixed;bottom:1rem;left:1rem}.agent-panel-toggle{width:100%;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;font-weight:600;display:flex}.chevron{color:var(--text-muted)}.agent-panel-body{max-height:240px;padding:0 .85rem .85rem;overflow-y:auto}.agent-runs{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.agent-run{border-top:1px solid var(--border);padding-top:.65rem}.run-prompt{color:var(--text-muted);margin:0 0 .4rem;font-size:.82rem}.run-agents{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.run-agents li{border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:.2rem .45rem;font-size:.72rem}.run-agents li.fired{border-color:color-mix(in srgb, var(--chip) 40%, var(--border));background:color-mix(in srgb, var(--chip) 12%, white);color:var(--chip);font-weight:600}@media (width<=640px){.chat-header{flex-direction:column}.message{max-width:100%}}