/* Admin pick cards visually mirror the compact member dashboard cards.
   This is intentionally route-scoped so member pages are untouched. */

.ww-admin-route .rounded-2xl.border-2 {
  border-width: 1px !important;
  border-color: rgba(71, 85, 105, 0.42) !important;
  border-radius: 0.75rem !important;
  background: rgba(32, 38, 49, 0.96) !important;
  box-shadow: none !important;
}

/* Remove the old colored rail and the oversized Pick X of Y banner. */
.ww-admin-route .rounded-2xl.border-2 > .absolute.inset-y-0.left-0 {
  display: none !important;
}
.ww-admin-route .rounded-2xl.border-2 > div:nth-child(2) {
  display: none !important;
}

/* Match member-card density. */
.ww-admin-route .rounded-2xl.border-2 > .p-4,
.ww-admin-route .rounded-2xl.border-2 > .md\:p-5 {
  padding: 0.75rem !important;
}
.ww-admin-route .rounded-2xl.border-2 .mb-4.flex.items-start.justify-between {
  margin-bottom: 0.5rem !important;
  padding-left: 0 !important;
  gap: 0.75rem !important;
}

/* Pick is the visual focus, just like member dashboard. */
.ww-admin-route .rounded-2xl.border-2 .text-lg.font-bold {
  color: rgb(248 250 252) !important;
  font-size: 1rem !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}
.ww-admin-route .rounded-2xl.border-2 .text-xs.text-muted-foreground {
  color: rgb(148 163 184) !important;
}

/* Odds/units and dropdown stay clean and compact. */
.ww-admin-route .rounded-2xl.border-2 button.rounded-full {
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-color: rgba(245, 158, 11, 0.55) !important;
  background: rgba(245, 158, 11, 0.07) !important;
  color: rgb(251 191 36) !important;
}
.ww-admin-route .rounded-2xl.border-2 .tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Expanded admin controls remain available, but use the same inset-card language. */
.ww-admin-route .rounded-2xl.border-2 .rounded-xl {
  border-color: rgba(71, 85, 105, 0.38) !important;
}
.ww-admin-route .rounded-2xl.border-2 .grid.rounded-xl {
  background: rgba(255, 255, 255, 0.025) !important;
}

/* Mobile: member dashboard proportions and breathing room. */
@media (max-width: 640px) {
  .ww-admin-route .rounded-2xl.border-2 {
    border-radius: 0.75rem !important;
  }
  .ww-admin-route .rounded-2xl.border-2 > .p-4,
  .ww-admin-route .rounded-2xl.border-2 > .md\:p-5 {
    padding: 0.75rem !important;
  }
  .ww-admin-route .rounded-2xl.border-2 .mb-4.flex.items-start.justify-between {
    align-items: flex-start !important;
  }
}