/**
 * Wspólne tokeny ERL Finance — kalkulator, portal, krok 2, landing, porównanie modeli, admin.
 *
 * Typografia: 2 rozmiary treści + tytuł strony.
 * --erl-type-body    — tekst, tabele, metadane, formularze
 * --erl-type-heading — nagłówki sekcji i zakładek
 * --erl-type-page    — tytuł strony (h1)
 */

.erl-step1,
.erl-portal-root,
.erl-step2-root,
.erl-glowna,
.erl-front-shell,
.erl-models-compare.erl-step1,
.erl-admin-txn,
.erl-budget-modal__dialog {
	--erl-navy: #002b3d;
	--erl-navy-soft: #0a3d52;
	--erl-gold: #d6ae5e;
	--erl-gold-hover: #c9a456;
	--erl-gold-pale: #f2e6cc;
	--erl-gold-border: #b8954a;
	--erl-btn-bg: #d6ae5e;
	--erl-btn-bg-hover: #c9a456;
	--erl-btn-color: #002b3d;
	--erl-border: #dde3e8;
	--erl-surface: #ffffff;
	--erl-surface-muted: #f7f9fb;
	--erl-text: #1a2b33;
	--erl-text-muted: #5c6b73;
	--erl-radius: 12px;
	--erl-radius-sm: 8px;
	--erl-shadow: 0 2px 12px rgba(0, 43, 61, 0.07);
	--erl-shadow-lg: 0 8px 28px rgba(0, 43, 61, 0.1);
	--erl-inner-max: min(88vw, 54rem);
	--erl-font: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--erl-type-body: 0.9375rem;
	--erl-type-heading: 1.0625rem;
	--erl-type-page: clamp(1.25rem, 2.2vw, 1.45rem);
	--erl-content-pad-x: clamp(1rem, 3vw, 1.75rem);
	--erl-text-base: var(--erl-type-body);
	--erl-text-sm: var(--erl-type-body);
	--erl-text-xs: var(--erl-type-body);
	--erl-leading: 1.55;
	--erl-h1: var(--erl-type-page);
	--erl-h2: var(--erl-type-heading);
	--erl-h3: var(--erl-type-heading);
	/* Semantyka UI (admin + portal) */
	--erl-success: #00a32a;
	--erl-danger: #b32d2e;
	--erl-warning: #dba617;
	--erl-max-content: 56rem;
	--erl-max-form: 56rem;
	--erl-input-width-sm: 5em;
	--erl-input-width-md: 9em;
	font-size: var(--erl-type-body);
	line-height: var(--erl-leading);
}

/* ── Odstęp od prawej krawędzi ── */
.erl-admin-txn {
	padding-right: var(--erl-content-pad-x);
	box-sizing: border-box;
}

.erl-portal-root {
	padding-inline: var(--erl-content-pad-x);
	box-sizing: border-box;
}

.erl-admin-detail-panels,
.erl-portal-exec-panels {
	min-width: 0;
}

/* ── Nagłówki sekcji ── */
.erl-admin-txn__heading,
.erl-admin-detail-panel__title,
.erl-admin-txn__subheading,
.erl-admin-txn .form-table h2.title,
.erl-admin-txn details > summary,
.erl-admin-txn__details > summary,
.erl-admin-erls-section-title,
.erl-portal-exec-panel__title,
.erl-portal-exec-header h3,
.erl-portal-budget h4,
.erl-step2-heading,
.erl-budget-modal__title,
.erl-admin-detail-panel h4 {
	font-size: var(--erl-type-heading);
}

/* ── Tytuły stron ── */
.erl-portal-title,
.erl-admin-txn > h1,
.erl-admin-txn .wp-heading-inline {
	font-size: var(--erl-type-page);
}

/* ── Tabele admin ── */
.erl-admin-txn .widefat th,
.erl-admin-txn .widefat td {
	font-size: var(--erl-type-body);
}

.erl-admin-txn .widefat th:last-child,
.erl-admin-txn .widefat td:last-child {
	padding-right: 1rem;
}

/*
 * Specyfikacja UI ERL (admin + portal) — jeden język wizualny
 *
 * Typografia (3 poziomy):
 *   --erl-type-page    — tytuł zakładki / strony (h1, h2 panelu)
 *   --erl-type-heading — nagłówek sekcji (h3, summary details)
 *   --erl-type-body    — treść, tabele, formularze, opisy
 *
 * Kontenery:
 *   .erl-admin-txn__panel      — biały box z obramowaniem (formularze, status)
 *   .erl-admin-txn__details    — sekcja zwijana <details> (szare tło)
 *   .erl-admin-table           — tabela danych (preferowana zamiast widefat)
 *   .erl-admin-txn__subheading — nagłówek sekcji w panelu
 *
 * Kolory semantyczne: --erl-success, --erl-danger, --erl-warning, --erl-text-muted
 */