/* Filtros, búsqueda de artículos y edición operativa. */
#listFilters {
	display: none;
	margin: 0 0 12px;
	padding: 14px 16px;
}
.filters-grid {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr auto;
	gap: 12px;
	align-items: end;
}
.filter-actions {
	display: flex;
	gap: 8px;
}
.metric {
	cursor: pointer;
}
.metric:hover {
	border-color: var(--primary);
	background: var(--primary-soft);
}
.article-hints {
	position: absolute;
	z-index: 12;
	left: 0;
	right: 0;
	top: 100%;
	max-height: 190px;
	overflow: auto;
	background: var(--surface);
	border: 1px solid var(--line-strong);
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow);
}
.article-hints button {
	display: block;
	width: 100%;
	padding: 9px 10px;
	border: 0;
	border-bottom: 1px solid var(--line);
	background: var(--surface);
	color: var(--text);
	text-align: left;
	cursor: pointer;
}
.article-hints button:hover {
	background: var(--primary-soft);
}
.article-field {
	position: relative;
}
#detailView .line-grid {
	grid-template-columns:
		minmax(170px, 1.25fr) minmax(120px, 0.8fr) minmax(88px, 0.55fr)
		minmax(100px, 0.6fr) 42px;
}
#detailView .line-grid label:nth-of-type(2) {
	display: none;
}
#saveLines {
	display: none !important;
}
.article-validation {
	min-height: 15px;
	font-size: 12px;
	color: var(--muted);
}
.user-editor {
	display: grid;
	grid-template-columns: 1fr 1.2fr 0.8fr 1fr 1fr auto;
	gap: 8px;
	align-items: end;
}
.user-editor label {
	font-size: 12px;
}
.user-editor input,
.user-editor select {
	min-width: 0;
}
.user-editor .btn {
	white-space: nowrap;
}
@media (max-width: 760px) {
	.filters-grid,
	.user-editor {
		grid-template-columns: 1fr 1fr;
	}
	.filter-actions {
		grid-column: 1/-1;
	}
	.user-editor .btn {
		grid-column: 1/-1;
	}
	#detailView .line-grid {
		grid-template-columns: 1fr 1fr;
	}
	#detailView .line-grid label:nth-of-type(2) {
		display: none;
	}
}