/* ── CHAT LIST ── */
#chat-list{flex:1;overflow-y:auto;padding:8px 8px 4px;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.sf-folder{margin-bottom:2px}
.sf-folder-header{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;user-select:none;transition:background .12s}
.sf-folder-header:hover{background:#1e1e1e}
.sf-folder-icon{font-size:13px;flex-shrink:0}
.sf-folder-name{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.4px;flex:1}
.sf-folder-count{font-size:10px;color:#444;background:#1e1e1e;padding:1px 5px;border-radius:8px}
.sf-folder-arrow{font-size:9px;color:#444;transition:transform .15s}
.sf-folder.open .sf-folder-arrow{transform:rotate(90deg)}
.sf-chats{display:none;flex-direction:column;gap:1px;padding-left:8px}
.sf-folder.open .sf-chats{display:flex}
.chat-item{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:12px;color:#777;display:flex;align-items:center;gap:6px;position:relative;transition:background .12s,color .12s}
.chat-item:hover{background:#1e1e1e;color:#ccc}
.chat-item.active{background:#1e1e1e;color:#e0e0e0}
.chat-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.extracted-dot{width:5px;height:5px;border-radius:50%;background:#1D9E75;flex-shrink:0;display:none}
.chat-item.is-extracted .extracted-dot{display:block}
.chat-item-menu-btn{opacity:0;background:none;border:none;color:#555;cursor:pointer;font-size:14px;padding:0 2px;line-height:1;flex-shrink:0;transition:opacity .12s}
.chat-item:hover .chat-item-menu-btn{opacity:1}

/* ── CONTEXT MENU ── */
#chat-ctx-menu{position:fixed;background:#1e1e1e;border:1px solid #333;border-radius:9px;padding:5px;z-index:999;min-width:160px;box-shadow:0 8px 24px rgba(0,0,0,.5);display:none}
#chat-ctx-menu.visible{display:block}
.ctx-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:12px;color:#aaa;cursor:pointer;transition:background .12s,color .12s;border:none;background:none;width:100%;text-align:left}
.ctx-item:hover{background:#2a2a2a;color:#fff}
.ctx-item.danger{color:#EF4444}
.ctx-item.danger:hover{background:rgba(239,68,68,.1)}
.ctx-divider{height:1px;background:#2a2a2a;margin:3px 0}

/* ── SAVINGS CHIP ── */
#savings-chip{margin:0 8px 8px;padding:7px 10px;background:#161616;border:1px solid #222;border-radius:8px;cursor:pointer;transition:border-color .15s}
#savings-chip:hover{border-color:#2a2a2a}
.sc-row{display:flex;align-items:center;justify-content:space-between}
.sc-label{font-size:11px;color:#444;display:flex;align-items:center;gap:5px}
.sc-val{font-size:12px;font-weight:700;color:#1D9E75}
.sc-expand{font-size:9px;color:#333;transition:transform .15s}
#savings-chip.open .sc-expand{transform:rotate(180deg)}
#savings-detail{display:none;margin-top:7px;padding-top:7px;border-top:1px solid #222}
#savings-chip.open #savings-detail{display:block}
.sp-stat{display:flex;justify-content:space-between;font-size:11px;padding:2px 0}
.sp-label{color:#555}.sp-val{color:#1D9E75;font-weight:600}
.sp-total{margin-top:4px;padding-top:4px;border-top:1px solid #222;font-size:11px;display:flex;justify-content:space-between}
.sp-total .sp-val{color:#2774AE}
#sidebar-footer{padding:6px 14px 10px;font-size:10px;color:#333}