.modal-layer.order-create-layer { padding: 18px; background: rgba(2, 3, 5, .86); backdrop-filter: blur(14px); }
.modal-layer.order-create-layer .modal-card { width: min(1180px, calc(100vw - 36px)); height: min(860px, calc(100dvh - 36px)); max-height: calc(100dvh - 36px); border-color: #363a40; border-radius: 16px; background: #0b0d10; }
.modal-layer.order-create-layer .modal-head { min-height: 72px; padding: 15px 20px; border-color: #292d32; background: #111317; }
.modal-layer.order-create-layer .modal-head .eyebrow { color: #aeb4bd; }
.modal-layer.order-create-layer .modal-form { padding: 0; overflow: hidden; }
.order-create-workspace { height: 100%; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) 272px; grid-template-rows: minmax(0, 1fr) auto; background: #0b0d10; }
.order-create-main { min-height: 0; display: block; overflow-y: auto; padding: 16px; scrollbar-width: none; }
.order-create-main::-webkit-scrollbar { width: 0; height: 0; }
.order-create-main > * + * { margin-top: 12px; }
.order-create-section,.order-create-more,.order-create-summary { border: 1px solid #2d3136; border-radius: 10px; background: #111317; }
.order-create-section { display: grid; gap: 12px; padding: 14px; }
.order-create-section__title { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 10px; }
.order-create-section__title > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #444a51; border-radius: 8px; background: #171a1f; color: #f5f7fa; font-size: 12px; font-weight: 800; }
.order-create-section__title h3,.order-create-section__title p { margin: 0; }
.order-create-section__title h3 { color: #f5f7fa; font-size: 14px; }
.order-create-section__title p { margin-top: 2px; color: #969da7; font-size: 11px; }
.order-create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.order-create-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.order-create-workspace label { min-width: 0; color: #c7ccd3; font-size: 11px; font-weight: 700; }
.order-create-workspace input,.order-create-workspace select,.order-create-workspace textarea { min-width: 0; min-height: 38px; border-color: #373c42; border-radius: 8px; background: #0a0c0f; color: #f4f6f8; }
.order-create-products { padding: 0; overflow: hidden; }
.order-create-products__head { grid-template-columns: 28px minmax(0, 1fr) auto; padding: 14px; }
.order-create-lines { display: grid; }
.order-create-line { display: grid; grid-template-columns: 28px minmax(170px, 1.4fr) minmax(145px, 1fr) 90px 104px 96px 34px; align-items: end; gap: 8px; padding: 10px 12px; border-top: 1px solid #292d32; }
.order-create-line__index { align-self: center; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; background: #1b1e23; color: #d9dde2; font-size: 11px; font-weight: 800; }
.order-create-line label > span { display: block; min-height: 14px; margin-bottom: 5px; overflow: hidden; color: #8f969f; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.order-create-line__amount { align-self: center; overflow: hidden; color: #f4f6f8; font-size: 12px; font-weight: 800; text-align: right; white-space: nowrap; text-overflow: ellipsis; }
.order-create-line__remove { align-self: center; width: 34px; height: 34px; border-color: #3a3f45; border-radius: 8px; color: #d4d8dd; }
.order-create-delivery { display: grid; }
.order-create-more { overflow: hidden; }
.order-create-more summary { padding: 13px 14px; color: #d9dde2; cursor: pointer; font-size: 12px; font-weight: 800; }
.order-create-more__body { display: grid; gap: 10px; padding: 0 14px 14px; }
.order-create-summary { min-height: 0; margin: 16px 16px 16px 0; padding: 18px; align-self: start; position: sticky; top: 16px; }
.order-create-summary h3 { margin: 4px 0 18px; color: #f7f8fa; font-size: 20px; }
.order-create-summary dl { display: grid; gap: 0; margin: 0; }
.order-create-summary dl > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid #292d32; }
.order-create-summary dt { color: #9da4ad; font-size: 12px; }
.order-create-summary dd { margin: 0; color: #f5f7fa; font-size: 13px; font-weight: 800; }
.order-create-summary__total { margin-top: 4px; }
.order-create-summary__total dd { font-size: 18px; }
.order-create-summary__note { margin-top: 16px; padding: 12px; border: 1px solid #30343a; border-radius: 9px; background: #0c0e11; }
.order-create-summary__note strong { color: #e6e9ed; font-size: 11px; }
.order-create-summary__note p { margin: 6px 0 0; color: #979ea7; font-size: 11px; line-height: 1.45; }
.order-create-actions { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; padding: 12px 16px; border-top: 1px solid #292d32; background: #111317; }
.order-create-actions .button { min-width: 132px; }

@media (max-width: 1100px) {
  .order-create-products__head { grid-template-columns: 28px minmax(0, 1fr); }
  .order-create-products__head .button { grid-column: 1 / -1; width: 100%; }
  .order-create-line { min-width: 0; grid-template-columns: 28px minmax(150px, 1fr) minmax(130px, .8fr) 90px; }
  .order-create-line__remove { grid-column: 4; grid-row: 1; justify-self: end; }
  .order-create-line > label:not(.order-create-line__product):not(.order-create-line__custom) { grid-row: 2; }
  .order-create-line > label:nth-of-type(3) { grid-column: 2; }
  .order-create-line > label:nth-of-type(4) { grid-column: 3; }
  .order-create-line__amount { grid-column: 4; grid-row: 2; }
}

@media (max-width: 900px) {
  .order-create-workspace { display: block; height: auto; min-height: 100%; }
  .order-create-summary { position: static; margin: 0 16px 16px; }
  .order-create-main { overflow: visible; }
  .modal-layer.order-create-layer .modal-form { overflow-y: auto; scrollbar-width: none; }
  .order-create-actions { position: sticky; bottom: 0; z-index: 2; }
}

@media (max-width: 600px) {
  .modal-layer.order-create-layer { padding: 0; }
  .modal-layer.order-create-layer .modal-card { width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
  .modal-layer.order-create-layer .modal-head { min-height: 62px; padding: 12px 14px; }
  .modal-layer.order-create-layer .modal-head h2 { font-size: 17px; }
  .order-create-main { gap: 10px; padding: 10px; }
  .order-create-section { padding: 12px; }
  .order-create-grid,.order-create-grid--three { grid-template-columns: 1fr; }
  .order-create-products { padding: 0; }
  .order-create-products__head { padding: 12px; }
  .order-create-products__head .button { grid-column: 1 / -1; width: 100%; }
  .order-create-line { min-width: 0; grid-template-columns: 28px minmax(0, 1fr) 34px; align-items: end; }
  .order-create-line__product { grid-column: 2; grid-row: 1; }
  .order-create-line__custom { grid-column: 2; grid-row: 2; }
  .order-create-line > label:nth-of-type(3) { grid-column: 2; grid-row: 3; }
  .order-create-line > label:nth-of-type(4) { grid-column: 2; grid-row: 4; }
  .order-create-line__amount { grid-column: 2; grid-row: 5; justify-self: end; }
  .order-create-line__remove { grid-column: 3; grid-row: 1; }
  .order-create-summary { margin: 0 10px 10px; padding: 14px; }
  .order-create-actions { position: sticky; bottom: 0; padding: 10px; }
  .order-create-actions .button { min-width: 0; flex: 1 1 0; }
}