/* =========================================================================
   MASTER DATA
   ========================================================================= */
.master-type-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: var(--sp-3);
  margin-bottom: var(--sp-6);
}
.master-type-card {
  padding: var(--sp-4) var(--sp-5);
  border-radius: var(--r-md);
  border: 1px solid var(--paper-100);
  background: var(--paper-0);
  cursor: pointer;
  text-align: left;
  transition: all var(--dur-fast) var(--ease-out);
}
.master-type-card:hover { border-color: var(--brass-300); box-shadow: var(--shadow-sm); }
.master-type-card.is-active { border-color: var(--brass-500); background: var(--brass-100); }
.master-type-card__label { font-weight: 700; font-size: 14px; color: var(--ink-950); }
.master-type-card__count { font-family: var(--font-mono); font-size: 12px; color: var(--ink-400); margin-top: 4px; }

.master-filter-row { display: flex; gap: var(--sp-3); flex-wrap: wrap; align-items: end; margin-bottom: var(--sp-5); }
.master-filter-row .field { margin-bottom: 0; min-width: 160px; }
.master-filter-row .field--grow { flex: 1; min-width: 200px; }
#importForm { display: none; }
#importForm.is-visible { display: block; animation: fieldOpen var(--dur-med) var(--ease-out); }

.master-item-row {
  border-radius: var(--r-md);
  border: 1px solid var(--paper-100);
  background: var(--paper-0);
  margin-bottom: var(--sp-3);
  overflow: hidden;
}
.master-item-row.is-inactive { opacity: 0.6; }
.master-item-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4);
  padding: var(--sp-4);
  flex-wrap: wrap;
}
.master-item-row__main { font-weight: 700; font-size: 14px; color: var(--ink-950); }
.master-item-row__meta { font-size: 12px; color: var(--ink-400); margin-top: 2px; }
.master-item-row__actions { display: flex; align-items: center; gap: var(--sp-3); flex-shrink: 0; }
.master-item-row__actions button { font-size: 12px; }

.master-history-panel { display: none; padding: var(--sp-4); border-top: 1px solid var(--paper-100); background: var(--paper-50); }
.master-history-panel.is-visible { display: block; }
.master-history-entry { font-size: 12.5px; padding: 6px 0; border-bottom: 1px solid var(--paper-100); }
.master-history-entry:last-child { border-bottom: none; }
.master-history-entry .action { font-weight: 700; text-transform: capitalize; }
.master-history-entry .meta { color: var(--ink-400); font-size: 11px; }