/* Sales layout. Shared commercial components own text, surfaces and controls. */
.sales-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-8); margin-bottom: var(--space-8); }
.sales-heading > div { min-width: 0; }
.sales-heading__actions { display: flex; flex-wrap: wrap; flex: 0 0 auto; gap: var(--space-3); }
.sales-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sales-controls { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 360px); align-items: center; gap: var(--space-6); margin-bottom: var(--space-8); }
.sales-search { min-width: 0; width: 100%; }
.sales-document-grid, .sales-history-list, .sales-reconciliation-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: var(--space-6); }
.sales-document-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sales-contract-card__meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sales-contract-list { display: grid; gap: var(--space-8); }
.sales-items__header, .sales-items__row { display: grid; grid-template-columns: minmax(0, 1.4fr) 80px repeat(2, minmax(0, .8fr)); align-items: start; }
.sales-items__row > span:first-child { display: grid; gap: var(--space-2); }
.sales-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sales-specification-list { display: grid; gap: var(--space-6); padding: var(--space-6); }
.sales-specification__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding: 0 var(--space-6) var(--space-6); }
.sales-specification__meta strong { margin-left: auto; }
.sales-history-section { display: grid; gap: var(--space-6); }
.sales-history-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
.sales-history-summary > div { min-width: 0; display: grid; gap: var(--space-2); }
.sales-history-summary p { grid-column: 1 / -1; }
.sales-subsection-heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.sales-subsection-heading--shipments { margin-top: var(--space-2); }
.sales-empty { margin-top: var(--space-6); }
.sales-empty .c-button { margin-top: var(--space-4); }
.sales-modal { width: min(720px, calc(100vw - 32px)); }
.sales-document-modal { width: min(1120px, calc(100vw - 32px)); }
.sales-shipment-modal { width: min(620px, calc(100vw - 32px)); }
.sales-form-counterparty { margin-bottom: var(--space-6); }
.sales-form-counterparty .c-select, .sales-form-counterparty select { width: 100%; }
.sales-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.sales-form-wide { grid-column: 1 / -1; }
.sales-form-grid .c-select, .sales-form-grid .c-select__control { width: 100%; }
.sales-dialog-context { margin: 0 0 var(--space-6); }
.sales-line-section { margin-top: var(--space-8); }
.sales-line-section__heading { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-6); }
[data-sales-lines] { display: grid; gap: var(--space-4); }
.sales-line-editor { display: grid; grid-template-columns: 28px minmax(0, 1.4fr) minmax(0, .55fr) minmax(0, .8fr) minmax(0, .7fr) auto; align-items: end; gap: var(--space-4); padding: var(--space-6); }
.sales-line-editor__number, .sales-line-editor__amount, .sales-line-editor > .c-button { align-self: center; }
.sales-line-editor .c-select, .sales-line-editor .c-select__control { width: 100%; }
.sales-line-editor__amount { display: grid; gap: var(--space-2); }
.sales-document-total { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-4); padding-top: var(--space-6); }
.sales-danger-note { margin-top: var(--space-6); }
@media (max-width: 1120px) {
  .sales-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-controls { grid-template-columns: minmax(0, 1fr); }
  .sales-line-editor { grid-template-columns: 28px minmax(0, 1fr) 100px 150px; }
  .sales-line-editor__amount { grid-column: 2 / 4; }
  .sales-line-editor > .c-button { grid-column: 4; grid-row: 2; justify-self: end; }
}
@media (max-width: 860px) {
  .sales-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .sales-heading__actions { width: 100%; }
  .sales-heading__actions .c-button { flex: 1 1 0; }
  .sales-document-grid, .sales-history-list, .sales-reconciliation-list { grid-template-columns: minmax(0, 1fr); }
  .sales-contract-card__meta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-items__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sales-items__row > span:first-child, .sales-items__row > span:last-child { grid-column: 1 / -1; }
  .sales-line-editor { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .sales-line-editor__model { grid-column: 2 / -1; }
  .sales-line-editor__amount { grid-column: 2 / -1; }
  .sales-line-editor > .c-button { grid-column: 3; grid-row: 3; }
}
@media (max-width: 700px) {
  .sales-document-card__meta, .sales-contract-card__meta, .sales-history-summary, .sales-form-grid, .sales-terms { grid-template-columns: minmax(0, 1fr); }
  .sales-form-wide { grid-column: auto; }
  .sales-heading__actions, .sales-document-card__actions, .sales-contract-card__actions, .sales-specification__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .sales-heading__actions .c-button, .sales-document-card__actions .c-button, .sales-contract-card__actions .c-button, .sales-specification__actions .c-button { width: 100%; }
  .sales-line-section__heading { display: grid; grid-template-columns: minmax(0, 1fr); }
  .sales-line-section__heading .c-button { width: 100%; }
  .sales-line-editor { grid-template-columns: 28px minmax(0, 1fr); }
  .sales-line-editor__model, .sales-line-editor .c-field, .sales-line-editor__amount, .sales-line-editor > .c-button { grid-column: 2; }
  .sales-line-editor > .c-button { grid-row: auto; width: 100%; }
}
@media (max-width: 420px) {
  .sales-specification__meta strong { width: 100%; margin-left: 0; }
}
.sales-reversal-modal { width: min(720px, calc(100vw - var(--space-8))); }
.sales-reversal-modal :is(.c-modal__header, .c-modal__body, .c-modal__footer) { padding: var(--space-8); }
.sales-reversal-modal .c-modal__footer { display: flex; flex-wrap: wrap; }
.sales-reversal :is(h2, h3, strong, .c-field__label) { font-weight: var(--weight-body); }
.sales-reversal-form { display: grid; gap: var(--space-6); }
.sales-reversal-form p { margin: 0; line-height: 1.55; }
.sales-reversal-summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-4); font-size: var(--type-section); }
.sales-reversal-note, .sales-reversal-stock > div > span:last-child { color: var(--muted); }
.sales-reversal-stock > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); padding: var(--space-4) 0; border-block: 1px solid var(--line); }
.sales-reversal-error { color: var(--danger); }
.sales-reversal-history { display: grid; gap: var(--space-2); padding: var(--space-6); font-weight: var(--weight-body); }
.sales-reversal-history > small { color: var(--muted); }
@media (max-width: 700px) {
  .sales-reversal-modal :is(.c-modal__header, .c-modal__body, .c-modal__footer) { padding: var(--space-5); }
  .sales-reversal-modal .c-modal__footer > button { flex: 1 1 100%; }
}