/* A quiet conversation area and a single, compact composer. */
.ai-page .ai-chat{padding-top:28px;padding-bottom:18px;scroll-padding-block:18px}
.ai-page .ai-message-content{box-shadow:none;border-color:#dce6eb}
.ai-page .ai-message.ai-greeting{margin-top:7px}
.ai-page .ai-greeting .ai-message-content{background:#fff}
.ai-page .ai-message-avatar{box-shadow:none}
.ai-page .ai-connection-loading{max-width:820px;margin:0 auto;color:#8195a0;font-size:13px;line-height:2}
.ai-page .ai-context-link{color:#507b70;border-color:#d8e9e2;background:#f1f7f4;font-size:10px}
.ai-page .ai-context-link>i{width:5px;height:5px;background:#2b9776;border-radius:50%;display:inline-block;flex:none}
.ai-page .ai-workspace.has-assessment-alert{grid-template-rows:84px 50px auto minmax(0,1fr) auto}
.ai-page .ai-assessment-alert{display:flex;align-items:center;gap:12px;margin:16px 24px 0;padding:15px 18px;border:1px solid #f0b6b6;border-right:4px solid #c83232;border-radius:10px;background:#fff1f1;color:#922525}
.ai-page .ai-assessment-alert-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:2px solid #c83232;border-radius:50%;font-size:19px;font-weight:800;line-height:1}
.ai-page .ai-assessment-alert>div{flex:1;min-width:0}
.ai-page .ai-assessment-alert strong{display:block;font-size:14px;line-height:1.8;color:#a12424}
.ai-page .ai-assessment-alert p{margin:4px 0 0;font-size:12px;line-height:1.9;color:#923939}
.ai-page .ai-assessment-alert>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;padding:10px 13px;border-radius:6px;background:#b92b2b;color:#fff;font-size:12px;font-weight:700;text-decoration:none;line-height:1.8}
.ai-page .ai-assessment-alert>a:hover{background:#982020}
.ai-page .ai-assessment-alert>a:focus-visible{outline:3px solid #842020;outline-offset:3px}
@media(max-width:760px){.ai-page .ai-workspace.has-assessment-alert{grid-template-rows:auto 48px auto minmax(0,1fr) auto}.ai-page .ai-assessment-alert{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 10px;margin:10px 12px 0;padding:12px}.ai-page .ai-assessment-alert-icon{width:24px;height:24px;font-size:17px}.ai-page .ai-assessment-alert strong{font-size:13px}.ai-page .ai-assessment-alert p{font-size:12px}.ai-page .ai-assessment-alert>a{grid-column:2;justify-self:start;padding:7px 11px}}
body.ai-page .ai-composer{display:flex;align-items:flex-end;gap:8px;position:relative;width:min(820px,calc(100% - 42px));min-height:56px;margin:0 auto 20px;padding:6px;border:1px solid #cbdce4;border-radius:12px;background:#fff;box-shadow:0 4px 18px #11344708;transition:border-color .18s,box-shadow .18s}
body.ai-page .ai-composer:focus-within{border-color:#4197bb;box-shadow:0 0 0 3px #318eb00b}
.ai-page .ai-composer textarea{display:block;flex:1;min-width:0;width:100%;min-height:42px;max-height:144px;box-sizing:border-box;resize:none;padding:9px 12px;margin:0;border:0;border-radius:6px;background:transparent;color:#183c4d;font-family:inherit;font-size:15px;line-height:24px;box-shadow:none;outline:none;overflow-y:auto}
.ai-page .ai-composer textarea:focus{border:0;box-shadow:none;background:transparent}
.ai-page .ai-composer textarea::placeholder{color:#8499a4;font-size:14px}
.ai-page .ai-composer>button{position:static;flex:0 0 42px;align-self:flex-end;display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:0;border-radius:8px;background:#0a739f;color:#fff;box-shadow:none;transform:none}
.ai-page .ai-composer>button:hover{background:#085f85;transform:none;box-shadow:none}
.ai-page .ai-composer>button:disabled{opacity:.45;cursor:wait}
.ai-page .ai-composer>button .icon{width:21px;height:21px;transform:none;stroke-width:1.8}
@media(max-width:760px){.ai-page .ai-chat{padding:20px 12px 14px}.ai-page .ai-message-content{padding:13px 15px}.ai-page .ai-message.ai-greeting{margin-top:0}body.ai-page .ai-composer{width:calc(100% - 20px);margin:0 10px calc(10px + env(safe-area-inset-bottom));padding:5px;min-height:56px;gap:5px;border-radius:11px}.ai-page .ai-composer textarea{font-size:16px;line-height:24px;padding:9px 10px;min-height:44px}.ai-page .ai-composer>button{flex-basis:44px;width:44px;height:44px;min-height:44px}.ai-page .ai-context-link{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ai-page .ai-composer{transition:none}}