.mode-switch{display:flex;gap:3px;padding:3px;border:1px solid #2f4668;border-radius:999px;background:#0b1729}.mode-btn{border:0;background:transparent;color:#8fa8ca;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:900;cursor:pointer}.mode-btn.active{background:#294a85;color:#fff}.paper-pill.live-pill{background:#4a1624;border-color:#8a304b;color:#ffb3c2}.live-panel{border-color:#5f3045;background:linear-gradient(180deg,#1d1828,#151727)}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-warning{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid #6b3048;background:#311a27;color:#ffc0ce;font-size:12px;line-height:1.45}.live-order-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:10px;align-items:end}.live-order-grid .field{margin:0}.live-order-grid .field label{display:block;font-size:11px;color:#9db2d3;margin-bottom:6px}.live-order-grid input,.live-order-grid select{width:100%;padding:10px 11px;border-radius:10px;border:1px solid #355071;background:#091526;color:#fff;outline:none}.amo-check{display:flex;align-items:center;gap:7px;color:#c6d6ec;font-size:12px;grid-column:1/4;padding:7px 0}.amo-check input{width:auto}.live-preview{margin-top:14px;padding:14px;border-radius:12px;border:1px solid #59344a;background:#120f19}.live-preview-title{font-size:11px;font-weight:900;letter-spacing:.12em;color:#ff9ab0;margin-bottom:10px}.preview-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 14px;font-size:13px;margin-bottom:12px}.preview-grid span{color:#9db2d3}.preview-grid b{color:#fff}.live-account-connected{color:#34e2a4}@media(max-width:1100px){.live-order-grid{grid-template-columns:repeat(3,1fr)}.amo-check{grid-column:1/3}}@media(max-width:780px){.mode-switch{order:-1}.top-status{max-width:72vw;overflow:auto;scrollbar-width:none}.top-status::-webkit-scrollbar{display:none}.live-order-grid{grid-template-columns:1fr 1fr}.live-order-grid .field:first-child{grid-column:1/3}.amo-check{grid-column:1/3}.live-actions{width:100%}.live-actions .btn{flex:1}.preview-grid{grid-template-columns:1fr 1fr}.live-panel .section-head{flex-direction:column}.mode-btn{padding:5px 8px}}@media(max-width:470px){.mode-switch{padding:2px}.mode-btn{font-size:9px;padding:5px 7px}.live-order-grid{grid-template-columns:1fr}.live-order-grid .field:first-child,.amo-check{grid-column:1}.preview-grid{grid-template-columns:1fr 1fr;font-size:12px}}
