/*
╔══════════════════════════════════════════════════════════╗
║  history.css - 操作历史页样式                             ║
║  📌 手机端列表卡片 + 电脑端表格 + 标签颜色                 ║
╚══════════════════════════════════════════════════════════╝
*/
.history-list { padding: 0 16px 16px; }
.history-item { background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius-md); padding: 12px 14px; margin-bottom: 6px; display: flex; align-items: center; gap: 10px; }
.history-icon { width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
.history-icon.add { background: var(--success-glow); color: var(--success); }
.history-icon.del-manual { background: var(--danger-glow); color: var(--danger); }
.history-icon.del-consume { background: rgba(245,158,11,0.12); color: var(--warning); }
.history-icon.edit { background: rgba(59,130,246,0.12); color: var(--info); }
.history-info { flex: 1; min-width: 0; }
.history-title { font-size: 13.5px; font-weight: 600; margin-bottom: 1px; }
.history-detail { font-size: 11.5px; color: var(--text-muted); }
.history-time { font-size: 11px; color: var(--text-muted); flex-shrink: 0; text-align: right; }
/* 来源标签（语音/文字/手动删除/消耗删除） */
.history-tag { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 10px; font-weight: 600; margin-left: 4px; }
.history-tag.manual { background: var(--danger-glow); color: var(--danger); }
.history-tag.consume { background: rgba(245,158,11,0.12); color: var(--warning); }
.history-tag.voice { background: var(--primary-glow); color: var(--primary); }
.history-tag.text { background: rgba(59,130,246,0.12); color: var(--info); }
/* 电脑端表格 */
.history-table-wrap { display: none; padding: 0 16px 16px; }
.history-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--border); }
.history-table th { padding: 12px 14px; text-align: left; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); background: var(--bg-elevated); border-bottom: 1px solid var(--border); }
.history-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); font-size: 13px; }
.history-table tr:last-child td { border-bottom: none; }
@media (min-width: 768px) {
    .history-list { display: none; }
    .history-table-wrap { display: block; }
    .history-table-wrap, .history-list { padding-left: 28px; padding-right: 28px; }
}