/* Zadania dla domowników (docs/architektura.md §30): karta na Dzisiaj i arkusz „Nowe zadanie”. Klasy są kontraktem z js/ui/screens/zadania.js. */

/* wiersz: kółko „zrobione” (osobny przycisk, cel 48) i tekst (przycisk edycji albo zwykły blok u domownika) */
.task-list { display: flex; flex-direction: column; }
.task-row { display: flex; align-items: stretch; border-top: 1px solid var(--hairline); }
.task-row:first-child { border-top: 0; }
.task-row__check { flex: none; width: 52px; min-height: 52px; display: flex; align-items: center; justify-content: center; }
.task-row__check .checkbox { transition: background var(--ease), box-shadow var(--ease); }
.task-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 8px 16px 8px 0; text-align: left; color: var(--ink); font-family: var(--font-sans); }
.task-row__name { font: 500 var(--fs-body)/1.3 var(--font-name); overflow-wrap: anywhere; text-wrap: pretty; }
.task-row__sub { font: 500 var(--fs-chip)/1.3 var(--font-sans); color: var(--text-2); font-variant-numeric: tabular-nums; }
/* zrobione dziś: przekreślone i wygaszone jak w Zakupach */
.task-row--done .task-row__name { text-decoration: line-through; opacity: .45; }
.task-row--done .task-row__sub { opacity: .7; }

/* arkusz */
.zad-sheet .field { margin-top: 2px; }
.zad-parts { padding-top: 8px; }
.zad-time { padding-top: 10px; max-width: 220px; }
.zad-hint { padding: 12px 2px 0; font: 500 var(--fs-3)/1.4 var(--font-sans); color: var(--text-2); text-wrap: pretty; }
.zad-remove { display: flex; justify-content: center; padding-top: 14px; }
.partia__task { display: flex; justify-content: flex-start; padding-top: 6px; margin-left: -8px; }
/* nagłówek karty z „Dodaj”: etykieta w linii z „Kolej na” (bez podwójnego wcięcia), „Dodaj” w celu 44 */
.dz-zadania .card__head { align-items: center; padding: 0 8px 2px 16px; margin-top: -8px; }
.dz-zadania .card__head .card__label { padding: 0; }
.dz-zadania .task-list { border-top: 1px solid var(--hairline); }

/* ---------- §45: zadania jednorazowe i co tydzień w jednym miejscu ---------- */
/* zaległe co tydzień (do niedzieli): podpis „z piątku · 20:00” w oliwce, bez czerwieni */
.task-row--late .task-row__sub { color: var(--olive); }
.dz-zadania .card__foot.zad-all { display: flex; justify-content: flex-end; padding: 2px 8px 0; border-top: 1px solid var(--hairline); }
.zad-empty { margin: 0 16px 8px; }
.dz-zadania--empty .card__head { margin-top: -8px; }
/* strona Zadania: dwie karty (do zrobienia, co tydzień) */
.zad-page { padding: 4px 16px 24px; display: flex; flex-direction: column; gap: 12px; }
.zad-sec > .card__label { padding: 0 16px 8px; }
.zad-sec .task-list { border-top: 1px solid var(--hairline); }
.zad-rep { color: var(--text-2); }
.zad-rep svg { display: block; }
.zad-sugg { padding: 0 16px 8px; }
/* arkusz: dni tygodnia jako chipy w jednym rzędzie */
.zad-wd .chip { padding: 0 8px; min-width: 38px; justify-content: center; }

/* ---------- §89: powtarzanie jak w Google i kalendarz miesiąca (C.monthCalendar) ---------- */
.zad-every { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.zad-every .chips { flex: 1 1 200px; }
.zad-rule { margin: 12px 2px 0; font: 600 var(--fs-chip)/1.35 var(--font-sans); color: var(--ink); text-wrap: pretty; } /* „Co 2 tygodnie, sobota · 9:00” */
.chip--open { box-shadow: inset 0 0 0 1.25px var(--beige-deep); } /* chip, który otworzył kalendarz (obrys jak fokus, nigdy atrament) */
.cal { margin-top: 10px; padding: 2px 6px 8px; border: 1px solid var(--hairline); border-radius: var(--r8); background: var(--card); max-width: 360px; }
.cal__head { display: flex; align-items: center; justify-content: space-between; }
.cal__title { font: 600 var(--fs-chip)/1.2 var(--font-sans); color: var(--ink); }
.cal__nav { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: var(--graphite); border-radius: var(--r8); }
.cal__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.cal__wd { padding: 4px 0 6px; text-align: center; font: 600 var(--fs-caps)/1 var(--font-sans); color: var(--text-3); }
.cal__day { position: relative; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--r8); font: 500 var(--fs-chip)/1 var(--font-sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.cal__day--today { box-shadow: inset 0 0 0 1.25px var(--olive); color: var(--olive); font-weight: 600; }
.cal__day--on { background: var(--beige); color: var(--ink); font-weight: 600; box-shadow: inset 0 0 0 1.25px var(--beige-deep); } /* jak wybrany chip */
.cal__day:disabled { color: var(--text-3); opacity: .45; }
@media (hover: hover) { .cal__day:not(:disabled):not(.cal__day--on):hover, .cal__nav:hover { background: var(--beige); } }