/* Proofs, samples and artwork for a garment. */
@layer reset, tokens, base, layout, components, utilities, print;

@layer components {
  .proof-version { border-top: 1px solid var(--line); padding-block: var(--space-3); }
  .proof-version header { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
  .proof-preview { max-width: 100%; max-height: 22rem; border-radius: var(--radius-md); margin-block: var(--space-2); background: var(--solid); box-shadow: var(--shadow-soft); }
  .decision { display: flex; gap: var(--space-5); align-items: flex-start; flex-wrap: wrap; margin-top: var(--space-2); }
  .request-changes { display: flex; flex-direction: column; gap: var(--space-2); min-width: 18rem; }
  .artworks form.upload { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-block: var(--space-2); }
  .artworks form.upload label { width: 100%; }
  .proof-summary { font-size: var(--text-sm); }
  .locations { padding-left: 1.2rem; font-size: var(--text-sm); }
}