/* Сферы жизни (public/life.js): карточки записей, сроки, вложенные записи, список в дорогу */
.life { display: grid; gap: 12px; }
.life-card h3 { margin: 0; font: 600 1rem var(--body); overflow-wrap: anywhere; }
.life-card.life-over { box-shadow: inset 0 0 0 2px var(--crit); }
.life-facts { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .88rem; }
.life-facts small { color: var(--ink-2); }
.life-note { margin: 0; white-space: pre-wrap; font-size: .9rem; color: var(--ink-2); }
.life-next { margin: 0; font-size: .9rem; }
.life-kids { display: grid; gap: 8px; border-top: 1px solid var(--line); padding-top: 10px; }
.life-kids .item { align-items: flex-start; }
.life-checks { display: grid; gap: 4px; }
.life-filter { margin: 0; }
.life .chip.on { background: var(--vein); border-color: var(--vein); color: var(--on-vein); }
.life .note.warn { border-color: var(--warn); background: var(--warn-bg); }
/* полоска прогресса — та же, что у привычек, но life.css не зависит от habits.css */
.life .habit-progress { display: flex; align-items: center; gap: 10px; font-size: .86rem; }
.life .habit-bar { flex: 1; height: 8px; border-radius: 4px; background: var(--line); overflow: hidden; }
.life .habit-bar i { display: block; height: 100%; background: var(--ok, #2e9a3b); }
.life .error:empty { display: none; }