/* ═══════════════════════════════════════════════════════════════════════
   FOX CRM — "בדיקת תקנון" UI v2 (2026)
   Same visual language as "בקשות ממתינות" + "פרופיל שחקן":
   soft tinted cards, inner panels, stat tiles with icon squares, soft pills.
   No side color rails, no hover shadows / lift effects.
   Scope: only inside .fxwc (WithdrawalCheck page root).
   ═══════════════════════════════════════════════════════════════════════ */

.fxwc {
  --ink: #111827;
  --ink-2: #374151;
  --muted: #6b7280;
  --subtle: #9ca3af;
  --line: #eceef2;
  --line-2: #e2e5ea;
  --surface: #ffffff;
  --panel: #f7f8fa;
  --brand: #f19225;
  --brand-2: #f6cc5c;
  --ring: rgb(241 146 37 / .16);
  --ok: #059669;   --ok-bg: #ecfdf5;  --ok-bg2: #f7fefb;  --ok-bd: #d1fae5;  --ok-ink: #047857;
  --bad: #e11d48;  --bad-bg: #fff1f2; --bad-bg2: #fff8f8; --bad-bd: #ffe4e6; --bad-ink: #be123c;
  --warn: #d97706; --warn-bg: #fffbeb; --warn-bg2: #fffdf5; --warn-bd: #fef3c7; --warn-ink: #b45309;
  --info: #2563eb; --info-bg: #eff6ff; --info-bg2: #f8fbff; --info-bd: #dbeafe; --info-ink: #1d4ed8;
  --vio: #7c3aed;  --vio-bg: #f5f3ff;  --vio-bg2: #fbfaff;  --vio-bd: #ede9fe;  --vio-ink: #6d28d9;
  --cy: #0891b2;   --cy-bg: #ecfeff;   --cy-bg2: #f7feff;   --cy-bd: #cffafe;   --cy-ink: #0e7490;
  --r-xl: 22px; --r-lg: 18px; --r-md: 14px; --r-sm: 10px;
  --shadow: 0 1px 2px rgb(17 24 39 / .04), 0 2px 8px -2px rgb(17 24 39 / .05);
  color: var(--ink);
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
}
.fxwc > * + * { margin-top: 18px !important; }
.fxwc > div:nth-child(3) > * + * { margin-top: 18px !important; }

/* legibility */
.fxwc [class~="text-[9px]"] { font-size: 11px !important; }
.fxwc [class~="text-[10px]"] { font-size: 11.5px !important; }
.fxwc [class~="text-[11px]"] { font-size: 12px !important; }
.fxwc :is(table, [class~="font-extrabold"], [class~="font-black"]) { font-variant-numeric: tabular-nums; }

/* no hover lifts / hover shadows from the original markup */
.fxwc [class*="hover:shadow"]:hover { box-shadow: none !important; }

/* ── Page header ─────────────────────────────────────────────────────── */
.fxwc > div:first-child h1 { font-size: clamp(22px, 2.2vw, 28px) !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--ink) !important; }
.fxwc > div:first-child h1 + p { color: var(--muted) !important; font-size: 13.5px !important; margin-top: 3px !important; }
.fxwc > div:first-child [class~="w-11"][class~="h-11"] {
  width: 46px !important; height: 46px !important; border-radius: 14px !important;
  background: linear-gradient(145deg, var(--brand-2), var(--brand)) !important; box-shadow: none !important;
}
.fxwc > div:first-child button {
  height: 38px !important; padding-inline: 14px !important; border-radius: 12px !important;
  background: var(--surface) !important; border: 1px solid var(--line-2) !important; box-shadow: none !important;
  color: var(--ink-2) !important; font-weight: 600 !important; font-size: 13px !important; transition: background .15s;
}
.fxwc > div:first-child button:hover { background: var(--panel) !important; }
.fxwc > div:first-child span[class~="rounded-lg"] {
  font-size: 11px !important; color: var(--muted) !important; background: var(--panel) !important;
  border: 0 !important; border-radius: 999px !important; padding: 4px 10px !important; font-weight: 600;
}

