*{box-sizing:border-box}:root{--teal: #3a78c5;--teal-dark: #2e67ad;--teal-50: #eef5fd;--slate-50: #f2f2f0;--slate-100: #f1f5f9;--slate-200: #dcddd9;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--slate-800: #1e293b;--red: #dc2626;--amber: #b45309}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--slate-50);color:var(--slate-800);-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:15px}.wrap{max-width:1280px;margin:0 auto;padding:0 18px 96px}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.top{background:#fff;border-bottom:1px solid var(--slate-200);position:sticky;top:0;z-index:20}.top-in{max-width:1280px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:10px}.brand{font-weight:700;color:var(--teal-dark);font-size:17px}.who{color:var(--slate-500);font-size:13px;margin-left:auto}.tabs{display:flex;gap:4px;background:var(--slate-100);border-radius:12px;padding:4px;margin:12px 0}.tabs button{flex:1;border:0;background:transparent;padding:9px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--slate-500)}.tabs button.on{background:#fff;color:var(--teal-dark);box-shadow:0 1px 2px #0000000f}.card{background:#fff;border:1px solid var(--slate-200);border-radius:12px;padding:12px;margin-bottom:10px}.row{display:flex;align-items:center;gap:8px}.grow{flex:1;min-width:0}.muted{color:var(--slate-400);font-size:12px}.small{font-size:13px;color:var(--slate-500)}.err{background:#fef2f2;border:1px solid #fecaca;color:var(--red);padding:9px 11px;border-radius:10px;font-size:14px;margin-bottom:10px}.ok{background:var(--teal-50);border:1px solid #99f6e4;color:var(--teal-dark);padding:9px 11px;border-radius:10px;font-size:14px;margin-bottom:10px}.empty{text-align:center;color:var(--slate-400);padding:48px 0;font-size:14px}.inp{width:100%;padding:10px 12px;border:1px solid var(--slate-200);border-radius:10px;outline:none;background:#fff}.inp:focus{border-color:var(--teal)}.inp.sm{padding:7px 8px;font-size:14px}.lbl{display:block;font-size:12px;color:var(--slate-500);margin:0 0 4px}.btn{border:0;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;background:var(--teal);color:#fff}.btn:disabled{opacity:.5}.btn.block{width:100%}.btn.ghost{background:#fff;color:var(--slate-700);border:1px solid var(--slate-200)}.btn.danger{background:#fff;color:var(--red);border:1px solid #fecaca}.btn.sm{padding:7px 12px;font-size:13px}.tag{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid;white-space:nowrap}.t-submitted{background:#fffbeb;color:var(--amber);border-color:#fde68a}.t-confirmed{background:var(--teal-50);color:var(--teal-dark);border-color:#99f6e4}.t-rejected{background:#fef2f2;color:var(--red);border-color:#fecaca}.t-cancelled{background:var(--slate-100);color:var(--slate-500);border-color:var(--slate-200)}.t-gift{background:#fdf2f8;color:#be185d;border-color:#fbcfe8}.t-deal{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.t-out{background:var(--slate-100);color:var(--slate-400);border-color:var(--slate-200)}.prod{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--slate-100)}.prod:last-child{border-bottom:0}.pname{font-size:15px;font-weight:600}.pcode{font-size:12px;color:var(--slate-400);margin-left:6px;font-family:ui-monospace,Menlo,monospace}.line{border:1px solid var(--slate-200);border-radius:12px;padding:10px;margin-bottom:8px;background:#fff}.line-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.line-foot{display:flex;align-items:center;gap:8px;margin-top:8px}.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--slate-200);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:30}.bar-in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:10px}.prog{height:6px;background:var(--slate-100);border-radius:999px;overflow:hidden;margin-top:6px}.prog>i{display:block;height:100%;background:var(--teal)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;border-radius:14px;width:100%;max-width:420px;padding:16px}.catalog-card{margin-bottom:14px}.order-paper{overflow:hidden;padding:0;border-color:#d3d1c9;border-radius:3px;background:#fffefa;box-shadow:0 16px 42px #232a3014}.paper-title{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 16px;border-bottom:1px solid #bab8b1}.paper-title small{color:#989a9b;font-size:9px;font-weight:700;letter-spacing:.18em}.paper-title h1{margin:2px 0 0;color:#282b2e;font-family:Georgia,Songti SC,serif;font-size:32px;font-weight:600;letter-spacing:.06em}.paper-title p{margin:2px 0 0;color:var(--slate-400);font-size:11px}.draft-stamp{display:grid;min-width:76px;min-height:42px;place-items:center;border:1.5px solid #d45c55;color:#cf554f;font-size:15px;font-weight:700;letter-spacing:.16em}.paper-meta{display:grid;grid-template-columns:.9fr 1.6fr .75fr;border-bottom:1px solid #d7d5ce}.paper-meta>*{min-width:0;padding:12px 20px}.paper-meta label span,.paper-meta-stat span{display:block;margin-bottom:2px;color:var(--slate-500);font-size:10px;font-weight:650}.paper-meta input{min-height:32px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent}.paper-meta input:focus{border-bottom-color:var(--teal)}.paper-meta-stat{display:grid;align-content:center}.paper-meta-stat b{font-size:14px;font-variant-numeric:tabular-nums}.order-progress{padding:13px 20px 16px;border-bottom:1px solid #d7d5ce;background:#fffefa}.progress-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.progress-caption b{color:var(--slate-700);font-size:12px}.progress-caption span{color:var(--slate-500);font-size:11px}.order-progress ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.order-progress li{position:relative;display:grid;grid-template-rows:22px auto;align-items:start;gap:5px;min-width:0;color:#a0a3a5;font-size:11px;font-weight:650}.order-progress li>span{position:relative;z-index:1;line-height:1.2;white-space:nowrap}.order-progress li:not(:last-child):after{content:"";position:absolute;z-index:0;top:10px;right:7px;left:28px;height:1px;background:#d6d8da}.order-progress li i{position:relative;z-index:1;display:grid;width:22px;height:22px;place-items:center;border:1px solid #cdd0d2;border-radius:50%;background:#fffefa;font-size:9px;font-style:normal}.order-progress li.done{color:#3f72a9}.order-progress li.done i{border-color:#477aac;color:#fff;background:#477aac}.order-progress li.done:after{background:#8eb0d3}.order-progress li.current{color:var(--teal-dark)}.order-progress li.current i{border-color:var(--teal);box-shadow:inset 0 0 0 4px #e7f0fb}.order-progress.stopped .progress-caption span{color:var(--red)}.order-progress.compact{margin-top:10px;padding:11px 0 4px;border:0;background:transparent}.order-table{width:100%}.order-table-row{display:grid;grid-template-columns:42px minmax(210px,1fr) 92px 78px 82px 108px 178px minmax(150px,.8fr) 38px;align-items:center;min-height:52px;border-bottom:1px solid #d7d5ce}.order-table-row>*{min-width:0;padding:5px 10px}.order-table-row>*+*{border-left:1px solid #e3e1da}.order-table-row.head{min-height:38px;color:var(--slate-500);font-size:11px;font-weight:650}.order-table-row>:nth-child(7){padding-right:26px}.order-table-row.head>:nth-child(7){text-align:right}.order-table-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.order-table-row input,.order-table-row select{min-height:34px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;font-size:14px;font-variant-numeric:tabular-nums}.order-table-row input:focus,.order-table-row select:focus{border-bottom-color:var(--teal)}.line-no{color:#8c9093;font-variant-numeric:tabular-nums}.money-cell{text-align:right;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.inline-status{margin-left:6px;color:#a76518;font-size:10px;font-style:normal}.inline-status.out{color:var(--amber)}.delete-icon{display:grid;width:30px;height:30px;margin:auto;padding:0;place-items:center;border:0;border-radius:50%;color:#9a9ea1;background:transparent;font-size:20px}.delete-icon:hover{color:var(--red);background:#fff0f0}.mobile-order-lines{display:none}.paper-total{display:flex;align-items:center;justify-content:flex-end;gap:54px;padding:16px 24px;border-bottom:1px solid #d7d5ce;font-size:12px}.paper-total b{margin-left:8px;font-size:16px;font-variant-numeric:tabular-nums}.paper-total strong{margin-left:10px;font-size:22px;font-variant-numeric:tabular-nums}.order-note-presets{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px;border-bottom:1px solid #d7d5ce}.order-note-chip{display:inline-flex;overflow:hidden;border:1px solid #d8d9d8;border-radius:999px}.order-note-presets button{min-height:28px;padding:0 9px;border:0;color:var(--slate-500);background:#fff;font-size:10px}.order-note-chip:hover{border-color:#9fb9d5}.order-note-presets button:hover{color:var(--teal-dark)}.order-note-presets .remove-note{padding-left:2px;color:#a0a3a7}.order-note-presets .remove-note:hover{color:var(--red)}.order-note-presets .add-note{border:1px dashed #aebdcb;border-radius:999px;color:#5079a2}.order-note-editor{display:grid;grid-template-columns:minmax(180px,360px) auto auto;gap:7px;padding:0 20px 10px}.order-note-editor input{min-height:34px;padding:0 9px;border:1px solid #ccd2d8;border-radius:6px}.order-note-editor button{border:0;border-radius:6px;color:#fff;background:var(--teal)}.order-note-editor .cancel{color:var(--slate-600);background:#eceeef}.paper-stamps{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d7d5ce}.paper-stamps>div{display:grid;min-height:88px;align-content:center;justify-items:center;gap:5px;padding:10px}.paper-stamps>div+div{border-left:1px solid #d7d5ce}.paper-stamps>div>span{color:var(--slate-500);font-size:10px}.paper-stamps small{color:var(--slate-400);font-size:9px}.stamp{display:grid;min-width:106px;min-height:40px;place-items:center;border:2px solid currentColor;border-radius:2px 4px 2px 3px;color:#a1a4a6;box-shadow:0 0 0 1px #50586014;font-size:12px;letter-spacing:.1em;transform:rotate(-.45deg)}.stamp.done{border-color:#477aac;color:#477aac}.stamp.waiting{border-color:#b58a4b;color:#9d6e28}.paper-note{padding:9px 20px;color:var(--slate-400);font-size:10px;text-align:right}.clear-order{margin:0 20px 16px auto;border:0;color:var(--slate-500);background:transparent;font-size:11px}.clear-order:hover{color:var(--red)}.bar-count{margin-left:8px;color:var(--slate-400);font-size:11px;font-weight:500}@media (max-width: 820px){.wrap,.top-in{padding-right:12px;padding-left:12px}.paper-title{display:none}.paper-meta{grid-template-columns:1fr 1.25fr}.paper-meta-stat,.order-table{display:none}.mobile-order-lines{display:grid;gap:8px;padding:8px;background:#f4f4f2}.order-paper{overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent}.order-paper>.order-progress{background:#fff}.line{margin:0;padding:10px 12px;border-color:#d9d9d6;border-radius:12px}.line-title{margin-bottom:7px}.line-index{display:grid;width:26px;height:26px;place-items:center;border:1px solid #bfd0e3;border-radius:7px;color:#52799f;background:#f3f7fb;font-size:11px;font-variant-numeric:tabular-nums}.mobile-field-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mobile-field-grid label,.line-foot label{min-width:0}.mobile-field-grid label span,.line-foot label span{display:block;margin-bottom:1px;color:var(--slate-500);font-size:9px;font-weight:650}.mobile-field-grid input,.mobile-field-grid select,.line-foot input{min-height:32px;padding:0;border:0;border-bottom:1px solid transparent;border-radius:0;background:#fff;font-size:14px;font-variant-numeric:tabular-nums}.mobile-field-grid input:focus,.mobile-field-grid select:focus,.line-foot input:focus{border-bottom-color:var(--teal)}.line-foot{align-items:end;margin-top:6px}.line-amount{display:grid;min-width:100px;justify-items:end}.line-amount small{color:var(--slate-500);font-size:9px}.line-amount b{font-size:15px;font-variant-numeric:tabular-nums}.paper-total{justify-content:space-between;gap:12px;padding:13px 14px;background:#fff}.paper-total strong{font-size:18px}.paper-stamps,.paper-note,.clear-order{display:none}}@media (max-width: 520px){.wrap{padding:0 8px 96px}.who{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-in .btn{padding:6px 8px}.tabs{margin:8px 0}.catalog-card{padding:9px}.prod{padding:9px 2px}.paper-meta{grid-template-columns:1fr 1.35fr}.paper-meta>*{padding:9px 12px}.order-progress{padding:10px 12px 12px}.order-progress li{grid-template-columns:21px 1fr;gap:4px}.order-progress li i{width:21px;height:21px}.order-progress li span{display:none}.order-progress li:not(:last-child):after{top:10px;left:26px;right:4px}.progress-caption{margin-bottom:8px}.mobile-field-grid{gap:6px}.mobile-field-grid input,.mobile-field-grid select{font-size:13px}.paper-total span{font-size:10px}.paper-total b{margin-left:2px;font-size:14px}.paper-total strong{margin-left:3px;font-size:17px}.bar{padding-right:8px;padding-left:8px}}.paper-meta .ro{min-height:32px;display:flex;align-items:center;font-weight:600;font-size:14px}.savemsg{font-size:11px;color:var(--slate-400);white-space:nowrap}.savemsg.bad{color:var(--red)}.pick-launch{display:flex;align-items:center;gap:10px;padding:0 20px;min-height:46px;border-bottom:1px solid #d7d5ce}.pick-launch b{font-size:14px}.pick-launch .muted{font-size:11px}.btn.pick-btn{background:#eaf1fb;color:#2f57c9;border:0;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600}.btn.pick-btn:hover{background:#dfe9fa}.mask{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:560px;max-height:86vh;display:flex;flex-direction:column}.modal.sm{max-width:420px}@media (min-width: 700px){.mask{align-items:center;padding:24px}.modal{border-radius:16px;max-height:80vh}}.modal-title{font-size:18px;font-weight:700}.modal-sub{font-size:13px;color:var(--slate-500);margin-top:2px}.modal-body{overflow-y:auto;flex:1;min-height:0;margin-top:10px}.modal-foot{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--slate-100);margin-top:10px}.mclose{width:34px;height:34px;border-radius:999px;border:0;background:var(--slate-100);color:var(--slate-500);font-size:17px;flex:none}.mtabs{display:flex;gap:4px;background:var(--slate-100);border-radius:10px;padding:4px;margin-top:10px}.mtabs button{flex:1;border:0;background:transparent;padding:8px;border-radius:8px;font-size:14px;font-weight:600;color:var(--slate-500)}.mtabs button.on{background:#fff;color:var(--teal-dark);box-shadow:0 1px 2px #0000000f}.pick{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--slate-100);cursor:pointer}.pick:last-child{border-bottom:0}.pick input[type=checkbox]{width:20px;height:20px;accent-color:var(--teal);flex:none}.pick.dim{opacity:.5;cursor:default}.t-draft{background:#fff;color:var(--red);border-color:#fca5a5}.order-paper>.order-progress,.order-paper>.pick-launch{padding-left:24px;padding-right:24px}.order-table{padding:0 14px}.paper-title,.paper-meta>*{padding-left:24px;padding-right:24px}.paper-meta>*+*{border-left:1px solid #d7d5ce}.paper-total,.order-note-presets{padding-left:24px;padding-right:24px}.paper-stamps{padding:0 14px}.paper-note{padding-right:24px}.clear-order{margin-right:24px}@media (min-width: 900px){.wrap{padding-left:28px;padding-right:28px}}.order-table-row>:nth-child(3),.order-table-row>:nth-child(5){padding-right:16px;text-align:right}.order-table-row.head>:nth-child(3),.order-table-row.head>:nth-child(5){text-align:right}.order-table-row>:nth-child(4){padding-right:14px}.order-table-row select{min-width:56px}@media (max-width: 820px){.order-paper>.order-progress{padding-left:14px;padding-right:14px}.order-paper>.pick-launch{padding-left:14px;padding-right:14px}.paper-meta>*{padding-left:14px;padding-right:14px}.order-note-presets{padding-left:12px;padding-right:12px}.paper-total{padding-left:14px;padding-right:14px}.mobile-order-lines{padding:8px 4px}.pick-launch{flex-wrap:wrap;row-gap:6px;min-height:0;padding-top:10px;padding-bottom:10px}.pick-launch .btn.pick-btn{margin-left:auto}.mobile-field-grid>label:nth-child(3) input,.mobile-field-grid>label:nth-child(4) input{text-align:right}.mobile-field-grid>label:nth-child(4) input{color:var(--slate-700)}}.app-shell{display:flex;min-height:100vh}.rail{display:none}.app-main{flex:1;min-width:0}.desk-who{display:none}@media (min-width: 820px){.top,.tabs{display:none}.desk-who{display:flex;justify-content:flex-end;padding:12px 0 4px}.rail{display:flex;flex-direction:column;align-items:center;width:84px;flex:none;gap:4px;padding:14px 6px;background:#fff;border-right:1px solid var(--slate-200);position:sticky;top:0;height:100vh}.rail-brand{width:46px;height:46px;border-radius:12px;background:var(--teal);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.rail button{width:70px;border:0;background:transparent;border-radius:10px;padding:10px 0 8px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--slate-500);font-size:12px}.rail button svg{width:21px;height:21px}.rail button:hover{background:var(--slate-100)}.rail button.on{background:var(--teal-50);color:var(--teal-dark);font-weight:700}.rail-gap{flex:1}.wrap{padding-top:8px}.bar{left:84px}}.order-progress{padding-top:10px;padding-bottom:10px}.order-progress.compact{padding-top:8px;padding-bottom:4px}.progress-caption{margin-bottom:7px}.order-progress li{grid-template-rows:20px auto;gap:3px}.order-progress li i{width:20px;height:20px}.order-progress li:not(:last-child):after{top:9px}.clear-order{color:var(--red)}.clear-order:hover{color:#b91c1c;text-decoration:underline}@media (max-width: 820px){.mobile-field-grid>label:nth-child(3) input,.mobile-field-grid>label:nth-child(4) input{text-align:left;color:inherit}.mobile-field-grid input{min-width:0}}.order-table-row input,.order-table-row select{width:100%;min-width:0}@media (max-width: 820px){.mobile-field-grid input,.mobile-field-grid select,.line-foot input{width:100%;min-width:0;box-sizing:border-box}.mobile-field-grid>label{min-width:0;overflow:hidden}html,body{overflow-x:hidden;max-width:100%}.wrap,.order-paper,.mobile-order-lines,.line{max-width:100%}}@media (max-width: 820px){.paper-total{display:none}}@media (max-width: 820px){.mobile-field-grid{align-items:start}.mobile-field-grid>label{display:flex;flex-direction:column}.mobile-field-grid>label>span{height:13px;line-height:13px;margin-bottom:4px}.mobile-field-grid input,.mobile-field-grid select{height:36px;min-height:36px;line-height:1.1;padding:0 2px;vertical-align:middle}}@media (max-width: 820px){.bar{padding-left:14px;padding-right:14px}.bar-in{flex-wrap:wrap;row-gap:8px}.bar-in>.grow{flex:1 1 100%}.bar-in>.btn{flex:1 1 0}}@media (max-width: 820px){html,body{overflow-x:clip}}@media (max-width: 820px){.wrap{padding-bottom:calc(140px + env(safe-area-inset-bottom))}}@media (min-width: 820px){.desk-who{padding-right:24px}}@media (min-width: 820px){.paper-total{display:grid;grid-template-columns:42px minmax(210px,1fr) 92px 78px 82px 108px 178px minmax(150px,.8fr) 38px;gap:0;padding:14px;align-items:baseline}.paper-total>span:nth-child(1){grid-column:1 / 6;text-align:right;padding-right:16px}.paper-total>span:nth-child(2){grid-column:6 / 8;text-align:right;padding-right:26px}}@media (min-width: 820px){.clear-order{margin-left:24px}}@media (min-width: 820px){.bar-in>.grow{display:none}}@media (min-width: 820px){.bar-in{justify-content:flex-end;gap:12px}.bar-in>.btn{padding:11px 20px}.bar-in>.btn:last-child{min-width:240px}}@media (min-width: 820px){.paper-total strong{font-size:16px}}@media (min-width: 820px){.paper-meta{grid-template-columns:1.15fr 1fr .85fr}}@media (max-width: 820px){.paper-meta-date{grid-column:1 / -1;border-left:0;border-top:1px solid #d7d5ce}}@media (min-width: 820px){.wrap{margin-left:0;margin-right:auto}.bar{padding-left:0;padding-right:0}.bar-in{max-width:1280px;margin:0 auto 0 0;padding:0 28px}}@media (min-width: 820px){.paper-meta{grid-template-columns:.85fr 1.3fr 1fr .85fr}}@media (max-width: 820px){.paper-meta-date{grid-column:auto}.paper-meta>*{border-left:0;border-top:0}.paper-meta>*:nth-child(2n){border-left:1px solid #d7d5ce}.paper-meta>*:nth-child(n+3){border-top:1px solid #d7d5ce}}.order-note-input-wrap{padding:0 24px 12px}.order-note-input{width:100%;min-height:52px;resize:vertical;padding:8px 10px;border:1px solid #d8d9d8;border-radius:8px;font-family:inherit;font-size:13px;line-height:1.5;color:var(--slate-700);background:#fff;outline:none;box-sizing:border-box}.order-note-input:focus{border-color:var(--teal)}@media (max-width: 820px){.order-note-input-wrap{padding:0 14px 12px}}.pick.pick-all{background:var(--teal-50);border-radius:8px;border-bottom:0;margin-top:8px}.pick.pick-all b{font-size:14px;color:var(--teal-dark)}.order-table-row input.gift-price{text-align:right;color:var(--teal-dark)}.order-table-row input.gift-price::placeholder{color:var(--slate-400);font-weight:400}.oi-row{display:grid;padding:6px 0;border-bottom:1px solid var(--slate-100);align-items:baseline;column-gap:12px}.oi-row{grid-template-columns:1fr auto;grid-template-areas:"name amt" "qty price"}.oi-name{grid-area:name}.oi-qty{grid-area:qty}.oi-price{grid-area:price;text-align:right}.oi-amt{grid-area:amt;text-align:right}@media (min-width: 820px){.oi-row{grid-template-columns:1fr auto auto minmax(110px,auto);grid-template-areas:"name qty price amt"}.oi-qty{text-align:right}}.order-progress ol{grid-template-columns:repeat(5,1fr)}@media (max-width: 820px){.order-progress li{font-size:10px}.order-progress li i{width:18px;height:18px;font-size:10px}.order-progress li{grid-template-rows:18px auto;gap:4px}.order-progress li:not(:last-child):after{top:8px;left:24px;right:5px}}@media (min-width: 820px){.oi-row{grid-template-columns:1fr 170px 130px 150px;column-gap:18px}.oi-qty,.oi-price,.oi-amt{font-variant-numeric:tabular-nums;white-space:nowrap}.oi-price{font-size:12px}.oi-amt{font-weight:600}}@media (max-width: 819.98px){.oi-amt{font-weight:600}}