/* Companion controls also work in the existing Wants Lights view. */
.dc-lights [data-hl-pop],.dc-lights .hl-extra button{font:500 14px/1.2 Inter,sans-serif;color:#eef3f8;border:1px solid #394450;border-radius:5px;background:transparent;padding:3px 6px;cursor:pointer}
.dc-lights .hl-extra{display:flex;align-items:center;gap:8px;padding:2px 0 5px;min-height:32px}
.dc-lights .hl-extra{flex-wrap:wrap}
.dc-lights .hl-extra .hl-remove-want{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;margin-left:auto;padding:6px;flex:0 0 32px;color:#eaf0f6;border:1px solid #526071;border-radius:5px;background:transparent}
.dc-lights .hl-remove-want:focus-visible{outline:2px solid #9abfff;outline-offset:2px}
body.dragonclaw-privacy .hl-remove-want,body.privacy-mode .hl-remove-want{display:none!important}
html body.wantlist-lights-window{height:auto;min-height:100vh;overflow:auto;background:#0e1216;color:#eef3f8}
html body.wantlist-lights-window>.top,html body.wantlist-lights-window .main>:not(.list-section),html body.wantlist-lights-window :is(.side,.splitter,.wants-view-controls,.cockpit-purpose,#dcBookSource,#dcHoldingsFlag,#dc-flag-strip),html body.wantlist-lights-window [data-hl-pop]{display:none!important}
html body.wantlist-lights-window .app{display:block!important;height:auto!important;min-height:100vh}
html body.wantlist-lights-window .main{display:block!important;overflow:visible!important;height:auto!important;padding:12px!important;width:100%;max-width:900px!important;margin:0 auto}
html body.wantlist-lights-window .cockpit-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap;gap:12px;padding:0 0 10px;margin:0 0 10px}
html body.wantlist-lights-window .wants-window-copy{border:1px solid #526071;border-radius:5px;background:transparent;color:#eef3f8;padding:7px 12px;font:600 14px/1.2 Inter,sans-serif;cursor:pointer}
html body.wantlist-lights-window .cockpit-header h1{font:750 23px/1.3 Inter,sans-serif}
html body.wantlist-lights-window .cockpit-header h1 span,html body.wantlist-lights-window .cockpit-kicker{display:none}
html body.wantlist-lights-window .dc-lights .hl-board{display:block}
html body.wantlist-lights-window .dc-lights .hl-header{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;height:auto!important;padding:8px 0}
html body.wantlist-lights-window .dc-lights .hl-header>*{position:static!important;max-width:100%;width:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;margin:0}
html body.wantlist-lights-window .dc-lights .hl-total{font-size:21px!important;order:0}
html body.wantlist-lights-window .dc-lights .hl-tools{display:flex;flex-wrap:wrap;justify-content:flex-start;order:1;gap:5px}
html body.wantlist-lights-window .dc-lights .hl-take{font-size:14px;line-height:1.4;order:2}
html body.wantlist-lights-window .dc-lights .hl-time{font-size:12px;line-height:1.4;order:3}
html body.wantlist-lights-window .dc-lights .hl-row{height:auto!important;grid-template-rows:auto!important}
html body.wantlist-lights-window .dc-lights .hl-time{white-space:normal;overflow:visible;text-overflow:clip}
.dc-lights .hl-mini{padding:0!important;border:0!important;width:140px;height:28px;flex:0 0 140px;cursor:crosshair}
.dc-lights .hl-mini svg{display:block;width:140px;height:28px}
.dc-lights .hl-mini-pending,.dc-lights .hl-door{font:400 14px/1.2 Inter,sans-serif;color:#9AA7B5}
.dc-lights .hl-door.is-at{color:#26C281}
.dc-lights .hl-item.is-at-line{box-shadow:inset 0 -1px #26C281}
.dc-lights .hl-item.is-at-line .hl-symbol{color:#26C281}
@keyframes lights-line-cross{50%{box-shadow:inset 0 0 0 1px #26C281}}
.dc-lights .hl-item.hl-crossed{animation:lights-line-cross 700ms ease-out 1}
@media(prefers-reduced-motion:reduce){.dc-lights .hl-item.hl-crossed{animation:none}}
#hlLineEditor{color:#eef3f8;background:#14181e;border:1px solid #526071;border-radius:8px;font:400 14px/1.4 Inter,sans-serif;max-width:min(420px,90vw);padding:16px}
#hlLineEditor header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
#hlLineEditor [data-line-close]{flex:0 0 32px;min-width:32px;min-height:32px;margin:0;padding:4px;font:500 22px/1 Inter,sans-serif;cursor:pointer}
#hlLineEditor :focus-visible{outline:2px solid #9abfff;outline-offset:2px}
#hlLineEditor::backdrop{background:#0009}#hlLineEditor label{display:flex;gap:8px;align-items:center;margin:16px 0}
#hlLineEditor input{min-width:0;width:140px;background:#0e1216;color:#ff79c6;border:1px solid #ff79c6;font:400 16px ui-monospace,monospace;padding:5px}
#hlLineEditor button{background:transparent;border:1px solid #526071;border-radius:5px;color:#fff;padding:6px 10px;font:500 14px Inter,sans-serif;margin-right:8px}
body.lights-popout{margin:0;padding:0;background:#0e1216;color:#eef3f8;font:400 14px/1.2 Inter,sans-serif;overflow:auto;color-scheme:dark}
.lights-popout *{box-sizing:border-box}
.lights-popout button{font:500 14px/1.2 Inter,sans-serif;color:#eef3f8;background:transparent;border:1px solid #394450;border-radius:5px;padding:3px 6px;cursor:pointer}
.lights-popout button[aria-pressed=true]{border-color:#9aa7b5}
.lp-top{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:5px 10px 3px;min-height:69px;border-bottom:1px solid #29313b}
.lp-top>strong{font:700 21px/1.1 Figtree,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}
.lp-top>small{grid-column:1/-1;font:400 14px/1.1 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9aa7b5}
.lp-top nav{grid-column:1/-1;display:flex;align-items:center;gap:5px}
.lp-top nav span{font-size:14px;color:#9aa7b5;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lights-popout [data-pop-pane][hidden]{display:none!important}
html body.lights-popout .dc-lights{padding:0 10px 5px;container-type:inline-size}
html body.lights-popout .dc-lights .hl-header{display:flex;min-height:29px;height:29px;padding:2px 0;justify-content:flex-end}
.lights-popout .hl-header :is(.hl-total,.hl-take,.hl-time,.hl-legend),.lights-popout [data-hl-pop]{display:none!important}
.lights-popout .dc-lights .hl-tools{max-width:none;flex-wrap:nowrap;gap:5px}
.lights-popout .dc-lights .positions-view-switch{padding:0;gap:0;border:0}
.lights-popout .dc-lights .positions-view-switch button,.lights-popout .dc-lights [data-hl-group]{font-size:14px;padding:3px 6px}
.lights-popout .dc-lights .hl-board{display:block}
html body.lights-popout .dc-lights .hl-row{grid-template-columns:minmax(210px,1fr) 80px 64px 94px;grid-template-rows:21px 14px;grid-template-areas:'id quote pct usd' 'lights lights er er';gap:0 5px;min-height:37px!important;height:37px!important;padding:1px 0!important;position:relative}
html body.lights-popout .dc-lights .hl-identity{gap:3px;overflow:visible}
html body.lights-popout .dc-lights .hl-symbol{font-size:21px;gap:4px}
html body.lights-popout .dc-lights .hl-symbol :is(img,.dc-symbol-logo,.logo-shell){width:20px!important;height:20px!important;min-width:20px!important;flex-basis:20px!important}
.lights-popout .dc-lights .hl-role span{display:none}.lights-popout .dc-lights .hl-role{gap:0}
.lights-popout .dc-lights .hl-livequote{display:contents}
.lights-popout .dc-lights .hl-livequote b{font:400 14px/1.05 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#ff79c6;border:1px solid #ff79c6;border-radius:5px;padding:0 4px;background:transparent;white-space:nowrap}
.lights-popout .dc-lights .hl-livequote.is-stale b{color:#9aa7b5;border-color:#66717e}
html body.lights-popout .dc-lights :is(.hl-pct,.hl-usd,.hl-earnings){font:500 14px/1 Figtree,sans-serif}
html body.lights-popout .dc-lights .hl-earnings{font-family:Inter,sans-serif}
.lights-popout .dc-lights .hl-lights{gap:2px;align-self:center;margin-right:30px}
.lights-popout .dc-lights .hl-lights>i{height:7px;border-radius:3px}
.lights-popout .dc-lights .hl-extra{padding:0 0 3px;gap:6px;min-height:31px}
.lights-popout .dc-lights .hl-detail{font-size:14px;line-height:1.3}
.lights-popout .dc-lights .hl-item{border-bottom:0}
.lights-popout .dc-lights .hl-item:not(.is-at-line){box-shadow:inset 0 -1px #29313b}
.lp-top{padding-top:3px;padding-bottom:2px;gap:1px 8px;min-height:64px}
html body.lights-popout .dc-lights .hl-header{height:27px;min-height:27px;padding:1px 0}
.lights-popout .dc-lights .hl-quotetime{grid-area:quote;position:static;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1 Inter,sans-serif;color:#9aa7b5}
@media(max-width:520px){html body.lights-popout .dc-lights .hl-row{grid-template-columns:minmax(180px,1fr) 60px 80px;grid-template-rows:21px 17px 14px;grid-template-areas:"id pct usd" "quote quote er" "lights lights lights";height:54px!important;min-height:54px!important}.lights-popout .dc-lights .hl-symbol{font-size:18px!important}.lights-popout .dc-lights .hl-extra{flex-wrap:wrap}.lights-popout .dc-lights .hl-lights{margin-right:0}}

.lights-popout .dc-lights .hl-lane{font-size:14px}
/* Ticker prices remain visible in Book, Wants and every window mode. */
.dc-lights .hl-livequote{flex-shrink:0}
.dc-lights .hl-livequote b{font:400 14px/1.05 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#FF79C6;border:1px solid #FF79C6;border-radius:5px;padding:0 4px;background:transparent;white-space:nowrap}
.dc-lights .hl-livequote.is-stale b{color:#9AA7B5;border-color:#66717e}
.dc-lights [data-pop-error]{color:#d7dee7;font:500 14px/1.4 Inter,sans-serif;margin:0 0 8px}
.dc-lights .hl-remove{position:absolute;right:0;top:2px;bottom:auto;padding:0 3px!important;min-width:20px;line-height:16px!important;z-index:2}
[data-pop-pane=today] .hl-earnings{margin-right:24px}
[data-today-form]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px;padding:8px 10px;font:400 14px/1.3 Inter,sans-serif}
[data-today-form][hidden]{display:none!important}
[data-today-form] input{background:transparent;border:1px solid #657283;border-radius:5px;color:#fff;padding:5px;min-width:0;font:400 14px Inter,sans-serif}
[data-today-form] small{grid-column:1/-1;color:#9AA7B5;font:400 14px/1.3 Inter,sans-serif}
.lp-window-note{margin:0;padding:8px 10px;color:#d7dee7;border-bottom:1px solid #394450;font:400 14px/1.35 Inter,sans-serif}
.dc-lights-floating{position:fixed!important;right:12px;top:12px;width:min(575px,calc(100vw - 24px));height:min(1000px,calc(100vh - 24px));min-width:340px;min-height:250px;max-width:calc(100vw - 8px);max-height:calc(100vh - 8px);display:flex!important;flex-direction:column;resize:both;overflow:hidden;z-index:2147483000!important;background:#0e1216;border:1px solid #657283;border-radius:8px;box-shadow:0 12px 40px #0009}
.dc-lights-floating>header{display:flex;align-items:center;justify-content:space-between;flex:0 0 30px;padding:0 8px;font:500 14px Inter,sans-serif;color:#eef3f8;cursor:move;touch-action:none;border-bottom:1px solid #394450}
.dc-lights-floating>header button{background:transparent;color:#fff;border:0;font:500 20px Inter,sans-serif;cursor:pointer}
.dc-lights-floating>iframe{display:block!important;border:0;width:100%;min-height:0;flex:1;background:#0e1216}
@container(max-width:1450px){body:not(.lights-popout) .dc-lights .hl-row{grid-template-columns:minmax(0,1fr) 64px 100px;grid-template-areas:'id id pct' 'lights usd er';gap:3px 8px}body:not(.lights-popout) .dc-lights .hl-role span{display:none}}

.dc-lights-return{padding:16px;color:#d7dee7;font:400 14px/1.5 Inter,sans-serif}.dc-lights-return button{color:#fff;background:transparent;border:1px solid #657283;border-radius:5px;padding:5px 8px;font:500 14px Inter,sans-serif;cursor:pointer}