.agent-chat{--chat-accent:#209789;--chat-ink:#20394a;--chat-muted:#7a8e9a;--chat-line:#e3eceb;position:relative;min-width:0;color:var(--chat-ink)}
.agent-chat .chat-icon{width:20px;height:20px;flex:none}.agent-chat button{font-size:12px}.agent-chat button:focus-visible,.agent-chat summary:focus-visible{outline-color:#67baae}.agent-chat .chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.agent-chat .chat-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--chat-line);background:#fff;border-radius:14px}.agent-chat .chat-tab{background:transparent;border:0;color:#71868d;gap:9px;padding:8px 14px;border-radius:10px;min-height:43px;font-weight:600}.agent-chat .chat-tab:hover{background:#f2f7f6}.agent-chat .chat-tab.is-active{background:#e6f4ef;color:#1d7f71}.agent-chat .chat-tab-avatar{display:grid;place-items:center;width:26px;height:26px;background:#eaf0f1;border-radius:50%;font-size:11px}.agent-chat .chat-tab.is-active .chat-tab-avatar{background:#c9e9df;color:#248474}.agent-chat .chat-tab-head{font-size:10px;opacity:.7;font-weight:500}.agent-chat .chat-usage-toggle{background:#fff;color:#7e939b;border:1px solid var(--chat-line);padding:9px 12px;min-height:40px;font-size:11px;white-space:nowrap}.agent-chat .chat-usage-toggle:hover{background:#eef6f3;color:var(--chat-accent)}
.agent-chat .agent-rooms{display:block}.agent-chat .agent-room{position:relative;display:flex;flex-direction:column;height:clamp(540px,calc(100dvh - 270px),800px);min-height:540px;border:1px solid #dfe9e6;border-radius:18px;background:#fff;box-shadow:0 4px 20px #234c3910;overflow:hidden}.agent-chat .room-header{position:relative;display:flex;align-items:center;gap:12px;flex:none;padding:16px 22px;background:#fff;border-bottom:1px solid var(--chat-line);z-index:3}.agent-chat .room-header-title{flex:1;min-width:0}.agent-chat .room-header h2{font-size:15px;letter-spacing:-.25px;margin:0;line-height:1.5}.agent-chat .room-header p{font-size:11px;color:var(--chat-muted);margin:3px 0 0}.agent-chat .room-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#d8eae4;color:#549385;font-size:11px;font-weight:650;flex:none}.agent-chat .chat-head-avatar{width:42px;height:42px;font-size:17px;background:#cee8dc;color:#448b70}.agent-chat .chat-icon-button{display:grid;place-items:center;width:36px;min-height:36px;padding:7px;border:0;border-radius:10px;background:transparent;color:#8c9ea6;margin-left:0}.agent-chat .chat-icon-button:hover{background:#eff7f4;color:var(--chat-accent)}
.agent-chat .room-stream{height:auto;flex:1;min-height:0;overflow:auto;padding:18px 28px 24px;background-color:#eef5f0;background-image:radial-gradient(#aec6b51b 1px,transparent 1px);background-size:21px 21px;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#becfc5 transparent}.agent-chat .chat-day{text-align:center;margin:5px 0 20px;clear:both}.agent-chat .chat-day span{display:inline-block;background:#dce9e180;border:1px solid #d4e2d970;color:#7e9587;font-size:10px;font-weight:550;padding:6px 12px;border-radius:20px}.agent-chat .room-message{display:flex;align-items:flex-end;gap:9px;margin:0 0 13px;max-width:88%}.agent-chat .room-bubble{position:relative;flex:initial;max-width:100%;min-width:100px;border:1px solid #e5ece5;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 1px 2px #254d3510;padding:11px 14px 7px;overflow-wrap:anywhere}.agent-chat .room-byline{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin-bottom:4px}.agent-chat .room-byline strong{font-size:11px;color:#438b78;font-weight:650}.agent-chat .room-byline small{font-size:9px;color:#9aa8ac}.agent-chat .room-text{white-space:pre-wrap;font-size:12px;line-height:1.8;word-break:break-word}.agent-chat .room-time{display:block;text-align:right;color:#a1aeb0;font-size:9px;line-height:1.7;margin-top:3px;white-space:nowrap}.agent-chat .room-message.user{margin-left:auto;justify-content:flex-end}.agent-chat .room-message.user .room-bubble{background:#def0db;border-color:#d6e8d2;border-radius:14px 14px 4px 14px}.agent-chat .room-message.user .room-byline{display:none}.agent-chat .room-message.user .room-time{color:#86a283}.agent-chat .room-message.system{justify-content:center;max-width:none;margin:15px 0}.agent-chat .room-message.system>span{border-radius:12px;background:#dce7df9c;color:#7d9183;padding:5px 12px;font-size:10px;line-height:1.7;text-align:center;max-width:85%}.agent-chat .room-empty{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.agent-chat .chat-welcome-avatar{display:grid;place-items:center;width:60px;height:60px;border-radius:22px;background:#daeade;color:#87ac97;font-size:25px;margin-bottom:16px;box-shadow:0 4px 15px #608a7110}.agent-chat .room-empty h3{font-size:15px;font-weight:600;color:#628374;margin:0 0 8px}.agent-chat .room-empty p{max-width:350px;margin:0;font-size:12px;line-height:1.85;color:#8aa093}.agent-chat .room-empty small{display:block;margin-top:16px;font-size:10px;color:#9eafa4}
.agent-chat .room-composer{flex:none;padding:10px 19px 11px;background:#fff;border-top:1px solid var(--chat-line)}.agent-chat .chat-composer-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 5px}.agent-chat .chat-recipient{background:transparent;color:#9aa9ad;padding:3px 0;min-height:26px;gap:4px;font-size:10px;font-weight:500;border:0}.agent-chat .chat-recipient strong{color:#539c8b;font-weight:600}.agent-chat .chat-recipient .chat-icon{width:13px;height:13px;color:#93b5ac}.agent-chat .chat-mode-menu{position:relative}.agent-chat .chat-mode-toggle{border:0;background:transparent;color:#92a1a7;font-size:10px;font-weight:500;gap:5px;padding:3px;min-height:26px}.agent-chat .chat-mode-toggle:hover{color:var(--chat-accent)}.agent-chat .chat-mode-toggle .chat-icon{width:14px;height:14px}.agent-chat .chat-composer-input{display:flex;align-items:flex-end;gap:9px}.agent-chat .room-composer textarea{width:100%;min-height:42px;max-height:150px;resize:none;border:1px solid #e8eeee;border-radius:12px;background:#f7faf9;padding:10px 13px;line-height:1.7;font-size:12px;scrollbar-width:thin}.agent-chat .room-composer textarea::placeholder{color:#adbbbc}.agent-chat .room-composer textarea:focus{border-color:#a2cec1;box-shadow:0 0 0 3px #54ad9610}.agent-chat .chat-send{flex:none;display:grid;place-items:center;background:#3caa92;border:0;color:#fff;border-radius:50%;width:42px;min-height:42px;height:42px;padding:10px}.agent-chat .chat-send:hover{background:#329b84}.agent-chat .chat-send .chat-icon{width:23px;height:23px}.agent-chat .chat-composer-hint{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#b0bdbf;margin:7px 2px 0}.agent-chat .chat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.agent-chat .chat-connection{background:#fff9e9;border-top:1px solid #eee1bf;font-size:11px;color:#a08a4e;padding:8px 19px;margin:0;line-height:1.7}
.agent-chat .chat-members{position:absolute;right:18px;top:calc(100% - 8px);width:270px;max-width:calc(100vw - 65px);max-height:min(470px,60dvh);overflow:auto;border:1px solid #e0e9e5;border-radius:13px;background:#fff;box-shadow:0 12px 35px #20453624;padding:6px;z-index:10;scrollbar-width:thin}.agent-chat .chat-menu-heading{padding:10px 10px 12px;border-bottom:1px solid #eef3f0;margin-bottom:5px}.agent-chat .chat-menu-heading strong{display:block;font-size:12px}.agent-chat .chat-menu-heading small{display:block;font-size:10px;color:#98a8ad;margin-top:4px}.agent-chat .chat-member{display:flex;justify-content:flex-start;align-items:center;gap:10px;background:transparent;color:#586f7a;width:100%;padding:9px;border:0;min-height:50px;font-weight:500;text-align:left;border-radius:8px}.agent-chat .chat-member:hover,.agent-chat .chat-member.is-selected{background:#eff7f3}.agent-chat .chat-member>span:nth-child(2){flex:1}.agent-chat .chat-member strong{display:block;font-size:11px;font-weight:600}.agent-chat .chat-member small{display:block;font-size:9px;color:#95a5aa;margin-top:3px}.agent-chat .chat-member-check{color:var(--chat-accent);font-size:12px}.agent-chat .chat-modes{position:absolute;bottom:calc(100% + 8px);right:0;min-width:185px;z-index:6;background:#fff;border:1px solid #e0e9e5;border-radius:12px;padding:6px;box-shadow:0 10px 28px #20453624}.agent-chat .chat-mode-option{display:block;min-height:34px;width:100%;padding:8px 10px;text-align:left;font-size:11px;font-weight:500;background:transparent;color:#71858e;border:0;border-radius:7px}.agent-chat .chat-mode-option:hover,.agent-chat .chat-mode-option.is-selected{background:#eff7f3;color:var(--chat-accent)}
.agent-chat .chat-pending-bubble{background:#ffffffd9;max-width:100%}.agent-chat .chat-typing{display:flex;align-items:center;gap:8px;color:#8a9ca0;font-size:10px;padding:5px 0 6px;line-height:1.7}.agent-chat .chat-typing-dots{display:flex;gap:3px;flex:none}.agent-chat .chat-typing-dots i{width:4px;height:4px;border-radius:50%;background:#71ad9b;animation:chat-typing 1.4s infinite}.agent-chat .chat-typing-dots i:nth-child(2){animation-delay:.15s}.agent-chat .chat-typing-dots i:nth-child(3){animation-delay:.3s}@keyframes chat-typing{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.agent-chat .chat-reply-error strong{font-size:11px;font-weight:600;color:#9b8060}.agent-chat .chat-reply-error p{font-size:11px;line-height:1.7;color:#8e8e81;margin:5px 0}.agent-chat .chat-reply-error small{display:block;font-size:10px;line-height:1.7;color:#9e927e}.agent-chat .chat-text-button{background:transparent;border:0;padding:5px 0;color:#6a9e8e;min-height:28px;font-size:10px;font-weight:550}.agent-chat .chat-text-button:hover{background:transparent;color:#258970}.agent-chat .chat-evidence{border:0;border-top:1px solid #eaf0ed;background:transparent;border-radius:0;padding:8px 0 0;margin:8px 0 0}.agent-chat .chat-evidence summary{font-size:10px;color:#849c92;font-weight:500}.agent-chat .chat-evidence[open] summary{margin-bottom:8px}.agent-chat .chat-evidence .room-text{font-size:11px}.agent-chat .chat-finding{padding:7px 0}.agent-chat .chat-finding strong,.agent-chat .chat-evidence li>strong{font-size:11px;font-weight:600}.agent-chat .chat-finding small{display:block;line-height:1.7;color:#9aa9a3;font-size:10px;margin-top:4px}.agent-chat .chat-evidence ol{padding-left:19px;font-size:11px;line-height:1.8}
.agent-chat .chat-action-card{padding:13px;margin-top:11px;border:1px solid #d8e8df;border-radius:11px;background:#fbfdfb;min-width:260px;max-width:420px}.agent-chat .agent-plan-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between;font-size:12px}.agent-chat .agent-plan-heading>strong{font-weight:650;line-height:1.6}.agent-chat .chat-status{font-size:9px;color:#7c9d8c;line-height:1.7}.agent-chat .chat-status.is-pending{color:#b19d58}.agent-chat .chat-status.is-error{color:#b08381}.agent-chat .chat-action-version{font-size:9px!important;color:#9aaea4!important;line-height:1.7!important;margin:5px 0 10px!important}.agent-chat .chat-action-version span{overflow-wrap:anywhere}.agent-chat .chat-action-target{display:grid;grid-template-columns:95px minmax(0,1fr);gap:7px;font-size:10px;line-height:1.7;margin:0;padding:10px 0;border-top:1px solid #e7eee8;border-bottom:1px solid #e7eee8}.agent-chat .chat-action-target dt{color:#92a299}.agent-chat .chat-action-target dd{margin:0;color:#687f73;overflow-wrap:anywhere}.agent-chat .agent-plan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px}.agent-chat .agent-plan-actions button:not(.chat-text-button){min-height:31px;padding:6px 12px;font-size:10px;border-radius:7px;background:#419f86;color:#fff}.agent-chat .agent-plan-actions button.quiet{background:#fff;border-color:#dce8df;color:#8b9f94}.agent-chat .agent-plan-actions .chat-text-button{margin-left:auto}.agent-chat .chat-action-job{font-size:10px!important;color:#92a298!important;line-height:1.7!important;margin:8px 0 0!important}.agent-chat .chat-provider-choice{padding:4px 0 6px;max-width:380px}.agent-chat .chat-provider-choice>strong{font-size:12px;font-weight:600;color:#637e91}.agent-chat .chat-provider-choice p{font-size:11px;color:#92a3ad;line-height:1.8;margin:7px 0 11px}.agent-chat .chat-provider-actions{display:flex;gap:7px;flex-wrap:wrap}.agent-chat .chat-provider-actions button{background:#429e8a;font-size:10px;min-height:34px;padding:8px 10px;border-radius:8px}.agent-chat .chat-provider-actions button.quiet{color:#829d92;background:#fff;border-color:#dce8e1}.agent-chat .chat-provider-choice>small{display:block;font-size:9px;line-height:1.7;color:#a0aaa7;margin-top:10px}
.agent-chat .chat-ai-drawer{position:absolute;top:62px;right:0;width:320px;max-width:calc(100% - 20px);max-height:calc(100% - 95px);overflow:auto;z-index:12;background:#fff;border:1px solid #dde8e1;border-radius:15px;box-shadow:0 15px 45px #29433428;padding:17px;scrollbar-width:thin}.agent-chat .chat-ai-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.agent-chat .chat-ai-drawer h3{margin:0;font-size:13px;font-weight:650}.agent-chat .chat-ai-period{font-size:10px;color:#96a5aa;line-height:1.7;margin:0 0 6px}.agent-chat .chat-ai-budget strong{display:block;font-size:22px;color:#558f7b;font-weight:600;letter-spacing:-.5px}.agent-chat .chat-ai-budget>span{display:block;font-size:10px;color:#a0aaa9;margin-top:4px}.agent-chat .chat-budget-track{height:5px;background:#eef4ef;border-radius:5px;overflow:hidden;margin:14px 0 9px}.agent-chat .chat-budget-track>span{display:block;height:100%;background:#94c9b1;border-radius:5px}.agent-chat .chat-ai-ledger{font-size:9px;color:#94a399;line-height:1.9;margin:0 0 15px}.agent-chat .chat-ai-route{position:relative;padding:12px 0;border-top:1px solid #eef2ee;display:grid;grid-template-columns:1fr auto;gap:5px}.agent-chat .chat-ai-route>span{font-size:10px;color:#7d9391}.agent-chat .chat-ai-route strong{font-size:9px;font-weight:600;color:#659583}.agent-chat .chat-ai-route small{grid-column:1/-1;font-size:9px;color:#a0afaa;overflow-wrap:anywhere}.agent-chat .chat-ai-route p{grid-column:1/-1;margin:0;font-size:10px;color:#9faeaa;line-height:1.7}.agent-chat .chat-ai-note{font-size:10px;color:#a1aaa6;line-height:1.8;border-top:1px solid #eef2ee;margin:0;padding-top:13px}.agent-chat .chat-settings-link{display:inline-block;font-size:10px;color:#679f8a;margin-top:12px}.agent-chat .chat-ai-recovery{border:0;border-top:1px solid #eef2ee;border-radius:0;padding:12px 0 0;margin:12px 0 0}.agent-chat .chat-ai-recovery summary{font-size:10px;color:#a89a7c;font-weight:500}.agent-chat .chat-unknown-call{padding:10px 0;border-bottom:1px solid #eef2ee}.agent-chat .chat-unknown-call strong{display:block;font-size:10px;color:#8b9e94;font-weight:550}.agent-chat .chat-unknown-call small{display:block;font-size:9px;color:#a4afaa;line-height:1.7;margin:4px 0;overflow-wrap:anywhere}.agent-chat .room-artifacts{border:0;background:transparent;padding:0;margin:18px 0 0}.agent-chat .room-artifacts>summary{font-size:11px;font-weight:550;color:#9aa9a9;background:transparent;border:0;padding:9px 1px;border-radius:0}.agent-chat .room-artifacts[open]>summary{margin-bottom:10px}.agent-chat .room-artifacts>.panel{margin-top:0}
@media(max-width:700px){.agent-chat .agent-room{height:calc(100dvh - 265px);min-height:490px;border-radius:14px}.agent-chat .chat-toolbar{gap:8px;margin-bottom:12px}.agent-chat .chat-tabs{gap:3px;padding:4px;flex:1}.agent-chat .chat-tab{padding:7px 9px;gap:6px;flex:1;font-size:11px}.agent-chat .chat-tab-head{display:none}.agent-chat .chat-usage-toggle{width:39px;padding:9px;border-radius:11px;min-height:39px}.agent-chat .chat-usage-toggle>span{display:none}.agent-chat .room-header{padding:13px 16px}.agent-chat .room-stream{padding:15px 15px 20px}.agent-chat .room-message{max-width:94%;gap:6px}.agent-chat .room-message>.room-avatar{width:26px;height:26px;font-size:10px}.agent-chat .room-bubble{padding:10px 11px 6px}.agent-chat .room-composer{padding:9px 13px 10px}.agent-chat .chat-composer-hint>span:first-child{display:none}.agent-chat .chat-composer-hint{justify-content:flex-end}.agent-chat .chat-ai-drawer{top:59px;width:300px}.agent-chat .chat-action-card{min-width:0}.agent-chat .chat-action-target{grid-template-columns:80px minmax(0,1fr);gap:5px}.agent-chat .room-empty{padding:25px 15px}.agent-chat .room-empty p{font-size:11px}.agent-chat .chat-provider-actions{flex-direction:column}.agent-chat .chat-provider-actions button{width:100%}}
@media(max-width:380px){.agent-chat .chat-tab{padding:6px;font-size:10px}.agent-chat .chat-tab-avatar{width:23px;height:23px}.agent-chat .room-stream{padding-left:10px;padding-right:10px}.agent-chat .room-message{max-width:97%}.agent-chat .room-message>.room-avatar{display:none}.agent-chat .room-text{font-size:11px}.agent-chat .room-composer{padding-left:10px;padding-right:10px}.agent-chat .chat-composer-meta{gap:5px}.agent-chat .chat-mode-toggle{font-size:9px}}
@media(prefers-reduced-motion:reduce){.agent-chat .chat-typing-dots i{animation:none}}