/* ===== Checkbox styling (originally ::ng-deep) ===== */
.mervis-angular-grid-checkbox {
	padding: 4px;
	border-width: 0 1px 0 0 !important;
	border-color: transparent !important;
	outline: none;
}

.mervis-angular-grid-checkbox-header {
	padding: 4px;
}

/* ===== Main grid container ===== */
.mervis-angular-grid-main {
	height: 100%;
	position: relative;
	display: grid;
	grid-template-rows: 1fr;
	grid-gap: var(--grid-gap);
	align-items: start;
}
	/* When filter bar is visible, adjust rows */
	.mervis-angular-grid-main.grid-filter-visible {
		grid-template-rows: auto 1fr;
	}
	/* Filter form inside the grid */
	.mervis-angular-grid-main .grid-filter {
		z-index: 1;
		display: grid;
		grid-column-gap: var(--grid-gap);
		grid-auto-flow: column;
		justify-content: start;
	}
	/* Inputs inside the grid filter (and any input inside .mervis-angular-grid-main) */
	.mervis-angular-grid-main input {
		height: var(--line-height);
		width: var(--grid-input-width);
		padding: var(--vertical-padding) var(--horizontal-padding);
	}

/* ===== AG Grid selected row override ===== */
.ag-row-selected::before {
	background-color: transparent !important;
}

/* ===== Grid statistics (item count indicator) ===== */
.grid-statistics {
	max-width: 100px;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	justify-items: start;
}

/* ===== AG Grid header override ===== */
.ag-header {
	position: fixed !important;
	width: auto !important;
	z-index: 1;
}

/* ===== Grid component wrapper ===== */
.grid-component {
	height: 100%;
	overflow: auto;
}

/* ===== Top item category bar adjustments ===== */
.top-item-category-bar-visible .top-item-category-bar {
	position: absolute;
	top: calc(2 * var(--grid-row-height));
	width: -webkit-fill-available;
	height: var(--grid-row-height);
}

.top-item-category-bar-visible .ag-body {
	padding-top: var(--grid-row-height) !important;
}

/* Note:
   - Any other classes referenced in your HTML (e.g., .filter-buttons, icon classes) are assumed styled elsewhere.
   - If there were deeper nested selectors or pseudo-classes in your original SASS, they should be flattened similarly.
*/