/* DrBestand 0.77.0 — final shared chrome for bounded list controls. */
.system-list-controls{
  --system-list-gap:10px;
  display:grid;
  gap:var(--system-list-gap);
  min-width:0;
}
.system-list-controls--inline{
  align-items:end;
  padding:12px;
  border:1px solid var(--border,#dce4eb);
  border-radius:12px;
  background:var(--panel-soft,#f7f9fb);
}
.system-list-controls--inline.erp-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.system-list-controls--inline.erp-form-grid>.erp-field-wide,
.system-list-controls--inline.erp-form-grid>.system-list-controls__search{grid-column:span 2}
.system-list-controls--inline.inline-form{grid-template-columns:minmax(220px,1fr) auto}
.system-list-controls>.panel-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.system-list-controls__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.system-list-controls--drawer.erp-list-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.system-list-controls--drawer .system-list-controls__actions.erp-list-actions{
  margin-left:auto;
}
.system-list-controls__drawer-fields.erp-list-filter-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  overflow:auto;
  padding:18px;
}
.system-list-controls__drawer-fields>.system-list-controls__search,
.system-list-controls__drawer-fields>.erp-list-filter-search{
  grid-column:1/-1;
}
.system-list-active-filters{
  display:flex;
  align-items:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
  padding:10px 12px;
  border:1px solid var(--border,#dce4eb);
  border-radius:10px;
  background:var(--panel-soft,#f7f9fb);
  color:var(--muted,#52606d);
  font-size:.86rem;
}
.system-list-active-filters__title{
  color:var(--text,#17212b);
  line-height:28px;
}
.system-list-active-filters__items{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}
.system-list-active-filters__item{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:28px;
  max-width:100%;
  padding:3px 8px;
  border:1px solid var(--border,#dce4eb);
  border-radius:999px;
  background:var(--panel,#fff);
}
.system-list-active-filters__label{
  font-weight:700;
  color:var(--text,#17212b);
}
.system-list-active-filters__label::after{content:":"}
.system-list-active-filters__value{
  overflow-wrap:anywhere;
}
.system-list-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  padding:10px 12px;
  border:1px solid var(--border,#dce4eb);
  border-radius:12px;
  background:var(--panel-soft,#f7f9fb);
}
.system-list-pagination__summary{
  color:var(--muted,#52606d);
  font-size:.88rem;
  line-height:1.35;
}
.system-list-pagination__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.system-list-pagination__action{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.system-list-pagination__action svg,
.system-list-pagination__action-icon{width:16px;height:16px}
@media(max-width:760px){
  .system-list-controls--inline.erp-form-grid,
  .system-list-controls--inline.inline-form{grid-template-columns:1fr}
  .system-list-controls--inline.erp-form-grid>*{grid-column:1!important}
  .system-list-controls__actions{justify-content:stretch}
  .system-list-controls__actions>.button,
  .system-list-controls__actions>button{flex:1 1 auto}
  .system-list-controls__drawer-fields.erp-list-filter-grid{grid-template-columns:1fr}
  .system-list-pagination{align-items:stretch;flex-direction:column}
  .system-list-pagination__actions{justify-content:stretch}
  .system-list-pagination__action{justify-content:center;width:100%}
  .system-list-active-filters{flex-direction:column;gap:6px}
  .system-list-active-filters__title{line-height:1.4}
}