*{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{min-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}.brand-logo{display:flex;flex:none;align-items:center}.brand-logo img{display:block;width:94px;height:auto}.who{color:var(--slate-500);font-size:13px;margin-left:auto}.login-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px}.login-logo img{display:block;width:158px;height:auto}.login-logo span{color:var(--slate-700);font-size:18px;font-weight:700;white-space:nowrap}.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}.tabs button{position:relative}.primary-tabs{border:1px solid #dce4ee;background:#fff;box-shadow:0 3px 12px #0f2d500f}.primary-tabs button{display:flex;min-width:0;min-height:46px;align-items:center;justify-content:center;gap:6px}.primary-tabs button svg{width:19px;height:19px;flex:none}.primary-tabs button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.primary-tabs button.on{color:#fff;background:var(--teal);box-shadow:0 3px 9px #3a78c53d}.tab-badge,.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;color:#fff;background:#ef4444;font-size:10px;font-style:normal;font-weight:750;line-height:1}.tab-badge{margin-left:7px;vertical-align:1px}.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}.search-input{position:relative;min-width:0}.search-input .inp{display:block;padding-right:42px}.search-clear{position:absolute;top:50%;right:6px;display:grid;width:32px;height:32px;padding:0;place-items:center;transform:translateY(-50%);border:0;color:var(--slate-400);background:transparent;font-size:22px;font-weight:400;line-height:1}.search-clear:hover{color:var(--slate-700)}.search-clear:focus-visible{outline:2px solid var(--teal);outline-offset:-3px;border-radius:50%}@media (max-width: 520px){.search-input .inp{font-size:16px}}.lbl{display:block;font-size:12px;color:var(--slate-500);margin:0 0 4px}.password-field{position:relative}.password-field .inp{padding-right:46px}.password-toggle{position:absolute;top:50%;right:6px;display:grid;width:36px;height:36px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:9px;color:var(--slate-500);background:transparent}.password-toggle:hover{color:var(--teal-dark);background:var(--teal-50)}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.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-new{background:#fff7ed;color:#c2410c;border-color:#fdba74;font-weight:700}.t-message{background:#eff6ff;color:#1d4ed8;border-color:#93c5fd;font-weight:700}.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}.bar-spacer,.order-page-slot{display:none}.order-page-slot.active{display:block}.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;position:relative;overflow:hidden;border:3px double currentColor;border-radius:3px 5px 2px 4px;color:#a1a4a6;background:repeating-linear-gradient(8deg,transparent 0 3px,color-mix(in srgb,currentColor 4%,transparent) 3px 4px),color-mix(in srgb,currentColor 2%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent),inset 0 0 7px color-mix(in srgb,currentColor 8%,transparent),0 0 0 1px #5058600f;font-size:12px;font-weight:750;letter-spacing:.1em;text-shadow:.35px .25px 0 currentColor;transform:rotate(-.6deg);opacity:.93}.paper-stamps>div:nth-child(2) .stamp{transform:rotate(.45deg)}.paper-stamps>div:nth-child(3) .stamp{transform:rotate(-.25deg)}.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{display:none}.clear-order{display:block;width:calc(100% - 12px);margin:10px 6px 6px;padding:10px 12px;border:1px solid #fecaca;border-radius:10px;color:var(--red);background:#fff;font-size:13px;font-weight:600}}@media (max-width: 520px){.wrap{padding-right:12px;padding-left:12px}.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:12px;padding-left:12px}}.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}@media (min-width: 820px){.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;align-items:center;justify-content:flex-end;gap:8px;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-brand{background:#f4f8fc;box-shadow:inset 0 0 0 1px #08275c06}.rail-brand img{display:block;width:35px;height:auto;transform:translateY(-.25px)}.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 button{position:relative}.nav-badge{position:absolute;top:5px;right:10px;box-shadow:0 0 0 2px #fff}.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: 520px){.mobile-order-lines{gap:10px;padding:10px 0;background:transparent}.line{width:calc(100% - 12px);margin-right:6px;margin-left:6px;padding:12px;border-radius:13px;box-shadow:0 1px 2px #1e293b0a}.pick-launch{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;padding:12px 6px}.pick-launch .grow{display:none}.pick-launch .savemsg{grid-column:1 / -1}.pick-launch .btn.pick-btn{grid-column:1 / -1;width:100%;min-height:40px;margin:3px 0 0}.bar-in{column-gap:8px}.bar-in>.btn{min-width:0;padding-right:8px;padding-left:8px;white-space:nowrap}.bar-spacer{display:block;height:calc(150px + env(safe-area-inset-bottom))}}@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}.order-detail{margin-top:12px;padding-top:14px;border-top:1px solid var(--slate-100)}.order-search-panel{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px;align-items:center;margin-bottom:12px;padding:10px;border:1px solid var(--slate-100);border-radius:12px;background:#fff}.push-settings{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:9px 11px;border:1px solid var(--slate-200);border-radius:11px;background:#fff}.push-settings.enabled{border-color:#a7dfd7;background:#f0fdfa}.push-settings b{display:block;color:var(--slate-700);font-size:12px}.push-settings small{display:block;margin-top:1px;color:var(--slate-400);font-size:10px}.push-bell{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:#fff;background:var(--teal);font-size:11px}.push-compact{position:relative;flex:none}.push-compact-trigger{position:relative;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid var(--slate-200);border-radius:10px;color:var(--slate-500);background:#fff}.push-compact-trigger:hover{color:var(--teal-dark);background:var(--teal-50)}.push-compact-trigger.enabled{color:var(--teal-dark);border-color:#a7dfd7;background:#f0fdfa}.push-compact-trigger svg{width:18px;height:18px}.push-compact-trigger i{position:absolute;top:5px;right:5px;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background:var(--slate-300)}.push-compact-trigger.enabled i{background:#16a394}.push-compact-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:240px;padding:12px;border:1px solid var(--slate-200);border-radius:12px;background:#fff;box-shadow:0 12px 30px #0f172a29}.push-compact-menu b{display:block;color:var(--slate-700);font-size:13px}.push-compact-menu small{display:block;margin-top:3px;color:var(--slate-400);font-size:11px;line-height:1.45}.push-compact-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.push-compact-actions .btn{min-width:64px}.order-search-panel>.order-main-search{grid-row:1 / span 2}.order-scope-row{display:flex;align-items:center;justify-content:flex-end;gap:7px}.order-date-selects{display:flex;align-items:center;gap:5px;padding:2px;border:1px solid transparent;border-radius:8px}.order-date-selects.on{border-color:#9cc5f1;background:var(--teal-50)}.order-date-selects .inp{width:auto;min-width:78px;min-height:30px;padding:4px 24px 4px 8px;font-size:12px}.order-date-selects .inp:first-child{min-width:96px}.order-filter-chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.order-filter-chips button{border:1px solid var(--slate-200);border-radius:999px;padding:5px 9px;color:var(--slate-500);background:#fff;font-size:11px}.order-filter-chips button.on{border-color:#9cc5f1;color:var(--teal-dark);background:var(--teal-50);font-weight:700}.order-file-actions{flex-wrap:wrap}.order-detail-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--slate-100);border-radius:9px;color:var(--slate-700);background:var(--slate-50);font-size:12px}.order-detail-meta span{display:flex;gap:8px}.order-chat{margin-top:12px;overflow:hidden;border:1px solid var(--slate-200);border-radius:12px;background:#fff}.order-chat-title{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--slate-100);background:#fff}.order-chat-title-icon{display:grid;width:28px;height:28px;flex:none;place-items:center;border-radius:9px;color:var(--teal-dark);background:var(--teal-50)}.order-chat-title-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.order-chat-title b{color:var(--slate-800);font-size:13px}.order-chat-title span{margin-left:auto;color:var(--slate-400);font-size:10px}.order-chat-title .order-chat-title-icon{margin-left:0}.order-chat-list{max-height:310px;overflow-y:auto;padding:10px 12px;background:#fff;overscroll-behavior:contain}.order-chat-empty{padding:22px 8px;color:var(--slate-400);font-size:12px;text-align:center}.order-chat-error{padding:7px 12px;color:var(--red);background:#fef2f2;font-size:12px}.chat-message{display:grid;justify-items:start;margin-bottom:8px;padding:0 5px}.chat-message.mine{justify-items:end}.chat-bubble-row{display:flex;width:100%;min-width:0;align-items:flex-start;gap:20px}.chat-message.mine .chat-bubble-row{justify-content:flex-end}.chat-avatar{position:relative;z-index:1;flex:0 0 auto;padding-top:8px;color:var(--slate-400);font-size:14px;font-weight:500;line-height:1.45}.chat-message-meta{display:flex;justify-self:stretch;justify-content:space-between;gap:7px;margin:0 7px 3px;color:var(--slate-400);font-size:10px}.chat-inline-read{margin-left:auto;color:#b0b5bd}.chat-time-separator{justify-self:stretch;margin:8px 0 12px;color:var(--slate-400);font-size:10px;font-weight:600;text-align:center}.chat-bubble{position:relative;max-width:min(78%,620px);padding:8px 12px;border:0;border-radius:20px;color:#111827;background:#e9e9eb;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.mine .chat-bubble{border-radius:20px;color:#fff;background:linear-gradient(180deg,#21a5ff,#0a84ff)}.chat-bubble:not(.recalled):before{position:absolute;bottom:-1px;left:-7px;width:16px;height:16px;border-bottom-right-radius:14px;background:#e9e9eb;content:""}.chat-bubble:not(.recalled):after{position:absolute;bottom:-1px;left:-12px;width:12px;height:18px;border-bottom-right-radius:10px;background:#fff;content:""}.chat-message.mine .chat-bubble:not(.recalled):before{right:-7px;left:auto;border-bottom-right-radius:0;border-bottom-left-radius:14px;background:#0a84ff}.chat-message.mine .chat-bubble:not(.recalled):after{right:-12px;left:auto;border-bottom-right-radius:0;border-bottom-left-radius:10px;background:#fff}.chat-bubble.recalled{color:var(--slate-400);font-style:italic;background:var(--slate-100)}.chat-read-state{margin:3px 8px 0;color:#b0b5bd;font-size:10px}.chat-recall{margin:3px 4px 0;padding:0;border:0;color:var(--slate-400);background:transparent;font-size:10px}.chat-recall:hover{color:var(--red)}.order-chat-compose{position:sticky;z-index:2;bottom:0;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--slate-100);background:#fff}.chat-compose-row{display:flex;align-items:flex-end;gap:8px}.order-chat-compose textarea{display:block;min-width:0;flex:1;min-height:54px;padding:8px 10px;resize:vertical;border:1px solid var(--slate-200);border-radius:9px;outline:none;font:inherit;font-size:13px;box-sizing:border-box}.order-chat-compose textarea:focus{border-color:var(--teal)}.chat-send-button{display:inline-flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;margin-bottom:8px;border:0;border-radius:999px;color:#fff;background:#0a84ff;cursor:pointer}.chat-send-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.chat-send-button:disabled{opacity:.38;cursor:default}.chat-compose-help{display:block;margin-top:5px;color:var(--slate-400);font-size:10px}.conversation-center{display:grid;grid-template-columns:310px minmax(0,1fr);height:clamp(520px,calc(100dvh - 210px),680px);min-height:0;gap:12px}.conversation-center.direct-only{display:block}.conversation-center.direct-only .conversation-main{height:100%}.direct-chat-desktop-head{display:flex;flex:none;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--slate-100);background:#fffffff5}.direct-chat-avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#123a75,#3a78c5);font-size:15px;font-weight:800}.direct-chat-desktop-head>div{display:grid;gap:1px}.direct-chat-desktop-head b{color:var(--slate-800);font-size:13px}.direct-chat-desktop-head small{color:var(--slate-400);font-size:10px}.conversation-tabs{display:flex;gap:6px;margin-bottom:10px}.conversation-tabs button{padding:7px 14px;border:1px solid var(--slate-200);border-radius:9px;color:var(--slate-500);background:#fff;font-size:13px;font-weight:650}.conversation-tabs button.on{border-color:#9cc5f1;color:var(--teal-dark);background:var(--teal-50)}.direct-start{margin-top:9px}.conversation-sidebar,.conversation-main{min-width:0;overflow:hidden;border:1px solid var(--slate-200);border-radius:12px;background:#fff}.conversation-head{padding:12px;border-bottom:1px solid var(--slate-100)}.conversation-head>div{display:flex;align-items:center;gap:8px;margin-bottom:9px}.conversation-head b{font-size:14px}.conversation-head span{margin-left:auto;color:var(--slate-400);font-size:11px}.conversation-list{max-height:calc(100vh - 230px);overflow-y:auto;overscroll-behavior:contain}.conversation-list>button{position:relative;display:block;width:100%;padding:12px 38px 12px 12px;border:0;border-bottom:1px solid var(--slate-100);color:inherit;background:#fff;text-align:left}.conversation-list>button:hover,.conversation-list>button.on{background:var(--teal-50)}.conversation-list>button>div{display:flex;align-items:center;gap:8px}.conversation-list b{overflow:hidden;color:var(--slate-700);font:700 12px ui-monospace,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}.conversation-list time{margin-left:auto;color:var(--slate-400);font-size:10px}.conversation-list p{overflow:hidden;margin:6px 0 0;color:var(--slate-500);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-list em{position:absolute;right:12px;top:50%;display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;padding:0 5px;transform:translateY(-50%);border-radius:999px;color:#fff;background:#ef4444;font-size:10px;font-style:normal}.conversation-main{display:flex;min-height:0;flex-direction:column;padding:12px}.direct-empty{display:grid;place-content:center;gap:12px;min-height:300px;text-align:center}.direct-empty p{margin:0}.conversation-order{display:flex;align-items:center;gap:8px;padding:0 2px 10px}.conversation-order b{color:var(--slate-700);font:700 13px ui-monospace,Menlo,monospace}.conversation-order span{padding:2px 8px;border-radius:999px;color:var(--slate-500);background:var(--slate-100);font-size:10px}.order-chat.standalone{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:0}.order-chat.standalone .order-chat-list{min-height:0;flex:1;max-height:none}.empty.compact{padding:28px 8px}@media (min-width: 821px){.conversation-center.direct-only{width:min(100%,1040px);height:clamp(600px,calc(100dvh - 170px),780px);margin:0 auto}.conversation-center.direct-only .conversation-main{overflow:hidden;padding:0;border-color:#d9e0e8;border-radius:18px;box-shadow:0 12px 34px #0f2d5014}.conversation-center.direct-only .order-chat.standalone{border:0;border-radius:0}.conversation-center.direct-only .order-chat-list{padding:24px 36px}.conversation-center.direct-only .chat-bubble{max-width:min(70%,600px)}.order-chat.standalone .order-chat-compose{padding:12px 24px 16px}.order-chat.standalone .chat-compose-row,.order-chat:not(.standalone) .chat-compose-row{align-items:center;gap:5px;padding:4px 5px 4px 16px;border:1px solid #d6dce4;border-radius:999px;background:#fff}.order-chat.standalone .order-chat-compose textarea,.order-chat:not(.standalone) .order-chat-compose textarea{min-height:38px;max-height:96px;padding:8px 2px 6px;field-sizing:content;resize:none;border:0;border-radius:0;background:transparent;font-size:14px;line-height:1.35}.order-chat.standalone .chat-send-button,.order-chat:not(.standalone) .chat-send-button{margin:0}.order-chat:not(.standalone) .order-chat-compose{padding:12px 14px 10px}}@media (max-width: 820px){body:has(.conversation-center.direct-only){background:#fff}.wrap:has(.conversation-center.direct-only){padding-bottom:0}.conversation-center{display:block;height:auto;min-height:0}.conversation-center.direct-only{width:auto;margin-right:-12px;margin-left:-12px;background:#fff}.conversation-sidebar{margin-bottom:10px}.conversation-list{max-height:250px}.conversation-main{height:clamp(430px,calc(100dvh - 285px),680px);min-height:0;padding:8px 0 0}.conversation-center.direct-only .conversation-main{height:calc(100dvh - 183px);min-height:500px;overflow:hidden;padding:0;border:0;border-radius:0;background:#fff}.order-chat.standalone{min-height:0;border:0;border-radius:0;box-shadow:none;background:#fff}.direct-chat-desktop-head{display:none}.order-chat.standalone .order-chat-list{min-height:0;padding:9px 20px 8px;background:#fff}.order-chat.standalone .chat-message{margin-bottom:11px;padding-right:0;padding-left:0}.order-chat.standalone .chat-time-separator{margin:4px 0 7px}.order-chat.standalone .chat-read-state,.order-chat.standalone .chat-recall{margin-top:1px}.order-chat.standalone .chat-bubble:not(.recalled):after,.order-chat.standalone .chat-message.mine .chat-bubble:not(.recalled):after{background:#fff}.chat-bubble{padding:7px 11px;font-size:17px;line-height:1.4}.chat-avatar{padding-top:7px;font-size:17px;line-height:1.4}.order-chat-compose{padding:7px 20px 8px;border-top:0;background:#fffffff5}.order-chat.standalone .order-chat-compose{padding-bottom:max(31px,calc(env(safe-area-inset-bottom) + 12px))}.chat-compose-row{align-items:center;gap:4px;padding:2px 3px 2px 13px;border:1px solid #d1d5db;border-radius:999px;background:#fff}.order-chat-compose textarea{min-height:34px;max-height:88px;padding:6px 2px 5px;field-sizing:content;resize:none;border:0;border-radius:0;background:transparent;font-size:16px;line-height:1.35}.order-chat-compose textarea:focus{border-color:transparent}.chat-send-button{width:34px;height:34px;flex-basis:34px;margin:0}.chat-send-button svg{width:19px;height:19px}.chat-compose-help{display:none}}.order-detail-meta small{color:var(--slate-400);font-size:11px}.order-detail-note{flex:1 1 260px}.order-detail-table{overflow:hidden;border:1px solid #e3e8ee;border-radius:10px;background:#fff}.contract-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;padding:24px;place-items:center;background:#0f172a7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contract-preview-dialog{display:flex;width:min(100%,1040px);height:min(92dvh,920px);min-height:0;flex-direction:column;overflow:hidden;border-radius:18px;background:#eef1f5;box-shadow:0 28px 80px #0f172a47}.contract-preview-toolbar{display:flex;flex:none;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid #d8dee8;background:#fffffff5}.contract-preview-toolbar>div{min-width:0;flex:1}.contract-preview-toolbar b{display:block;color:var(--slate-800);font-size:14px}.contract-preview-toolbar span{display:block;overflow:hidden;margin-top:2px;color:var(--slate-400);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.contract-preview-scroll{min-height:0;flex:1;overflow:auto;padding:24px;overscroll-behavior:contain}.contract-print-root{width:794px;min-height:1123px;margin:0 auto;padding:52px 54px 44px;color:#172033;background:#fff;box-shadow:0 6px 28px #0f172a26;font-size:11px;line-height:1.5}.contract-brand{color:#0c2f68;font-size:15px;font-weight:800;letter-spacing:.08em}.contract-print-root h1{margin:4px 0 0;color:#0c2f68;font-size:25px;letter-spacing:.18em;text-align:center}.contract-sub{margin:1px 0 20px;color:#8492a6;font-size:9px;letter-spacing:.16em;text-align:center}.contract-meta{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #aeb9c7;border-left:1px solid #aeb9c7}.contract-meta>div{display:grid;grid-template-columns:88px minmax(0,1fr);min-height:34px;align-items:center;border-right:1px solid #aeb9c7;border-bottom:1px solid #aeb9c7}.contract-meta>div.wide{grid-column:1 / -1}.contract-meta b{align-self:stretch;padding:8px 9px;color:#475569;background:#f5f7fa;font-weight:650}.contract-meta span{padding:7px 9px;overflow-wrap:anywhere}.contract-table{width:100%;margin-top:16px;border-collapse:collapse;table-layout:fixed}.contract-table .c-index{width:6%}.contract-table .c-code{width:13%}.contract-table .c-name{width:29%}.contract-table .c-spec{width:14%}.contract-table .c-count{width:8%}.contract-table .c-price{width:14%}.contract-table .c-amount{width:16%}.contract-table th,.contract-table td{padding:7px 5px;border:1px solid #aeb9c7;text-align:center;vertical-align:middle;overflow-wrap:anywhere}.contract-table th{color:#294b78;background:#eff4fa;font-weight:700}.contract-table td.name{text-align:left}.contract-table td.name small{display:block;margin-top:2px;color:#64748b;font-size:9px}.contract-total{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;padding:13px 5px 10px}.contract-total span{color:#475569;font-size:12px}.contract-total strong{color:#0c2f68;font-size:19px;font-variant-numeric:tabular-nums}.contract-terms{padding:10px 12px;border:1px solid #aeb9c7;color:#334155}.contract-terms p{margin:3px 0}.contract-signatures{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:55px}.contract-signatures>div{display:grid;min-height:70px;align-content:space-between;padding-top:8px;border-top:1px solid #64748b}.contract-signatures span{color:#64748b}.contract-print-root footer{margin-top:30px;color:#94a3b8;font-size:9px;text-align:center}@media (max-width: 820px){.contract-preview-backdrop{align-items:stretch;padding:0}.contract-preview-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.contract-preview-toolbar{padding:max(10px,env(safe-area-inset-top)) 10px 10px}.contract-preview-toolbar .btn{padding:7px 9px;font-size:12px}.contract-preview-scroll{padding:14px}.contract-print-root{width:100%;min-height:calc(100dvh - 82px);padding:28px 20px 32px}.contract-print-root h1{font-size:22px}.contract-meta{grid-template-columns:1fr}.contract-meta>div.wide{grid-column:auto}.contract-table{min-width:680px}}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}body *{visibility:hidden!important}.contract-preview-backdrop,.contract-preview-dialog,.contract-preview-scroll,.contract-print-root,.contract-print-root *{visibility:visible!important}.contract-preview-backdrop,.contract-preview-dialog,.contract-preview-scroll{position:static!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;overflow:visible!important;background:#fff!important;box-shadow:none!important}.contract-preview-toolbar{display:none!important}.contract-print-root{width:100%!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important}.contract-table{min-width:0!important}}.oi-head,.oi-row{display:grid;grid-template-columns:minmax(240px,1fr) 170px 130px 150px;column-gap:18px;align-items:center}.oi-head{min-height:36px;padding:0 16px;color:var(--slate-400);background:#f7f9fb;font-size:11px;font-weight:650}.oi-head>:not(:first-child){text-align:right}.oi-row{grid-template-areas:"name qty price amt";min-height:50px;padding:7px 16px;border-top:1px solid #edf0f3}.oi-name{grid-area:name}.oi-name{color:var(--slate-800);font-size:15px;font-weight:600}.oi-qty{grid-area:qty;color:var(--slate-500);font-size:12px;text-align:right}.oi-qty small{display:block;margin-top:3px;color:var(--slate-400);font-size:11px;white-space:normal}.oi-price{grid-area:price;color:var(--slate-500);font-size:12px;text-align:right}.oi-amt{grid-area:amt;color:var(--slate-800);font-size:14px;font-weight:650;text-align:right}.oi-qty,.oi-price,.oi-amt{font-variant-numeric:tabular-nums;white-space:nowrap}.oi-total{display:flex;align-items:baseline;justify-content:flex-end;gap:30px;min-height:48px;padding:8px 16px;border-top:1px solid #dfe5eb;background:#fafbfd}.oi-total>span{color:var(--slate-600);font-size:13px}.oi-total small{margin-left:5px;color:var(--slate-400);font-size:11px;font-weight:400}.oi-total b{min-width:150px;color:var(--slate-900);font-size:17px;font-variant-numeric:tabular-nums;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 (max-width: 819.98px){.order-search-panel{grid-template-columns:1fr;padding:6px;background:transparent;border:0}.order-search-panel>.order-main-search{grid-row:auto}.order-scope-row{justify-content:flex-start;min-width:0}.order-time-chips{flex:1 1 auto}.order-date-selects{flex:0 0 auto}.order-date-selects .inp{min-width:70px}.order-date-selects .inp:first-child{min-width:88px}.order-filter-chips{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.order-filter-chips button{flex:0 0 auto}.order-file-actions .muted{flex-basis:100%;text-align:left!important}.order-detail-meta{gap:6px 18px;padding:9px 11px}.order-detail-table{border-right:0;border-left:0;border-radius:0}.oi-head{display:none}.oi-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amt" "qty price";gap:5px 12px;min-height:0;padding:11px 4px}.oi-name{min-width:0}.oi-qty{text-align:left}.oi-price{font-size:11px}.oi-qty small{display:inline;margin:0 0 0 6px}.oi-total{min-height:44px;padding:8px 4px}.oi-total b{min-width:auto;font-size:16px}}@media (max-width: 520px){html,body{width:100%;max-width:100%;overflow-x:clip;overscroll-behavior-x:none}body{touch-action:pan-y}#root,.app-shell,.app-main{width:100%;max-width:100%;min-width:0}.app-shell{overflow-x:clip;touch-action:pan-y}.paper-meta,.paper-meta>label{width:100%;min-width:0}.paper-meta>label{overflow:hidden}.paper-meta input{display:block;width:100%;min-width:0;max-width:100%}.top-in,.tabs,.order-progress,.pick-launch,.mobile-order-lines{width:100%;min-width:0;max-width:100%}.bar{position:sticky;right:auto;bottom:0;left:auto;width:100%;margin-top:10px;border:1px solid var(--slate-200);border-radius:14px 14px 0 0}.bar-spacer{display:none}}@media (max-width: 520px){html,body,#root{height:100%;min-height:0}body:has(.order-tab-active){overflow:hidden}.order-tab-active{height:100%;height:100dvh;min-height:0;overflow:hidden}.order-tab-active .app-main{display:flex;flex-direction:column;height:100%;height:100dvh;min-height:0;position:relative}.app-main .top{padding-top:max(18px,env(safe-area-inset-top))}.order-tab-active .top{position:relative;flex:none}.order-tab-active .wrap{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-bottom:calc(118px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.order-page-slot.active{display:block;overflow:visible}.order-page-slot.active>.order-paper{display:block;margin-bottom:0}.order-page-slot.active .order-scroll-body{overflow:visible}.order-page-slot.active>.bar{position:fixed;right:0;bottom:0;left:0;width:auto;margin-top:0;border-right:0;border-bottom:0;border-left:0;border-radius:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.mobile-field-grid input,.mobile-field-grid select,.line-foot input,.order-note-input,.order-note-editor input,.order-tab-active .modal input,.order-tab-active .modal select,.order-tab-active .modal textarea{font-size:16px}.mobile-field-grid{grid-template-columns:.72fr .72fr .7fr 1.3fr}.mobile-price-value{display:flex;align-items:center;justify-content:flex-end;width:100%;height:36px;min-width:0;color:var(--slate-800);font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:-.15px;white-space:nowrap}.order-page-slot.active .order-paper>.order-progress{width:calc(100% - 12px);margin-right:6px;margin-left:6px;border:1px solid var(--slate-200);border-radius:12px}.order-note-presets,.order-note-input-wrap{padding-right:6px;padding-left:6px}}@media (max-width: 819.98px){.app-main .wrap>.top{position:relative;top:auto;z-index:auto;width:calc(100% + 24px);margin-right:-12px;margin-left:-12px}.primary-tabs{position:sticky;top:max(0px,env(safe-area-inset-top));z-index:30;background:#fffffff7;transition:margin .18s ease,padding .18s ease,border-radius .18s ease,box-shadow .18s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.primary-tabs:before{position:absolute;right:-1px;bottom:100%;left:-1px;height:max(0px,env(safe-area-inset-top));background:#fffffff7;content:"";opacity:0;pointer-events:none}.mobile-nav-compact .primary-tabs{margin-top:0;margin-bottom:7px;padding:3px;border-radius:10px;box-shadow:0 3px 10px #0f2d501a}.mobile-nav-compact .primary-tabs:before{opacity:1}.mobile-nav-compact .primary-tabs button{min-height:38px;padding:6px 8px;border-radius:8px}.mobile-nav-compact .primary-tabs button svg{width:17px;height:17px}}@media (prefers-reduced-motion: reduce){.primary-tabs{transition:none}}.order-list-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:10px}.order-list-card{min-width:0;margin-bottom:0}@media (min-width: 820px){.order-list-grid{gap:8px;margin-bottom:0}.order-list-card{padding:10px 14px;border-radius:10px}.order-list-card:not(.open) .order-progress.compact{margin-top:5px;padding-top:3px;padding-bottom:0}.order-list-card:not(.open) .progress-caption{margin-bottom:3px}.order-list-card:not(.open) .progress-caption b{font-size:11px}.order-list-card:not(.open) .progress-caption span{font-size:10px}.order-list-card:not(.open) .order-progress li{grid-template-rows:18px auto;gap:1px;font-size:10px}.order-list-card:not(.open) .order-progress li i{width:18px;height:18px;font-size:8px}.order-list-card:not(.open) .order-progress li:not(:last-child):after{top:8px;right:6px;left:24px}.order-list-card:not(.open)>.row+.row{margin-top:5px!important}}@media (min-width: 1200px){.order-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-list-card.open{grid-column:1 / -1}}.pick.dim{opacity:1}.pick.dim>input,.pick.dim>.grow{opacity:.5}.pick-existing-actions{display:grid;flex:none;justify-items:end;gap:4px;white-space:nowrap}.gift-request-add{min-height:28px;padding:0 9px;border:1px solid #0a84ff;border-radius:999px;color:#0877e1;background:#fff;font-size:11px;font-weight:650;cursor:pointer}.gift-request-added{color:#2597a8;font-size:10px;font-weight:650}.gift-request-row{background:#f8feff;box-shadow:inset 3px 0 #3cb7c9}.gift-request-tag,.normal-purchase-tag{display:inline-flex;align-items:center;min-height:20px;margin-left:6px;padding:1px 7px;border:1px solid;border-radius:999px;font-size:10px;font-style:normal;font-weight:650;line-height:1;vertical-align:middle;white-space:nowrap}.gift-request-tag{border-color:#86dbe6;color:#147f90;background:#ecfcfe}.normal-purchase-tag{border-color:#bed4ed;color:#315f91;background:#f3f7fc}.gift-request-pending{color:#d46b08;font-size:11px;font-weight:650;white-space:nowrap}.gift-request-note-link{color:var(--slate-400);font-size:10px}.gift-request-status{flex:none;padding:3px 7px;border:1px solid #fdba74;border-radius:999px;color:#c65c05;background:#fffaf3;font-size:9px;font-weight:650;white-space:nowrap}.gift-request-card-foot{margin-top:3px;padding-top:5px;border-top:1px dashed #c7e9ed;color:#81929e;font-size:9px}@media (max-width: 820px){.pick-existing-actions{gap:3px}.gift-request-add{min-height:30px;font-size:12px}.gift-request-line{padding-top:8px;padding-bottom:7px;border-color:#8bdbe5;background:#fbfeff}.gift-request-line .line-title{margin-bottom:3px}.gift-request-line .mobile-field-grid input,.gift-request-line .mobile-field-grid select,.gift-request-line .mobile-price-value{height:29px;min-height:29px}.order-progress{padding-top:5px;padding-bottom:5px}.order-progress.compact{padding-top:2px;padding-bottom:1px}.order-progress .progress-caption{margin-bottom:2px}.order-progress .progress-caption b{font-size:11px}.order-progress .progress-caption span{font-size:10px}.order-progress li{grid-template-columns:none;grid-template-rows:18px 12px;gap:2px;font-size:10px}.order-progress li>span{display:block;overflow:visible;line-height:12px}.order-progress li.current>span{color:var(--teal-dark);font-weight:750}}