.chat-page{height:100vh;overflow:hidden}.chat-page header{height:64px}.chat-shell{height:calc(100vh - 64px);display:grid;grid-template-columns:260px 1fr;position:relative}.chat-side{border-right:1px solid var(--line);padding:20px 14px;background:#090d12;display:flex;flex-direction:column;overflow:hidden}.chat-side .button{width:100%;margin:14px 0 18px}.chat-side>div:nth-child(2){display:grid;gap:6px;overflow:auto}.chat-side [data-conversation]{display:grid;text-align:left;padding:11px;border:1px solid transparent;background:transparent;color:var(--text)}.chat-side [data-conversation]:hover{background:#111820;border-color:var(--line)}.chat-side [data-conversation] span{font-size:10px;color:var(--muted)}.approval-link{margin-top:auto;display:flex;justify-content:space-between;padding:12px;background:#111820;border:1px solid var(--line);color:var(--text)}.approval-link b{background:var(--cyan);color:#071011;border-radius:20px;padding:0 7px}.chat-main{min-width:0;display:grid;grid-template-rows:70px 1fr auto;background:#080b0f}.chat-toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.chat-toolbar>div{display:grid}.chat-toolbar span{color:var(--muted);font-size:10px}.chat-toolbar select{background:#0d1319;border:1px solid var(--line);color:var(--text);padding:9px;margin-left:6px}.chat-messages{overflow:auto;padding:35px max(24px,calc((100% - 860px)/2))}.chat-welcome{height:100%;display:grid;place-items:center;align-content:center;text-align:center}.chat-welcome h1{font-size:38px;margin:22px 0 0}.chat-welcome p{color:var(--muted)}.chat-welcome>div:last-child{display:flex;gap:8px;margin-top:22px}.chat-welcome button{border:1px solid var(--line);background:#0d1319;color:var(--muted);padding:10px}.chat-message{display:grid;grid-template-columns:34px 1fr;gap:14px;margin-bottom:25px}.chat-message>div{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);font-weight:800}.chat-message.assistant>div{border-color:var(--cyan);color:var(--cyan)}.chat-message section b{font-size:12px}.chat-message p{white-space:pre-wrap;margin:6px 0;color:#c6d0d8}.chat-message .copy{border:0;background:transparent;color:var(--muted);font-size:10px}.typing p{letter-spacing:5px;color:var(--cyan)}.composer{margin:0 auto 22px;width:min(860px,calc(100% - 40px));position:relative}.composer textarea{width:100%;min-height:60px;max-height:180px;resize:none;background:#111820;border:1px solid #29333d;border-radius:8px;color:var(--text);padding:18px 60px 18px 18px;font:inherit}.composer>button{position:absolute;right:10px;top:10px;width:40px;height:40px;border:0;border-radius:5px;background:var(--cyan);font-size:22px}.composer small{display:block;text-align:center;color:#65717c;margin-top:6px}.inline-approval{display:grid;grid-template-columns:38px 1fr;gap:14px;margin:8px 0 28px;padding:18px;border:1px solid #6d5425;background:linear-gradient(135deg,#17140d,#101216);border-radius:10px;box-shadow:0 16px 45px #0005}.approval-shield{width:36px;height:36px;display:grid;place-items:center;border:1px solid #e4a83c;color:#ffc55c;border-radius:50%;font-weight:900}.approval-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.approval-heading small{color:#e7ad48;font-weight:800;letter-spacing:.1em}.approval-heading h3{margin:4px 0 0;font-size:15px}.inline-approval p{white-space:pre-wrap;color:#c9d0d6}.inline-approval dl{display:flex;gap:24px;margin:14px 0}.inline-approval dl div{display:grid}.inline-approval dt{font-size:9px;color:var(--muted);text-transform:uppercase}.inline-approval dd{margin:3px 0;font-size:11px}.risk{padding:5px 8px;border-radius:4px;font-size:9px;text-transform:uppercase;white-space:nowrap}.risk.high{color:#ffbd61;background:#4a2e11}.risk.medium{color:#e8d36d;background:#39340f}.approval-actions{display:flex;gap:8px}.approval-actions button{padding:9px 14px;border-radius:5px;font-weight:750}.approval-actions .approve{background:#d9952f;border:1px solid #ffc364;color:#100c05}.approval-actions .reject{background:transparent;border:1px solid #4b535b;color:#c5cbd0}.approval-result{border-top:1px solid var(--line);padding-top:12px;color:var(--cyan);font-weight:700}.inline-approval.rejected{border-color:#5b3030}.inline-approval.rejected .approval-result{color:#e67979}.muted{color:var(--muted)}@media(max-width:850px){.chat-shell{grid-template-columns:1fr}.chat-side{display:none}.chat-toolbar>div:last-child{display:flex}.chat-toolbar select{max-width:130px}.chat-messages{padding:25px 18px}.chat-welcome>div:last-child{display:grid}}@media(max-width:600px){.inline-approval{grid-template-columns:1fr}.approval-heading{display:grid}.inline-approval dl{display:grid;gap:8px}}
/* Fixed workspace viewport: messages scroll while the composer remains visible. */
.app-page.chat-page{height:100vh;overflow:hidden}.app-page .chat-shell{height:calc(100vh - 72px);min-height:0;grid-template-columns:260px minmax(0,1fr);overflow:hidden}.app-page .chat-main{height:100%;min-height:0;overflow:hidden;grid-template-rows:70px minmax(0,1fr) auto}.app-page .chat-messages{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth}.app-page .composer{margin-top:12px;margin-bottom:18px;z-index:2;background:inherit}