/* ==========================================================
   CryptoLicense Store — shared styles
   Palette: 03045E 023E8A 0077B6 0096C7 00B4D8 48CAE4 90E0EF ADE8F4 CAF0F8
   ========================================================== */

body {
  font-family: 'Inter', sans-serif;
  background-color: #F4FBFD;
}

.font-display {
  font-family: 'Outfit', sans-serif;
}

/* Signature: layered wave band used behind auth cards & page heroes */
.wave-band {
  position: relative;
  background: linear-gradient(135deg, #03045E 0%, #023E8A 45%, #0077B6 100%);
  overflow: hidden;
}
.wave-band::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 60px;
  background: #F4FBFD;
  clip-path: polygon(0 60%, 8% 55%, 20% 65%, 35% 50%, 50% 62%, 65% 48%, 80% 60%, 92% 50%, 100% 58%, 100% 100%, 0 100%);
}

/* Signature: dashed "ticket" card for crypto payment details */
.ticket-card {
  position: relative;
  background: #fff;
  border: 2px dashed #0096C7;
  border-radius: 18px;
}
.ticket-card::before,
.ticket-card::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 26px; height: 26px;
  background: #F4FBFD;
  border: 2px dashed #0096C7;
  border-radius: 50%;
  transform: translateY(-50%);
}
.ticket-card::before { left: -14px; }
.ticket-card::after  { right: -14px; }

.badge-pending  { background:#FFF7E6; color:#B45309; }
.badge-approved { background:#E6FFF3; color:#03045E; }
.badge-rejected { background:#FFE8E8; color:#B91C1C; }

::selection { background:#48CAE4; color:#03045E; }

/* Scrollbar accent (progressive enhancement, safe if unsupported) */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background:#90E0EF; border-radius:8px; }
::-webkit-scrollbar-track { background:#CAF0F8; }