.game-binding-admin {
  margin: 14px 0;
  border: 1px solid #d9e2ec;
  border-left: 3px solid #0f766e;
  border-radius: 6px;
  background: #fff;
  color: #172033;
  overflow: hidden;
}

.game-binding-heading,
.game-binding-stats {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}

.game-binding-heading h4 { margin: 0; font-size: 15px; font-weight: 700; }
.game-binding-heading p { margin: 3px 0 0; color: #64748b; font-size: 12px; }
.game-binding-refresh,
.game-binding-unbind {
  border: 1px solid #cbd5e1;
  border-radius: 5px;
  background: #fff;
  padding: 5px 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  flex: 0 0 auto;
  cursor: pointer;
}
.game-binding-refresh:hover { border-color: #0f766e; color: #0f766e; }
.game-binding-unbind { border-color: #fecaca; color: #b91c1c; }
.game-binding-unbind:hover { background: #fef2f2; }
.game-binding-unbind:disabled { cursor: wait; opacity: .5; }
.game-binding-stats { justify-content: flex-start; flex-wrap: wrap; border-top: 1px solid #edf2f7; background: #f8fafc; font-size: 12px; color: #64748b; }
.game-binding-stats span { white-space: nowrap; }
.game-binding-stats b { color: #0f766e; font-size: 14px; }
.game-binding-stats [data-binding-status] { margin-left: auto; }
.game-binding-stats [data-type="success"] { color: #047857; }
.game-binding-stats [data-type="error"] { color: #dc2626; }
.game-binding-table-wrap { overflow-x: auto; }
.game-binding-admin table { width: 100%; border-collapse: collapse; font-size: 12px; }
.game-binding-admin th,
.game-binding-admin td { padding: 9px 12px; border-top: 1px solid #edf2f7; text-align: left; white-space: nowrap; }
.game-binding-admin th { color: #64748b; font-weight: 600; background: #fbfdff; }
.game-binding-admin code { color: #0f766e; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
.game-binding-admin small { display: block; margin-top: 2px; color: #94a3b8; }
.game-binding-slot { display: inline-flex; border-radius: 4px; background: #ccfbf1; padding: 2px 6px; color: #115e59; font-weight: 700; }
.game-binding-empty { height: 72px; text-align: center !important; color: #94a3b8; }

@media (max-width: 720px) {
  .game-binding-heading { align-items: flex-start; }
  .game-binding-stats [data-binding-status] { width: 100%; margin-left: 0; }
}

.dark .game-binding-admin { border-color: #334155; border-left-color: #2dd4bf; background: #111827; color: #e5e7eb; }
.dark .game-binding-heading p,
.dark .game-binding-stats { color: #94a3b8; }
.dark .game-binding-stats,
.dark .game-binding-admin th { border-color: #334155; background: #172033; }
.dark .game-binding-admin td,
.dark .game-binding-admin th { border-color: #263244; }
.dark .game-binding-refresh { border-color: #475569; background: #1f2937; color: #e5e7eb; }