.mi5-cls-card{max-width:980px;margin:18px auto;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}
.mi5-cls-card h2{margin:0 0 10px 0}
.mi5-cls-meta{opacity:.75;margin-bottom:10px}
.mi5-cls-form .mi5-cls-row{margin:10px 0}
.mi5-cls-form select,.mi5-cls-form input[type=text]{width:100%;max-width:520px}
.mi5-cls-btn{padding:10px 14px;border:0;border-radius:8px;background:#111;color:#fff;cursor:pointer}
.mi5-cls-btn-sm{padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;color:#111;cursor:pointer}
.mi5-cls-actions{margin-top:10px}
.mi5-cls-notice{padding:10px 12px;border-radius:8px;margin-bottom:10px}
.mi5-cls-success{background:#ecfdf5;border:1px solid #10b981}
.mi5-cls-error{background:#fef2f2;border:1px solid #ef4444}
.mi5-cls-info{background:#eff6ff;border:1px solid #3b82f6}
.mi5-cls-warn{background:#fffbeb;border:1px solid #f59e0b}
/* Keep MI5 wrappers from creating stacking contexts that can interfere with theme overlays */
.mi5-cls-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:static;z-index:auto}

/* Player Hub required wrappers (scoped) */
.mi5-player-hub .mi5-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mi5-player-hub table{min-width:820px;width:100%}
.mi5-player-hub th,.mi5-player-hub td{white-space:nowrap}

/*
  Necromancers off-canvas/mobile menu compatibility
  -----------------------------------------------
  Necromancers uses transformed off-canvas panels. Avoid creating stacking/
  clipping contexts inside MI5 containers that can cause iOS Safari to clip
  overlays. Keep MI5 containers "normal".
*/
.mi5-cls-card{position:static;z-index:auto}

.mi5-cls-table{width:100%;border-collapse:collapse}
.mi5-cls-table th,.mi5-cls-table td{padding:10px 10px;border:1px solid rgba(0,0,0,.08);white-space:nowrap}
.mi5-cls-table th{font-weight:700}
.mi5-cls-livery{opacity:.8;font-size:.9em}
.mi5-cls-controls{margin:10px 0}
.mi5-cls-expander{display:inline-block;width:18px}
.mi5-cls-subtable{width:100%;border-collapse:collapse}
.mi5-cls-subtable th,.mi5-cls-subtable td{padding:8px 8px;border:1px solid rgba(0,0,0,.08);white-space:nowrap}
.mi5-cls-totalbar{margin-top:10px;padding:10px 12px;border-radius:8px;background:rgba(0,0,0,.04)}
@media (max-width:640px){
  .mi5-cls-card{padding:12px;border-radius:8px}
  .mi5-cls-table th,.mi5-cls-table td{padding:8px}
}


/* Leaderboard expandable rows */
.mi5-cls-lb-row{cursor:pointer}
.mi5-cls-lb-child td{background:rgba(0,0,0,0.04);}
.mi5-cls-child-wrap{padding:10px 12px;border-left:3px solid rgba(0,0,0,0.12);}
.mi5-cls-subtable th,.mi5-cls-subtable td{padding:6px 8px;font-size:0.95em;}


/*
 * Theme compatibility (Necromancers off-canvas):
 * Avoid creating click-blocking overlays or new stacking contexts.
 * Keep all styling scoped to MI5 containers only.
 */
.mi5-cls-wrapper{position:relative;z-index:0}

/* Player Hub integration helper (scoped) */
.mi5-player-hub .mi5-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.mi5-player-hub table{min-width:820px;width:100%}
.mi5-player-hub th,.mi5-player-hub td{white-space:nowrap}