@layer views {
.erp-library-layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.erp-library-card { display: grid; gap: 10px; }
.erp-library-items { display: grid; gap: 7px; }
.erp-library-item { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; padding: 8px; border: 1px solid var(--line); border-radius: 7px; background: #fbfcfa; }
.erp-library-item span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.erp-library-item em { color: var(--muted); font-size: 11px; font-style: normal; }
.draft-card { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 10px; align-items: center; }
.draft-card button { grid-column: 1 / -1; justify-self: end; }
.draft-card img,
.draft-image-empty { width: 74px; aspect-ratio: 1; border-radius: 7px; object-fit: cover; }
.draft-image-empty { display: grid; place-items: center; background: #eef6f1; color: var(--green-dark); font-weight: 900; }

@media (max-width: 820px) {
  .erp-library-layout,
  .draft-card { grid-template-columns: 1fr; }
  .draft-card img,
  .draft-image-empty { width: 100%; max-height: 260px; }
}
}