.pdf-layout-pagina {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 8px;
	padding: 12px;
	background: var(--bs-gray-100);
	border: 1px solid var(--bs-gray-300);
	border-radius: 0.65rem;
	min-height: 180px;
}

.pdf-layout-legend {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 10px;
}

.pdf-layout-secao {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 4px 2px;
}

.pdf-layout-secao-lbl {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--bs-gray-600);
	white-space: nowrap;
}

.pdf-layout-secao-nome {
	max-width: 360px;
	font-weight: 600;
}

.pdf-layout-item.pdf-layout-tile {
	grid-column: span var(--pdf-cols, 12);
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 12px;
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-gray-300);
	border-radius: 0.475rem;
	min-height: 78px;
	box-sizing: border-box;
	color: var(--bs-gray-800);
}

.pdf-layout-tile.is-off {
	opacity: 0.55;
	background: var(--bs-gray-100);
}

.pdf-layout-tile.is-kpi {
	min-height: 72px;
}

.pdf-layout-tile.is-grafico,
.pdf-layout-tile.is-tabela,
.pdf-layout-tile.is-bloco {
	min-height: 108px;
}

.pdf-layout-tile-top {
	display: flex;
	align-items: center;
	gap: 8px;
}

.pdf-layout-tile-mid {
	flex-grow: 1;
}

.pdf-layout-tile-mid .text-gray-800 {
	color: var(--bs-gray-800) !important;
}

.pdf-layout-largura {
	height: 6px;
	border-radius: 3px;
	background: var(--bs-gray-200);
	overflow: hidden;
}

.pdf-layout-largura > span {
	display: block;
	height: 100%;
	background: var(--bs-primary);
}

.pdf-layout-handle {
	cursor: grab;
	color: var(--bs-gray-500);
}

.pdf-layout-legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 0.75rem;
	color: var(--bs-gray-600);
}

.pdf-layout-legend-bar {
	display: inline-block;
	height: 8px;
	border-radius: 3px;
	background: var(--bs-primary);
}

[data-bs-theme="dark"] .pdf-layout-pagina {
	background: var(--bs-gray-200);
	border-color: var(--bs-gray-300);
}

[data-bs-theme="dark"] .pdf-layout-item.pdf-layout-tile {
	background: var(--bs-gray-100);
	border-color: var(--bs-gray-300);
	color: var(--bs-gray-800);
}

[data-bs-theme="dark"] .pdf-layout-tile.is-off {
	background: var(--bs-gray-200);
}

[data-bs-theme="dark"] .pdf-layout-tile.bg-light {
	background-color: var(--bs-gray-200) !important;
}

[data-bs-theme="dark"] .pdf-layout-largura {
	background: var(--bs-gray-300);
}

[data-bs-theme="dark"] .pdf-layout-secao,
[data-bs-theme="dark"] .pdf-layout-secao-lbl,
[data-bs-theme="dark"] .pdf-layout-legend-item {
	color: var(--bs-gray-600);
}

@media (max-width: 767px) {
	.pdf-layout-item.pdf-layout-tile {
		grid-column: 1 / -1 !important;
	}
}