/* ============================
   BASE — tokens, reset, base elements
============================ */

:root{
  --bg:#0a0a0a;
  --card:#121212;
  --line:#1f1f1f;
  --ink:#ffffff;
  --muted:#b7b7b7;
  --brand:#2cd38d;
  --ink-inv:#0a0a0a;
  --scheduled:#1e90ff;
  --paused:#ffb300;
  --ended:#ff4f5a;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--ink);
  overflow-x:hidden;
  font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height:1.4;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font:inherit;
}

.muted{
  color:var(--muted);
}

/* =========================
   GLOBAL BUSINESS LOGOS
========================= */

.business-logo,
.business_logo,
.business-card-logo,
.staff-business-logo,
.dashboard-business-logo,
.listing-business-logo,
.reward-business-logo,
.partner-logo,
.offer-business-logo{
  width:90px;
  height:90px;
  border-radius:50%;
  object-fit:cover;
  background:#111;
  border:3px solid var(--brand);
  padding:4px;
  box-shadow:0 0 18px rgba(44,211,141,0.20);
  display:block;
  flex-shrink:0;
}

.business-logo-sm{
  width:60px;
  height:60px;
  border-radius:50%;
  object-fit:cover;
  background:#111;
  border:2px solid var(--brand);
  padding:3px;
  box-shadow:0 0 12px rgba(44,211,141,0.15);
  display:block;
  flex-shrink:0;
}

.business-logo-xs{
  width:48px;
  height:48px;
  border-radius:50%;
  object-fit:cover;
  background:#111;
  border:2px solid var(--brand);
  padding:2px;
  display:block;
  flex-shrink:0;
}