/* Put the action after the metrics, flush to the card's normal inner padding. */
.mlbb-data-site [data-draft-recommendations] .mlbb-rec-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) minmax(144px, 180px) 32px !important;
  column-gap: 10px !important;
  align-items: start;
  padding-inline: 10px !important;
}
.mlbb-data-site [data-draft-recommendations] .mlbb-rec-title {padding-right: 0 !important;}
.mlbb-data-site [data-draft-recommendations] .mlbb-rec-card > .mlbb-rec-breakdown {
  grid-column: 3 !important; grid-row: 1;
  min-width: 0;
}
.mlbb-data-site [data-draft-recommendations] .mlbb-rec-card > .mhq-rec-add {
  grid-column: 4 !important; grid-row: 1 !important;
  position: static !important; align-self: start; justify-self: end;
  display: grid; place-items: center; box-sizing: border-box;
  width: 32px; height: 32px; margin: 0 !important; padding: 0;
  border: 1px solid #377a5a; border-radius: 7px;
  color: #85edaf; background: #112c23; cursor: pointer;
  font: 600 21px/1 system-ui, sans-serif;
}
.mlbb-data-site [data-draft-recommendations] .mhq-rec-add:hover:not(:disabled) {background: #1d4533; border-color: #79dd9e;}
.mlbb-data-site [data-draft-recommendations] .mhq-rec-add:focus-visible {outline: 2px solid #9df6bd; outline-offset: 2px;}
.mlbb-data-site [data-draft-recommendations] .mhq-rec-add:disabled {opacity: .45; cursor: default;}
@media(max-width:820px) {
  .mlbb-data-site [data-draft-recommendations] .mlbb-rec-card {
    grid-template-columns: 54px minmax(0, 1fr) 34px !important;
    column-gap: 8px !important;
  }
  .mlbb-data-site [data-draft-recommendations] .mlbb-rec-card > .mhq-rec-add {
    grid-column: 3 !important; width: 34px; height: 34px;
  }
  .mlbb-data-site [data-draft-recommendations] .mlbb-rec-card > .mlbb-rec-breakdown {grid-column: 1 / -1 !important; grid-row: 2;}
}
.mlbb-data-site .mlbb-lane-dropzone[data-intent-slug],
.mlbb-data-site .mlbb-pick-slot[data-intent-slug] {
  cursor: grab; -webkit-user-select: none; user-select: none;
}
.mlbb-data-site .mlbb-lane-dropzone[data-intent-slug],
.mlbb-data-site .mlbb-pick-slot[data-intent-slug] > img,
.mlbb-data-site .mlbb-pick-slot[data-intent-slug] .mlbb-pick-title {
  touch-action: none; -webkit-touch-callout: none;
}
.mlbb-data-site .mlbb-lane-dropzone img, .mlbb-data-site .mlbb-pick-slot img {-webkit-user-drag: none;}
.mlbb-data-site .mlbb-pick-slot select,.mlbb-data-site .mlbb-pick-slot button {cursor: pointer;}
.mlbb-data-site .mlbb-draft-board.is-moving-hero, .mlbb-data-site .mlbb-draft-board.is-moving-hero * {cursor: grabbing !important;}
.mlbb-data-site .mlbb-lane-dropzone.is-drop-target {outline: 2px solid #71d7ff; outline-offset: -2px;}
.mlbb-data-site .mlbb-lane-dropzone.is-drop-target.is-filled {outline-color: #edc16b;}
.mlbb-data-site .is-drag-origin {opacity: .55;}
.mlbb-data-site .mlbb-drag-hero {
  position: fixed; top: 0; left: 0; z-index: 1000; pointer-events: none;
  display: flex; align-items: center; gap: 8px; padding: 5px 10px 5px 5px;
  border-radius: 8px; border: 1px solid #77d5ff; background: #112438;
  box-shadow: 0 4px 16px #0009; color: #fff; font: 700 13px/1.2 system-ui,sans-serif;
}
.mlbb-data-site .mlbb-drag-hero img {width: 25px; height: 25px; object-fit: cover; border-radius: 4px;}
.mlbb-data-site .mlbb-lane-inference[hidden] {display:none !important;}