/**
 * Style specyficzne dla kalkulatora etatów specjalistów.
 * Bazowe style (pola, przyciski, wynik, RWD) pochodzą
 * ze wspólnego pliku assets/css/common.css.
 */

.kof-etaty-specjalistow .kof-field-inline .kof-field {
	max-width: 280px;
}

/* Przycisk drukowania — trochę oddechu wokół, bez rozciągania na całą
   szerokość na desktopie (to akcja poboczna, nie główna). */
.kof-etaty-specjalistow .kof-print-btn {
	margin-top: 0.85rem;
}

@media (min-width: 480px) {
	.kof-etaty-specjalistow .kof-print-btn {
		width: auto;
	}
}

/* Wizualny odstęp przed wierszem-nagłówkiem "Symulacja podziału godzin". */
.kof-etaty-specjalistow .kof-result-row-spacer {
	margin-top: 0.4rem;
	padding-top: 0.6rem;
	border-top: 1px solid rgba(15, 23, 42, 0.1);
}

/* ---------- Sekcja "Zasady przydzielania godzin specjalistów" ---------- */

.kof-etaty-specjalistow .kof-legal-info {
	margin-top: 1.75rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--kof-border, #e2e8f0);
}

.kof-legal-info-title {
	margin: 0 0 0.85rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--kof-text, #0f172a);
}

.kof-legal-info-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.85rem;
	margin-bottom: 1rem;
}

.kof-legal-info-table th,
.kof-legal-info-table td {
	text-align: left;
	padding: 0.5rem 0.6rem;
	border-bottom: 1px solid var(--kof-border, #e2e8f0);
}

.kof-legal-info-table th {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: var(--kof-text-muted, #64748b);
	font-weight: 600;
}

.kof-legal-info-table tbody tr:last-child td {
	border-bottom: none;
	font-style: italic;
	color: var(--kof-text-muted, #64748b);
}

.kof-legal-info-text {
	font-size: 0.85rem;
	line-height: 1.55;
	margin: 0 0 0.75rem;
	color: var(--kof-text, #0f172a);
}

.kof-legal-info-basis {
	font-size: 0.78rem;
	color: var(--kof-text-muted, #64748b);
	margin: 0;
}

/* Tabela zasad w jednej kolumnie na wąskich ekranach, żeby uniknąć
   przewijania w poziomie. */
@media (max-width: 480px) {
	.kof-legal-info-table,
	.kof-legal-info-table thead,
	.kof-legal-info-table tbody,
	.kof-legal-info-table th,
	.kof-legal-info-table td,
	.kof-legal-info-table tr {
		display: block;
	}

	.kof-legal-info-table thead {
		display: none;
	}

	.kof-legal-info-table tr {
		margin-bottom: 0.75rem;
		border-bottom: 1px solid var(--kof-border, #e2e8f0);
		padding-bottom: 0.5rem;
	}

	.kof-legal-info-table td {
		border-bottom: none;
		padding: 0.15rem 0;
	}

	.kof-legal-info-table td:first-child {
		font-weight: 700;
	}
}