/* Crown247 staff panel — low, uniform corner radius (cards + buttons same). */
:root {
  --staff-radius: 3px;
}

/* Tailwind radius utilities → one shared small radius */
#root .rounded,
#root .rounded-sm,
#root .rounded-md,
#root .rounded-lg,
#root .rounded-xl,
#root .rounded-2xl,
#root .rounded-3px,
#root .rounded-\[4px\],
#root .rounded-\[6px\],
#root .rounded-\[8px\],
#root .rounded-\[10px\],
#root .rounded-\[12px\],
#root .rounded-\[16px\],
#root .rounded-\[20px\] {
  border-radius: var(--staff-radius) !important;
}

/* Keep true circles only for avatars / icon pills */
#root .rounded-full {
  border-radius: 9999px !important;
}

/* Buttons, inputs, cards — same radius everywhere in staff UI */
#root button,
#root .btn,
#root .btn-sm,
#root .btn-lg,
#root [type="button"],
#root [type="submit"],
#root [type="reset"],
#root [role="button"],
#root a.btn,
#root input:not([type="checkbox"]):not([type="radio"]),
#root select,
#root textarea,
#root .form-control,
#root .card,
#root .modal-content,
#root .dropdown-menu,
#root .alert,
#root .badge:not(.rounded-full),
#root .nav-pills .nav-link,
#root .list-group-item,
#root .table,
#root [class*="Card"],
#root [class*="card"],
#root [class*="Button"],
#root [class*="button"] {
  border-radius: var(--staff-radius) !important;
}

/* Legacy bootstrap / style.css overrides used by staff shell */
.submit-btn,
.login-box,
.box,
.form-box,
.mid-box,
.wallet-form input.form-control,
.navbar {
  border-radius: var(--staff-radius) !important;
}

/* React inline styles (dashboard filter card, inputs, buttons) */
#root [style*="border-radius"] {
  border-radius: var(--staff-radius) !important;
}

/* Dashboard / table white panels */
#root main .bg-white,
#root main [class*="shadow"] {
  border-radius: var(--staff-radius) !important;
}

/* Table text — keep left aligned */
#root table th,
#root table td,
#root .dash-table-row td,
#root .dash-table-row th {
  text-align: left !important;
  vertical-align: middle !important;
}

#root table th:first-child,
#root table td:first-child,
#root table th:last-child,
#root table td:last-child {
  text-align: left !important;
}

/* Dashboard sport pills + action chips */
#root .dash-sport-pill,
#root .dash-checkbox {
  border-radius: var(--staff-radius) !important;
}