.glass-card, .stat-card, .question-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 1px 4px rgba(15, 23, 42, 0.05);
}

.glass-card { padding: 1rem; }
.table-wrap { overflow-x: auto; }
.status-pill, .score-badge, .action-indicator {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 0.28rem 0.55rem;
  font-weight: 800;
  font-size: 0.82rem;
  white-space: nowrap;
}
.status-pill { background: rgba(16, 42, 67, 0.08); color: var(--navy); }
.score-badge.good { background: rgba(143, 199, 62, 0.16); color: #3f6212; }
.score-badge.amber { background: rgba(183, 121, 31, 0.12); color: var(--amber); }
.score-badge.warn { background: rgba(183, 121, 31, 0.16); color: #875a12; }
.score-badge.danger { background: rgba(180, 35, 24, 0.1); color: var(--red); }
.action-indicator { background: rgba(180, 35, 24, 0.1); color: var(--red); }

@media (max-width: 560px) {
  .glass-card {
    padding: 0.85rem;
  }
  .score-badge, .status-pill, .action-indicator {
    align-items: flex-start;
    line-height: 1.25;
    min-height: 0;
    white-space: normal;
  }
  .table-wrap {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    max-width: calc(100vw - 1.1rem);
  }
}