.chat-page { padding-top:35px;padding-bottom:45px; }
.chat-page h1 {font-family:Georgia,serif;font-weight:400;margin-bottom:10px;}
.chat-shell {display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;margin-top:28px;background:var(--color-bg);}
.chat-sidebar {padding:20px;border-right:1px solid var(--color-border);background:var(--color-surface);}
.chat-sidebar h2 {font-size:1rem;margin-bottom:16px;}
.chat-sidebar ul {list-style:none;}
.chat-sidebar button {width:100%;text-align:left;white-space:normal;background:transparent;color:var(--color-text-body);border:1px solid transparent;border-radius:7px;padding:14px;cursor:pointer;}
.chat-sidebar button[aria-current=true] {background:var(--color-primary-light);border-color:var(--color-primary);font-weight:700;}
.chat-main {min-width:0;padding:24px;}
.chat-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.chat-toolbar h2 {font-size:1.15rem;}
.chat-messages {height:440px;overflow:auto;list-style:none;margin:18px 0;padding:12px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable;}
.chat-message {background:var(--color-surface);color:var(--color-text-body);padding:13px 17px;border:1px solid var(--color-border-light);border-radius:10px;align-self:flex-start;max-width:85%;overflow-wrap:anywhere;}
.chat-message--own {align-self:flex-end;background:var(--color-primary-light);}
.chat-message p {white-space:pre-wrap;line-height:1.6;margin:6px 0;}
.chat-message time,.chat-message__sender {font-size:.72rem;color:var(--color-text-muted);}
#message-text {display:block;width:100%;min-height:90px;max-height:220px;padding:12px;background:var(--color-bg);color:var(--color-text-body);border:1px solid var(--color-border);border-radius:7px;margin:10px 0;resize:vertical;}
#chat-status {font-size:.84rem;color:var(--color-text-muted);min-height:28px;margin:12px 0;}
.chat-help {font-size:.83rem;color:var(--color-text-muted);}
@media(max-width:760px){.chat-shell{grid-template-columns:1fr;}.chat-sidebar{border-right:0;border-bottom:1px solid var(--color-border);}.chat-sidebar ul{display:flex;overflow:auto;gap:8px;}.chat-sidebar button{min-width:145px;}.chat-main{padding:16px;}.chat-messages{height:380px;padding:0;}.chat-message{max-width:92%;}}