.topbar-actions{display:flex;align-items:center;gap:9px}.agent-toggle{border:1px solid #d8c5b1;border-radius:999px;background:#fffaf3;color:#76543c;padding:8px 13px;font:inherit;font-size:12px;cursor:pointer}.agent-toggle:hover,.agent-toggle.active{background:#8f6b50;color:#fff;border-color:#8f6b50}.agent-stage{height:100%;display:flex;flex-direction:column;padding:27px;background:#faf7f2;color:#51463a}.agent-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #e4d8ca;padding-bottom:17px}.agent-kicker{font-size:10px;letter-spacing:.15em;color:#a77b58}.agent-head h1{font-size:25px;margin:8px 0 5px;color:#594533}.agent-head p{margin:0;color:#8a7460;font-size:13px}.agent-context{font-size:11px;color:#8d755f;background:#f0e5d8;border-radius:999px;padding:7px 10px;white-space:nowrap}.agent-messages{flex:1;overflow:auto;padding:18px 2px 8px}.agent-message{max-width:78%;margin:9px 0;padding:12px 15px;border:1px solid #e6d9ca;border-radius:14px;background:#fffdfa;line-height:1.75;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.agent-message.user{margin-left:auto;background:#eee0cf;border-color:#dfc9b0}.agent-message small{display:block;margin-bottom:4px;color:#9b8069;font-size:10px}.agent-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.agent-suggestions button{border:1px solid #ddcbb8;background:#fffaf3;color:#765840;border-radius:9px;padding:8px 10px;font:inherit;font-size:11px;cursor:pointer}.agent-form{display:flex;gap:9px;align-items:flex-end}.agent-form textarea{flex:1;resize:none;min-height:52px;background:#fffdfa;color:#51463a;border:1px solid #dccbb9;border-radius:11px;padding:11px;font:inherit;font-size:13px}.agent-form.busy{opacity:.7}.agent-status{min-height:20px;margin:8px 0 0;color:#92745b;font-size:11px}@media(max-width:760px){.agent-head{display:block}.agent-context{display:inline-block;margin-top:10px}.agent-message{max-width:90%}}.agent-confirm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:11px 13px;border:1px solid #d9b98f;border-radius:11px;background:#fff1dd;color:#76543c;font-size:12px}.agent-confirm span{flex:1;min-width:220px}.agent-confirm button{border:1px solid #d2b99f;border-radius:8px;background:#fffaf3;color:#76543c;padding:8px 11px;cursor:pointer;font:inherit;font-size:11px}
