/* Shared account-specific blocking controls for desktop, iOS and Android. */
.account-blocked-list-control { grid-column: 1 / -1; width: 100%; min-width: 0; margin: 18px 0; box-sizing: border-box; }
.player-profile-block-tools { display: grid; grid-template-columns: minmax(0,1fr); gap: 10px; margin: 14px 0 20px; min-width: 0; }
.player-profile-block-tools p { grid-column: 1/-1; margin: 0; font-size: clamp(13px,2.8vw,17px); line-height: 1.4; color: #d4d1c9; overflow-wrap: anywhere; }
.player-profile-block-tools button { min-width: 0; width: 100%; white-space: normal; overflow-wrap: anywhere; font-size: clamp(14px,3vw,20px); padding: 12px 8px; }
#blocked-profiles-modal .blocked-profiles-card { width: min(680px,calc(100vw - 28px)); max-width: 100%; box-sizing: border-box; }
#blocked-profiles-modal .account-title { padding-inline-end: 48px; font-size: clamp(23px,6vw,36px); overflow-wrap: anywhere; }
#blocked-player-list { display: grid; gap: 10px; margin: 16px 0; min-width: 0; }
#blocked-player-list .blocked-player-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-width: 0; padding: 14px; border: 1px solid #454951; border-radius: 12px; background: #1c2028; color: #fff; text-align: start; font: inherit; cursor: pointer; }
#blocked-player-list .blocked-player-row span:first-child { min-width: 0; overflow-wrap: anywhere; }
#blocked-player-list .blocked-player-empty { color: #d4d1c9; overflow-wrap: anywhere; line-height: 1.4; }
#blocked-profiles-back { width: 100%; white-space: normal; overflow-wrap: anywhere; }
@media (orientation: landscape) and (max-height: 560px) { .player-profile-block-tools { margin: 8px 0 12px; } .player-profile-block-tools button { padding: 8px; } #blocked-profiles-modal .blocked-profiles-card { width: min(680px,calc(100vw - 40px)); } }

#player-profile-modal #player-profile-block-toggle[data-block-action="block"] { background: linear-gradient(180deg,#c81425 0%,#8f0c19 44%,#09090c 100%) !important; color: #fff; border-color: #e4e4e4; }

/* Match the shared CPL split-color controls while filling the account form. */
#account-signup-card #account-blocked-list {
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  white-space: normal;
  overflow-wrap: anywhere;
  background: var(--cpl-control-red-blue) !important;
  border-color: rgba(255,255,255,.86);
  color: #fff;
}
#blocked-profiles-modal #blocked-profiles-back {
  background: var(--cpl-control-blue-red) !important;
  border-color: rgba(255,255,255,.86);
  color: #fff;
}

/* Inline unblock: select a row to reveal its blue Unblock control. */
#blocked-player-list .blocked-player-row { padding: 6px; gap: 6px; }
#blocked-player-list .blocked-player-select { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; min-height: 44px; width: 100%; padding: 8px; border: 0; background: transparent; color: inherit; text-align: start; font: inherit; cursor: pointer; }
#blocked-player-list .blocked-player-arrow { flex: 0 0 auto; }
#blocked-player-list .blocked-player-remove { flex: 0 0 auto; width: auto; min-width: 96px; min-height: 44px; padding: 10px 12px; border: 2px solid rgba(255,255,255,.86); border-radius: 8px; background: var(--cpl-control-blue); color: #fff; font: inherit; font-size: clamp(14px,2.8vw,18px); font-weight: 900; white-space: nowrap; cursor: pointer; }
#blocked-player-list button:disabled { cursor: wait; opacity: .7; }

#player-profile-modal #player-profile-block-toggle[data-block-confirm="true"] { background: var(--cpl-control-red-blue) !important; }

#player-profile-modal #player-profile-block-toggle[data-block-saving="true"] { background: var(--cpl-control-blue) !important; }