/* DASM R8.73 LIVE — player availability */
.pa-name-inline{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%;vertical-align:middle}
.pa-name-inline>b,.pa-name-inline>strong{min-width:0}
.pa-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex:0 0 auto!important;margin:0!important;padding:2px 6px!important;min-width:0!important;min-height:0!important;height:auto!important;border:1px solid currentColor!important;border-radius:999px!important;font-family:inherit!important;font-size:10px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.01em!important;white-space:nowrap!important;text-transform:none!important;box-shadow:none!important}
button.pa-badge{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;touch-action:manipulation!important}
.pa-badge.pa-d{color:#9a6400!important;background:#fff7da!important}.pa-badge.pa-i{color:#b3262d!important;background:#fff0f1!important}.pa-badge.pa-s{color:#6c48a8!important;background:#f6f0ff!important}.pa-badge.pa-o{color:#5b6670!important;background:#eef1f3!important}
button.pa-badge:focus-visible{outline:2px solid #087656!important;outline-offset:2px!important}
.pa-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:8px 0 12px;padding:8px 10px;border:1px solid #d7e2e6;border-radius:10px;background:#f8fbfc;color:#4d6872;font-size:11px}
.pa-legend strong{color:#173f4c}.pa-legend span{display:inline-flex;align-items:center;gap:4px}.pa-legend .pa-badge{margin:0!important}
.pa-out-row{opacity:.72}

.player-table td[data-label="Player"]>.pa-name-inline{max-width:100%}

.pa-popover{position:fixed;z-index:2147483000;width:min(320px,calc(100vw - 20px));padding:12px 13px;border:1px solid #cbd9de;border-radius:13px;background:#fff;color:#1d3f4b;box-shadow:0 12px 34px rgba(18,49,61,.22);font-size:12px;line-height:1.35}
.pa-popover[hidden]{display:none!important}
.pa-pop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:7px}
.pa-pop-head>div{display:flex;align-items:center;gap:7px;min-width:0}.pa-pop-head>div>b{font-size:14px;color:#173b4a;overflow-wrap:anywhere}
.pa-pop-close{appearance:none;border:0;background:transparent;color:#607984;font:700 22px/1 system-ui;padding:0 2px;min-width:24px;min-height:24px;cursor:pointer}
.pa-pop-status{display:block;color:#173f4c;margin-bottom:5px;font-size:12px}
.pa-popover p{margin:0 0 8px;color:#48636e}
.pa-pop-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:7px;border-top:1px solid #e6edef;color:#778b93;font-size:10px}

@media(max-width:760px){
  .pa-legend{gap:5px 9px;font-size:10px}
  .pa-badge{font-size:9px!important;padding:2px 5px!important}
  .pa-name-inline{gap:4px}
  .pa-popover{font-size:11px}
}

/* Teams tab: keep availability beside the ownership/player-name target without changing the six-column squad grid. */
#view-teams .squad-row>.pa-name-inline{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}
#view-teams .squad-row>.pa-name-inline>.team-player-owner-link{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#view-teams .squad-row>.pa-name-inline>.pa-badge{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:4!important;
}
#view-teams .teams-toolbar+.pa-legend{
  margin-top:6px!important;
  margin-bottom:10px!important;
}
@media(min-width:761px) and (max-width:1366px){
  #view-teams .squad-row>.pa-name-inline>.pa-badge{
    font-size:8px!important;
    padding:1px 4px!important;
  }
}
@media(max-width:760px){
  #view-teams .squad-row>.pa-name-inline{gap:3px!important}
  #view-teams .squad-row>.pa-name-inline>.pa-badge{
    font-size:8px!important;
    padding:1px 4px!important;
  }
}

/* iPad/tablet landscape: keep the status legend on one compact line. */
@media(min-width:900px) and (orientation:landscape){
  .pa-legend{
    flex-wrap:nowrap!important;
    gap:5px 10px!important;
    padding:7px 10px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .pa-legend>strong{flex:0 0 auto!important}
  .pa-legend>span{
    flex:0 1 auto!important;
    min-width:0!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  .pa-legend .pa-badge{
    font-size:9px!important;
    padding:1px 5px!important;
  }
}

