/* Trust-like draggable trade hierarchy, in Copen Jade. */
#phone #cp-order-inline{position:absolute;inset-inline:0;bottom:0;z-index:55;width:100%;height:var(--v8-order-height,49%);margin:0;min-width:0;grid-column:auto;overflow:hidden;background:var(--cp-card);border-radius:27px 27px 0 0;box-shadow:0 -12px 32px #172E2B25}
#phone #cp-order-inline:empty{display:none}
#phone #cp-order-inline .cp-inline-modal{height:100%;max-height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:0;border-radius:27px 27px 0 0;box-shadow:none;color-scheme:inherit}
#phone #cp-order-inline .cp-modal-head{flex:none;position:static;padding:8px 16px 8px;gap:7px;min-height:57px;margin:0;border-bottom:0}
#phone #cp-order-inline .cp-modal-head>div:first-child{min-width:0;flex:1}
#phone #cp-order-inline .cp-eyebrow{display:none}
#phone #cp-order-inline .cp-modal-head h2{margin:0;font-size:16px}
#phone #cp-order-inline .cp-close{order:-1;width:42px;min-width:42px;height:42px;min-height:42px;margin-right:3px}
#phone #cp-order-inline .cp-modal-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:8px 18px calc(30px + env(safe-area-inset-bottom));scrollbar-width:none}
#phone #cp-order-inline .v8-grip{display:grid;place-items:center;flex:none;width:100%;height:28px;touch-action:none;cursor:ns-resize;outline-offset:-2px}
#phone #cp-order-inline .v8-grip span{display:block;height:5px;width:40px;border-radius:999px;background:var(--cp-border)}
#phone #cp-order-inline .v8-view-toggle{display:flex;gap:4px;flex:none}
#phone #cp-order-inline .v8-view-toggle button{display:grid;place-items:center;gap:0;min-width:40px;min-height:44px;border-radius:13px;background:var(--cp-soft);color:var(--cp-muted);font-size:20px;line-height:1}
#phone #cp-order-inline .v8-view-toggle button span{font-size:9px;line-height:1.1}
#phone #cp-order-inline .v8-view-toggle button.active{background:var(--cp-tint);color:var(--cp-accent)}
#phone[data-order-open="true"] #screen{overflow:hidden;scrollbar-width:none}
#phone[data-order-open="true"] .cp-onboarding,#phone[data-order-open="true"] .cp-guide,#phone[data-order-open="true"] .cp-information,#phone[data-order-open="true"] .cp-extra-tools,#phone[data-order-open="true"] .cp-bottom-links,#phone[data-order-open="true"] .v4-contract-tools,#phone[data-order-open="true"] .cp-trade-dock{display:none}
#phone[data-order-open="true"] .cp-dashboard .cp-topbar{margin:0 0 6px}
#phone[data-order-open="true"] .cp-dashboard .cp-terminal-grid{display:block}
#phone[data-order-open="true"] .cp-dashboard .cp-chart-module{height:auto;min-height:0;max-height:calc(100dvh - var(--v8-order-height,49vh) - 67px);overflow:hidden;padding:7px 10px;margin:0;background:var(--cp-bg);border:0;border-radius:0;box-shadow:none}
#phone[data-order-open="true"] .cp-dashboard .cp-chart{height:clamp(75px,calc(100dvh - var(--v8-order-height,49vh) - 185px),360px);min-height:0;max-height:360px;object-fit:contain}
#phone[data-order-open="true"] .cp-dashboard .cp-chart-foot,#phone[data-order-open="true"] .cp-dashboard .cp-stats{display:none}
#phone[data-order-open="true"] .cp-dashboard .cp-quote>div>strong{font-size:22px}
#phone[data-order-open="true"] .cp-dashboard .v7-indicator-select{margin-top:2px;padding-top:5px}
#phone[data-order-full="true"] .cp-chart-module,#phone[data-order-full="true"] #v8-order-book{display:none!important}
#phone[data-order-full="true"] #cp-order-inline{border-radius:0}
#phone[data-order-full="true"] #cp-order-inline .cp-inline-modal{border-radius:0}
#phone[data-order-view="book"][data-order-open="true"] .cp-chart-module{display:none}
#phone[data-order-view="chart"] #v8-order-book{display:none}
#phone #v8-order-book{max-height:calc(100dvh - var(--v8-order-height,49vh) - 100px);overflow:auto;padding:8px 12px;background:var(--cp-bg);scrollbar-width:none}
#phone .v8-book-title,#phone .v8-book-col,#phone .v8-book-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}
#phone .v8-book-title{font-size:13px;padding:4px 0 8px}#phone .v8-book-title span{color:var(--cp-muted);text-align:right;font-size:11px}
#phone .v8-book-col{font-size:11px;color:var(--cp-muted);padding:5px 0}#phone .v8-book-col span:last-child{text-align:right}
#phone .v8-book-row{min-height:27px;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.3}
#phone .v8-book-row span{padding:5px 7px;background-repeat:no-repeat}
#phone .v8-book-bid{color:#167756;background-image:linear-gradient(90deg,#32C48D25 var(--v8-depth),transparent var(--v8-depth))}
#phone .v8-book-ask{color:#AD3232;text-align:right;background-image:linear-gradient(270deg,#E45B5B25 var(--v8-depth),transparent var(--v8-depth))}
#phone .v8-book p{font-size:10px;color:var(--cp-muted)}
#phone:has(#overlay .v8-sub-sheet) #cp-order-inline{visibility:hidden}
#phone:has(#overlay .v8-sub-sheet) #overlay{position:absolute;inset:0;z-index:90;pointer-events:none}
#phone:has(#overlay .v8-sub-sheet) #overlay .sheet-wrap{pointer-events:auto;z-index:1}
#phone[data-order-view="chart"]:has(#overlay .v8-sub-sheet) .cp-chart-module,#phone[data-order-view="book"]:has(#overlay .v8-sub-sheet) #v8-order-book{display:block!important}
#phone:has(#overlay .v8-sub-sheet) .cp-chart-module{max-height:calc(100dvh - var(--v8-sub-height,56vh) - 67px)}
#phone:has(#overlay .v8-sub-sheet) .cp-chart{height:clamp(75px,calc(100dvh - var(--v8-sub-height,56vh) - 185px),360px)}
#phone:has(#overlay .v8-sub-sheet) #v8-order-book{max-height:calc(100dvh - var(--v8-sub-height,56vh) - 100px)}
#phone .v8-sub-sheet.sheet-wrap{inset:0;background:#15231F29;backdrop-filter:none;align-items:flex-end}
#phone .v8-sub-sheet .sheet{max-height:100%;min-height:32%;height:56%;overflow:auto;overscroll-behavior:contain;border-radius:27px 27px 0 0}
#phone .v8-sub-sheet .handle{touch-action:none;cursor:ns-resize;min-height:22px;background:linear-gradient(var(--cp-border),var(--cp-border)) center 9px / 38px 5px no-repeat;width:64px;height:24px;display:block}
#phone[data-theme="light"] .cp-modal.is-pro{color-scheme:light}
#phone[data-theme="light"] .is-copen-pro .cp-warning,#phone[data-theme="light"].is-copen-pro .cp-warning{color:#8C5A14}
@media(max-width:360px){#phone #cp-order-inline .cp-modal-head{padding-inline:9px}#phone #cp-order-inline .v8-view-toggle button{min-width:38px}#phone[data-order-open="true"] .cp-dashboard .cp-chart{height:clamp(64px,calc(100dvh - var(--v8-order-height,49vh) - 165px),300px)}}