:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d2622;background:#eef2ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#f8faf8,#e5ece8);padding:24px}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dce4df;border-radius:24px;padding:34px;box-shadow:0 22px 60px #162d221f}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#193f32;color:#fff;font-weight:800;font-size:22px}.brand-mark.small{width:36px;height:36px;border-radius:10px;font-size:17px}h1{margin-bottom:6px}.login-card p{color:#64726b;margin-top:0;margin-bottom:28px}label{display:grid;gap:7px;margin:14px 0;font-weight:650;font-size:14px}input{border:1px solid #cfd9d3;border-radius:11px;padding:12px 13px;outline:none;background:#fff}input:focus{border-color:#4c806d;box-shadow:0 0 0 3px #4c806d1f}.login-card button,.composer-row button{border:0;border-radius:11px;background:#1d5d47;color:#fff;font-weight:700;padding:12px 16px}.login-card button{width:100%;margin-top:10px}.error{background:#fff0ef;color:#8e2c27;border:1px solid #f3c5c1;border-radius:10px;padding:10px 12px;font-size:13px}.loading{min-height:100vh;display:grid;place-items:center}.app-shell{min-height:100vh;display:grid;grid-template-rows:66px 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#14251f;color:#fff}.brand{display:flex;align-items:center;gap:11px}.brand>div{display:grid}.brand small{color:#a8bbb2;font-size:11px;margin-top:2px}.user-menu{display:flex;gap:10px;align-items:center;font-size:14px}.connection-dot{width:8px;height:8px;border-radius:50%;background:#54d694}.link-button{background:none;border:0;color:#cbd8d2}.workspace{height:calc(100vh - 66px);display:grid;grid-template-columns:340px 1fr;background:#eef2ef}.sidebar{background:#fff;border-right:1px solid #dce3df;display:grid;grid-template-rows:auto 1fr;min-width:0}.search{padding:14px;border-bottom:1px solid #edf0ee}.search input{width:100%;background:#f3f6f4}.conversation-list{overflow:auto}.conversation-item{width:100%;border:0;background:#fff;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:13px 14px;text-align:left;border-bottom:1px solid #f1f3f2}.conversation-item:hover,.conversation-item.active{background:#edf5f1}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dfeae5;color:#2d5d4c;font-weight:800}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;justify-content:space-between;gap:8px}.conversation-copy small{color:#758179;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#2b8f67;color:#fff;font-size:11px}.chat-panel{min-width:0;display:grid;grid-template-rows:72px 1fr auto;background:#f8faf9}.chat-header{background:#fff;border-bottom:1px solid #dfe5e1;padding:13px 20px;display:flex;justify-content:space-between;align-items:center}.chat-header>div{display:grid}.chat-header small{color:#76837c;margin-top:4px}.window-pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.window-pill.open{background:#e5f7ee;color:#18794e}.window-pill.closed{background:#fff1e9;color:#a04c16}.messages{overflow:auto;padding:24px clamp(20px,5vw,80px);display:flex;flex-direction:column;gap:10px;background-image:linear-gradient(#f3f7f5e0,#f3f7f5e0),radial-gradient(#cdd9d3 1px,transparent 1px);background-size:auto,18px 18px}.bubble{max-width:min(620px,78%);padding:10px 12px 7px;border-radius:13px;box-shadow:0 1px 1px #0000000d}.bubble.in{align-self:flex-start;background:#fff}.bubble.out{align-self:flex-end;background:#dff5e8}.bubble small{display:block;text-align:right;color:#76837c;margin-top:6px;font-size:10px}.template-label{display:inline-block;font-size:9px;font-weight:800;color:#6b5a19;background:#fff4be;border-radius:5px;padding:2px 5px;margin-bottom:5px}.composer{background:#fff;border-top:1px solid #dfe5e1;padding:13px 16px}.composer-row{display:grid;grid-template-columns:1fr auto;gap:10px}.inline{margin-bottom:8px}.template-box{display:grid;gap:12px}.template-box>div:first-child{display:grid;gap:2px}.template-box span{color:#6d7a73;font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.template-grid button{border:1px solid #d7e0db;background:#f9fbfa;border-radius:10px;padding:10px;text-align:left}.template-grid button:hover{border-color:#5b8b78;background:#f0f7f4}.template-grid small{display:block;color:#6d7a73;margin-top:4px;line-height:1.25}.dev-button{border:0;background:none;color:#54766a;font-size:11px;padding:7px 0 0}.empty{display:grid;place-items:center;color:#78867f;grid-row:1 / -1}@media(max-width:780px){.workspace{grid-template-columns:120px 1fr}.conversation-item{grid-template-columns:1fr}.conversation-copy small,.conversation-copy strong{display:none}.conversation-copy>div{justify-content:center}.search input{padding:10px 7px;font-size:11px}.topbar small,.window-pill{display:none}}