/* styles.css — small polish on top of Tailwind */
:root {
  --line:#e5e7eb;
  --muted:#6b7280;
}

body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; }

/* KPI cards hover */
.metric-card { transition: transform .2s ease, box-shadow .2s ease; }
.metric-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(2,6,23,.08); }

/* Salon tiles (generated by JS) */
.salon-card { transition: transform .2s ease, box-shadow .2s ease; background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; display:flex; justify-content:space-between; align-items:center; }
.salon-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(2,6,23,.08); }
.salon-name { font-weight: 600; color:#111827; }
.salon-metrics { display:flex; gap:16px; align-items:center; color:#374151; }
.salon-metrics .link { color:#2563eb; text-decoration:none; }
.salon-metrics .link:hover { text-decoration:underline; }

/* Tables */
.grid-table { border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.grid-table thead th { background:#111827; color:#cbd5e1; }
.grid-table tbody tr:hover { background:#f8fafc; }

/* Tiny badges/buttons */
.time-period-btn { user-select:none; }