/* MHQ MLBB Lab — Draft Helper v7 workspace UX */
.mlbb-data-site .mlbb-tool-main{padding-top:8px!important}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{
  min-height:0!important;
  padding:22px 0 16px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:20px!important;
  align-items:end!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero h1{
  margin:2px 0 7px!important;
  font-size:clamp(3rem,5vw,4.8rem)!important;
  line-height:.88!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-hero>div:first-child>p:last-child{
  max-width:760px!important;
  margin:0!important;
  font-size:.76rem!important;
  line-height:1.55!important;
  color:#8fa3b7!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{
  width:390px!important;
  max-width:100%!important;
  padding:9px!important;
  border:1px solid #263e56!important;
  border-radius:11px!important;
  background:#091521!important;
  box-shadow:none!important;
}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls label>span{font-size:.43rem!important;color:#6d849a!important}
.mlbb-data-site .mlbb-tool-main .mlbb-tool-controls .mlbb-select{height:42px!important}

/* Three-step orientation bar */
.mlbb-data-site .mlbb-draft-flow{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
.mlbb-data-site .mlbb-draft-flow>span{
  min-width:0!important;
  min-height:50px!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 10px!important;
  border:1px solid #21384e!important;
  border-radius:9px!important;
  background:#0a1622!important;
}
.mlbb-data-site .mlbb-draft-flow i{
  width:28px!important;height:28px!important;display:grid!important;place-items:center!important;
  border:1px solid #31526d!important;border-radius:7px!important;background:#102236!important;
  color:#65d8f6!important;font-style:normal!important;font:.62rem/1 "DM Sans",sans-serif!important;font-weight:900!important
}
.mlbb-data-site .mlbb-draft-flow b{display:block!important;color:#e7f0f7!important;font-size:.59rem!important;line-height:1.15!important}
.mlbb-data-site .mlbb-draft-flow small{display:block!important;margin-top:2px!important;color:#60778d!important;font-size:.4rem!important;line-height:1.2!important}

/* Draft board */
.mlbb-data-site .mlbb-draft-board{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)!important;gap:10px!important}
.mlbb-data-site .mlbb-team{border-radius:13px!important;background:#08131f!important;box-shadow:none!important}
.mlbb-data-site .mlbb-team-blue{border-color:#285b48!important;box-shadow:inset 0 1px 0 rgba(88,222,158,.08)!important}
.mlbb-data-site .mlbb-team-red{border-color:#62353d!important;box-shadow:inset 0 1px 0 rgba(255,103,115,.07)!important}
.mlbb-data-site .mlbb-team-blue .mlbb-team-head{background:linear-gradient(90deg,#0c2a20,#0b1a1b)!important}
.mlbb-data-site .mlbb-team-red .mlbb-team-head{background:linear-gradient(90deg,#31151b,#1c1117)!important}
.mlbb-data-site .mlbb-team-head{min-height:48px!important;padding:8px 11px!important}
.mlbb-data-site .mlbb-team-head span{font-size:.54rem!important}
.mlbb-data-site .mlbb-team-head strong{font-size:.52rem!important}

.mlbb-data-site .mlbb-team-lanes{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
  padding:9px!important;
  overflow:visible!important;
}
.mlbb-data-site .mlbb-team-lanes>span{
  min-width:0!important;
  min-height:76px!important;
  padding:7px!important;
  border-radius:8px!important;
}
.mlbb-data-site .mlbb-team-lanes>span>small{font-size:.34rem!important}
.mlbb-data-site .mlbb-team-lanes>span>b{font-size:.43rem!important}
.mlbb-data-site .mlbb-team-lanes>span>i{font-size:.29rem!important}
.mlbb-data-site .mlbb-team-lanes>span.is-filled>b img{width:25px!important;height:28px!important}
.mlbb-data-site .mlbb-team-lanes>span.is-missing:after{width:16px!important;height:16px!important;font-size:.56rem!important}

.mlbb-data-site .mlbb-team-need{
  min-height:30px!important;
  margin:0 9px 7px!important;
  padding:6px 8px!important;
  border-left-width:2px!important;
}
.mlbb-data-site .mlbb-team-need strong{font-size:.34rem!important}
.mlbb-data-site .mlbb-team-need span{font-size:.42rem!important}
.mlbb-data-site .mlbb-team-slots{gap:5px!important;padding:0 9px!important}
.mlbb-data-site .mlbb-team-slots .mlbb-pick-slot:not(.empty){min-height:50px!important;padding:5px!important}
.mlbb-data-site .mlbb-team-slots .mlbb-pick-slot img{width:38px!important;height:42px!important}
.mlbb-data-site .mlbb-add-pick{
  min-height:40px!important;
  width:calc(100% - 18px)!important;
  margin:7px 9px 9px!important;
  border-radius:8px!important;
  font-size:.62rem!important;
}
.mlbb-data-site .mlbb-team-blue .mlbb-add-pick{border-color:#2f7257!important;background:#0d3325!important;color:#8ee6bd!important}
.mlbb-data-site .mlbb-team-red .mlbb-add-pick{border-color:#7b3c48!important;background:#35161d!important;color:#ffabb3!important}
.mlbb-data-site .mlbb-team-blue .mlbb-add-pick:hover{background:#134632!important;color:#fff!important}
.mlbb-data-site .mlbb-team-red .mlbb-add-pick:hover{background:#48202a!important;color:#fff!important}
.mlbb-data-site .mlbb-draft-vs{margin-top:78px!important}
.mlbb-data-site .mlbb-draft-vs span{width:38px!important;height:38px!important}

/* Status + reset */
.mlbb-data-site .mlbb-draft-status-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin:9px 0 12px!important}
.mlbb-data-site .mlbb-draft-status-row .mlbb-draft-status{margin:0!important;min-height:38px!important}
.mlbb-data-site .mlbb-draft-reset{
  min-height:38px!important;padding:0 12px!important;border:1px solid #3d4d5e!important;border-radius:8px!important;
  background:#0c1722!important;color:#8da1b4!important;font-size:.54rem!important;font-weight:800!important;white-space:nowrap!important
}
.mlbb-data-site .mlbb-draft-reset:hover{border-color:#75505a!important;background:#211319!important;color:#ff9aa5!important}

/* Results hierarchy */
.mlbb-data-site .mlbb-tool-grid{grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr)!important;gap:10px!important}
.mlbb-data-site .mlbb-tool-panel{padding:13px!important;border-radius:12px!important}
.mlbb-data-site .mlbb-panel-head{margin-bottom:9px!important}
.mlbb-data-site .mlbb-panel-head h2{font-size:1.45rem!important}
.mlbb-data-site .mlbb-rec-explainer{margin:-2px 0 10px!important;color:#6f859a!important;font-size:.47rem!important;line-height:1.45!important}
.mlbb-data-site .mlbb-rec-explainer b{color:#9ec5d9!important}
.mlbb-data-site .mlbb-recommendations{display:grid!important;gap:7px!important}
.mlbb-data-site .mlbb-rec-card{border-radius:9px!important;padding:9px!important}
.mlbb-data-site .mlbb-rec-card:first-child{
  border-color:#4d9a73!important;
  background:linear-gradient(105deg,#0e2a20,#0d1c28)!important;
  box-shadow:inset 3px 0 0 #5ee0a0!important;
}
.mlbb-data-site .mlbb-rec-card:first-child .mlbb-rec-title a{font-size:1rem!important;color:#f4fff9!important}
.mlbb-data-site .mlbb-rec-card:first-child>img{width:62px!important;height:70px!important}
.mlbb-data-site .mlbb-rec-breakdown{gap:5px!important}
.mlbb-data-site .mlbb-rec-breakdown>span{padding:6px!important;border-radius:6px!important;background:#0a1521!important}
.mlbb-data-site .mlbb-rec-breakdown strong{font-size:.72rem!important}
.mlbb-data-site .mlbb-ban-block{margin-top:10px!important;padding-top:10px!important}
.mlbb-data-site .mlbb-comparison-panel{margin-top:10px!important}

/* Picker: sticky search, all lane buttons visible, faster scanning */
.mlbb-data-site .mlbb-picker-card{background:#07111c!important}
.mlbb-data-site .mlbb-picker-head{position:sticky!important;top:0!important;z-index:5!important}
.mlbb-data-site .mlbb-picker-toolbar{
  position:sticky!important;top:67px!important;z-index:4!important;
  grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr)!important;
  border-bottom:1px solid #1e3449!important;
}
.mlbb-data-site .mlbb-picker-lanes{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important}
.mlbb-data-site .mlbb-picker-lanes button{min-width:0!important;min-height:40px!important;padding:4px 6px!important;font-size:.48rem!important}
.mlbb-data-site .mlbb-picker-group-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.mlbb-data-site .mlbb-picker-hero{min-height:62px!important}

@media(max-width:1100px){
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{grid-template-columns:1fr!important;align-items:start!important}
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{width:min(520px,100%)!important}
  .mlbb-data-site .mlbb-draft-board{grid-template-columns:1fr!important}
  .mlbb-data-site .mlbb-draft-vs{margin:0!important;min-height:28px!important}
  .mlbb-data-site .mlbb-tool-grid{grid-template-columns:1fr!important}
}

@media(max-width:820px){
  .mlbb-data-site .mlbb-tool-main{padding-top:4px!important}
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero{padding:14px 0 10px!important;gap:10px!important}
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero h1{font-size:clamp(2.7rem,11vw,3.7rem)!important}
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-hero>div:first-child>p:last-child{font-size:.66rem!important;line-height:1.45!important}
  .mlbb-data-site .mlbb-draft-flow{gap:5px!important;margin-bottom:8px!important}
  .mlbb-data-site .mlbb-draft-flow>span{min-height:46px!important;grid-template-columns:24px minmax(0,1fr)!important;padding:6px!important;gap:6px!important}
  .mlbb-data-site .mlbb-draft-flow i{width:24px!important;height:24px!important;font-size:.52rem!important}
  .mlbb-data-site .mlbb-draft-flow b{font-size:.49rem!important}
  .mlbb-data-site .mlbb-draft-flow small{font-size:.34rem!important}
  .mlbb-data-site .mlbb-team-lanes{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;padding:7px!important;gap:4px!important}
  .mlbb-data-site .mlbb-team-lanes>span{min-height:68px!important;padding:5px!important}
  .mlbb-data-site .mlbb-team-lanes>span>small{font-size:.29rem!important;padding-right:10px!important}
  .mlbb-data-site .mlbb-team-lanes>span>b{font-size:.36rem!important}
  .mlbb-data-site .mlbb-team-lanes>span>i{display:none!important}
  .mlbb-data-site .mlbb-team-lanes>span.is-filled>b{display:grid!important;justify-items:start!important;gap:2px!important}
  .mlbb-data-site .mlbb-team-lanes>span.is-filled>b img{width:25px!important;height:27px!important}
  .mlbb-data-site .mlbb-team-lanes>span.is-missing:after{right:4px!important;bottom:4px!important;width:14px!important;height:14px!important}
  .mlbb-data-site .mlbb-team-need{margin:0 7px 6px!important;padding:5px 6px!important}
  .mlbb-data-site .mlbb-team-need span{font-size:.37rem!important}
  .mlbb-data-site .mlbb-team-slots{grid-template-columns:1fr 1fr!important;padding:0 7px!important}
  .mlbb-data-site .mlbb-add-pick{width:calc(100% - 14px)!important;margin:6px 7px 7px!important}
  .mlbb-data-site .mlbb-draft-status-row{grid-template-columns:1fr auto!important;margin:7px 0 9px!important}
  .mlbb-data-site .mlbb-draft-status-row .mlbb-draft-status>span:last-child{display:none!important}
  .mlbb-data-site .mlbb-picker{width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important}
  .mlbb-data-site .mlbb-picker-card{height:100dvh!important;max-height:100dvh!important}
  .mlbb-data-site .mlbb-picker-head{padding:10px!important}
  .mlbb-data-site .mlbb-picker-toolbar{top:58px!important;grid-template-columns:1fr!important;padding:7px!important;gap:7px!important}
  .mlbb-data-site .mlbb-picker-lanes{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:3px!important}
  .mlbb-data-site .mlbb-picker-lanes button{min-height:38px!important;padding:3px!important;font-size:.4rem!important}
  .mlbb-data-site .mlbb-picker-lanes button.is-needed:after{display:none!important}
  .mlbb-data-site .mlbb-picker-grid{padding:7px!important}
  .mlbb-data-site .mlbb-picker-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
  .mlbb-data-site .mlbb-picker-hero{min-height:58px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:6px!important;padding:5px!important}
  .mlbb-data-site .mlbb-picker-hero img{width:40px!important;height:45px!important}
  .mlbb-data-site .mlbb-rec-card:first-child>img{width:54px!important;height:62px!important}
}

@media(max-width:480px){
  .mlbb-data-site .mlbb-tool-main .mlbb-tool-controls{grid-template-columns:1fr 1fr!important;padding:7px!important}
  .mlbb-data-site .mlbb-draft-flow small{display:none!important}
  .mlbb-data-site .mlbb-team-head{min-height:44px!important}
  .mlbb-data-site .mlbb-team-lanes>span{min-height:62px!important}
  .mlbb-data-site .mlbb-team-lanes>span>small{font-size:.26rem!important}
  .mlbb-data-site .mlbb-team-lanes>span>b{font-size:.31rem!important}
  .mlbb-data-site .mlbb-team-lanes>span.is-filled>b em{max-width:46px!important}
  .mlbb-data-site .mlbb-team-slots{grid-template-columns:1fr!important}
  .mlbb-data-site .mlbb-draft-reset{padding:0 9px!important;font-size:.48rem!important}
  .mlbb-data-site .mlbb-rec-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(prefers-reduced-motion:reduce){.mlbb-data-site .mlbb-team-lanes>span,.mlbb-data-site .mlbb-picker-hero{transition:none!important}}