/* Master data (js/ui/masterdata.js): the dialog Stamgegevens with the tabs Artikelen, Leveranciers and Klanten. */
.modal.md-modal, .modal.md-imp-modal { width: min(1200px, 100%); }
.md-dlg { display: flex; flex-direction: column; gap: 10px; min-height: 420px; }
.md-dlg .md-tabs { padding: 0; margin: 0 0 2px; }
.md-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.md-bar .md-search { width: 260px; height: 34px; }
.md-bar .md-archived { display: flex; align-items: center; gap: 4px; font-size: 13px; white-space: nowrap; }
.md-bar .grow { flex: 1; }
.md-table { min-height: 120px; }
.md-table .tblwrap { max-height: 56vh; }
.md-table .tbl tbody tr.muted td { color: var(--fg3); }
.md-table .tbl td { white-space: nowrap; max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.md-count { text-align: right; }
.md-err { margin: 0; }

/* the form */
.md-form { display: flex; flex-direction: column; gap: 8px; }
.md-form .field { margin: 0; grid-template-columns: 1fr; gap: 3px; }
.md-form .field > label { font-size: 12px; }
.md-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 12px; }
.md-grid3 .field.full { grid-column: 1 / -1; }
.md-ferr { color: var(--err); }

/* the import */
.md-imp { display: flex; flex-direction: column; gap: 10px; }
.md-imp-info { display: flex; gap: 8px; flex-wrap: wrap; }
.md-imp .chip.ok { background: var(--ban-ok-bg); color: var(--ban-ok-fg); }
.md-imp .chip.warn { background: var(--ban-warn-bg); color: var(--ban-warn-fg); }
.md-imp .chip.info { background: var(--accentbg); }
.md-imp-prev .tblwrap { max-height: 46vh; }
.md-imp-prev .tbl td { white-space: nowrap; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 900px) {
  .md-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .md-grid3 { grid-template-columns: 1fr; }
  .md-bar .md-search { width: 100%; }
}

/* articles from the library (2026.10.52) */
.md-lib-h { font-weight: 600; font-size: 13px; margin: 8px 0 4px; }
.md-lib-specs, .md-lib-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 2px 12px; max-height: 210px; overflow: auto; padding: 4px 2px; border: 1px solid var(--line); border-radius: 8px; }
.md-lib-cats { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); max-height: none; }
.md-lib-count { margin-top: 10px; }