/* Sefer Defteri domain layout; cards, headings and progress come from style.css. */
.weekly-ledger { color: var(--ink); overflow-wrap: anywhere; }
.weekly-ledger p { font-size: var(--text-sm); line-height: 1.5; margin: 2px 0; }
/* First screen (2026-11-09): tight heading/title/progress rows so the next reward and the streak both show without scrolling. */
#panel .weekly-ledger > .ui-section-head { margin: 2px 0 4px; }
#panel .weekly-ledger .ui-section-head h4 { margin: 0; }
#panel .weekly-ledger h4 { margin: 10px 0 4px; font-size: 15px; }
#panel .weekly-ledger .ledger-card { padding: 6px 10px; margin: 4px 0; gap: 2px; }
.ledger-card b, .ledger-card small, .weekly-ledger > small { display: block; }
.ledger-card small { margin: var(--space-2) 0; }
/* Compact Defter (2026-11-09): header with the week timer, streak on one line, each goal one row (name | count, thin bar). */
.ledger-split { display: flex; justify-content: space-between; align-items: center; gap: var(--space-2); }
.ledger-split h4 { margin: 0; min-width: 0; }
.ledger-split small, .ledger-split b { display: block; }
#panel .weekly-ledger .ledger-split small { margin: 0; white-space: nowrap; color: var(--muted); }
#panel .weekly-ledger .ledger-streak .ledger-split { flex-wrap: wrap; }
#panel .weekly-ledger .ledger-streak .hint { margin: 2px 0 0; }
#panel .weekly-ledger .ledger-goals-head { display: flex; align-items: center; flex-wrap: wrap; gap: 0 var(--space-1); font-weight: 700; }
#panel .weekly-ledger .ledger-goal { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 8px; }
#panel .weekly-ledger .ledger-goal small { margin: 0; white-space: nowrap; text-align: right; }
#panel .weekly-ledger .ledger-goal progress { grid-column: 1 / -1; width: 100%; height: 6px; }
#panel .weekly-ledger .ledger-goal button { grid-column: 1 / -1; min-height: 40px; }
.ledger-actions { display: flex; gap: var(--space-2); align-items: center; justify-content: space-between; flex-wrap: wrap; }
.ledger-rewards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: var(--space-2); }
.ledger-card.ledger-next { border-color: var(--even); box-shadow: 0 0 0 2px var(--decoration-glow, transparent); }
.ledger-card.ledger-next small { margin: 2px 0 0; }
.ledger-rewards .ledger-card { display: flex; flex-direction: column; margin: 0; }
.ledger-rewards button { margin-top: auto; }
.ledger-village-title { display: block; margin-top: 2px; }