.ecommerce-purchase-create__section { border-top: 1px solid #e9ecef; margin-top: 1.5rem; padding-top: 1.5rem; }
.ecommerce-purchase-create__section--first { border-top: 0; margin-top: 0; padding-top: 0; }
.ecommerce-purchase-create__section-header { margin-bottom: 1rem; }
.ecommerce-purchase-create__section-header--action { align-items: flex-start; display: flex; gap: 1rem; justify-content: space-between; }
.ecommerce-purchase-create__section-header h5 { color: #25324b; font-size: 1rem; margin: 0 0 .2rem; }
.ecommerce-purchase-create__section-header p { color: #6c757d; font-size: .83rem; margin: 0; }
.ecommerce-purchase-create__empty { align-items: center; background: #f8f9fc; border: 1px dashed #cfd7e6; border-radius: .5rem; color: #6c757d; display: flex; gap: .8rem; padding: 1rem; }
.ecommerce-purchase-create__empty > i { color: #435ebe; font-size: 1.35rem; }
.ecommerce-purchase-create__empty div { display: grid; gap: .15rem; }
.ecommerce-purchase-create__empty strong { color: #25324b; font-size: .88rem; }
.ecommerce-purchase-create__empty span { font-size: .78rem; }
.ecommerce-purchase-create__items { display: grid; gap: .7rem; }
.ecommerce-purchase-create__item { align-items: end; border: 1px solid #e4e8ef; border-radius: .5rem; display: grid; gap: .8rem; grid-template-columns: minmax(0, 1fr) 88px minmax(142px, .75fr) 105px 36px; padding: .7rem; }
.ecommerce-purchase-create__product { align-items: center; display: flex; gap: .7rem; min-width: 0; padding-bottom: .1rem; }
.ecommerce-purchase-create__product img, .ecommerce-purchase-create__results article > img { border-radius: .4rem; height: 42px; object-fit: cover; width: 42px; }
.ecommerce-purchase-create__product-placeholder { align-items: center; background: #edf1ff; border-radius: .4rem; color: #435ebe; display: inline-flex; flex: 0 0 42px; height: 42px; justify-content: center; width: 42px; }
.ecommerce-purchase-create__product div { display: grid; min-width: 0; }
.ecommerce-purchase-create__product strong, .ecommerce-purchase-create__results strong { color: #25324b; font-size: .86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-purchase-create__product small, .ecommerce-purchase-create__results small { color: #6c757d; font-size: .75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-purchase-create__product .ecommerce-purchase-create__product-status { color: #9a6700; }
.ecommerce-purchase-create__quantity, .ecommerce-purchase-create__cost { display: grid; gap: .3rem; margin: 0; }
.ecommerce-purchase-create__quantity > span, .ecommerce-purchase-create__cost > span:first-child { color: #617087; font-size: .72rem; font-weight: 700; }
.ecommerce-purchase-create__item-total { color: #25324b; font-size: .88rem; padding: .56rem 0; text-align: right; white-space: nowrap; }
.ecommerce-purchase-create__remove { align-items: center; display: inline-flex; height: 34px; justify-content: center; margin-bottom: .15rem; padding: 0; width: 34px; }
.ecommerce-purchase-create__summary-card { position: sticky; top: 110px; }
.ecommerce-purchase-create__summary-row { align-items: center; border-bottom: 1px solid #edf0f4; color: #64748b; display: flex; font-size: .82rem; justify-content: space-between; padding: .7rem 0; }
.ecommerce-purchase-create__summary-row strong { color: #25324b; }
.ecommerce-purchase-create__notice { align-items: flex-start; background: #f7f9fd; border: 1px solid #e1e7f2; border-radius: .45rem; color: #64748b; display: flex; font-size: .75rem; gap: .5rem; line-height: 1.4; margin-top: 1rem; padding: .7rem; }
.ecommerce-purchase-create__notice i { color: #435ebe; }
.ecommerce-purchase-create__total { background: #eef2ff; border: 1px solid #dce4ff; border-radius: .5rem; display: grid; gap: .15rem; margin-top: 1.5rem; padding: .9rem; }
.ecommerce-purchase-create__total span { color: #526176; font-size: .8rem; font-weight: 700; }
.ecommerce-purchase-create__total strong { color: #435ebe; font-size: 1.35rem; }
.ecommerce-purchase-create__total small { color: #6c757d; font-size: .72rem; }
.ecommerce-purchase-create__picker-backdrop { align-items: center; background: rgba(31, 41, 55, .48); display: flex; inset: 0; justify-content: center; padding: 1rem; position: fixed; z-index: 1100; }
.ecommerce-purchase-create__picker { background: #fff; border-radius: .55rem; box-shadow: 0 22px 60px rgba(15, 23, 42, .28); max-height: calc(100vh - 2rem); overflow: auto; width: min(680px, 100%); }
.ecommerce-purchase-create__picker-header { align-items: flex-start; border-bottom: 1px solid #e9ecef; display: flex; gap: 1rem; justify-content: space-between; padding: 1rem 1.25rem; }
.ecommerce-purchase-create__picker-header h4 { color: #25324b; font-size: 1.05rem; margin: 0 0 .2rem; }
.ecommerce-purchase-create__picker-header p { color: #6c757d; font-size: .8rem; margin: 0; }
.ecommerce-purchase-create__picker-body { padding: 1.25rem; }
.ecommerce-purchase-create__picker-state { align-items: center; color: #6c757d; display: flex; font-size: .82rem; gap: .55rem; justify-content: center; min-height: 110px; text-align: center; }
.ecommerce-purchase-create__results { display: grid; gap: .65rem; margin-top: 1rem; }
.ecommerce-purchase-create__results article { align-items: center; border: 1px solid #e4e8ef; border-radius: .5rem; display: grid; gap: .75rem; grid-template-columns: 42px minmax(0, 1fr) auto; padding: .65rem; }
.ecommerce-purchase-create__results article > div { display: grid; min-width: 0; }
.ecommerce-purchase-create__picker-empty { align-items: center; color: #6c757d; display: grid; justify-items: center; min-height: 110px; text-align: center; }
.ecommerce-purchase-create__picker-empty i { color: #435ebe; font-size: 1.25rem; margin-bottom: .25rem; }
.ecommerce-purchase-create__picker-empty strong { color: #25324b; font-size: .86rem; }
.ecommerce-purchase-create__picker-empty span { font-size: .76rem; }
.ecommerce-purchase-create__product-picker-actions > .input-group { min-width: 0; }
.ecommerce-purchase-create__quick-product { width: min(560px, 100%); }
.ecommerce-purchase-create__quick-product-note { align-items: flex-start; background: #f7f9fd; border: 1px solid #e1e7f2; border-radius: .45rem; color: #64748b; display: flex; font-size: .75rem; gap: .5rem; line-height: 1.4; padding: .7rem; }
.ecommerce-purchase-create__quick-product-note i { color: #435ebe; }
.ecommerce-purchase-create__supplier-picker { width: min(620px, 100%); }
.ecommerce-purchase-create__supplier-picker-actions > .input-group { min-width: 0; }
.ecommerce-purchase-create__supplier-results { display: grid; gap: .65rem; margin-top: 1rem; }
.ecommerce-purchase-create__supplier-results button { background: #fff; border: 1px solid #e4e8ef; border-radius: .5rem; color: #25324b; display: grid; gap: .2rem; padding: .75rem; text-align: left; transition: border-color .15s ease, box-shadow .15s ease; width: 100%; }
.ecommerce-purchase-create__supplier-results button:hover, .ecommerce-purchase-create__supplier-results button:focus-visible { border-color: #435ebe; box-shadow: 0 0 0 .2rem rgba(67, 94, 190, .14); outline: 0; }
.ecommerce-purchase-create__supplier-results strong { font-size: .88rem; }
.ecommerce-purchase-create__supplier-results span { color: #6c757d; font-size: .76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ecommerce-purchase-create__supplier-create { width: min(480px, 100%); }
.ecommerce-purchase-create__picker-footer { border-top: 1px solid #e9ecef; display: flex; gap: .6rem; justify-content: flex-end; padding: 1rem 1.25rem; }

@media (max-width: 1199.98px) { .ecommerce-purchase-create__summary-card { position: static; } }
@media (max-width: 767.98px) {
  .ecommerce-purchase-create__item { grid-template-columns: minmax(0, 1fr) 88px 36px; }
  .ecommerce-purchase-create__cost { grid-column: 1 / span 2; }
  .ecommerce-purchase-create__item-total { grid-column: 1 / span 2; padding: 0; text-align: left; }
  .ecommerce-purchase-create__remove { grid-column: 3; grid-row: 1 / span 3; }
}
@media (max-width: 575.98px) {
  .ecommerce-purchase-create__section-header--action { align-items: stretch; flex-direction: column; }
  .ecommerce-purchase-create__section-header--action .btn { align-self: flex-start; }
  .ecommerce-purchase-create__item { grid-template-columns: minmax(0, 1fr) 36px; }
  .ecommerce-purchase-create__quantity, .ecommerce-purchase-create__cost, .ecommerce-purchase-create__item-total { grid-column: 1; }
  .ecommerce-purchase-create__remove { grid-column: 2; grid-row: 1 / span 4; }
  .ecommerce-purchase-create__results article { grid-template-columns: 42px minmax(0, 1fr); }
  .ecommerce-purchase-create__results article > .btn { grid-column: 1 / span 2; justify-self: start; }
  .ecommerce-purchase-create__product-picker-actions { align-items: stretch; flex-direction: column; }
  .ecommerce-purchase-create__product-picker-actions .btn { align-self: flex-start; }
  .ecommerce-purchase-create__supplier-picker-actions { align-items: stretch; flex-direction: column; }
  .ecommerce-purchase-create__supplier-picker-actions .btn { align-self: flex-start; }
}