/* Mi5 GR Leagues – Styling (Corrected selectors)
   Applies to Mi5 output cards + tables.
*/

/* Main card wrapper for all shortcodes */
.mi5-cls-card{
  background: linear-gradient(180deg, #0c1319 0%, #070b0f 100%) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.45) !important;
}

/* Kill any theme/SportsPress white panel wrappers inside Mi5 cards */
.mi5-cls-card .sp-table-wrapper,
.mi5-cls-card .sp-responsive-table,
.mi5-cls-card .sp-data-table,
.mi5-cls-card .mi5-cls-table-wrap{
  background: transparent !important;
  border: none !important;
}

/* Tables */
.mi5-cls-card table,
.mi5-cls-card .mi5-cls-table{
  background: transparent !important;
}

/* Headers */
.mi5-cls-card th{
  background: rgba(255,255,255,0.05) !important;
  color: #e6e6e6 !important;
}

/* Cells */
.mi5-cls-card td{
  color: #ffffff !important;
}

/* Controls */
.mi5-cls-card select,
.mi5-cls-card button,
.mi5-cls-card input[type="text"],
.mi5-cls-card input[type="search"]{
  background: #0e151c !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}

/* Notices */
.mi5-cls-notice{
  border-radius: 12px !important;
}
.mi5-cls-notice.mi5-cls-warn{
  background: rgba(255,193,7,0.18) !important;
  color: #ffd36a !important;
  border: 1px solid rgba(255,193,7,0.35) !important;
}


/* ===============================
   vς FIX: Table grid / boxed cells
   =============================== */
.mi5-cls-card table{border-collapse:collapse!important;}
.mi5-cls-card th,
.mi5-cls-card td{
  border:1px solid rgba(255,255,255,0.25)!important;
}

/* Slight row tint + hover */
.mi5-cls-card tbody tr{background:rgba(0,0,0,0.25)!important;}
.mi5-cls-card tbody tr:hover{background:rgba(255,255,255,0.04)!important;}

/* Expanded leaderboard row highlight */
.mi5-cls-lb-row.mi5-cls-row-open{
  background:rgba(255,255,255,0.06)!important;
}

/* Expanded child row container tint */
.mi5-cls-child-row td{
  background:rgba(0,0,0,0.35)!important;
}

/* ===============================
   Fix: Helper text readability
   =============================== */
.mi5-cls-card label,
.mi5-cls-card strong,
.mi5-cls-card .description{
  color:#ffffff!important;
}