/* v0.4.77: desktop/PWA layers, toolbar polish, and new-order SL/TP draft */
.terminal-body:not(.mobile-view-chart) .terminal-controls{display:flex;gap:9px;padding:7px 16px;min-height:56px;background:#111516;align-items:center;flex-wrap:wrap}
.terminal-controls #toggle-market,.terminal-controls #toggle-order{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:7px 13px;border-radius:10px;background:#202629;border:1px solid #454d50;color:#eceeec;font-size:13px;font-weight:650;line-height:1.2;white-space:nowrap;transition:background .15s,border-color .15s}
.terminal-controls #toggle-market:hover,.terminal-controls #toggle-order:hover{background:#2b3235;border-color:#bb985a}
.terminal-controls #toggle-market:focus-visible,.terminal-controls #toggle-order:focus-visible,.xfi-desktop-chart-layers summary:focus-visible{outline:2px solid #e1b56d;outline-offset:2px}
.terminal-controls #toggle-market[aria-expanded="false"],.terminal-controls #toggle-order[aria-expanded="false"]{background:#403424;border-color:#c09b61;color:#f1cd8d}
.terminal-controls #theme-toggle{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #454d50;background:#202629;color:#ead4a9;border-radius:10px}
/* Duplicate connection light: preserve the semantic live feed status, hide extra visual dot. */
.terminal-controls #feed-state{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;clip-path:inset(50%)!important}
.xfi-desktop-chart-layers{position:relative;flex:0 0 auto;color:#ddd;z-index:12}
.xfi-desktop-chart-layers summary{list-style:none;cursor:pointer;padding:7px 12px;border:1px solid #4b5356;border-radius:9px;background:#1b2224;font-size:12px;white-space:nowrap;font-weight:650;user-select:none}
.xfi-desktop-chart-layers summary::-webkit-details-marker{display:none}
.xfi-desktop-chart-layers[open] summary{border-color:#d3ad70;color:#eac388}
.xfi-layer-choices{position:absolute;top:calc(100% + 7px);right:0;display:grid;gap:12px;padding:16px;background:#1b2022;border:1px solid #4b5356;box-shadow:0 10px 28px #0009;border-radius:13px;width:min(330px,85vw);max-height:70vh;overflow:auto;z-index:30;font-size:13px}
.xfi-layer-choices label{display:flex;align-items:center;gap:10px;cursor:pointer;line-height:1.3;white-space:normal}
.xfi-layer-choices input{width:17px;height:17px;accent-color:#d6ad6b;flex:none}
.xfi-layer-choices small{font-size:11px;color:#a9afb1;line-height:1.4}
.xfi-draft-tool{display:grid;gap:8px;border:1px solid #414b4e;border-radius:12px;background:#1c2325;padding:12px;margin:12px 0;color:#e8eceb}
.xfi-draft-tool strong{font-size:14px}.xfi-draft-tool small{color:#9ba7a9;font-size:11px}
.xfi-draft-options{display:flex;align-items:end;flex-wrap:wrap;gap:7px}
.xfi-draft-options label{flex:1 1 105px;display:grid;gap:4px;margin:0!important;font-size:12px}
.xfi-draft-options input{width:100%;min-width:0}
.xfi-draft-options button,.xfi-adjust-chart{background:#2b3437;color:#eee;border:1px solid #636e70;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.3;min-height:39px}
.xfi-draft-options #xfi-draft-apply{background:#294f3c;border-color:#4b9e71;color:#effff5;font-weight:700}
.xfi-adjust-chart{display:block;width:100%;margin:5px 0 12px}
#xfi-draft-status{margin:0;font-size:12px;color:#9fe0ba;overflow-wrap:anywhere}
#xfi-draft-status.error{color:#f08078}
@media (max-width:560px){.xfi-desktop-chart-layers{display:none!important}.xfi-draft-tool{background:#171719;border-color:#3b3b3b}.xfi-draft-options button{flex:1}.terminal-controls #theme-toggle{margin-left:auto}}

.terminal-controls .xfi-panel-icon{font-family:Arial,system-ui,sans-serif;line-height:1;font-size:18px;color:#d9b97c;flex:0 0 auto}
@media(min-width:791px){body.terminal-body .terminal-controls #toggle-market,body.terminal-body .terminal-controls #toggle-order{min-height:34px;padding:5px 13px!important}body.terminal-body .terminal-controls #theme-toggle{height:34px;width:34px}}
@media(max-width:790px) and (min-width:561px){.terminal-layout{height:calc(100dvh - 56px);min-height:0}.terminal-controls #toggle-market,.terminal-controls #toggle-order{font-size:12px}}
body.terminal-body.light .xfi-desktop-chart-layers summary{background:#f6f7f8;border-color:#b6bec3;color:#273137}
body.terminal-body.light .xfi-layer-choices{background:#fff;border-color:#c9d0d5;color:#1b2024;box-shadow:0 10px 28px #0002}
body.terminal-body.light .xfi-layer-choices small{color:#626d74}
body.terminal-body.light .xfi-draft-tool{background:#f6f7f8;border-color:#c9d0d5;color:#1d2326}
body.terminal-body.light .xfi-draft-tool small{color:#68767d}
body.terminal-body.light .xfi-draft-options button,body.terminal-body.light .xfi-adjust-chart{background:#edf0f1;color:#263136;border-color:#b8c2c7}
body.terminal-body.light .xfi-draft-options #xfi-draft-apply{background:#1d734a;color:#fff;border-color:#1d734a}
/* Position modification sheet: independent of new-order ticket and trade visibility */
.xfi-position-chart-editor[hidden]{display:none!important}
.xfi-position-chart-editor{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:195;width:min(96vw,610px);padding:12px 14px 16px;background:#1b1b1df5;color:#fff;border:1px solid #3c3c3e;border-radius:24px;box-shadow:0 10px 45px #000c;backdrop-filter:blur(13px);font-family:-apple-system,system-ui,sans-serif}
.xfi-position-editor-handle{height:4px;width:50px;border-radius:8px;background:#78787c;margin:0 auto 11px}
.xfi-position-editor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;margin:0 0 12px}
.xfi-position-editor-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xfi-position-editor-head button{background:transparent;color:#ddd;border:0;padding:3px 7px;font-size:19px}
.xfi-position-editor-main{display:flex;align-items:center;gap:9px}
.xfi-position-chart-editor button{touch-action:manipulation;cursor:pointer}
.xfi-editor-stop{flex:0 0 48px;height:43px;border-radius:50%;background:#171719;color:#f66b5c;border:1.5px solid #eb5b4f;font-size:13px}
#xfi-edit-select-tp{color:#62d67d;border-color:#54b75d}
.xfi-editor-stop[aria-pressed=true]#xfi-edit-select-sl{color:#fff;background:#be4038}
.xfi-editor-stop[aria-pressed=true]#xfi-edit-select-tp{color:#fff;background:#2b9b4e}
.xfi-position-edit-points{flex:1;min-width:0;color:#bbc1c4;font-size:11px;display:flex;align-items:center;gap:5px}
.xfi-position-edit-points input{min-width:0;width:min(75px,100%);background:#111;color:#fff;padding:8px 4px;border:1px solid #626467;border-radius:8px;text-align:center}
.xfi-position-edit-done{flex:0 0 auto;min-height:43px;border:0;border-radius:25px;padding:7px 17px;color:#fff;background:#428e5e;font-size:15px;font-weight:650}
.xfi-position-editor-values{display:flex;gap:10px;margin-top:12px}
.xfi-position-editor-values label{flex:1;min-width:0;font-size:12px;color:#b3b4b8}
.xfi-position-editor-values input{display:block;min-width:0;width:100%;margin-top:4px;padding:9px;background:#111;color:#fff;border:1px solid #525358;border-radius:9px;font-size:14px}
.xfi-position-chart-editor p{color:#a5b3ab;font-size:11px;margin:9px 0 0;line-height:1.3}
.xfi-position-chart-editor p.error{color:#ee7771}
.xfi-editing-position .mobile-xfi-nav{visibility:hidden!important;pointer-events:none!important}
@media(max-width:560px){body.mobile-view-chart.xfi-editing-position .chart-workspace{padding-bottom:calc(202px + env(safe-area-inset-bottom,0px))!important}.xfi-position-chart-editor{width:100%;bottom:0;border-radius:23px 23px 0 0;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));font-size:12px}.xfi-position-editor-head{margin-bottom:10px}.xfi-position-editor-main{gap:7px}.xfi-editor-stop{flex-basis:39px;height:39px}.xfi-position-edit-points{font-size:10px}.xfi-position-edit-points input{width:50px}.xfi-position-edit-done{font-size:13px;padding:7px 11px;min-height:40px}}
@media(min-width:561px){.xfi-position-chart-editor{bottom:18px}}
body.light .xfi-position-chart-editor{background:#f0f0f2f7;color:#202124;border-color:#b8b8bc}
body.light .xfi-position-chart-editor input{background:#fff;color:#202124;border-color:#bec2c8}
body.light .xfi-position-chart-editor p{color:#4f6158}

/* xFi v0.5.04: desktop Chart Layers moved beside live-feed dot as compact hamburger menu. */
.xfi-instrument-actions{margin-left:auto;display:flex;align-items:center;gap:7px;position:relative;z-index:18}
.xfi-instrument-actions .chart-status{margin-left:0}
.xfi-chart-layer-menu{position:relative;flex:0 0 auto}
.xfi-chart-layer-menu summary{display:flex!important;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;border:1px solid var(--border)!important;border-radius:9px!important;background:var(--surface2)!important;color:var(--muted)!important;font-size:0!important;line-height:1!important}
.xfi-chart-layer-menu summary:hover,.xfi-chart-layer-menu[open] summary{color:var(--gold)!important;border-color:#8f7246!important;background:#e1b56d12!important}
.xfi-chart-layer-menu .xfi-hamburger{font-size:17px;line-height:1;display:block;transform:scaleX(1.04)}
.xfi-chart-layer-menu .xfi-layer-choices{top:calc(100% + 8px);right:0;left:auto}
@media(max-width:560px){.xfi-instrument-actions{display:none!important}}