/* ── Card base ───────────────────────────────────────────────────────── */
.fxwc [class~="bg-card"] {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-xl) !important;
  box-shadow: var(--shadow) !important;
}
.fxwc > div:nth-child(3) [class~="bg-card"] { overflow: hidden; }

/* ── Search / filter panel (dropdown must NOT be clipped) ─────────────── */
.fxwc > div:nth-child(2) { overflow: visible !important; position: relative; z-index: 5; }
.fxwc > div:nth-child(2) > div > div:first-child { padding: 22px 24px !important; }
.fxwc label[class~="block"] { font-size: 12.5px !important; font-weight: 600 !important; color: var(--ink-2) !important; margin-bottom: 7px !important; }
.fxwc input:not([type="checkbox"]):not([type="radio"]) {
  height: 46px !important; border-radius: var(--r-md) !important;
  border: 1px solid var(--line-2) !important; background: var(--panel) !important;
  font-size: 14.5px !important; color: var(--ink) !important; box-shadow: none !important;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.fxwc input::placeholder { color: var(--subtle) !important; }
.fxwc input:focus, .fxwc input:focus-visible { outline: none !important; background: var(--surface) !important; border-color: var(--brand) !important; box-shadow: 0 0 0 4px var(--ring) !important; }
.fxwc .relative > input { padding-inline-start: 42px !important; }
.fxwc .relative > svg { color: var(--subtle) !important; }

/* Player dropdown */
.fxwc .relative > div[class~="absolute"][class~="z-50"] {
  z-index: 60 !important; margin-top: 8px !important; padding: 6px !important;
  background: var(--surface) !important; border: 1px solid var(--line) !important; border-radius: var(--r-lg) !important;
  box-shadow: 0 18px 40px -12px rgb(17 24 39 / .22), 0 2px 6px rgb(17 24 39 / .05) !important;
  max-height: min(360px, 55vh) !important; overflow-y: auto !important; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: #d6dae1 transparent;
}
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button {
  border: 0 !important; border-radius: 12px !important; padding: 10px 12px !important; transition: background .12s;
}
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button + button { margin-top: 2px; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button:hover,
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button:focus-visible { background: #fff7ed !important; outline: none !important; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] [class~="w-8"][class~="h-8"] {
  width: 36px !important; height: 36px !important; border-radius: 11px !important; font-size: 14px !important;
  background: linear-gradient(145deg, #ffedd5, #fff7ed) !important; box-shadow: none !important; color: #c2410c !important;
}
.fxwc .relative > div[class~="absolute"][class~="z-50"] span[class~="text-sm"] { font-size: 14px !important; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] [class~="opacity-0"] { opacity: .55 !important; color: var(--brand) !important; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] button:hover [class~="opacity-0"] { opacity: 1 !important; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button > div:first-child { min-width: 0; flex: 1; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button > div:first-child > div { min-width: 0; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] > button span[class~="text-gray-400"] { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fxwc .relative > div[class~="absolute"][class~="z-50"] [class~="opacity-0"] { white-space: nowrap; flex-shrink: 0; }

/* Primary button */
.fxwc > div:nth-child(2) [class~="col-span-2"] > button {
  height: 46px !important; border-radius: var(--r-md) !important; padding-inline: 24px !important;
  font-size: 14.5px !important; font-weight: 700 !important; border: 0 !important;
  background: linear-gradient(135deg, var(--brand-2), var(--brand)) !important; color: #fff !important;
  box-shadow: none !important; transition: filter .15s, opacity .15s;
}
.fxwc > div:nth-child(2) [class~="col-span-2"] > button:hover:not(:disabled) { filter: brightness(1.05) saturate(1.05); }
.fxwc > div:nth-child(2) [class~="col-span-2"] > button:active:not(:disabled) { filter: brightness(.97); }
.fxwc > div:nth-child(2) [class~="col-span-2"] > button:disabled { background: #f1f2f4 !important; color: var(--subtle) !important; }

/* Selected player strip — like pending card head */
.fxwc [class~="bg-orange-50/30"] { background: var(--panel) !important; border-top: 1px solid var(--line) !important; padding: 14px 24px !important; border-radius: 0 0 var(--r-xl) var(--r-xl); }
.fxwc [class~="bg-orange-50/30"] [class~="w-9"][class~="h-9"] { width: 44px !important; height: 44px !important; border-radius: 14px !important; font-size: 17px !important; box-shadow: none !important; background: linear-gradient(145deg, var(--brand-2), var(--brand)) !important; }
.fxwc [class~="bg-orange-50/30"] span[class~="text-sm"][class~="font-bold"] { font-size: 16px !important; }
.fxwc [class~="bg-orange-50/30"] span[class~="bg-orange-400"] { background: var(--info-bg) !important; color: var(--info-ink) !important; border-radius: 999px !important; padding: 2px 9px !important; font-weight: 700 !important; }
.fxwc [class~="bg-orange-50/30"] [class~="border-orange-100"] { border: 0 !important; background: var(--surface) !important; border-radius: 12px !important; padding: 7px 14px !important; box-shadow: none !important; }
.fxwc [class~="bg-orange-50/30"] [class~="border-orange-100"] span:last-child { font-size: 17px !important; font-weight: 800 !important; }

/* range notice */
.fxwc [class~="border-amber-300"][class~="bg-amber-50"] { border: 0 !important; border-radius: var(--r-md) !important; background: var(--warn-bg) !important; color: var(--warn-ink) !important; }

/* ── Verdict hero (profile-header style) ─────────────────────────────── */
.fxwc .fxwc-verdict {
  --v: var(--warn); --v-bg: var(--warn-bg); --v-bg2: var(--warn-bg2); --v-bd: var(--warn-bd); --v-ink: var(--warn-ink);
  border: 1px solid var(--v-bd) !important; border-radius: var(--r-xl) !important; overflow: hidden;
  background: linear-gradient(160deg, var(--v-bg) 0%, var(--v-bg2) 55%, #fff 100%) !important;
  box-shadow: var(--shadow) !important;
}
.fxwc .fxwc-v-pass { --v: var(--ok); --v-bg: var(--ok-bg); --v-bg2: var(--ok-bg2); --v-bd: var(--ok-bd); --v-ink: var(--ok-ink); }
.fxwc .fxwc-v-fail { --v: var(--bad); --v-bg: var(--bad-bg); --v-bg2: var(--bad-bg2); --v-bd: var(--bad-bd); --v-ink: var(--bad-ink); }
.fxwc .fxwc-verdict > div:first-child { background: transparent !important; padding: 24px 24px 18px !important; }
.fxwc .fxwc-verdict h2 { color: var(--v-ink) !important; font-size: clamp(19px, 2vw, 25px) !important; font-weight: 800 !important; letter-spacing: -.02em; }
.fxwc .fxwc-verdict h2 + p { color: var(--muted) !important; font-size: 12.5px !important; margin-top: 6px !important; flex-wrap: wrap; row-gap: 2px; }
.fxwc .fxwc-verdict h2 + p > span { white-space: nowrap; }
.fxwc .fxwc-verdict [class~="rounded-2xl"][class~="shadow-inner"] {
  width: 56px !important; height: 56px !important; border-radius: 18px !important;
  background: var(--surface) !important; box-shadow: 0 0 0 1px var(--v-bd) !important;
}
.fxwc .fxwc-verdict button {
  height: 38px !important; border-radius: 12px !important; padding-inline: 14px !important;
  background: var(--surface) !important; border: 1px solid var(--line-2) !important; box-shadow: none !important;
  color: var(--ink-2) !important; font-weight: 600 !important; transition: background .15s;
}
.fxwc .fxwc-verdict button:hover { background: var(--panel) !important; }
.fxwc .fxwc-verdict [class~="text-left"] p:first-child { font-size: 17px !important; font-weight: 800 !important; }

/* KPI tiles — profile stat-card style */
.fxwc .fxwc-verdict > [class~="grid"] {
  background: transparent !important; gap: 10px !important; padding: 0 20px 20px !important; border: 0 !important;
}
.fxwc .fxwc-verdict > [class~="grid"] > div {
  --t: var(--info); --tw: var(--info-bg); --tw2: var(--info-bg2); --tb: var(--info-bd); --tp: var(--info-ink);
  position: relative; text-align: start !important;
  background: linear-gradient(160deg, var(--tw), var(--tw2)) !important;
  border: 1px solid var(--tb) !important; border-radius: var(--r-lg) !important;
  padding: 14px 14px 12px !important; min-height: 106px;
  display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 1px;
}
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(1) { --t: var(--vio); --tw: var(--vio-bg); --tw2: var(--vio-bg2); --tb: var(--vio-bd); --tp: var(--vio-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(2) { --t: var(--ok); --tw: var(--ok-bg); --tw2: var(--ok-bg2); --tb: var(--ok-bd); --tp: var(--ok-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(3) { --t: var(--bad); --tw: #fff5f7; --tw2: #fffafb; --tb: var(--bad-bd); --tp: var(--bad-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(4) { --t: var(--warn); --tw: var(--warn-bg); --tw2: var(--warn-bg2); --tb: var(--warn-bd); --tp: var(--warn-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(5) { --t: var(--cy); --tw: var(--cy-bg); --tw2: var(--cy-bg2); --tb: var(--cy-bd); --tp: var(--cy-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div:nth-child(6) { --t: var(--info); --tw: var(--info-bg); --tw2: var(--info-bg2); --tb: var(--info-bd); --tp: var(--info-ink); }
.fxwc .fxwc-verdict > [class~="grid"] > div > p:first-child {
  position: absolute; top: 12px; inset-inline-end: 12px; margin: 0 !important;
  width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center;
  background: var(--surface); box-shadow: 0 0 0 1px var(--tb); font-size: 16px !important; line-height: 1;
}
.fxwc .fxwc-verdict > [class~="grid"] > div > p:nth-child(2) { font-size: 24px !important; font-weight: 800 !important; letter-spacing: -.02em; color: var(--ink) !important; line-height: 1.15; }
.fxwc .fxwc-verdict > [class~="grid"] > div > p:nth-child(3) { font-size: 12.5px !important; color: var(--muted) !important; font-weight: 600 !important; }
.fxwc .fxwc-verdict > [class~="grid"] > div[class~="bg-red-50"] { --tw: var(--bad-bg); --tw2: #fff7f8; --tb: #fecdd3; }
.fxwc .fxwc-verdict > [class~="grid"] > div[class~="bg-red-50"] > p:nth-child(2) { color: var(--bad-ink) !important; }

/* ── Section headers: clean, no gradients, no side bars ──────────────── */
.fxwc :is([class~="from-gray-800"], [class~="from-amber-600"], [class~="from-green-600"], [class~="from-indigo-600"], [class~="from-red-600"], [class~="from-amber-500"])[class~="bg-gradient-to-r"] {
  --acc: var(--brand); --acc-bg: #fff7ed;
  background: var(--surface) !important; border-bottom: 1px solid var(--line) !important;
  padding: 16px 20px !important;
}
.fxwc [class~="from-amber-600"][class~="bg-gradient-to-r"], .fxwc [class~="from-amber-500"][class~="bg-gradient-to-r"] { --acc: var(--warn); --acc-bg: var(--warn-bg); }
.fxwc [class~="from-green-600"][class~="bg-gradient-to-r"] { --acc: var(--ok); --acc-bg: var(--ok-bg); }
.fxwc [class~="from-indigo-600"][class~="bg-gradient-to-r"] { --acc: var(--vio); --acc-bg: var(--vio-bg); }
.fxwc [class~="from-red-600"][class~="bg-gradient-to-r"] { --acc: var(--bad); --acc-bg: var(--bad-bg); }
.fxwc [class~="bg-gradient-to-r"] :is(h3, span, div, p)[class~="text-white"],
.fxwc :is([class~="from-gray-800"], [class~="from-amber-600"], [class~="from-green-600"], [class~="from-indigo-600"], [class~="from-red-600"], [class~="from-amber-500"])[class~="bg-gradient-to-r"] > :is(h3, span, div) { color: var(--ink) !important; }
.fxwc [class~="bg-gradient-to-r"] h3 { font-size: 15.5px !important; font-weight: 800 !important; letter-spacing: -.01em; gap: 10px !important; }
.fxwc [class~="bg-gradient-to-r"] h3 > svg {
  width: 30px !important; height: 30px !important; padding: 7px; border-radius: 10px;
  background: var(--acc-bg); color: var(--acc) !important; flex-shrink: 0;
}
.fxwc [class~="bg-gradient-to-r"] [class~="bg-white/20"], .fxwc [class~="bg-gradient-to-r"] [class~="bg-white/30"] {
  background: var(--panel) !important; color: var(--ink-2) !important; border: 0 !important;
  border-radius: 999px !important; padding: 6px 12px !important; font-weight: 600 !important; font-size: 12.5px !important;
}
.fxwc [class~="bg-gradient-to-r"] [class~="text-white/90"], .fxwc [class~="bg-gradient-to-r"] [class~="text-white/80"], .fxwc [class~="bg-gradient-to-r"] [class~="text-white/70"] { color: var(--muted) !important; }
.fxwc button[class~="w-full"][class~="bg-gradient-to-r"] { border-radius: var(--r-xl) !important; border: 1px solid var(--line) !important; box-shadow: var(--shadow) !important; }

.fxwc [class~="from-gray-800"] :is([class~="text-green-400"], [class~="text-red-400"], [class~="text-amber-400"]) {
  display: inline-flex; align-items: center; height: 28px; padding: 0 11px; border-radius: 999px;
  font-size: 12.5px !important; font-weight: 700 !important; white-space: nowrap;
}
.fxwc [class~="from-gray-800"] [class~="text-green-400"] { color: var(--ok-ink) !important; background: var(--ok-bg); }
.fxwc [class~="from-gray-800"] [class~="text-red-400"] { color: var(--bad-ink) !important; background: var(--bad-bg); }
.fxwc [class~="from-gray-800"] [class~="text-amber-400"] { color: var(--warn-ink) !important; background: var(--warn-bg); }
.fxwc [class~="from-gray-800"] > div[class~="gap-3"] { gap: 6px !important; flex-wrap: wrap; justify-content: flex-end; }

.fxwc [class~="bg-card"] > [class~="p-4"] { padding: 18px 20px 20px !important; }

/* ── Checks: grouped panels in a responsive grid ──────────────────────── */
.fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"] {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr)); gap: 16px; align-items: start;
}
.fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"] > * { margin: 0 !important; }
/* 3 groups (general, casino, sport): general + casino stacked in one column, sport in the other */
@media (min-width: 900px) {
  .fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"]:has(> div:nth-child(3):last-child) { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
  .fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"] > div:nth-child(3):last-child { grid-column: 2; grid-row: 1 / span 2; }
  .fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"]:has(> div:nth-child(3):last-child) > div:nth-child(1) { grid-column: 1; grid-row: 1; }
  .fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"]:has(> div:nth-child(3):last-child) > div:nth-child(2) { grid-column: 1; grid-row: 2; }
}
.fxwc [class~="from-gray-800"] + [class~="p-4"] > div { background: var(--panel); border-radius: var(--r-lg); padding: 6px; }
.fxwc h4[class~="text-xs"][class~="font-bold"] { color: var(--ink-2) !important; font-size: 13px !important; font-weight: 700 !important; padding: 8px 10px !important; margin: 0 !important; }
.fxwc h4[class~="text-xs"][class~="font-bold"] > span { color: var(--subtle) !important; font-weight: 600 !important; }
.fxwc [class~="from-gray-800"] + [class~="p-4"] > div > [class~="space-y-1.5"] { background: var(--surface); border-radius: var(--r-md); box-shadow: 0 0 0 1px var(--line); overflow: hidden; }
.fxwc [class~="from-gray-800"] + [class~="p-4"] > div > [class~="space-y-1.5"] > * + * { margin-top: 0 !important; }

.fxwc .fxwc-check {
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  padding: 13px 14px !important; gap: 12px; min-height: 54px;
}
.fxwc .fxwc-check + .fxwc-check { border-top: 1px solid var(--line) !important; }
.fxwc .fxwc-namecell { gap: 11px !important; min-width: 0; }
.fxwc .fxwc-name { font-size: 14px !important; font-weight: 600 !important; color: var(--ink) !important; line-height: 1.35; }
.fxwc .fxwc-ico {
  width: 24px; height: 24px; flex-shrink: 0; border-radius: 8px; display: grid; place-items: center;
  font-size: 13px; font-weight: 800; line-height: 1; color: var(--muted); background: var(--panel);
}
.fxwc .fxwc-s-pass .fxwc-ico { color: var(--ok); background: var(--ok-bg); }
.fxwc .fxwc-s-fail .fxwc-ico { color: var(--bad); background: var(--bad-bg); }
.fxwc .fxwc-s-warning .fxwc-ico { color: var(--warn); background: var(--warn-bg); }
.fxwc .fxwc-s-info .fxwc-ico { color: var(--info); background: var(--info-bg); }
.fxwc .fxwc-check > div:last-child { flex-shrink: 0; gap: 12px !important; }
.fxwc .fxwc-check > div:last-child > span:first-child:not(.fxwc-pill) { font-size: 12.5px !important; color: var(--muted) !important; max-width: 240px !important; font-variant-numeric: tabular-nums; }

.fxwc .fxwc-pill {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  height: 26px; padding: 0 11px !important; border-radius: 999px !important; border: 0 !important;
  font-size: 12px !important; font-weight: 700 !important;
}
.fxwc .fxwc-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.fxwc .fxwc-p-pass { color: var(--ok-ink) !important; background: var(--ok-bg) !important; }
.fxwc .fxwc-p-fail { color: var(--bad-ink) !important; background: var(--bad-bg) !important; }
.fxwc .fxwc-p-warning { color: var(--warn-ink) !important; background: var(--warn-bg) !important; }
.fxwc .fxwc-p-info { color: var(--info-ink) !important; background: var(--info-bg) !important; }

/* ── Inner cards: soft tinted (pending-card style), no side borders ───── */
.fxwc [class~="bg-card"] div[class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { border-radius: var(--r-md) !important; box-shadow: none !important; }
.fxwc [class~="bg-card"] div:is([class~="bg-red-50"], [class~="bg-red-50/60"])[class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { background: linear-gradient(160deg, var(--bad-bg), var(--bad-bg2)) !important; border: 1px solid var(--bad-bd) !important; }
.fxwc [class~="bg-card"] div:is([class~="bg-amber-50"], [class~="bg-amber-50/60"], [class~="bg-yellow-50"], [class~="bg-orange-50"])[class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { background: linear-gradient(160deg, var(--warn-bg), var(--warn-bg2)) !important; border: 1px solid var(--warn-bd) !important; }
.fxwc [class~="bg-card"] div:is([class~="bg-emerald-50/60"], [class~="bg-green-50"])[class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { background: linear-gradient(160deg, var(--ok-bg), var(--ok-bg2)) !important; border: 1px solid var(--ok-bd) !important; }
.fxwc [class~="bg-card"] div:is([class~="bg-blue-50"], [class~="bg-indigo-50"])[class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { background: linear-gradient(160deg, var(--info-bg), var(--info-bg2)) !important; border: 1px solid var(--info-bd) !important; }
.fxwc [class~="bg-card"] div[class~="bg-purple-50"][class~="border"]:is([class~="rounded-xl"], [class~="rounded-lg"]):not(.fxwc-check) { background: linear-gradient(160deg, var(--vio-bg), var(--vio-bg2)) !important; border: 1px solid var(--vio-bd) !important; }
.fxwc [class~="bg-card"] div[class~="bg-gray-50/60"][class~="border"] { background: var(--panel) !important; border: 1px solid var(--line) !important; }
.fxwc [class~="bg-card"] [class~="p-3"][class~="rounded-xl"][class~="border"] { padding: 14px 16px !important; }
.fxwc [class~="bg-card"] [class~="rounded-xl"][class~="border"][class~="items-start"] > span[class~="text-lg"]:first-child {
  width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: rgb(255 255 255 / .85); font-size: 17px !important;
}
.fxwc [class~="bg-card"] [class~="rounded-xl"][class~="border"] p[class~="font-semibold"][class~="text-sm"] { font-size: 14.5px !important; color: var(--ink) !important; font-weight: 700 !important; }
.fxwc [class~="bg-card"] [class~="rounded-xl"][class~="border"] p[class~="text-gray-500"] { color: var(--muted) !important; font-size: 12.5px !important; line-height: 1.55; }
.fxwc [class~="bg-card"] span[class~="rounded-full"]:not(.fxwc-pill)[class*="bg-"] { border-radius: 999px !important; border: 0 !important; }
.fxwc [class~="font-mono"][class~="bg-gray-100"] { background: var(--panel) !important; color: var(--muted) !important; border-radius: 6px !important; }
.fxwc [class~="border-t"][class~="pt-2.5"], .fxwc [class~="border-t"][class~="pt-2"] { border-top-color: var(--line) !important; gap: 8px !important; }

/* ── Duplicate slips & red alert containers ───────────────────────────── */
.fxwc [class~="border-2"][class~="border-red-300"]:not(.fxwc-verdict) {
  border: 1px solid var(--bad-bd) !important; background: linear-gradient(170deg, #fff6f7, #fff 160px) !important;
  border-radius: var(--r-xl) !important; box-shadow: var(--shadow) !important;
}
.fxwc [class~="border-2"][class~="border-red-200"] { border: 1px solid var(--line) !important; border-radius: var(--r-md) !important; background: var(--surface) !important; }
.fxwc [class~="border-2"][class~="border-red-200"] > div:first-child[class~="bg-red-50"] { background: var(--panel) !important; border-bottom: 1px solid var(--line) !important; padding: 12px 14px !important; }
.fxwc span[class~="bg-red-600"][class~="rounded-full"] { background: var(--bad-bg) !important; color: var(--bad-ink) !important; border-radius: 10px !important; font-size: 13px !important; }
.fxwc [class~="bg-red-100"][class~="hover:bg-red-200"] { background: var(--surface) !important; border: 1px solid var(--bad-bd) !important; border-radius: 999px !important; }

/* ── Tables ──────────────────────────────────────────────────────────── */
.fxwc [class~="overflow-x-auto"] { scrollbar-width: thin; scrollbar-color: #d6dae1 transparent; -webkit-overflow-scrolling: touch; }
.fxwc table { border-collapse: separate !important; border-spacing: 0; width: 100%; font-size: 12.5px !important; }
.fxwc table thead tr { background: var(--panel) !important; }
.fxwc table thead th { position: sticky; top: 0; z-index: 1; background: var(--panel) !important; color: var(--muted) !important; font-weight: 700 !important; font-size: 11.5px !important; padding: 10px 12px !important; border-bottom: 1px solid var(--line) !important; white-space: nowrap; text-align: start; }
.fxwc table tbody td { padding: 10px 12px !important; border-bottom: 1px solid #f2f3f5 !important; color: var(--ink-2); white-space: nowrap; }
.fxwc table tbody tr:last-child td { border-bottom: 0 !important; }
.fxwc [class~="max-h-[400px]"], .fxwc [class~="max-h-[500px]"], .fxwc [class~="max-h-96"] { scrollbar-width: thin; scrollbar-color: #d6dae1 transparent; }

.fxwc :is(button, a, [role="button"]):focus-visible { outline: 2px solid var(--brand) !important; outline-offset: 2px; }
.fxwc [class~="from-[#f6cc5c]"][class~="h-2"] { background: linear-gradient(90deg, var(--brand-2), var(--brand)) !important; }

/* ── Mobile ──────────────────────────────────────────────────────────── */
@media (max-width: 640px) {
  .fxwc > * + *, .fxwc > div:nth-child(3) > * + * { margin-top: 14px !important; }
  .fxwc [class~="bg-card"], .fxwc .fxwc-verdict { border-radius: var(--r-lg) !important; }
  .fxwc > div:nth-child(2) > div > div:first-child { padding: 16px !important; }
  .fxwc [class~="bg-orange-50/30"] { padding: 12px 16px !important; border-radius: 0 0 var(--r-lg) var(--r-lg); }
  /* selected player strip: keep the ✕ on the same row */
  .fxwc [class~="bg-orange-50/30"] { flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 10px !important; }
  .fxwc [class~="bg-orange-50/30"] > div:first-child { flex: 1 1 auto; min-width: 0; }
  .fxwc [class~="bg-orange-50/30"] > div:first-child > div:nth-child(2) { min-width: 0; flex: 1 1 auto; }
  .fxwc [class~="bg-orange-50/30"] > div:first-child > div:nth-child(2) > span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .fxwc [class~="bg-orange-50/30"] > div:first-child > div:last-child { margin-inline-start: 0 !important; flex-shrink: 0; }
  .fxwc [class~="bg-orange-50/30"] > button { align-self: center !important; flex-shrink: 0; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: var(--surface) !important; }
  .fxwc input:not([type="checkbox"]):not([type="radio"]) { font-size: 16px !important; }
  /* date fields: iOS Safari gives date inputs an intrinsic min-width → they overflowed and overlapped */
  .fxwc > div:nth-child(2) [class~="grid-cols-2"] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
  .fxwc > div:nth-child(2) [class~="grid-cols-2"] > div { min-width: 0; }
  .fxwc input[type="date"] {
    -webkit-appearance: none; appearance: none; display: block;
    width: 100% !important; min-width: 0 !important; max-width: 100%;
    padding-inline: 12px !important; line-height: 44px; text-align: start;
  }
  .fxwc input[type="date"]::-webkit-date-and-time-value { text-align: start; margin: 0; }
  .fxwc input[type="date"]::-webkit-datetime-edit { padding: 0; }
  .fxwc > div:nth-child(2) [class~="lg:grid-cols-[1fr_140px_140px]"] { grid-template-columns: 1fr 1fr !important; }
  .fxwc > div:nth-child(2) [class~="lg:grid-cols-[1fr_140px_140px]"] > div:first-child { grid-column: 1 / -1; }
  .fxwc .relative > div[class~="absolute"][class~="z-50"] { max-height: 50vh !important; }
  .fxwc .relative > div[class~="absolute"][class~="z-50"] [class~="opacity-0"] { display: none !important; }

  .fxwc .fxwc-verdict > div:first-child { padding: 18px 16px 14px !important; }
  .fxwc .fxwc-verdict [class~="rounded-2xl"][class~="shadow-inner"] { width: 48px !important; height: 48px !important; font-size: 22px !important; border-radius: 15px !important; }
  .fxwc .fxwc-verdict > [class~="grid"] { padding: 0 12px 12px !important; gap: 8px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .fxwc .fxwc-verdict > [class~="grid"] > div { min-height: 92px; padding: 12px !important; }
  .fxwc .fxwc-verdict > [class~="grid"] > div > p:first-child { width: 30px; height: 30px; border-radius: 10px; top: 10px; inset-inline-end: 10px; font-size: 14px !important; }
  .fxwc .fxwc-verdict > [class~="grid"] > div > p:nth-child(2) { font-size: 21px !important; }

  .fxwc [class~="bg-card"] > [class~="p-4"] { padding: 12px !important; }
  .fxwc :is([class~="from-gray-800"], [class~="from-amber-600"], [class~="from-green-600"], [class~="from-indigo-600"], [class~="from-red-600"], [class~="from-amber-500"])[class~="bg-gradient-to-r"] { padding: 14px 16px !important; flex-wrap: wrap; gap: 10px; }
  .fxwc [class~="from-gray-800"][class~="bg-gradient-to-r"] > div { width: 100%; justify-content: flex-start !important; }
  .fxwc [class~="from-gray-800"] + [class~="p-4"][class~="space-y-4"] { gap: 12px; }

  .fxwc .fxwc-check { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; column-gap: 10px; row-gap: 2px; align-items: center; padding: 12px !important; min-height: 0; }
  .fxwc .fxwc-check > div:first-child { grid-column: 1; grid-row: 1; }
  .fxwc .fxwc-name { font-size: 13.5px !important; }
  .fxwc .fxwc-check > div:last-child { display: contents !important; }
  .fxwc .fxwc-check > div:last-child > .fxwc-pill { grid-column: 2; grid-row: 1 / span 2; }
  .fxwc .fxwc-check > div:last-child > span:first-child:not(.fxwc-pill) { grid-column: 1; grid-row: 2; max-width: none !important; font-size: 12px !important; padding-inline-start: 35px; }

  .fxwc table { font-size: 12px !important; }
  .fxwc table thead th, .fxwc table tbody td { padding: 9px 10px !important; }
}

@media (prefers-reduced-motion: reduce) { .fxwc *, .fxwc *::before { transition: none !important; animation-duration: .001ms !important; } }