/* dsg-trader-chiprow v1 (2026-10-01) - see dsg-trader-chiprow.js */
nav.trader-tabs[data-chiprow="solo"]:not([data-chiprow-open]) > a:not([data-chiprow-hub]):not([data-chiprow-current]){display:none!important}
nav.trader-tabs[data-chiprow="solo"]:not([data-chiprow-open]) > a.dsg-chiprow-openhub{display:none!important}
nav.trader-tabs[data-chiprow="solo"] > a[data-chiprow-hub]::after{content:"\25BE";display:inline-block;margin-left:6px;font-size:10px;line-height:1;opacity:.8;transition:transform .15s}
nav.trader-tabs[data-chiprow="solo"][data-chiprow-open] > a[data-chiprow-hub]::after{transform:rotate(180deg)}
nav.trader-tabs[data-chiprow="solo"] > a[data-chiprow-hub]{cursor:pointer}
nav.trader-tabs > a.dsg-chiprow-openhub{background:transparent!important;border:1px dashed rgba(125,211,252,.45)!important;color:#7dd3fc!important;box-shadow:none!important}
nav.trader-tabs > a.dsg-chiprow-openhub:hover{border-style:solid!important}
/* v2: Setup Trainer grid (section.dsgc-traders) */
section.dsgc-traders[data-chiprow="solo"]:not([data-chiprow-open]) .dsgc-tt > a:not([data-chiprow-hub]):not([data-chiprow-current]){display:none!important}
section.dsgc-traders[data-chiprow="solo"]:not([data-chiprow-open]) .dsgc-tt-head{display:none!important}
section.dsgc-traders[data-chiprow="solo"]:not([data-chiprow-open]) .dsgc-tt{display:flex!important;flex-wrap:wrap;gap:8px}
section.dsgc-traders[data-chiprow="solo"] .dsgc-tt > a[data-chiprow-hub]{cursor:pointer;justify-content:center}
section.dsgc-traders[data-chiprow="solo"] .dsgc-tt > a[data-chiprow-hub]::after{content:"\25BE";display:inline-block;margin-left:6px;font-size:10px;line-height:1;opacity:.8;transition:transform .15s}
section.dsgc-traders[data-chiprow="solo"][data-chiprow-open] .dsgc-tt > a[data-chiprow-hub]::after{transform:rotate(180deg)}
/* v3: trader header buttons on the h1 row (see dsg-trader-chiprow.js v3) */
.dsg-hdr-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 8px}
.dsg-hdr-row > h1{margin:0!important;flex:0 1 auto;min-width:0}
.dsg-hdr-row > .toolbar.dsg-hdr-btns{margin:0!important;flex:1 1 360px;min-width:0}
/* v4/v5 (2026-10-02): LOOK-bar pill look for the whole Playbook Hub row + trading-style dropdown buttons
   (see dsg-trader-chiprow.js v5; tags in /dev/playbook-styles.json). Pill metrics copied from the LOOK bar
   (.look-switch a: radius 999px, padding 4px 10px, system-ui 11px/600; active #2563eb + white). Same dark pills in every theme,
   like the LOOK bar itself. !important because each page carries its own inline trader-tabs colours. */
nav.trader-tabs > a,nav.trader-tabs .dsg-sf-dd > button{display:inline-flex!important;align-items:center;gap:6px;border-radius:999px!important;padding:4px 10px!important;font-family:system-ui,sans-serif!important;font-size:11px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:normal!important;background:#0b1424!important;background-image:none!important;border:1px solid rgba(96,165,250,.32)!important;color:#e8f0fb!important;opacity:1!important;box-shadow:none!important;text-decoration:none!important;transform:none!important;transition:border-color .15s,background-color .15s,color .15s}
nav.trader-tabs > a:hover,nav.trader-tabs .dsg-sf-dd > button:hover{border-color:#60a5fa!important;color:#fff!important;background:#0f1d34!important}
nav.trader-tabs > a.on,nav.trader-tabs .dsg-sf-dd > button[aria-expanded="true"]{background:#2563eb!important;border-color:transparent!important;color:#fff!important}
nav.trader-tabs > a .tnum{display:inline-block;margin:0!important;padding:0 5px!important;border-radius:999px!important;font:700 10px/1.5 "IBM Plex Mono",ui-monospace,monospace!important;color:#bfdbfe!important;background:rgba(37,99,235,.28)!important;border:0!important;opacity:1!important}
nav.trader-tabs > a.on .tnum{color:#1d4ed8!important;background:#fff!important}
nav.trader-tabs > a.dsg-chiprow-openhub{border-style:dashed!important;color:#93c5fd!important;background:transparent!important}
nav.trader-tabs > a.dsg-chiprow-openhub:hover{border-style:solid!important}
nav.trader-tabs > a:focus-visible,nav.trader-tabs .dsg-sf-dd > button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}
nav.trader-tabs > .dsg-sf-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 8px 0 0}
nav.trader-tabs .dsg-sf-dd{position:relative;display:inline-flex}
nav.trader-tabs .dsg-sf-dd > button{appearance:none;-webkit-appearance:none;cursor:pointer;margin:0}
nav.trader-tabs .dsg-sf-dd > button::after{content:"\25BE";margin-left:2px;font-size:9px;line-height:1;transition:transform .15s}
nav.trader-tabs .dsg-sf-dd.open > button::after{transform:rotate(180deg)}
nav.trader-tabs .dsg-sf-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;min-width:190px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:6px;background:#0b1424;border:1px solid rgba(96,165,250,.45);border-radius:12px;box-shadow:0 12px 32px rgba(2,6,23,.55)}
nav.trader-tabs .dsg-sf-panel[hidden]{display:none!important}
nav.trader-tabs .dsg-sf-panel > a{display:flex!important;align-items:center;gap:8px;padding:6px 10px!important;border-radius:8px!important;font:600 12px/1.4 system-ui,sans-serif!important;color:#e8f0fb!important;background:transparent!important;border:0!important;text-decoration:none!important;white-space:nowrap;box-shadow:none!important;transform:none!important}
nav.trader-tabs .dsg-sf-panel > a:hover,nav.trader-tabs .dsg-sf-panel > a:focus-visible{background:#2563eb!important;color:#fff!important;outline:none}
nav.trader-tabs .dsg-sf-panel .dsg-sf-num{display:inline-block;min-width:30px;padding:0 5px;border-radius:999px;font:700 10px/1.5 "IBM Plex Mono",ui-monospace,monospace;color:#bfdbfe;background:rgba(37,99,235,.28);text-align:center}
nav.trader-tabs .dsg-sf-panel > a:hover .dsg-sf-num,nav.trader-tabs .dsg-sf-panel > a:focus-visible .dsg-sf-num{color:#1d4ed8;background:#fff}
nav.trader-tabs .dsg-sf-none{padding:6px 10px;font:italic 500 12px/1.4 system-ui,sans-serif;color:#cbd5e1;white-space:nowrap}
nav.trader-tabs[data-chiprow="solo"]:not([data-chiprow-open]) > .dsg-sf-bar{display:none!important}
