#crm-product-list-screen .crm-product-browser-head > div { display: flex; align-items: center; gap: 12px; }
#crm-product-list-screen #crm-product-order-button { min-height: 34px; padding: 0 11px; border: 1px solid #d9dfe7; border-radius: 8px; color: #303742; background: #fff; font-size: 11px; font-weight: 800; cursor: pointer; }
#crm-product-list-screen #crm-product-order-button:hover { border-color: #df1f2d; color: #be1b28; }
#crm-product-list-screen #crm-product-order-button:focus-visible,
#crm-product-list-screen .crm-model-order-editor button:focus-visible { outline: 2px solid #df1f2d; outline-offset: 2px; }
#crm-product-list-screen .crm-model-order-editor { grid-column: 1 / -1; min-width: 0; border: 1px solid #dce1e7; border-radius: 13px; background: #fff; }
#crm-product-list-screen .crm-model-order-editor > header { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 17px; border-bottom: 1px solid #e7eaf0; background: #fff; }
#crm-product-list-screen .crm-model-order-editor > header b { font-size: 16px; }
#crm-product-list-screen .crm-model-order-editor > header p { margin: 4px 0 0; color: #717987; font-size: 11px; }
#crm-product-list-screen .crm-model-order-editor > header > div:last-child { display: flex; gap: 8px; }
#crm-product-list-screen .crm-model-order-editor button { min-height: 34px; padding: 0 11px; border: 1px solid #d9dfe7; border-radius: 8px; color: #303742; background: #fff; font-size: 11px; font-weight: 800; cursor: pointer; }
#crm-product-list-screen .crm-model-order-editor button.is-primary { border-color: #df1f2d; color: #fff; background: #df1f2d; }
#crm-product-list-screen .crm-model-order-editor button:disabled { opacity: .35; cursor: not-allowed; }
#crm-product-list-screen .crm-model-order-list { max-height: min(65vh, 680px); overflow: auto; }
#crm-product-list-screen .crm-model-order-list article { display: grid; grid-template-columns: 32px minmax(0, 1fr) 90px 35px 35px; align-items: center; gap: 9px; min-height: 57px; padding: 8px 16px; border-top: 1px solid #eef0f3; }
#crm-product-list-screen .crm-model-order-list article:first-child { border-top: 0; }
#crm-product-list-screen .crm-model-order-list article > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
#crm-product-list-screen .crm-model-order-number { color: #cb2330; font-size: 13px; font-weight: 900; font-variant-numeric: tabular-nums; }
#crm-product-list-screen .crm-model-order-count { color: #8a919c; font-size: 10px; text-align: right; }
#crm-product-list-screen .crm-model-order-list button { width: 35px; padding: 0; font-size: 17px; }
@media (max-width: 680px) {
  #crm-product-list-screen .crm-model-order-editor > header { align-items: stretch; flex-direction: column; }
  #crm-product-list-screen .crm-model-order-editor > header > div:last-child { justify-content: flex-end; }
  #crm-product-list-screen .crm-model-order-list article { grid-template-columns: 24px minmax(0, 1fr) 35px 35px; padding-inline: 10px; }
  #crm-product-list-screen .crm-model-order-count { display: none; }
}