/* sessions panel */
#sessions-panel { display: none; flex-direction: column; width: 340px; flex-shrink: 0; border: 1px solid rgba(255,255,255,0.1); border-radius: 10px; background: #16181d; overflow: hidden; }
body.has-sessions #sessions-panel { display: flex; }
#sessions-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 12px; font-size: 11px; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: 0.05em; background: rgba(255,255,255,0.02); border-bottom: 1px solid rgba(255,255,255,0.06); flex-shrink: 0; }
#btn-refresh { font-size: 11px; padding: 4px 10px; }
#session-list { flex: 1; overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 6px; }

.session-item { border: 1px solid rgba(255,255,255,0.06); border-radius: 8px; padding: 8px 10px; cursor: pointer; background: rgba(255,255,255,0.02); transition: background 0.15s, border-color 0.15s; }
.session-item:hover { background: rgba(14,165,164,0.06); border-color: rgba(14,165,164,0.22); }
.session-item.selected { background: rgba(14,165,164,0.1); border-color: rgba(14,165,164,0.35); }
.si-title   { font-size: 13px; font-weight: 600; color: #e5e7eb; }
.si-when    { font-size: 11px; color: #9ca3af; margin: 2px 0 4px; }
.si-preview { font-size: 12px; color: #9ca3af; line-height: 1.45; }
.si-tags    { margin-top: 6px; display: flex; flex-wrap: wrap; gap: 4px; }

.tag-chip { font-size: 10px; background: rgba(14,165,164,0.12); color: #0EA5A4; border: 1px solid rgba(14,165,164,0.25); border-radius: 999px; padding: 1px 8px; }

.empty { font-size: 12px; color: #9ca3af; padding: 16px 8px; line-height: 1.55; }

/* selected-session detail */
#session-detail { display: none; border-top: 1px solid rgba(255,255,255,0.06); padding: 10px; font-size: 12px; overflow-y: auto; max-height: 50%; flex-shrink: 0; background: rgba(255,255,255,0.02); }
.sd-title   { font-size: 13px; font-weight: 700; color: #e5e7eb; }
.sd-meta    { font-size: 11px; color: #9ca3af; margin: 2px 0 10px; }
.sd-section { margin-bottom: 10px; }
.sd-label   { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; color: #9ca3af; margin-bottom: 4px; }
.sd-section p { line-height: 1.5; color: #9ca3af; }
.sd-section > div { display: flex; flex-wrap: wrap; gap: 4px; }
.muted { color: #6b7280; }
.sd-btn { font-size: 11px; padding: 4px 10px; margin-top: 4px; }
.sd-note { font-size: 10px; color: #9ca3af; margin-top: 6px; }
.transcript-out { margin-top: 8px; white-space: pre-wrap; word-break: break-word; font-size: 11px; line-height: 1.5; color: #9ca3af; background: #080808; border: 1px solid rgba(255,255,255,0.06); border-radius: 6px; padding: 8px; max-height: 160px; overflow-y: auto; }
.transcript-out:empty { display: none; }