:root{--font-sans:"IBM Plex Sans","Avenir Next","Segoe UI",sans-serif;--color-surface:#f6f5ef;--color-surface-alt:#e7e5dc;--color-card:#fff;--color-text:#1f251b;--color-text-muted:#4f5748;--color-accent:#2e6f4d;--color-accent-contrast:#f7fff9;--color-border:#ccd3c5;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:0.375rem;--radius-md:0.75rem}*{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(circle at 0 0,#e7ecde 0,transparent 40%),radial-gradient(circle at 100% 100%,#d7e4d7 0,transparent 45%),var(--color-surface)}button,input,select,textarea{font:inherit}button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);padding:.45rem .7rem;cursor:pointer}button:hover{border-color:var(--color-accent)}button:disabled{opacity:.7;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.55rem .65rem;background:#fbfcf9;color:var(--color-text)}label{display:grid;grid-gap:var(--space-2);gap:var(--space-2);font-size:.92rem}h1,h2,h3,h4,p,pre,ul{margin:0}ul{list-style:none;padding:0}pre{overflow-x:auto;background:#f0f3ec;border-radius:var(--radius-sm);padding:var(--space-2);font-size:.75rem}.app-shell{max-width:1460px;margin:0 auto;min-height:100vh;padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.auth-shell{align-content:center;justify-items:center}.hero-card{width:min(56rem,100%);border:1px solid #d1d9cc;border-radius:var(--radius-md);padding:var(--space-5);background:linear-gradient(155deg,#f4f7f0,#e5efe6)}.shell-header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.shell-content{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.panel-header{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.panel-header.compact{gap:var(--space-1)}.panel-header p{color:var(--color-text-muted);font-size:.92rem}.auth-card{width:min(36rem,100%);border:1px solid #d1d9cc;border-radius:var(--radius-md);background:var(--color-card);padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.inline-form,.panel-form{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.action-row{display:flex;justify-content:flex-end}.tab-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tab-row button.active{background:var(--color-accent);color:var(--color-accent-contrast);border-color:var(--color-accent)}.chat-layout{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:20rem minmax(0,1fr) 20rem}.chat-sidebar,.chat-sidepanel,.chat-thread,.detail-card,.feed-card,.settings-layout>*{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card)}.chat-sidebar,.chat-sidepanel,.chat-thread{padding:var(--space-3);display:grid;grid-gap:var(--space-3);gap:var(--space-3);align-content:start}.conversation-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2);max-height:24rem;overflow-y:auto}.conversation-row{width:100%;text-align:left;display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.conversation-row small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.conversation-row.active{border-color:var(--color-accent);background:#ecf4ee}.message-list{border:1px solid #e2e6dc;border-radius:var(--radius-sm);background:#f8fbf6;min-height:14rem;max-height:34rem;overflow-y:auto;padding:var(--space-3);display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.message-row{border:1px solid #dfe5d9;border-radius:var(--radius-sm);padding:var(--space-2);display:grid;grid-gap:var(--space-2);gap:var(--space-2);background:#fff}.message-row.own{border-color:#9eb99f;background:#ecf6ef}.message-row header{display:flex;justify-content:space-between;gap:var(--space-2)}.message-row small,.muted,.typing-line{color:var(--color-text-muted);font-size:.8rem}.message-actions{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.emoji-row,.inline-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.reaction-strip{display:flex;gap:var(--space-1);flex-wrap:wrap}.reaction-pill{border:1px solid #cad7c9;border-radius:999px;padding:.15rem .45rem;background:#f1f7ef;font-size:.82rem}.agent-events,.approval-list,.bridge-list,.composer,.feed-list,.market-list,.page-list,.rating-list,.version-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.agent-events li,.approval-card,.bridge-list li,.detail-card,.feed-card,.market-row,.page-row,.rating-list li,.version-list li{border:1px solid #dbe2d6;border-radius:var(--radius-sm);padding:var(--space-2)}.agent-events{max-height:20rem;overflow-y:auto}.feed-grid,.feed-layout,.market-grid,.market-layout,.pages-grid,.pages-layout,.settings-grid,.settings-layout{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.feed-grid,.market-grid,.pages-grid,.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,24rem)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pill{border:1px solid #cad7c9;border-radius:999px;padding:.2rem .55rem;font-size:.79rem;color:#294635;background:#eff7ef}.market-row,.page-row{width:100%;text-align:left;display:grid;grid-gap:var(--space-1);gap:var(--space-1);background:#fff}.market-row.active,.page-row.active{border-color:var(--color-accent);background:#ecf4ee}.progress-track{width:100%;height:.7rem;background:#e8eee4;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#5f8f5f,#2f7b50)}.error-banner,.info-banner{border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:.9rem}.info-banner{border:1px solid #bfd8c3;background:#ecf8ef;color:#1f5f35}.error-banner{border:1px solid #e3c2be;background:#fff0ee;color:#7d2621}@media (max-width:1100px){.chat-layout,.feed-grid,.market-grid,.pages-grid,.settings-grid{grid-template-columns:1fr}.message-list{max-height:22rem}}