/* OmniTrader layout layer. Every rule is scoped to ly- classes or #ly* ids, so with the layer idle nothing on the page changes. */
.ly-hide{display:none!important}
/* A minimised panel keeps only its heading row. */
.ly-fold{padding-top:6px!important;padding-bottom:6px!important;min-height:0!important;height:auto!important;flex:none!important}
.ly-fold>:not(.ly-hd){display:none!important}
/* One chevron header on every panel: a button (a plain glyph inside a native details summary, which opens and closes itself). */
.ly-hd{cursor:pointer;user-select:none}
details>summary.ly-hd{list-style:none}
details>summary.ly-hd::-webkit-details-marker{display:none}
details>summary.ly-hd::before{content:none!important}
.ly-tog{flex:0 0 auto;display:inline-block;box-sizing:border-box;width:26px;height:24px;padding:0;margin:0 8px 0 0;border:0;border-radius:6px;background:#1b2634;color:var(--txt,var(--tx,#e6edf5));font:400 13px/24px system-ui,sans-serif;letter-spacing:0;text-transform:none;text-align:center;vertical-align:middle;cursor:pointer}
.ly-tog::before{content:"\25BE"}
.ly-fold>.ly-hd .ly-tog::before,details:not([open])>summary .ly-tog::before{content:"\25B8"}
button.ly-tog:hover{background:#2b3a4d}
.ly-tog:focus-visible{outline:2px solid var(--info,var(--blu,#4da3ff));outline-offset:1px}
.ly-bar{display:flex;align-items:center;gap:6px;margin:0 0 4px;padding:3px 6px;border:1px dashed var(--info,#4da3ff);border-radius:8px;background:rgba(77,163,255,.08);font-size:12px;position:relative;z-index:1;flex:none}
.ly-bar:has(+ .hidden){display:none}
.ly-bar .ly-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--mut,#8a9bb0)}
.ly-bar button,#lyDock button,#lyBtn.ly-btn,#lyAll.ly-btn{min-width:36px;min-height:36px;padding:2px 10px;font:inherit;font-size:13px;color:var(--txt,var(--tx,#e6edf5));background:#1b2634;border:1px solid var(--line,#223042);border-radius:8px;cursor:pointer}
.ly-bar button:focus-visible,#lyDock button:focus-visible,#lyBtn:focus-visible{outline:2px solid var(--info,#4da3ff);outline-offset:2px}
.ly-h{cursor:grab;touch-action:none}
.ly-drag{opacity:.5}
.ly-over{outline:2px dashed var(--info,#4da3ff);outline-offset:2px}
#lyBtn.ly-btn,#lyAll.ly-btn{min-height:0;padding:4px 10px;margin-left:8px}
#lyBtn[aria-pressed="true"]{outline:2px solid var(--info,#4da3ff)}
#lyDock{position:fixed;left:50%;transform:translateX(-50%);bottom:max(10px,env(safe-area-inset-bottom));z-index:40;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;max-width:calc(100vw - 20px);padding:8px 10px;background:var(--card,#121923);border:1px solid var(--info,#4da3ff);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.5);color:var(--txt,var(--tx,#e6edf5));font-size:13px}
#lyDock .ly-pri{background:var(--info,#4da3ff);color:#04121f;border-color:var(--info,#4da3ff);font-weight:600}
#lyHidList{position:absolute;left:0;bottom:100%;margin-bottom:6px;display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto;padding:8px;background:var(--card,#121923);border:1px solid var(--line,#223042);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.5)}
#lyHidList.ly-off{display:none}
.ly-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* What to show (public/show-settings.js): presets, then every page with a switch, a Minimised tick and up/down per panel. */
.sh{display:block;max-width:100%}
.sh-bar{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.sh-btn,.sh-sw,.sh-mv{min-height:36px;padding:2px 12px;font:inherit;font-size:13px;color:var(--txt,var(--tx,#e6edf5));background:#1b2634;border:1px solid var(--line,#2a3648);border-radius:8px;cursor:pointer}
.sh-btn.on{outline:2px solid var(--info,#4da3ff)}
.sh-page{margin:0 0 10px}
.sh-page h3{margin:8px 0 4px;font-size:13px;letter-spacing:.02em;color:var(--mut,#8a9bb0)}
.sh-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:4px 0;border-top:1px solid var(--line,#2a3648)}
.sh-row.off .sh-t{color:var(--mut,#8a9bb0);text-decoration:line-through}
.sh-sw{min-width:52px;font-weight:600}
.sh-sw[aria-checked="true"]{background:var(--info,#4da3ff);color:#04121f;border-color:var(--info,#4da3ff)}
.sh-t{flex:1 1 140px;min-width:0}
.sh-n{color:var(--mut,#8a9bb0)}
.sh-min{display:inline-flex;align-items:center;gap:4px;font-size:13px;white-space:nowrap}
.sh-mv{min-width:36px;padding:2px 8px}
.sh-mv:disabled,.sh-btn:disabled{opacity:.4;cursor:default}
.sh :focus-visible{outline:2px solid var(--info,#4da3ff);outline-offset:2px}
.sh-row.sub{padding-left:22px}
.showc{margin-bottom:12px}
