.modal:has(.order-draft-form){width:min(1120px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 26px);padding:26px;overflow:auto}.order-draft-form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(275px,330px)!important;gap:18px!important}.order-draft-main,.order-draft-side{min-width:0;display:grid;align-content:start;gap:14px}.order-draft-card{min-width:0;border:1px solid #e1e7ef;border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 8px rgba(17,32,54,.035)}.order-draft-heading{display:flex;justify-content:space-between;gap:14px;align-items:start;margin-bottom:10px}.order-draft-heading h4{margin:2px 0 0;font-size:17px}.order-draft-card label{display:block;margin:13px 0 0;font-weight:700;font-size:13px}.order-draft-card label input,.order-draft-card label select{width:100%;min-width:0;box-sizing:border-box;padding:11px;margin-top:6px;border:1px solid #dce4ee;border-radius:8px;background:#fff}.order-draft-side .small-button{width:100%;margin-top:12px}.order-variant-picker{max-height:250px;overflow:auto;margin-top:10px}.order-add-variants{width:100%;margin-top:12px!important;min-height:42px}.order-lines-card{overflow:hidden}.order-lines-card .product-meta{max-width:270px;text-align:right}.order-draft-form .selected-order-line{grid-template-columns:minmax(0,1fr) 84px 130px 95px auto!important;min-width:0}.order-draft-form .selected-order-line>div{min-width:0}.order-draft-form .selected-order-line b,.order-draft-form .selected-order-line span{overflow-wrap:anywhere}.order-draft-form .selected-order-line label{min-width:0;margin:0!important}.order-draft-total{background:#f4f8ff;border-color:#cdddf1}.order-draft-total>div{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 8px}.order-draft-total b{font-size:22px;color:#0f4c97}.order-draft-total small{display:block;color:#61708a;line-height:1.45}.order-draft-footer{grid-column:1/-1;position:sticky;bottom:-26px;background:#fff;border-top:1px solid #e1e7ef;padding:14px 0 0;text-align:right}.order-draft-footer .primary{margin:0!important;min-height:46px}@media(max-width:850px){.modal:has(.order-draft-form){width:min(720px,calc(100vw - 20px));padding:18px}.order-draft-form{grid-template-columns:1fr!important}.order-draft-side{grid-template-columns:repeat(2,minmax(0,1fr))}.order-draft-total{grid-column:1/-1}.order-draft-form .selected-order-line{grid-template-columns:minmax(0,1fr) 90px 1fr 100px!important}.order-draft-form .selected-order-line button{grid-column:1/-1;width:100%}}@media(max-width:560px){.modal:has(.order-draft-form){width:100%;max-height:96dvh;padding:16px;border-radius:18px 18px 0 0}.order-draft-heading,.order-draft-side{display:grid;grid-template-columns:1fr}.order-lines-card .product-meta{text-align:left}.order-draft-form .selected-order-line{grid-template-columns:1fr!important}.order-draft-form .selected-order-line label{width:100%}.order-draft-footer{bottom:-16px}.order-draft-footer .primary{width:100%}}
.order-draft-form .order-draft-side{background:transparent;color:var(--ink);padding:0;position:static;flex:none}
.order-position-header,.order-draft-form .selected-order-line{display:grid;grid-template-columns:minmax(190px,1fr) 82px minmax(140px,170px) 72px 112px;gap:12px;align-items:center}.order-position-header{padding:0 12px 9px;color:#61708a;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase}.order-position-list{display:grid;gap:10px}.order-draft-form .selected-order-line{padding:14px 12px;border:1px solid #dfe7f0;border-radius:10px;background:#fff}.order-draft-form .selected-order-line .position-product{display:grid;gap:3px;min-width:0}.position-product b{overflow-wrap:anywhere}.position-product span{color:#61708a;font-size:12px}.position-product .small-button{justify-self:start;margin-top:5px;padding:5px 8px}.position-uvp,.position-total{font-variant-numeric:tabular-nums;white-space:nowrap}.position-total{font-weight:800;color:#0f4c97;text-align:right}.position-discount{display:grid;grid-template-columns:54px minmax(0,1fr);gap:6px}.position-discount select,.position-discount input,.position-quantity input{width:100%;min-width:0;padding:9px 7px;border:1px solid #dce4ee;border-radius:7px;background:#fff}.position-quantity{margin:0!important;min-width:0}.position-quantity input{text-align:center}.position-quantity span{display:none}@media(max-width:850px){.order-position-header,.order-draft-form .selected-order-line{grid-template-columns:minmax(160px,1fr) 76px minmax(125px,150px) 65px 102px;gap:8px;font-size:13px}.position-discount{grid-template-columns:45px minmax(0,1fr)}}@media(max-width:650px){.order-position-header{display:none}.order-draft-form .selected-order-line{grid-template-columns:1fr 1fr!important;gap:10px}.order-draft-form .selected-order-line .position-product{grid-column:1/-1}.position-uvp,.position-discount,.position-quantity,.position-total{display:grid;gap:4px}.position-uvp::before,.position-discount::before,.position-quantity::before,.position-total::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#61708a}.position-total{text-align:left}.position-discount{grid-template-columns:1fr}.position-discount select{width:100%}}
.order-draft-form .selected-order-line{grid-template-columns:minmax(190px,1fr) 82px minmax(140px,170px) 72px 112px!important}@media(max-width:850px){.order-draft-form .selected-order-line{grid-template-columns:minmax(160px,1fr) 76px minmax(125px,150px) 65px 102px!important}}@media(max-width:650px){.order-draft-form .selected-order-line{grid-template-columns:1fr 1fr!important}}
.position-price{margin:0!important;min-width:0}.position-price input{width:100%;min-width:0;padding:9px 7px;border:1px solid #dce4ee;border-radius:7px;background:#fff;font-variant-numeric:tabular-nums}.order-draft-vat{display:block;color:#61708a;margin-top:7px;font-size:12px}@media(max-width:650px){.position-price{display:grid;gap:4px}.position-price::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#61708a}}
.order-position-header,.order-draft-form .selected-order-line{grid-template-columns:minmax(150px,1fr) 84px 64px minmax(120px,145px) 66px 108px!important}.position-tax{margin:0!important;min-width:0}.position-tax select{width:100%;min-width:0;padding:9px 6px;border:1px solid #dce4ee;border-radius:7px;background:#fff}@media(max-width:850px){.order-position-header,.order-draft-form .selected-order-line{grid-template-columns:minmax(130px,1fr) 72px 54px minmax(105px,125px) 58px 88px!important;gap:7px}}@media(max-width:650px){.order-draft-form .selected-order-line{grid-template-columns:1fr 1fr!important}.position-tax{display:grid;gap:4px}.position-tax::before{content:attr(data-label);font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#61708a}}
.order-position-header,.order-draft-form .selected-order-line{grid-template-columns:minmax(135px,1fr) 84px 82px minmax(105px,130px) 66px 108px!important}.position-tax select{padding-right:4px}@media(max-width:850px){.order-position-header,.order-draft-form .selected-order-line{grid-template-columns:minmax(118px,1fr) 70px 76px minmax(94px,110px) 55px 82px!important}}