/* ============================================================
   VENUECORE INVENTORY — SVG Icon System
   Inline SVG icons for sidebar nav + buttons. No emojis.
   ============================================================ */

.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Landing card icons — larger */
.landing-card-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.landing-card-icon svg {
  width: 28px;
  height: 28px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.landing-card-icon.icon-app {
  background: var(--accent-dim);
  color: var(--accent);
}

.landing-card-icon.icon-demo {
  background: var(--cyan-dim);
  color: var(--cyan);
}