main.agent-main{padding:0!important;overflow:hidden!important}
.agent-view{height:100%;min-height:0;display:flex;color:var(--text);background:var(--bg);font-size:14px}
.agent-history{width:240px;flex:0 0 240px;min-width:0;border-right:1px solid var(--border);background:var(--side);display:flex;flex-direction:column}
.agent-history-top{padding:12px}
.agent-new{width:100%;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;background:#0ea5e9;border:0;border-radius:12px;color:#fff;font-size:14px;cursor:pointer}
.agent-new:hover{opacity:.9}
.agent-history-list{flex:1;min-height:0;overflow-y:auto;padding:0 8px 12px}
.agent-history-day{padding:5px 8px 8px;color:var(--muted);font-size:11px}
.agent-no-history{color:#65758b;text-align:center;font-size:12px;padding:16px 8px}
.agent-history-row{display:flex;align-items:center;border-radius:8px;color:var(--muted)}
.agent-history-row:hover,.agent-history-row.active{background:var(--active);color:var(--text)}
.agent-history-open{flex:1;min-width:0;height:38px;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0 8px;color:inherit;text-align:left;cursor:pointer;font-size:13px}
.agent-history-open span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-history-icon{font-size:15px;color:var(--muted)}
.agent-history-delete{flex:0 0 26px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:18px;opacity:0}
.agent-history-row:hover .agent-history-delete,.agent-history-row.active .agent-history-delete{opacity:1}
.agent-history-delete:hover{color:#e95d68}
.agent-conversation{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.agent-thread{flex:1;min-height:0;overflow-y:auto}
.agent-thread-inner{width:min(100%,832px);margin:auto;padding:16px}
.agent-empty{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
.agent-robot{height:56px;width:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0ea5e9,#a855f7);font-size:24px}
.agent-empty h2{font-size:20px;line-height:28px;font-weight:700;margin:0}
.agent-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px}
.agent-suggestions button{border:1px solid var(--border);border-radius:12px;padding:6px 12px;background:transparent;color:var(--muted);font-size:12px;line-height:16px;text-align:left;cursor:pointer}
.agent-suggestions button:hover{border-color:#7dbfe5;color:var(--text)}
.agent-message{display:flex;margin:18px 0}
.agent-message.from-user{justify-content:flex-end}
.agent-bubble{max-width:min(84%,680px);padding:11px 14px;border-radius:16px;border:1px solid var(--border);background:var(--card);font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}
.from-user .agent-bubble{background:#e8f4fb;border-color:#c9e9f8}
.agent-answer-meta{font-size:11px;color:var(--muted);margin-bottom:7px}
.agent-answer-symbol{padding:8px 0;border-top:1px solid var(--border)}
.agent-answer-symbol strong{font-size:13px}
.agent-answer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 20px;font-size:12px;margin-top:5px}
.agent-answer-grid span{color:var(--muted)}
.agent-answer-grid b{font-variant-numeric:tabular-nums;font-weight:600}
.agent-answer-caution{font-size:11px;color:var(--muted);margin:8px 0 0}
.agent-compose{padding:8px 16px 24px}
.agent-compose-inner{max-width:800px;margin:0 auto}
.agent-input-wrap{min-height:52px;display:flex;align-items:flex-end;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:6px 12px}
.agent-input-wrap:focus-within{border-color:#0ea5e9}
.agent-input-wrap textarea{flex:1;min-width:0;min-height:37px;max-height:160px;resize:none;padding:8px 0;border:0;outline:0;background:transparent;color:var(--text);font:14px/21px inherit;overflow-y:auto}
.agent-input-wrap textarea::placeholder{color:color-mix(in srgb,var(--muted) 50%,transparent)}
.agent-send{flex:0 0 36px;width:36px;height:36px;margin-bottom:2px;border:0;border-radius:12px;display:grid;place-items:center;background:#0ea5e9;color:#fff;cursor:pointer}
.agent-send:disabled{opacity:.3;cursor:not-allowed}
.agent-disclaimer{margin-top:4px;color:color-mix(in srgb,var(--muted) 50%,transparent);font-size:10px;text-align:center;line-height:15px}
.agent-mobile-head,.agent-drawer-close,.agent-drawer-scrim{display:none}
.dark .from-user .agent-bubble{background:#0b293a;border-color:#16465f}
@media(max-width:767px){.agent-history{display:none}.agent-history.show{display:flex;position:fixed;z-index:42;left:0;top:0;bottom:0;width:256px;box-shadow:10px 0 40px #0003}.agent-drawer-close{display:block;align-self:flex-end;width:28px;height:28px;margin:0 0 6px auto;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.agent-drawer-scrim{display:block;position:fixed;z-index:41;inset:0;background:#0006}.agent-mobile-head{height:38px;flex:0 0 38px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding:0 12px;overflow:hidden}.agent-mobile-head span{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-menu{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}.agent-empty{min-height:calc(60vh - 38px)}.agent-suggestions{max-width:100%}.agent-compose{padding:8px 12px 15px}.agent-thread-inner{padding:12px}.agent-bubble{max-width:94%}}
/* The app shell's generic `.shell aside { display:flex!important }` also matches
   this nested conversation history. Keep it hidden on narrow screens until opened. */
@media(max-width:767px){.shell main.agent-main aside.agent-history{display:none!important}.shell main.agent-main aside.agent-history.show{display:flex!important;width:256px;flex:0 0 256px;padding:0}}

/* Source-like three-column chat: app navigation, conversation rail, answer canvas. */
.shell main.agent-main aside.agent-history{width:240px;flex:0 0 240px;padding:0;overflow:hidden!important;border-right:1px solid var(--border)}
@media(min-width:1280px){.shell main.agent-main aside.agent-history{width:320px;flex-basis:320px}.agent-history-top{padding:16px}.agent-new{height:48px;font-size:16px}.agent-history-list{padding:0 10px 16px}.agent-history-open{height:44px;font-size:14px}}
.agent-view{font-size:15px}
.agent-new{background:#4da9e4;border-radius:14px}
.agent-thread-inner{width:min(100%,1160px);padding:22px 26px 16px}
.agent-message{margin:16px 0}
.agent-message.from-agent{align-items:flex-start;gap:14px;margin:28px 0}
.from-agent .agent-bubble{width:100%;max-width:calc(100% - 52px);padding:0;background:transparent;border:0;border-radius:0;font-size:15px;line-height:1.72;white-space:normal}
.agent-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#48b9ee,#6856d8);color:#fff;font-size:21px}
.from-user .agent-bubble{max-width:min(74%,700px);padding:10px 18px;background:#4aa8e4;border:0;border-radius:20px 20px 5px 20px;color:#fff;white-space:pre-wrap}
.agent-answer-heading{font-size:16px;line-height:24px;margin:14px 0 8px;color:var(--text)}
.agent-answer-meta{font-size:12px;margin:0 0 12px;color:var(--muted)}
.agent-answer-symbol{padding:14px 0}
.agent-answer-symbol strong{font-size:15px}
.agent-answer-grid{grid-template-columns:minmax(145px,1fr) minmax(80px,auto);max-width:480px;gap:5px 22px;font-size:13px}
.agent-answer-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:13px;line-height:1.55}
.agent-answer-table th,.agent-answer-table td{padding:9px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.agent-answer-table th{color:var(--muted);font-weight:600;white-space:nowrap}
.agent-answer-table td{color:var(--text)}
.agent-feature-table td:first-child,.agent-answer-table td:nth-child(2){font-weight:600}
.agent-example-list{padding-left:22px;margin:12px 0}.agent-example-list li{margin:4px 0}
.agent-table-scroll{max-width:100%;overflow:auto}
.agent-answer-caution{font-size:12px;line-height:1.5;margin:12px 0;color:var(--muted)}
.agent-capability-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.agent-capability-tags span{border:1px solid var(--border);background:var(--card);padding:4px 9px;border-radius:6px;font-size:12px}
.agent-thinking{color:var(--muted)}
.agent-compose-inner{max-width:1200px}
.agent-input-wrap{border-radius:16px;min-height:58px}
.agent-send{background:#4aa8e4}
.dark .from-user .agent-bubble{background:#227ab6;border-color:transparent}
@media(max-width:767px){.agent-thread-inner{padding:14px 12px}.agent-message.from-agent{gap:9px}.agent-avatar{width:30px;height:30px;flex-basis:30px;font-size:16px}.from-agent .agent-bubble{max-width:calc(100% - 39px);font-size:14px}.from-user .agent-bubble{max-width:90%}.agent-answer-table{font-size:11px}.agent-answer-table th,.agent-answer-table td{padding:6px 5px}.agent-feature-table{min-width:520px}.agent-answer-grid{grid-template-columns:minmax(0,1fr) auto}}