.chat-layout { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); gap:1.2rem; margin:0; min-height:max(400px, calc(100dvh - 340px)); }
.chat-sidebar { min-width:0; padding-right:1rem; }
.chat-sidebar nav { display:grid; gap:.25rem; margin-top:.75rem; padding:4px; max-height:70vh; overflow:auto; }
.chat-sidebar button { appearance:none; display:block; width:100%; text-align:left; white-space:normal; overflow-wrap:anywhere; border:0; box-shadow:none; border-radius:10px; padding:.75rem .85rem; background:transparent; color:#b6bdc9; font:inherit; font-size:.9rem; line-height:1.45; cursor:pointer; }
.chat-sidebar button:hover:not(:disabled) { background:#ffffff08; color:#f5f1e6; filter:none; }
.chat-sidebar button[aria-pressed=true] { background:#edc57912; color:#edcf98; }
.chat-sidebar > button { color:#edcf98; font-weight:600; }
.chat-sidebar button:focus-visible { outline:2px solid #edc579; outline-offset:1px; }
.chat-main { min-width:0; display:flex; flex-direction:column; }
.chat-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.chat-heading h3 { margin:0; overflow-wrap:anywhere; min-width:0; }
.chat-heading button { appearance:none; border:0; border-radius:10px; padding:.6rem .8rem; background:transparent; color:#b6bdc9; font:inherit; font-size:.85rem; cursor:pointer; }
.chat-heading button:hover:not(:disabled) { background:#ffffff08; color:#f5f1e6; }
.chat-heading button:disabled { opacity:.45; cursor:default; }
.chat-heading button:focus-visible { outline:2px solid #edc579; outline-offset:1px; }
.chat-status,.chat-empty { color:#b6bdc9; font-size:.9rem; }
.chat-messages { flex:1; max-height:60vh; min-height:180px; overflow:auto; display:flex; flex-direction:column; gap:1rem; padding:.8rem; overscroll-behavior:contain; }
.chat-message { max-width:90%; border:1px solid #ffffff18; border-radius:16px; padding:1rem; background:#ffffff06; overflow-wrap:anywhere; }
.chat-message p { white-space:pre-wrap; margin:.5rem 0; }
.chat-message time { display:block; font-size:.75rem; opacity:.6; }
.chat-user { align-self:flex-end; background:#edc57916; border-color:#edc57935; }
.chat-assistant { align-self:flex-start; }
.chat-system { align-self:center; font-size:.85rem; opacity:.85; }
.chat-main form { margin-top:1rem; }
.chat-main textarea { width:100%; box-sizing:border-box; }
.chat-interactions:empty { display:none; }
.chat-interactions .local-job-status { display:none; }
.chat-interactions .local-job { margin-top:1rem; }
@media(max-width:700px) { .chat-layout { grid-template-columns:1fr; } .chat-sidebar { border-right:0; padding-right:0; } .chat-sidebar nav { max-height:140px; } .chat-message { max-width:100%; } }