/* Navigation stays compact while history takes the remaining height. */
.sidebar{width:280px;padding:12px 12px 0;min-height:0;gap:0;overflow-y:auto}
.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}
.sidebar .brand{padding:0 5px;font-size:20px;min-width:0;gap:9px}
.brand-name{white-space:nowrap}.brand-name .cloud{font-size:9px;margin-left:4px}
.sidebar .logo{width:30px;height:30px;font-size:28px;border-radius:10px;flex-shrink:0}
.sidebar .workspace-name{margin:8px 8px 0;font-size:11px;font-weight:400;color:var(--muted)}
.sidebar .new-chat{margin:12px 0 6px;height:38px;padding:8px;flex-shrink:0;font-size:13px}
.sidebar .nav{height:36px;padding:8px 10px;margin:2px 0;align-items:center;font-size:13px;text-decoration:none}
.sidebar>nav,.sidebar-tools{flex-shrink:0}
.sidebar-tools{margin-top:5px;font-size:12px;color:var(--muted)}
.sidebar-tools>summary{padding:8px 10px;cursor:pointer;border-radius:8px}
.sidebar-tools>summary:hover{background:#e7ede8}
.sidebar .history-heading{width:100%;margin:14px 0 6px;padding:6px 10px;text-align:left;font-size:12px;flex-shrink:0;border-radius:7px}
.history-heading:hover{background:#e7ede8}.history-chevron{font-size:16px}.history-heading[aria-expanded=false] .history-chevron{transform:rotate(-90deg)}
.history-panel{display:flex;flex-direction:column;flex:1;min-height:0}
.history-search{height:32px;padding:6px 10px;margin-bottom:6px;flex-shrink:0}
.history{min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3d0c7 transparent}
.history button{font-size:13px;padding:10px;line-height:1.5}
.sidebar-bottom{margin-top:auto;padding:10px 5px;flex-shrink:0;min-height:55px}
.sidebar-bottom small{display:none}.sidebar-bottom strong{max-width:175px;font-size:12px}
.sidebar-bottom>button{width:32px;height:32px;display:grid;place-items:center;border-radius:8px}
.sidebar-bottom>button:hover{background:#e7ede8}
.sidebar-reopen{display:none;flex-shrink:0}
.chat-controls label{min-width:0}.chat-controls #chat-kb{max-width:210px}
.chat-controls label:has(#chat-model){flex:0 1 270px}.chat-controls #chat-model{width:100%;min-width:0}
.messages{padding:24px max(24px,calc((100% - 900px)/2))}
.composer-area{padding:0 max(24px,calc((100% - 900px)/2)) 14px}
.composer{border-radius:20px;padding:12px 15px;box-shadow:0 3px 18px #183b2008}
.message.user{margin-left:auto;width:fit-content;max-width:85%;border-radius:20px;padding:10px 17px}
.chat-view.chat-start{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto minmax(0,1.2fr)}
.chat-start .chat-controls{grid-row:1}
.chat-start .messages{grid-row:3;flex:initial;overflow:visible;padding:0 24px 22px}
.chat-start .welcome{padding:0}
.chat-start .welcome h1{font-size:clamp(23px,2.5vw,31px);font-weight:500;letter-spacing:-.5px;margin-bottom:0;line-height:1.5}
.chat-start .suggestions{margin:17px auto 0;max-width:490px;gap:8px}
.chat-start .suggestion{border-radius:20px;background:#fafcf9;padding:8px 12px}
.chat-start .composer-area{grid-row:4;width:min(100%,800px);justify-self:center;padding:0 24px}
@media(min-width:701px){
 .shell.sidebar-collapsed .sidebar{width:64px;padding:12px 7px 0;align-items:stretch}
 .sidebar-collapsed .sidebar-top{justify-content:center}
 .sidebar-collapsed .sidebar .brand,.sidebar-collapsed .workspace-name,.sidebar-collapsed .sidebar-tools,.sidebar-collapsed .history-heading,.sidebar-collapsed .history-panel,.sidebar-collapsed .sidebar-bottom>div:not(.avatar),.sidebar-collapsed .sidebar .nav span,.sidebar-collapsed #new-chat span{display:none}
 .sidebar-collapsed .sidebar .nav,.sidebar-collapsed #new-chat{justify-content:center;padding:8px}
 .sidebar-collapsed #new-chat{margin-top:12px}
 .sidebar-collapsed .sidebar-bottom{flex-direction:column;gap:7px;padding:10px 0}
 .sidebar-collapsed .sidebar-bottom>button{margin-left:0}
 .sidebar-collapsed .sidebar-reopen{display:grid}
}
@media(min-width:701px) and (max-width:1050px){
 .chat-controls{flex-wrap:wrap;gap:8px}
 .chat-controls #chat-kb{max-width:140px}
 .chat-controls label:has(#chat-model){flex:1;min-width:100px;max-width:none}
 .chat-controls .web-search-control{margin-left:auto}
}
@media(max-width:700px){
 .sidebar{width:min(300px,calc(100vw - 44px));padding:12px 12px 0}
 .sidebar .brand{justify-content:flex-start}
 .sidebar .brand-name{display:block}
 .sidebar-top{min-height:38px}
 .chat-controls{gap:8px;padding:7px 12px}
 .chat-controls #chat-kb{max-width:125px}
 .chat-controls label:has(#chat-model){flex:1;min-width:110px}
 .chat-controls #chat-model{width:100%;max-width:100%}
 .messages{padding:18px 16px}
 .composer-area{padding:0 10px max(10px,env(safe-area-inset-bottom))}
 .composer{padding:10px 12px;border-radius:18px}
 .chat-start .messages{padding:0 18px 20px}
 .chat-start .composer-area{padding:0 12px}
 .chat-start .welcome h1{font-size:23px}
 .chat-start .suggestions{gap:6px;max-width:330px}
 .chat-start .suggestion{padding:8px 6px;justify-content:center}
 .chat-start .suggestion strong{font-size:11px}
}
@media(max-height:500px){.chat-start .messages{padding-bottom:10px}.chat-start .suggestions{display:none}.chat-start .welcome h1{font-size:22px}}