/* Patrón compartido para filtros de listados, Inicio y tablas de edición. */
:root{
  --filter-bg:var(--bg);
  --filter-border:var(--line);
  --filter-radius:12px;
  --filter-padding:18px 20px;
  --filter-gap:14px;
}
.filters{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:var(--filter-gap);
  margin:24px 0;
}
.filters:not(.mn-home-filters),.mn-home-filter-box{
  background:var(--filter-bg);
  border:1px solid var(--filter-border);
  border-radius:var(--filter-radius);
  padding:var(--filter-padding);
  box-shadow:none;
}
.filters>.filter-heading{flex:1 0 100%;min-width:0}
.filter-heading>.filter-title{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  color:var(--ink);
  padding:0;
  border:0;
  background:none;
}
.filter-title>span{min-width:0;overflow-wrap:anywhere}
.filter-title>.nav-icon{width:18px;height:18px;flex:0 0 18px;color:var(--muted)}
.filter-heading>.filter-hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.6}
.filters>.field{flex:1 1 180px;min-width:0;margin:0}
.filters>.field.search{flex:2 1 240px}
.filters>.form-errors{flex-basis:100%;margin:0}
.filters .field label{margin-bottom:8px;font-size:14px;font-weight:600}
.filters .field input:not([type=checkbox]),.filters .field select{height:46px;min-height:46px;padding:10px 14px;line-height:1.4;background:var(--surface)}
.filter-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-wrap:wrap;gap:10px;margin-left:auto}
.filter-actions>.button,.filter-actions>.text-button{min-height:46px;margin:0;padding:10px 15px;white-space:nowrap}
.mn-home-filter-box>.filter-heading{margin-bottom:14px}
.mn-home-filter-box .mn-home-filters{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.mn-home-filter-box .filter-title{margin:0;font-size:14px}
.mn-summary-filters{max-width:100%}
@media(max-width:760px){
  :root{--filter-padding:16px}
  .filters>.field,.filters>.field.search{flex-basis:100%}
  .filter-actions{flex-basis:100%;width:100%;margin-left:0}
  .filter-actions>.button,.filter-actions>.text-button{flex:1 1 auto}
}
