:root{
  --bg:#f6f8fb;
  --card:#ffffff;
  --stroke: rgba(15,23,42,0.08);
  --text:#0f172a;
  --muted:#64748b;
}

body{
  min-height:100vh;
  background: linear-gradient(180deg, #ffffff, var(--bg));
  color: var(--text);
}

.glass-card{
  background: var(--card);
  border: 1px solid var(--stroke);
  border-radius: 18px;
}

.glass-nav{
  background: rgba(255,255,255,0.95);
  border-bottom: 1px solid var(--stroke);
}

.brand-dot{
  display:inline-block;
  width:10px;height:10px;border-radius:99px;
  background: linear-gradient(135deg, #0d6efd, #20c997);
  margin-right:8px;
}

.btn-glow{
  box-shadow: 0 10px 30px rgba(13,110,253,0.2);
}

.text-muted{ color: var(--muted)!important; }

/* Ticket 80mm */
.ticket-80mm{
  width: 80mm;
  margin: 0 auto;
  background: #fff;
  color:#111;
  border-radius: 10px;
  padding: 8px 10px;
}

.ticket-title{ font-size: 14px; font-weight: 800; }
.ticket-meta{ font-size: 10px; color:#333; }
.ticket-line{
  border-top: 1px dashed #222;
  margin: 6px 0;
}
.ticket-row{ font-size: 10px; }
.ticket-qr{
  width: 45mm;
  height: 45mm;
  object-fit: contain;
}
.ticket-block .ticket-small{ font-size: 10px; }
.ticket-terms{ font-size: 9px; color:#222; }

/* Print */
@media print{
  .navbar, .btn, .alert{ display:none !important; }
  main.container{ padding:0!important; margin:0!important; }
  .card{ border:0!important; box-shadow:none!important; }
  @page{
    size: 80mm auto;
    margin: 0;
  }
}