/* YABOX V3453 Executive Decision UX */
.edux-page {
  --edux-purple: #743E8F;
  --edux-gold: #FBBB30;
  --edux-pink: #DA78AB;
  --edux-ink: #0f172a;
  --edux-muted: #64748b;
  --edux-line: #dbe3f0;
  display: grid;
  gap: 18px;
  color: var(--edux-ink);
}
.edux-hero,
.edux-panel {
  background: #fff;
  border: 1px solid var(--edux-line);
  border-radius: 8px;
  padding: 18px;
}
.edux-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.edux-eyebrow {
  margin: 0 0 6px;
  color: var(--edux-purple);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}
.edux-hero h2,
.edux-panel h3 {
  margin: 0 0 8px;
  letter-spacing: 0;
}
.edux-hero p,
.edux-level p {
  margin: 0;
  color: var(--edux-muted);
}
.edux-primary,
.edux-link,
.edux-chip {
  border: 1px solid var(--edux-line);
  background: #fff;
  border-radius: 8px;
  padding: 9px 12px;
  font-weight: 800;
  cursor: pointer;
}
.edux-primary {
  background: var(--edux-purple);
  border-color: var(--edux-purple);
  color: #fff;
  white-space: nowrap;
}
.edux-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.edux-card {
  min-height: 148px;
  text-align: left;
  background: #fff;
  border: 1px solid var(--edux-line);
  border-radius: 8px;
  padding: 16px;
  cursor: pointer;
  display: grid;
  gap: 8px;
}
.edux-card-kicker {
  color: var(--edux-muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.edux-card strong {
  font-size: 17px;
}
.edux-card-value {
  font-size: 24px;
  font-weight: 900;
}
.edux-card small {
  color: var(--edux-muted);
  line-height: 1.45;
}
.edux-purple { border-top: 3px solid var(--edux-purple); }
.edux-gold { border-top: 3px solid var(--edux-gold); }
.edux-pink { border-top: 3px solid var(--edux-pink); }
.edux-success { border-top: 3px solid #10b981; }
.edux-danger { border-top: 3px solid #ef4444; }
.edux-warning { border-top: 3px solid #f59e0b; }
.edux-level {
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid #eef2f7;
}
.edux-level:first-of-type { border-top: 0; }
.edux-level-badge {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #f4eff7;
  color: var(--edux-purple);
  font-weight: 900;
}
.edux-level-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.edux-table-wrap { overflow-x: auto; }
.edux-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}
.edux-table th,
.edux-table td {
  border-top: 1px solid #eef2f7;
  padding: 12px;
  text-align: left;
}
.edux-table th {
  color: var(--edux-muted);
  font-size: 12px;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .edux-grid { grid-template-columns: 1fr; }
  .edux-hero { align-items: stretch; flex-direction: column; }
  .edux-level { grid-template-columns: 42px 1fr; }
  .edux-level-actions { grid-column: 1 / -1; justify-content: flex-start; }
}