/* Removed - replaced by .results-row-1 and .results-row-2 grid layouts */
.results-dashboard .card {
  background: var(--rd-surface-grad);
  background-image: var(--rd-card-tint), var(--rd-surface-overlay), var(--rd-surface-grad) !important;
  color: var(--text-primary, #e6ebf5);
  border-radius: var(--rd-radius);
  padding: clamp(0.85rem, 2vw, 1rem) clamp(0.9rem, 2.5vw, 1.2rem);
  box-shadow: var(--rd-elev-ring), var(--rd-shadow-2);
  border: var(--rd-border);
  min-height: 124px;
  display: grid;
  gap: .5rem;
  cursor: pointer;
  transition: box-shadow .18s ease, transform .18s ease;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.results-dashboard .card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 40%), radial-gradient(120% 60% at 10% 0%, rgba(255,255,255,.08) 0%, rgba(255,255,255,0) 60%); border-radius: inherit; }
.results-dashboard .card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: var(--rd-card-accent-h); background: linear-gradient(90deg, var(--color-primary-400, #6ea8ff), var(--color-accent-500, #7c66ff)); border-radius: var(--rd-radius) var(--rd-radius) 0 0; opacity: .8; }
.results-dashboard .card:hover { box-shadow: var(--rd-elev-ring), var(--rd-shadow-3); transform: translateY(-3px); }
.results-dashboard .card header { display:flex; align-items:center; gap:.5rem; font-weight: 600; opacity:.92; }
.results-dashboard .card header i { opacity: .9; }
.results-dashboard [data-card-type="stress"] header span,
.results-dashboard [data-card-type="displacement"] header span,
.results-dashboard [data-card-type="geometry"] header span,
.results-dashboard [data-card-type="fatigue-alt"] header span {
  font-size: 0.9rem !important;
  line-height: 1.3;
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.results-dashboard .card .value { font-size: clamp(1.1rem, 1.7vw, 1.5rem); font-variant-numeric: tabular-nums; font-weight: 800; letter-spacing: .01em; }
.results-dashboard .card .sub { opacity:.8; font-size: .9rem; }
.results-dashboard .card { animation: rd-fade .25s ease both; }
@keyframes rd-fade { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 1279px) {
  /* Responsive layout handled by .results-row-1 and .results-row-2 */
}