.pulpit {
	width: min(1760px, calc(100vw - 48px));
	margin: 28px auto;
	color: #1d1d1f;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}

.pulpit * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.naglowek,
.panel-listy,
.narzedzia {
	border: 1px solid #e5e5ea;
	border-radius: 8px;
	background: #fff;
}

.naglowek {
	display: flex;
	justify-content: space-between;
	gap: 28px;
	padding: 34px 38px;
}

.nadtytul,
.opis,
.podpis,
.metryka small,
.stan-danych span,
.narzedzia p,
.techniczne {
	color: #6e6e73;
}

.nadtytul {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.naglowek h1 {
	margin: 0;
	font-size: 46px;
	line-height: 1.05;
	font-weight: 650;
}

.opis {
	max-width: 760px;
	margin: 12px 0 0;
	font-size: 18px;
	line-height: 1.45;
}

.wybor-daty {
	display: grid;
	align-content: end;
	gap: 8px;
	min-width: 310px;
}

.wybor-daty label,
.pulpit .dt-search label,
.pulpit .dt-length label {
	font-size: 13px;
	font-weight: 600;
	color: #3a3a3c;
}

.wybor-daty div {
	display: flex;
	gap: 8px;
}

.wybor-daty input,
.wybor-daty button,
.narzedzia button,
.formularz-mapowania select,
.formularz-mapowania button,
.pulpit .dt-input,
.pulpit .dt-search input,
.pulpit .dt-length select {
	min-height: 42px;
	border: 1px solid #d2d2d7;
	border-radius: 8px;
	background: #fff;
	color: #1d1d1f;
	font: inherit;
}

.wybor-daty input,
.pulpit .dt-search input,
.pulpit .dt-length select {
	padding: 0 13px;
}

.wybor-daty button,
.narzedzia button,
.formularz-mapowania button,
.link-szczegoly {
	padding: 0 17px;
	border-color: #1d1d1f;
	background: #1d1d1f;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.skroty-dat {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 16px 0 18px;
}

.skroty-dat a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 13px;
	border: 1px solid #e5e5ea;
	border-radius: 999px;
	background: #f5f5f7;
	color: #1d1d1f;
	font-size: 14px;
	text-decoration: none;
}

.stan-danych,
.metryki {
	display: grid;
	gap: 12px;
	margin-bottom: 18px;
}

.stan-danych {
	grid-template-columns: repeat(5, minmax(130px, 1fr));
}

.stan-danych div,
.metryka {
	display: grid;
	gap: 5px;
	padding: 17px 18px;
	border: 1px solid #e5e5ea;
	border-radius: 8px;
	background: #f5f5f7;
}

.stan-danych strong {
	font-size: 17px;
	font-weight: 600;
}

.metryki {
	grid-template-columns: repeat(5, minmax(150px, 1fr));
}

.metryka {
	min-height: 112px;
	background: #fff;
	color: #1d1d1f;
	text-decoration: none;
}

.metryka[href] {
	cursor: pointer;
	transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}

.metryka[href]:hover,
.metryka[href]:focus {
	border-color: #c7c7cc;
	background: #fbfbfd;
	transform: translateY(-1px);
}

.metryka span {
	font-weight: 600;
}

.metryka strong {
	font-size: 40px;
	line-height: 1;
	font-weight: 650;
}

.narzedzia {
	margin-bottom: 18px;
	padding: 0;
}

.narzedzia summary {
	padding: 18px 22px;
	font-weight: 600;
	cursor: pointer;
}

.narzedzia__tresc {
	padding: 0 22px 22px;
}

.narzedzia__przyciski {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.narzedzia__status {
	min-height: 22px;
	margin: 12px 0 0;
}

.komunikat {
	padding: 14px 18px;
	border: 1px solid #f0c8c8;
	border-radius: 8px;
	background: #fff7f7;
}

.panel-listy {
	padding: 24px 24px 18px;
}

.pulpit--profil .panel-listy {
	margin-bottom: 18px;
}

.tytul-listy {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 12px;
}

.tytul-listy h2 {
	margin: 0;
	font-size: 28px;
	font-weight: 650;
}

.tytul-listy p {
	margin: 6px 0 0;
	color: #6e6e73;
}

.legenda {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 16px;
}

.legenda a,
.powrot {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid #e5e5ea;
	border-radius: 999px;
	background: #f5f5f7;
	color: #1d1d1f;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.legenda a {
	gap: 6px;
}

.legenda a:hover,
.powrot:hover {
	border-color: #c7c7cc;
	background: #fbfbfd;
}

.tabela-responsywna {
	width: 100%;
	overflow-x: auto;
}

.lista-pracownikow,
.tabela-szczegolowa {
	width: 100%;
	border-collapse: collapse;
}

.lista-pracownikow {
	min-width: 1120px;
}

.tabela-szczegolowa {
	min-width: 760px;
}

.pulpit table.dataTable thead th {
	border-bottom: 1px solid #d2d2d7;
	background: #f5f5f7;
	color: #3a3a3c;
	font-size: 13px;
	font-weight: 650;
}

.pulpit table.dataTable tbody td {
	vertical-align: top;
	border-color: #ededf0;
	font-size: 14px;
	line-height: 1.35;
}

.pulpit table.dataTable tbody tr:hover {
	background: #fbfbfd;
}

.tabela-szczegolowa th,
.tabela-szczegolowa td {
	padding: 13px 12px;
	border-bottom: 1px solid #ededf0;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	line-height: 1.35;
}

.tabela-szczegolowa th {
	background: #f5f5f7;
	color: #3a3a3c;
	font-size: 13px;
	font-weight: 650;
}

.tabela-szczegolowa tbody tr:hover {
	background: #fbfbfd;
}

.pulpit .dt-container {
	font-size: 14px;
}

.pulpit .dt-layout-row {
	align-items: center;
	gap: 12px;
	margin: 12px 0;
}

.pulpit .dt-paging-button {
	border: 1px solid #d2d2d7 !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: #1d1d1f !important;
}

.pulpit .dt-paging-button.current {
	background: #1d1d1f !important;
	color: #fff !important;
}

.pracownik {
	display: block;
	font-size: 17px;
	font-weight: 650;
}

.podpis {
	display: block;
	margin-top: 3px;
	font-size: 13px;
}

.zadania-biezace {
	display: grid;
	gap: 5px;
	margin-top: 9px;
}

.zadanie-biezace {
	display: grid;
	gap: 1px;
	padding: 6px 7px;
	border-left: 3px solid #387565;
	border-radius: 4px;
	background: #f2f7f5;
	font-size: 11px;
}

.zadanie-biezace strong {
	font-size: 12px;
}

.zadanie-biezace span,
.zadania-biezace__wiecej {
	color: #59645f;
}

.lista-etykiet {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.lista-etykiet--duza .etykieta {
	min-height: 30px;
	font-size: 13px;
}

.lista-wyjasnien {
	display: grid;
	gap: 10px;
}

.wyjasnienie {
	display: grid;
	gap: 5px;
}

.wyjasnienie small {
	color: #6e6e73;
	font-size: 13px;
	line-height: 1.35;
}

.etykieta {
	display: inline-flex;
	align-items: center;
	min-height: 25px;
	padding: 3px 9px;
	border: 1px solid #d2d2d7;
	border-radius: 999px;
	background: #f5f5f7;
	color: #1d1d1f;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

.znacznik--no-card-in,
.legenda a.znacznik--no-card-in {
	border-color: #d7b06a;
	background: #fff7e2;
	color: #735115;
}

.znacznik--work-without-card,
.legenda a.znacznik--work-without-card {
	border-color: #d5968f;
	background: #fff1ef;
	color: #8f332d;
}

.znacznik--stale-work,
.legenda a.znacznik--stale-work {
	border-color: #b89ad8;
	background: #f7f0ff;
	color: #66418f;
}

.znacznik--short-works,
.legenda a.znacznik--short-works {
	border-color: #8fb8d8;
	background: #eef7ff;
	color: #285d82;
}

.znacznik--rapid-switches,
.legenda a.znacznik--rapid-switches {
	border-color: #94c5bd;
	background: #eefaf7;
	color: #28665c;
}

.znacznik--present-no-work,
.legenda a.znacznik--present-no-work {
	border-color: #d4a0bd;
	background: #fff0f7;
	color: #803d61;
}

.znacznik--coverage-over-120,
.legenda a.znacznik--coverage-over-120 {
	border-color: #c7ae7c;
	background: #fbf5e8;
	color: #72551d;
}

.etykieta--critical {
	border-color: #c85a54;
	background: #fff4f3;
	color: #9f2f2a;
}

.etykieta--warning {
	border-color: #c9a34d;
	background: #fff9eb;
	color: #765313;
}

.etykieta--notice,
.etykieta--technical {
	background: #f5f5f7;
	color: #515154;
}

.etykieta--ok {
	border-color: #cfd8cf;
	background: #f3f8f3;
	color: #2f6b35;
}

.techniczne {
	font-size: 12px;
}

.pusty {
	margin: 0;
	color: #6e6e73;
	font-size: 14px;
}

.link-szczegoly {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	border-radius: 999px;
}

.stan-danych--w-panelu {
	margin: 0;
}

.formularz-mapowania {
	display: grid;
	grid-template-columns: minmax(220px, 1fr) auto;
	gap: 10px;
	align-items: end;
	max-width: 760px;
}

.formularz-mapowania label,
.formularz-mapowania__status {
	grid-column: 1 / -1;
}

.formularz-mapowania label {
	font-size: 13px;
	font-weight: 600;
	color: #3a3a3c;
}

.formularz-mapowania select {
	width: 100%;
	padding: 0 13px;
}

.formularz-mapowania__status {
	min-height: 20px;
	margin: 0;
	color: #6e6e73;
	font-size: 13px;
}

@media (max-width: 1280px) {
	.stan-danych,
	.metryki {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 820px) {
	.pulpit {
		width: min(100% - 24px, 1760px);
		margin: 14px auto;
	}

	.naglowek {
		display: grid;
		padding: 26px 22px;
	}

	.naglowek h1 {
		font-size: 36px;
	}

	.wybor-daty {
		min-width: 0;
	}

	.wybor-daty div {
		display: grid;
	}

	.stan-danych,
	.metryki {
		grid-template-columns: 1fr;
	}

	.panel-listy {
		padding: 18px 12px;
	}

	.formularz-mapowania {
		grid-template-columns: 1fr;
	}
}