/* «История»: полоска активности и дни в панелях. */

.strip {
  display: flex; align-items: flex-end; gap: 5px; height: 56px; margin: 0 var(--gut) 16px;
  padding: 12px 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
}
.strip button { flex: 1; background: var(--line); border-radius: 2px; min-height: 3px; transition: height .3s ease, background .15s, transform .15s; }
.strip button:hover { background: var(--dim); transform: scaleX(1.3); }
.strip button[data-hot='1'] { background: var(--accent); }
.strip button[data-today='1'] { background: var(--ink); }
/* день с выполненным планом — точка над столбиком */
.strip button { position: relative; }
.strip button[data-plan='1']::after {
  content: ''; position: absolute; left: 50%; top: -8px; width: 4px; height: 4px; margin-left: -2px;
  border-radius: 50%; background: var(--st-active);
}

.day { margin: 0 var(--gut) 12px; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.dayhead { display: flex; align-items: baseline; gap: 10px; padding: 14px 16px 12px; border-bottom: 1px solid var(--line2); }
.dayhead b { font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: -.025em; }
.dayhead span { margin-left: auto; font-size: 13px; color: var(--dim); text-align: right; }
.ev { display: flex; gap: 12px; padding: 11px 16px 12px; border-top: 1px solid var(--line2); transition: background .15s; }
/* событие-кнопка открывает карточку задачи; div остаётся у удалённых */
button.ev { width: 100%; border-radius: 0; }
button.ev:hover { background: var(--press); }
button.ev:active { background: color-mix(in srgb, var(--press) 70%, var(--line)); }
.dayhead + .ev { border-top: 0; }
.ev time { flex: 0 0 42px; font-size: 12.5px; color: var(--dim); font-variant-numeric: tabular-nums; padding-top: 3px; }
.ev .kind { flex: 0 0 auto; width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; color: var(--dim); background: var(--press); }
.ev .kind .ic { width: 14px; height: 14px; }
.ev[data-kind='done'] .kind { color: var(--st-done); background: color-mix(in srgb, var(--st-done) 14%, transparent); }
.ev[data-kind='wait'] .kind { color: var(--st-waiting); background: color-mix(in srgb, var(--st-waiting) 14%, transparent); }
.ev[data-kind='start'] .kind { color: var(--st-active); background: color-mix(in srgb, var(--st-active) 14%, transparent); }
.ev div.text { flex: 1; }
.ev p { margin: 0; font-size: 15.5px; line-height: 1.3; font-weight: 450; }
.ev small { display: block; margin-top: 3px; font-size: 13px; color: var(--dim); }
.ev small u { text-decoration: none; color: var(--st-done); font-weight: 600; }
.ev small b { color: var(--st-waiting); font-weight: 600; }
.quiet { padding: 12px 16px; font-size: 14px; color: var(--dim); display: flex; gap: 10px; }
.quiet span { margin-left: auto; }
.day:has(.quiet) { background: none; border-style: dashed; }