/* --- Metric cards --------------------------------------------------------- */

.aa-card {
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.aa-card:hover {
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  border-color: #d1d5db;
}

.aa-card--orange { border-left: 4px solid #f97316; }
.aa-card--amber  { border-left: 4px solid #f59e0b; }
.aa-card--purple { border-left: 4px solid #8b5cf6; }
.aa-card--blue   { border-left: 4px solid #3b82f6; }
.aa-card--green  { border-left: 4px solid #16a34a; }
.aa-card--indigo { border-left: 4px solid #6366f1; }
.aa-card--pink   { border-left: 4px solid #db2777; }
.aa-card--cyan   { border-left: 4px solid #0891b2; }
.aa-card--slate  { border-left: 4px solid #334155; }

/* --- Icon badges ---------------------------------------------------------- */

.aa-icon--orange { background: #fff7ed; color: #ea580c; }
.aa-icon--amber  { background: #fef3c7; color: #d97706; }
.aa-icon--purple { background: #f5f3ff; color: #7c3aed; }
.aa-icon--blue   { background: #dbeafe; color: #2563eb; }
.aa-icon--green  { background: #dcfce7; color: #16a34a; }
.aa-icon--indigo { background: #e0e7ff; color: #4f46e5; }
.aa-icon--pink   { background: #fce7f3; color: #db2777; }
.aa-icon--cyan   { background: #cffafe; color: #0891b2; }
.aa-icon--slate  { background: #f1f5f9; color: #334155; }

/* --- Trend badges --------------------------------------------------------- */

.aa-trend-badge {
  font-size: 0.7rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 9999px;
  white-space: nowrap;
}

.aa-trend-badge--up      { background: #dcfce7; color: #15803d; }
.aa-trend-badge--down    { background: #fee2e2; color: #dc2626; }
.aa-trend-badge--neutral { background: #fef3c7; color: #92400e; }