.ageing-filter {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 12px;
	align-items: end;
	margin: 12px 0 18px;
}

.ageing-filter label,
.ageing-dashboard-filter label {
	display: block;
	font-weight: 600;
	margin-bottom: 4px;
}

.ageing-check label {
	display: flex;
	gap: 6px;
	align-items: center;
	font-weight: 400;
}

.ageing-actions {
	display: flex;
	align-items: end;
}

.ageing-kpis {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 10px;
	margin: 12px 0;
}

.ageing-kpis > div {
	background: var(--colorbackvmenu1, #f7f7f7);
	border: 1px solid var(--border-color, #ddd);
	border-radius: 6px;
	padding: 12px;
}

.ageing-kpis span {
	display: block;
	color: #666;
	font-size: 0.9em;
	margin-bottom: 4px;
}

.ageing-kpis strong {
	font-size: 1.25em;
}

.ageing-table th,
.ageing-table td,
.ageing-detail th,
.ageing-detail td {
	vertical-align: top;
}

.ageing-detail-cell {
	background: #fff;
	padding: 0 0 12px 28px;
}

.ageing-detail {
	margin: 0;
}

.ageing-dashboard-filter {
	margin: 10px 0 18px;
}

.page-print .tabsAction,
.page-print .ageing-filter {
	display: none;
}

@media print {
	#id-top,
	#id-left,
	.tabsAction,
	.ageing-filter,
	.ageing-dashboard-filter {
		display: none !important;
	}

	body {
		background: #fff !important;
	}
}
