/* MMTable Pro — front-end column filter bar */
.mmt-colfilters {
	display: flex; flex-wrap: wrap; gap: 12px;
	margin: 0 0 12px; padding: 10px 12px;
	background: #f7f9fc; border: 1px solid #e2e8f0; border-radius: 8px;
}
.mmt-colfilter { display: flex; flex-direction: column; gap: 3px; }
.mmt-colfilter-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: #51606f; }
.mmt-colfilter-select,
.mmt-colfilter-text { min-width: 150px; padding: 5px 8px; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 13px; }
.mmt-colfilter-range { display: flex; align-items: center; gap: 6px; }
.mmt-colfilter-range input { width: 78px; padding: 5px 8px; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 13px; }
.mmt-colfilter-dash { color: #94a3b8; }

/* Editor Pro section */
.mmtp-colf-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 5px 0; border-bottom: 1px solid #eef2f7; }
.mmtp-colf-row:last-of-type { border-bottom: 0; }
.mmtp-colf-name { font-size: 12.5px; color: #14385f; }
.mmtp-colf-type { font-size: 12px; }
.mmtp-colf-note { font-size: 11px; color: #5b7088; margin: 8px 0 0; }

/* Multi-select filter (checklist in a popover) */
.mmt-colfilter-multi { position: relative; }
.mmt-colfilter-multi > summary {
	list-style: none; cursor: pointer; min-width: 150px;
	padding: 5px 26px 5px 8px; border: 1px solid #cbd5e1; border-radius: 5px;
	font-size: 13px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2364748b' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E") no-repeat right 9px center;
}
.mmt-colfilter-multi > summary::-webkit-details-marker { display: none; }
.mmt-colfilter-multilist {
	position: absolute; z-index: 20; top: calc( 100% + 4px ); left: 0; min-width: 100%;
	max-height: 220px; overflow: auto; padding: 6px;
	background: #fff; border: 1px solid #cbd5e1; border-radius: 6px;
	box-shadow: 0 6px 18px rgba(20,56,95,0.14);
}
.mmt-colfilter-multiitem { display: flex; align-items: center; gap: 7px; padding: 4px 6px; font-size: 13px; color: #14385f; white-space: nowrap; border-radius: 4px; cursor: pointer; }
.mmt-colfilter-multiitem:hover { background: #f1f5fb; }
.mmt-colfilter-multiitem input { margin: 0; }

/* Date-range filter inputs */
.mmt-colfilter-date { width: 140px; padding: 5px 8px; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 13px; }