:root {
  --brand: #b6d300;
  --brand-hover: #9cb600;
}

body {
  font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Hero shape */
.clip-path-hero {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Status badges (admin + user) */
.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.15rem 0.55rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.status-open { background: rgba(182, 211, 0, 0.18); color: #365314; }
.status-paid, .status-success { background: rgba(16, 185, 129, 0.15); color: #065f46; }
.status-pending { background: rgba(234, 179, 8, 0.18); color: #7c2d12; }
.status-cancelled, .status-failed { background: rgba(239, 68, 68, 0.12); color: #7f1d1d; }

/* Ticket messages bubble (fallback) */
.ticket-bubble {
  border-radius: 14px;
  padding: 14px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

/* Horizontal scroll for tables */
.table-responsive {
  width: 100%;
  overflow-x: auto;
}