/* Boothby On Air v8.1 compact presentation: does not alter the site header/footer. */
.cdj-console{gap:8px!important;padding:clamp(8px,1.1vw,15px)!important}
.cdj-console>.cdj-screen{padding:clamp(12px,1.4vw,20px)!important;background:linear-gradient(125deg,rgba(11,22,43,.86),rgba(18,13,38,.78))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cdj-screen .v20-levels{margin-bottom:8px!important}
.bws70-compact-top{display:grid;grid-template-columns:minmax(235px,.8fr) minmax(0,1.8fr);gap:clamp(12px,1.7vw,24px);align-items:stretch;margin:8px 0 12px}
.bws70-compact-left{min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:space-between}
.bws70-compact-left .cdj-track{display:flex!important;align-items:center!important;min-width:0;margin:0!important;padding:0!important;border:0!important}
.bws70-compact-left .cdj-track>img{width:52px!important;height:52px!important;flex-basis:52px!important}
.bws70-compact-left .cdj-ident{overflow:hidden!important}
.bws70-compact-left .cdj-ident h2{font-size:clamp(18px,1.9vw,26px)!important;line-height:1.25!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important}
.bws70-title-run{display:inline-block;white-space:nowrap;min-width:100%}
.bws70-title-run.is-long{animation:bws70-marquee var(--bws70-scroll-duration,14s) linear infinite alternate}
@keyframes bws70-marquee{0%,12%{transform:translateX(0)}88%,100%{transform:translateX(var(--bws70-scroll-distance,0px))}}
@media(prefers-reduced-motion:reduce){.bws70-title-run.is-long{animation:none!important;text-overflow:ellipsis;overflow:hidden;max-width:100%}}
.bws70-compact-left .cdj-screen-top{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important;align-items:center!important}
.bws70-compact-left .onair-inline-transport{margin:0!important;display:flex!important;gap:7px!important}
.bws70-compact-left .cdj-format{font-size:10px!important}
.bws70-compact-viz{position:relative;min-width:0;min-height:160px;max-height:245px;overflow:hidden;border-radius:13px;border:1px solid rgba(75,214,251,.48);background:rgba(4,12,26,.8);box-shadow:inset 0 0 25px rgba(7,50,87,.55)}
.bws70-compact-viz canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.bws70-compact-viz-label{position:absolute;left:12px;top:9px;z-index:1;color:#a6eaf7;font:700 10px ui-monospace,monospace;letter-spacing:.12em;pointer-events:none;text-shadow:0 1px 5px #000}
/* Retain deck DOM and state bindings, but hide duplicate visible panels. */
.cdj-screen .bws51-dual{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;pointer-events:none!important;margin:0!important;padding:0!important;min-height:0!important}
.cdj-screen .cdj-times{margin:7px 0!important;gap:8px!important}
.cdj-screen .cdj-time-cell{padding:9px 12px!important;background:rgba(7,20,40,.55)!important;backdrop-filter:blur(7px)}
.cdj-screen .onair-track-clock{margin:8px 0!important}
.cdj-screen .cdj-progress{margin:7px 0!important}
.cdj-screen #verifiedBadges{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:8px 0 2px!important}
.cdj-console>.setlist{background:linear-gradient(130deg,rgba(9,20,39,.75),rgba(21,13,40,.7))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cdj-console>.setlist .set-head{padding:9px 15px!important}
.cdj-console>.setlist #playlist{min-height:190px!important;max-height:330px!important}
@media(max-width:800px){.bws70-compact-top{grid-template-columns:minmax(0,1fr)}.bws70-compact-viz{height:170px;min-height:170px}.bws70-compact-left{gap:8px}.bws70-compact-left .cdj-screen-top{justify-content:space-between}}
@media(max-width:460px){.bws70-compact-viz{height:125px;min-height:125px}.bws70-compact-left .cdj-track>img{width:42px!important;height:42px!important;flex-basis:42px!important}.bws70-compact-left .onair-inline-transport{width:auto!important}.cdj-screen .cdj-time-cell{padding:8px 5px!important}}

/* v8.1 spacing refinement: preserve existing frequency canvas and audio bindings. */
.bws70-compact-viz-label{display:none!important}
.cdj-console{padding:clamp(7px,.85vw,12px)!important;gap:6px!important}
.cdj-console>.cdj-screen{padding:clamp(9px,1vw,15px)!important}
.cdj-screen .v20-levels{margin-bottom:5px!important}
.bws70-compact-top{grid-template-columns:minmax(240px,.9fr) minmax(0,1.65fr)!important;gap:clamp(9px,1.1vw,16px)!important;margin:4px 0 7px!important;align-items:center!important}
.bws70-compact-left{gap:7px!important;justify-content:center!important}
.bws70-compact-left .cdj-ident h2{font-size:clamp(16px,1.45vw,21px)!important}
.bws70-compact-left .cdj-ident p{font-size:clamp(11px,.95vw,13px)!important;margin:2px 0!important}
.bws70-compact-left .cdj-track>img{width:44px!important;height:44px!important;flex-basis:44px!important}
.bws70-compact-left .cdj-screen-top{gap:6px!important;padding:0!important}
.bws70-compact-left .onair-inline-transport{gap:5px!important}
.bws70-compact-left .onair-inline-transport button{padding:7px 10px!important;font-size:clamp(10px,.85vw,12px)!important;min-height:32px!important}
.bws70-compact-left .cdj-track-actions{gap:5px!important}
.bws70-compact-viz{height:clamp(115px,11.8vw,165px)!important;min-height:115px!important;max-height:165px!important;border-radius:9px!important}
.cdj-screen .cdj-times{margin:5px 0!important;gap:6px!important}
.cdj-screen .cdj-time-cell{padding:6px 8px!important;min-height:0!important}
.cdj-screen .cdj-time-cell span:not(.cdj-time-label){font-size:clamp(13px,1.3vw,18px)!important}
.cdj-screen .onair-track-clock{margin:5px 0!important;padding:6px 9px!important}
.cdj-screen .cdj-progress{margin:5px 0!important;height:7px!important}
.cdj-screen #verifiedBadges{gap:5px!important;margin:5px 0 0!important}
.cdj-screen #verifiedBadges>*{font-size:10px!important;padding:3px 6px!important}
.cdj-console>.setlist .set-head{padding:7px 12px!important}
.cdj-console>.setlist .set-head h2{font-size:clamp(13px,1.1vw,16px)!important;margin:0!important}
.cdj-console>.setlist .library-kicker{font-size:9px!important}
.cdj-console>.setlist #playlist{min-height:155px!important;max-height:270px!important}
.cdj-console>.setlist .library-tools{padding-block:6px!important}
@media(max-width:800px){.bws70-compact-top{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}.bws70-compact-viz{height:135px!important;min-height:135px!important;max-height:135px!important}.bws70-compact-left{gap:6px!important}}
@media(max-width:460px){.bws70-compact-viz{height:110px!important;min-height:110px!important;max-height:110px!important}.bws70-compact-left .cdj-track>img{width:38px!important;height:38px!important;flex-basis:38px!important}.bws70-compact-left .onair-inline-transport button{padding:6px 8px!important}.cdj-screen .cdj-time-cell{padding:5px 4px!important}.cdj-console>.setlist #playlist{min-height:145px!important}}

/* Compact transport alignment retained after removing bass/treble meters */
/* v8.1 alignment and meter refinement */
.bws70-compact-left .cdj-screen-top{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}
.bws70-compact-left .onair-inline-transport{display:flex!important;align-items:stretch!important;gap:8px!important;width:100%!important}
.bws70-compact-left .onair-inline-transport button{flex:1 1 0!important;min-width:0!important;min-height:38px!important;line-height:1.15!important;text-align:center!important;white-space:nowrap!important}
.bws70-compact-left .cdj-track-actions{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
.bws70-compact-left .onair-share-drop-row button{min-height:36px!important}
.cdj-screen .cdj-label:empty,.cdj-strip strong:empty,.library-random:empty{display:none!important}
@media(max-width:600px){.bws70-compact-left .onair-inline-transport button{font-size:11px!important;padding:8px 5px!important}}


/* v8.1 audio metadata: centered, neatly wrapped, no extension/codec display. */
.cdj-screen #verifiedBadges{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:6px!important;margin:8px auto 4px!important;
  width:100%!important;max-width:100%!important;
}
.cdj-screen #verifiedBadges .signal-tag{
  flex:0 0 auto!important;max-width:100%;text-align:center!important;
  font-size:clamp(10px,1vw,12px)!important;line-height:1.25!important;
  padding:5px 9px!important;
}
@media(max-width:590px){.cdj-screen #verifiedBadges{gap:5px!important}.cdj-screen #verifiedBadges .signal-tag{font-size:10px!important;padding:4px 7px!important}}
