/* ===== Chat history pane (ChatGPT-style sidebar) ===== */
.chat-history-pane{width:236px;flex:none;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.chat-history-pane[hidden]{display:none!important}
.chat-history-pane .ch-head{padding:12px 14px;border-bottom:1px solid var(--line);font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--soft)}
.chat-history-pane .ch-list{flex:1;overflow:auto;padding:6px;display:flex;flex-direction:column;gap:3px;min-height:0}
.ch-hist-item{position:relative;text-align:left;width:100%;border:1px solid transparent;background:transparent;color:var(--fg);cursor:pointer;padding:9px 26px 9px 10px;border-radius:8px;transition:background .12s,border-color .12s}
.ch-hist-item:hover{background:var(--surface-2);border-color:var(--line)}
.ch-hist-item.active{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.ch-hist-item .t{display:block;font:600 12.5px var(--sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-hist-item .mt{display:block;font:10.5px var(--mono);color:var(--soft);margin-top:3px}
.ch-hist-item .del{position:absolute;right:6px;top:8px;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;color:var(--soft);font:600 12px/1 var(--sans);opacity:0;transition:opacity .12s,background .12s,color .12s}
.ch-hist-item:hover .del{opacity:1}
.ch-hist-item .del:hover{background:var(--err);color:#fff}
@media (max-width:820px){
  .chat-history-pane{position:absolute;left:0;top:0;bottom:0;z-index:40;box-shadow:var(--shadow);width:min(260px,80vw)}
}