/* Feniks – lista zapisanych. Kolory dziedziczone z motywu; akcent można zmienić przez --fz-akcent. */
.fz {
	--fz-akcent: currentColor;
	--fz-linia: rgba(128, 128, 128, .3);
	--fz-tlo-alt: #ffebee; /* jasnoczerwony – pasuje do menu bocznego */
	margin: 1.5em 0;
}
.fz-tytul { margin: 0 0 .6em; }

.fz-panel { display: flex; flex-wrap: wrap; gap: .6em; margin-bottom: .8em; }
.fz-panel input,
.fz-panel select {
	flex: 1 1 200px; min-width: 0; box-sizing: border-box;
	padding: .55em .7em; border: 1px solid var(--fz-linia); border-radius: 6px;
	font: inherit; color: inherit; background: transparent;
}
.fz-panel input { flex: 2 1 260px; }

.fz-licznik { margin: .2em 0 .8em; }

.fz-tabela-wrap { overflow-x: auto; }
.fz-tabela { width: 100%; border-collapse: collapse; margin: 0; }
.fz-tabela th,
.fz-tabela td { padding: .55em .7em; border-bottom: 1px solid var(--fz-linia); text-align: left; vertical-align: top; }
.fz-tabela thead th { border-bottom: 2px solid var(--fz-akcent); white-space: nowrap; }
.fz-tabela tbody tr.fz-alt { background: var(--fz-tlo-alt); }
.fz-tabela tr[hidden] { display: none !important; }
.fz-tabela td.fz-lp, .fz-tabela th.fz-lp { width: 3.5em; font-variant-numeric: tabular-nums; }

.fz-tabela th button {
	all: unset; cursor: pointer; font-weight: 700;
	display: inline-flex; align-items: center; gap: .3em;
}
.fz-tabela th button:focus-visible { outline: 2px solid var(--fz-akcent); outline-offset: 2px; }
.fz-tabela th[aria-sort="ascending"] button::after { content: "▲"; font-size: .65em; }
.fz-tabela th[aria-sort="descending"] button::after { content: "▼"; font-size: .65em; }

.fz-brak, .fz-komunikat { margin: .8em 0; font-style: italic; }
.fz-stopka { margin: .8em 0 0; font-size: .85em; opacity: .7; }
.fz-admin { margin: 0 0 1em; padding: .6em .8em; border-left: 4px solid #d63638; background: rgba(214, 54, 56, .08); }

/* Telefon: każdy wiersz jako karta. */
@media (max-width: 640px) {
	.fz-tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.fz-tabela, .fz-tabela tbody, .fz-tabela tr, .fz-tabela td { display: block; width: 100%; box-sizing: border-box; }
	.fz-tabela tr { border: 1px solid var(--fz-linia); border-radius: 8px; padding: .4em .8em; margin-bottom: .6em; }
	.fz-tabela tbody tr.fz-alt { background: transparent; }
	.fz-tabela td { display: flex; gap: .6em; border: 0; padding: .2em 0; }
	.fz-tabela td.fz-lp { width: 100%; }
	.fz-tabela td::before { content: attr(data-label); font-weight: 600; min-width: 6.5em; opacity: .7; }
}

/* Kolumna „Opłacone” (sztafety, atrybut oplacone="tak") */
.fz .fz-tabela td.fz-oplacone,.fz .fz-tabela th.fz-oplacone{text-align:center;white-space:nowrap}
.fz .fz-opl{display:inline-block;min-width:44px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.4}
.fz .fz-opl--tak{background:#E3F4E6;color:#1E7B34}
.fz .fz-opl--nie{background:#FBE7EA;color:#A50E2D}
@media (max-width:640px){.fz .fz-tabela td.fz-oplacone{text-align:left}}