/* Styles for src/pages/sales-form.js and nothing else. */

.sales-form__toolbar { display: flex; flex-wrap: wrap; gap: 1px; align-items: center; }
.sales-form__toolbar > button { min-height: 22px; padding: 1px 8px; border-color: transparent; background: none; }
.sales-form__toolbar > button:hover { background: var(--c-menu-hover); border-color: var(--c-menu-hover-border); }

.sales-form__status { display: flex; gap: var(--s-3); flex-wrap: wrap; margin-bottom: var(--s-2); }

.sales-form__qty { width: 70px; flex: 0 0 auto; }
.sales-form__matrix { margin-top: var(--s-3); }
.sales-form__matrix .form-actions { margin-top: var(--s-2); }

.sales-form__history { list-style: none; padding: 0; margin: 0; }
.sales-form__history li { padding: 3px 0; border-bottom: 1px solid var(--c-etched); }
.sales-form__history li:last-child { border-bottom: none; }

.sales-form .section-title { margin-top: 0; }
.sales-form .field label { display: inline-flex; align-items: center; margin-right: var(--s-3); }