/* ══════════════════════════════════════════════════════
   AI CHAT HISTORY — conversation panel / drawer
   Additive only.
   ══════════════════════════════════════════════════════ */

.chat-hist-panel{
  position:absolute;top:0;right:0;bottom:0;width:300px;max-width:86vw;
  background:var(--bg2);border-left:1px solid var(--border);
  transform:translateX(100%);transition:transform .18s ease;
  display:flex;flex-direction:column;z-index:40;
  box-shadow:-8px 0 24px rgba(0,0,0,0.35);
}
#page-ai .chat-container{position:relative;overflow:hidden}
.chat-hist-panel.open{transform:translateX(0)}
.chat-hist-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0;
}
.chat-hist-title{font-size:12.5px;font-weight:700;color:var(--text)}
.chat-hist-close{background:transparent;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:6px}
.chat-hist-close:hover{background:var(--glass-2);color:var(--text)}
.chat-hist-search-wrap{padding:10px 14px 6px;flex-shrink:0}
.chat-hist-search{
  width:100%;background:var(--bg4);border:1px solid var(--border);border-radius:9px;
  padding:7px 10px;font-size:11.5px;color:var(--text);
}
.chat-hist-search::placeholder{color:var(--text3)}
.chat-hist-new{
  margin:6px 14px 10px;background:var(--glass-1);border:1px dashed var(--border);color:var(--text2);
  border-radius:9px;padding:8px 10px;font-size:11.5px;text-align:center;cursor:pointer;flex-shrink:0;
}
.chat-hist-new:hover{background:var(--glass-2);color:var(--text)}
.chat-hist-list{flex:1;overflow-y:auto;padding:0 8px 14px}
.chat-hist-group-label{font-size:9.5px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;padding:8px 8px 4px}
.chat-hist-item{
  display:flex;align-items:center;gap:6px;padding:8px 8px;border-radius:9px;cursor:pointer;
  transition:background .12s ease;
}
.chat-hist-item:hover{background:var(--glass-1)}
.chat-hist-item.active{background:var(--glass-2)}
.chat-hist-item-main{flex:1;min-width:0}
.chat-hist-item-title{
  font-size:11.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.chat-hist-item-meta{font-size:10px;color:var(--text3);margin-top:2px}
.chat-hist-item-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}
.chat-hist-item:hover .chat-hist-item-actions{opacity:1}
.chat-hist-item-btn{
  background:transparent;border:none;color:var(--text3);cursor:pointer;padding:4px;border-radius:6px;
}
.chat-hist-item-btn:hover{background:var(--glass-3);color:var(--text)}
.chat-hist-rename-input{
  width:100%;background:var(--bg4);border:1px solid var(--border-focus);border-radius:6px;
  padding:4px 6px;font-size:11.5px;color:var(--text);
}
.chat-hist-empty{padding:24px 14px;text-align:center;font-size:11.5px;color:var(--text3);line-height:1.6}

.chat-hist-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,0.35);z-index:39;
  opacity:0;pointer-events:none;transition:opacity .18s ease;
}
.chat-hist-overlay.show{opacity:1;pointer-events:auto}

@media (max-width:640px){
  .chat-hist-panel{width:100%;max-width:100%}
}