/**
 * Profiler (SQL, lista akcji, request, wczyrtane pliki PHP)
 * Wspólny plik dla panelu admina i strony, ładowane po wszystkich stylach
 */
#profiler {
	clear: both;
	text-align: left;
	padding-top: 1rem;
	margin-top: 0.25rem;
}

#profiler .card {
	margin-bottom: 0.375rem !important;
	border: none !important;
	border-radius: 0.25rem !important;
	overflow: hidden;
	box-shadow: none !important;
	background: transparent !important;
}

#profiler .card > .card-header {
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}

/* Stałe kolory*/
#profiler .card-header.bg-purple { background-color: #673ab7 !important; }
#profiler .card-header.bg-slate { background-color: #607d8b !important; }
#profiler .card-header.bg-primary { background-color: #2196f3 !important; }
#profiler .card-header.bg-teal { background-color: #009688 !important; }

#profiler .card > .card-header .card-title,
#profiler .card > .card-header h6.card-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0.8125rem !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #fff !important;
}

#profiler .card-header > a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	width: 100%;
	padding: 0.75rem 1rem !important;
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
}

#profiler .card-header > a:hover,
#profiler .card-header > a:focus,
#profiler .card-header > a:visited {
	color: #fff !important;
	text-decoration: none !important;
	filter: none;
	background: transparent !important;
}

#profiler .card-header > a::after {
	content: "+";
	flex-shrink: 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
}

#profiler .card-header > a:not(.collapsed)::after {
	content: "−";
}

#profiler .card-collapse > .card-body,
#profiler .collapse > .card-body {
	border: 1px solid #ddd;
	border-top: none;
	background: #fff;
	padding: 1rem;
	color: #333;
}

#profiler .card-collapse.collapsing {
	transition: height 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
	overflow: hidden;
}