/*
 * DWGrid Compact Style
 * Optional desktop density override for information-heavy screens.
 *
 * Load AFTER:
 *   grid-style.css
 *   optionlist.css
 *
 * Mobile responsive styling is intentionally left unchanged.
 */

@media (min-width: 768px) {

	/* Core table density */
	div.grid thead th {
		padding-top: 4px;
		padding-bottom: 4px;
		line-height: 16px;
	}

	div.grid tbody td {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 18px;
	}

	div.grid tfoot td,
	div.grid tfoot th {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 18px;
	}

	/* Search/filter row */
	div.grid #SearchRow td {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	/*
	 * Filter controls keep their dimensions from grid-style.css.
	 * Compact mode reduces row spacing, not control geometry.
	 */

	/* Date filter component */
	div.grid .dw-grid-date-filter {
		gap: 5px;
	}

	div.grid .filterbutton {
		width: 18px;
		height: 18px;
	}

	div.grid .filterbutton:before {
		line-height: 18px;
		font-size: 13px;
	}

	/* Date range popup */
	div.grid .dropdownrange {
		padding: 8px 10px;
		min-width: 180px;
	}

	div.grid .dropdownrange p {
		margin: 4px 0;
		gap: 8px;
	}

	div.grid .dropdownrange p label {
		line-height: 24px;
	}

	div.grid .dropdownrange input.s2 {
		height: 24px;
		padding-top: 2px !important;
		padding-bottom: 2px !important;
	}

	/* Group rows */
	div.grid tr.grouprow td {
		padding-top: 3px;
		padding-bottom: 3px;
		line-height: 17px;
	}

	/* Row action trigger */
	.grid .optionlistrow {
		width: 22px;
		height: 22px;
	}

	/* Native checkboxes */
	div.grid tbody input[type="checkbox"],
	div.grid #SearchRow input[type="checkbox"] {
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	
	/* =========================================================
	   OPTIONLIST - COMPACT GRID
	   ========================================================= */

	.grid .optionlistrow {
		width:20px;
		height:20px;
		gap:2px;
		vertical-align:middle;
		font-weight: bold;
	}

	.grid .optionlistrow span {
		width:3px;
		height:3px;
		flex:0 0 3px;
	}
}