/* Settlement accuracy tier highlights — cards and table rows (Top1 core config) */

:root {
  --accuracy-violet: #c4b5fd;
  --accuracy-amber: #f59e0b;
  --accuracy-slate: #94a3b8;
  --accuracy-void: #64748b;
}

/* --- Cards --- */

.accuracy-card {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(30 41 59 / 0.8);
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.accuracy-card[data-accuracy-tier="core_hit"] {
  border-width: 2px;
  border-color: rgb(167 139 250 / 0.55);
  background-color: rgb(167 139 250 / 0.08);
  box-shadow:
    0 0 0 3px rgb(167 139 250 / 0.18),
    0 4px 24px rgb(167 139 250 / 0.1);
}

.accuracy-card[data-accuracy-tier="core_miss"] {
  border-width: 2px;
  border-color: rgb(245 158 11 / 0.45);
  background-color: rgb(245 158 11 / 0.04);
  box-shadow:
    0 0 0 3px rgb(245 158 11 / 0.12),
    0 4px 20px rgb(245 158 11 / 0.05);
}

.accuracy-card[data-accuracy-tier="core_push"] {
  border-width: 2px;
  border-style: dashed;
  border-color: rgb(100 116 139 / 0.55);
  background-color: rgb(51 65 85 / 0.2);
  box-shadow: none;
}

.accuracy-card[data-accuracy-tier="void"] {
  border-width: 2px;
  border-style: dashed;
  border-color: rgb(100 116 139 / 0.65);
  background-color: rgb(15 23 42 / 0.85);
  opacity: 0.72;
  filter: saturate(0.35);
  box-shadow: none;
}

.accuracy-card[data-accuracy-tier="void"]:hover {
  filter: saturate(0.45);
}

a.accuracy-card[data-accuracy-tier="core_hit"]:hover {
  border-color: rgb(167 139 250 / 0.75);
  box-shadow:
    0 0 0 3px rgb(167 139 250 / 0.28),
    0 6px 28px rgb(167 139 250 / 0.14);
}

a.accuracy-card[data-accuracy-tier="core_miss"]:hover {
  border-color: rgb(245 158 11 / 0.6);
  box-shadow:
    0 0 0 3px rgb(245 158 11 / 0.18),
    0 6px 24px rgb(245 158 11 / 0.08);
}

a.accuracy-card[data-accuracy-tier="core_push"]:hover {
  border-color: rgb(148 163 184 / 0.65);
  background-color: rgb(51 65 85 / 0.28);
}

.accuracy-card[data-accuracy-tier="void"] .void-phase-badge {
  font-size: 0.7rem;
  padding: 0.25rem 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  background-color: rgb(51 65 85 / 0.9);
  color: rgb(203 213 225);
  border: 1px solid rgb(100 116 139 / 0.8);
  box-shadow: 0 0 0 2px rgb(100 116 139 / 0.25);
}

/* --- Table rows --- */

.accuracy-row {
  transition: background-color 0.15s;
}

.accuracy-row > :first-child {
  padding-left: 0.875rem;
}

.accuracy-row[data-accuracy-tier="core_hit"] {
  border-left: 4px solid var(--accuracy-violet);
  background-color: rgb(167 139 250 / 0.06);
}

.accuracy-row[data-accuracy-tier="core_miss"] {
  border-left: 4px solid var(--accuracy-amber);
  background-color: rgb(245 158 11 / 0.04);
}

.accuracy-row[data-accuracy-tier="core_push"] {
  border-left: 4px dashed var(--accuracy-slate);
  background-color: rgb(51 65 85 / 0.15);
}

.accuracy-row[data-accuracy-tier="void"] {
  border-left: 4px dashed var(--accuracy-void);
  background-color: rgb(51 65 85 / 0.25);
  color: rgb(148 163 184);
}

.accuracy-row[data-accuracy-tier="void"] a {
  color: rgb(148 163 184);
}

.accuracy-row[data-accuracy-tier="void"]:hover {
  background-color: rgb(51 65 85 / 0.35);
}

.accuracy-row[data-accuracy-tier="core_hit"]:hover,
.accuracy-row[data-accuracy-tier="core_miss"]:hover,
.accuracy-row[data-accuracy-tier="core_push"]:hover {
  filter: brightness(1.05);
}

/* --- Match card core recommendation slot --- */

.rec-slot--core.rec-slot--hit {
  border-color: rgb(167 139 250 / 0.45);
  background-color: rgb(167 139 250 / 0.08);
}

.rec-slot--core.rec-slot--miss {
  border-color: rgb(245 158 11 / 0.35);
  background-color: rgb(245 158 11 / 0.05);
}

.rec-slot--core.rec-slot--push {
  border-color: rgb(100 116 139 / 0.4);
  background-color: rgb(51 65 85 / 0.25);
}

.rec-slot--secondary {
  opacity: 0.88;
}

.core-badge {
  display: inline-block;
  margin-right: 0.375rem;
  padding: 0.0625rem 0.375rem;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgb(196 181 253);
  background-color: rgb(167 139 250 / 0.15);
  border: 1px solid rgb(167 139 250 / 0.35);
  border-radius: 0.25rem;
  vertical-align: middle;
}