static/css/history.css

.hist { display: flex; flex-direction: column; gap: 22px; padding-top: 8px; }
.day-group h3 { font-size: .9rem; color: var(--ink-soft); margin-bottom: 10px; display: flex; justify-content: space-between; }
.day-group h3 b { color: var(--accent); transition: color var(--t-morph); }
.h-meal {
  display: flex; align-items: center; justify-content: space-between;
  background: var(--surface); border: 1px solid var(--line); border-radius: 16px;
  padding: 14px 16px; margin-bottom: 8px;
}
.h-meal .mi b { font-weight: 600; }
.h-meal .mi small { display: block; color: var(--ink-soft); font-size: .78rem; }
.h-meal .mk { font-weight: 700; color: var(--accent); transition: color var(--t-morph); }
.h-del { background: none; border: none; color: var(--ink-soft); font-size: 1.1rem; cursor: pointer; padding: 4px 8px; }
.empty { text-align: center; color: var(--ink-soft); padding: 48px 24px; }