/* Seller composition. Workspace geometry and visual language live in the shared design system. */
.seller-scope { min-height: 15rem; }
.loading-page { align-items: center; background: var(--color-surface-container-high); display: grid; min-height: 100svh; padding: var(--space-6); }
.loading-page__panel { background: var(--color-surface); border: var(--border-width) solid var(--color-outline-variant); border-top: var(--border-width-strong) solid var(--color-primary); border-radius: var(--shape-small); box-shadow: var(--elevation-1); margin: 0 auto; max-width: var(--layout-content-note); padding: var(--space-7); width: 100%; }
.loading-page__skeleton { display: grid; gap: var(--space-3); margin-block-start: var(--space-6); }
.loading-page__body { color: var(--color-on-surface-variant); font: var(--type-body-large); margin: var(--space-3) 0 0; }
.loading-page[hidden] { display: none; }
.onboarding-page { align-items: center; background: var(--color-surface); display: flex; justify-content: center; min-height: 100vh; padding: var(--space-6); }
.onboarding-page__panel { background: var(--color-surface-container-low); border: var(--border-width) solid var(--color-outline-variant); border-radius: var(--shape-medium); display: grid; gap: var(--space-4); max-width: 48rem; padding: clamp(var(--space-5), 6vw, var(--space-9)); width: 100%; }
.onboarding-page__panel h1, .onboarding-page__panel h2, .onboarding-page__panel p { margin: 0; }
.onboarding-page__body { color: var(--color-on-surface-variant); font: var(--type-body-large); max-width: 42rem; }
.onboarding-form { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-3); }
.onboarding-form .field-group--full, .onboarding-form__actions, .onboarding-form .status-copy { grid-column: 1 / -1; }
.onboarding-form__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.seller-dashboard { min-height: 15rem; }
.shipment-section { min-height: 15rem; }
.status-copy { color: var(--color-on-surface-variant); font: var(--type-body-medium); margin: 0; min-height: var(--space-5); }
.shipment-list { display: grid; gap: var(--space-3); margin-top: auto; padding-top: var(--space-5); }
.product-list { display: grid; gap: var(--space-3); margin-top: var(--space-5); }
.seller-stats { display: grid; gap: var(--space-3); grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-5); }
.seller-stat { background: var(--color-surface-container); border: var(--border-width) solid var(--color-outline-variant); border-radius: var(--shape-small); display: grid; gap: var(--space-2); padding: var(--space-4); }
.seller-stat strong { font: var(--type-headline-small); overflow-wrap: anywhere; }

.shipment-card, .empty-state {
  background: var(--color-surface-container);
  border: var(--border-width) solid var(--color-outline-variant);
  border-radius: var(--shape-small);
  padding: var(--space-4);
}

.shipment-card { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.product-card { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.shipment-card p, .empty-state p { margin: 0; }
.product-card p { margin: 0; }
.detail-label { color: var(--color-on-surface-variant); display: block; font: var(--type-label-medium); }
.empty-state h3 { font: var(--type-title-large); margin: 0 0 var(--space-3); }
.shipment-review { background: var(--color-warning-container); border-radius: var(--shape-small); color: var(--color-on-warning-container); font: var(--type-body-medium); grid-column: 1 / -1; padding: var(--space-3) var(--space-4); }
.tracking-form { border-top: var(--border-width) solid var(--color-outline-variant); display: grid; gap: var(--space-4); grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: var(--space-5); }
.tracking-form .field-group:last-of-type { grid-column: 1 / -1; }
.tracking-form .button { align-self: end; justify-self: start; }
.product-form { display: grid; gap: var(--space-4); grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: var(--space-5); }
.product-form .field-group--full, .product-form__actions, .product-form-status { grid-column: 1 / -1; }
.product-form__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.subsection-title { font: var(--type-title-large); margin: var(--space-7) 0 0; }
.product-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); grid-column: 1 / -1; }

@media (max-width: 52rem) {
  .seller-bento > .bento-card--wide,
  .seller-bento > .bento-card--narrow { grid-column: span 6; }
  .seller-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 35rem) {
  .shipment-card, .tracking-form, .product-card, .product-form, .onboarding-form { grid-template-columns: 1fr; }
  .seller-stats { grid-template-columns: 1fr; }
  .tracking-form .field-group:last-of-type, .tracking-form, .product-form .field-group--full, .product-form__actions, .onboarding-form .field-group--full, .onboarding-form__actions, .onboarding-form .status-copy { grid-column: 1; }
}