/* muvi-wpdm.css
   Stili minimi: eredita tutto ciò che WPDM e Avada già forniscono.
   Override solo dove necessario per la UI custom.
---------------------------------------------------------- */

/* Barra filtri */
.muvi-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 20px;
}

.muvi-filter-input,
.muvi-filter-select {
	flex: 1 1 200px;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	background: #fff;
}

.muvi-filter-input:focus,
.muvi-filter-select:focus {
	outline: none;
	border-color: #999;
}

/* Tabella: colonne fisse per non far ballare il layout */
.muvi-table .muvi-col-icon   { width: 48px; text-align: center; }
.muvi-table .muvi-col-date   { width: 100px; white-space: nowrap; }
.muvi-table .muvi-col-action { width: 110px; text-align: right; }
.muvi-table .muvi-col-title  { min-width: 0; }  /* fix flex/grid text collapse */

/* Icone file — dimensione allineata al testo */
.muvi-file-icon {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	object-fit: contain;
}

/* Messaggi stato */
.muvi-loading,
.muvi-no-results,
.muvi-error {
	padding: 16px 0;
	color: #666;
	font-style: italic;
}

/* Responsive: su mobile la tabella va in scroll orizzontale */
.muvi-results {
	overflow-x: auto;
}