.order-page{min-height:100dvh;box-sizing:border-box;padding:4px;color:#182438;background:#f4f7fb;font-size:14px}.order-page>*,.workspace-flow{width:min(100%,760px);margin-inline:auto}.order-page.order-panel-open{padding:4px}.order-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:14px}.header-metric{display:grid;gap:3px;min-width:0;color:#6f8094;font-size:11px}.header-metric strong{overflow:hidden;color:#172235;font-size:clamp(14px,3.8vw,18px);text-overflow:ellipsis;white-space:nowrap}.settings-button{white-space:nowrap}.order-header button,.tabs button,.submit-button,.order-panel-close{border:1px solid #cbd7e6;border-radius:8px;padding:9px 12px;color:#23344a;background:#fff;cursor:pointer;font-weight:700}.panel,.settings-card{box-sizing:border-box;margin-bottom:12px;padding:15px;border:1px solid #dce5ef;border-radius:14px;background:#fff;box-shadow:0 3px 12px #22364f0d}.panel h2{margin:0 0 12px;color:#1d2d42;font-size:16px}.settings-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}label{display:grid;gap:6px;color:#718197;font-size:12px}input,select{width:100%;box-sizing:border-box;border:1px solid #cbd7e6;border-radius:7px;padding:9px 10px;color:#26374e;background:#f9fbfd}.workspace-flow{display:grid;gap:12px}.position-list{display:grid;gap:8px}.position-row{display:grid;grid-template-columns:46px repeat(4,minmax(0,1fr));gap:8px;align-items:center;padding:10px;border:1px solid #bdecd8;border-radius:9px;background:#f1fcf7}.position-row.short{border-color:#ffd0d3;background:#fff4f5}.position-row>strong{color:#087a50}.position-row.short>strong{color:#c53d4a}.position-row span{display:grid;gap:3px;min-width:0;overflow:hidden;color:#283a51;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.position-row small{color:#718197;font-size:10px}.position-row .position-pnl.positive{color:#07835a}.position-row .position-pnl.negative{color:#c53d4a}.orders-panel{min-height:0}.order-list-scroll{max-height:min(44dvh,420px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;transition:max-height .2s ease}.order-panel-open .order-list-scroll{max-height:min(38dvh,520px)}.order-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-columns h3{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;padding:3px 0;color:#61758d;background:#fff;font-size:12px}.order-header-metrics{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}.inventory-delta.positive{color:#07835a}.inventory-delta.negative{color:#c53d4a}.inventory-delta.neutral,.order-count{color:#8494a7}.live-order{display:grid;margin:7px 0;padding:10px;border:1px solid #d8e2ed;border-radius:8px;background:#fbfdff;font-size:11px}.live-order.green{background:#f4fcf8}.live-order.red{background:#fff7f7}.order-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.order-summary strong{color:#1c2d43;font-size:14px}.order-summary>span:last-child{color:#596c83;white-space:nowrap}.order-label{border-radius:999px;padding:4px 7px;color:#087a50;background:#dff7ea;font-weight:800;white-space:nowrap}.live-order.red .order-label{color:#c53d4a;background:#ffe5e6}.cancel-order-button{margin-top:8px;border:1px solid #edb8bd;border-radius:6px;padding:5px;color:#c53d4a;background:#fff;cursor:pointer}.message,.error{box-sizing:border-box;margin:0 auto 12px;padding:10px 14px;border-radius:8px}.message{color:#087a50;background:#e2f7eb}.error{color:#b62d39;background:#ffe8e9}.order-fab{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;width:54px;height:54px;border:1px solid #0a9361;border-radius:50%;padding:0;color:#fff;background:#0b9b68;box-shadow:0 12px 34px #0c523840;font-size:30px;font-weight:400;line-height:1;cursor:pointer}.floating-order-builder{position:fixed;right:0;bottom:0;left:0;z-index:20;width:min(100%,760px);max-height:min(68dvh,620px);margin:0 auto;overflow-y:auto;border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -12px 36px #22364f2e}.order-builder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-builder-heading h2{margin-bottom:12px}.order-panel-close{color:#61758d}.tabs{display:flex;gap:6px;margin-bottom:14px}.tabs button.active{border-color:#55acd2;color:#12688f;background:#e6f6fd}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.grid-control-row,.manual-order-row{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.preview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #d8e2ed;border-radius:8px;background:#f9fbfd}.preview small{color:#596c83}.preview.green span{color:#087a50}.preview.red span{color:#c53d4a}.submit-button{display:block;margin-left:auto;border-color:#07835a;color:#fff;background:#0b9b68}.submit-button:disabled{cursor:not-allowed;opacity:.5}@media (min-width: 761px){.order-page{padding-top:32px}.order-page.order-panel-open{padding:4px}.floating-order-builder{left:50%;right:auto;transform:translate(-50%)}.form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:grid;min-width:0;overflow:auto;place-items:center;padding:24px;background:radial-gradient(circle at top right,#172033 0,#070a10 42%),#070a10}.auth-card{width:min(420px,100%);padding:30px;border:1px solid #2c3749;border-radius:14px;color:#e8edf5;background:#0d131df5;box-shadow:0 24px 70px #00000073}.auth-title{margin:0;font-size:30px}.auth-login-button{display:inline-flex;min-height:44px;margin-top:20px;align-items:center;justify-content:center;padding:0 18px;border:1px solid #3c516f;border-radius:9px;color:#f7f9fc;background:#213550;font-weight:800;text-decoration:none}.auth-error-text{margin:16px 0;color:#ff9c94;font-weight:700}.mode-switcher{position:fixed;top:12px;right:18px;z-index:900;display:flex;gap:4px;padding:6px;border:1px solid #343438;border-radius:12px;background:#0a0a0beb;box-shadow:0 12px 36px #00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mode-switcher button{min-width:72px;padding:8px 12px;border:1px solid transparent;border-radius:8px;color:#9b9ba3;background:transparent;font-weight:700}.mode-switcher button.selected{border-color:#536579;color:#fff;background:#26313e}.mode-switcher button.selected.live{border-color:#167e62;background:#0f513f}@media (max-width: 1180px){.mode-switcher{position:sticky;top:0;justify-content:flex-end;border-radius:0}}.journal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;overflow:auto;background:#060b14}.journal-shadow-host{min-height:100%}.journal-overlay-close{position:fixed;top:14px;right:18px;z-index:3002;border:1px solid #334155;border-radius:8px;padding:8px 12px;color:#e2e8f0;background:#111827;cursor:pointer}