<meta name='viewport' content='width=device-width, initial-scale=1'/><style>/* Primary English & Monospace Typography */
body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Urdu Language Support (Triggered when Urdu mode is toggled) */
.urdu-active [data-i18n],
.urdu-font {
  font-family: 'Noto Nastaliq Urdu', 'Plus Jakarta Sans', serif;
  line-height: 1.95;
}

/* Navigation Active Tab */
.mode-tab.active-tab {
  background-color: #0f172a;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
}

/* Airline Seat-Map Graphical Time Tiles */
.slot-tile {
  transition: all 0.16s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  user-select: none;
}

.slot-tile:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px -3px rgba(15, 23, 42, 0.12);
}

.slot-tile:active:not(:disabled) {
  transform: translateY(0px);
}

/* Diagonal Striped Pattern for Blocked / Surgery Slots */
.slot-blocked {
  background-color: #fff1f2;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(244, 63, 94, 0.12),
    rgba(244, 63, 94, 0.12) 8px,
    transparent 8px,
    transparent 16px
  );
}

.slot-blocked-mini {
  background-color: #ffe4e6;
  background-image: repeating-linear-gradient(
    -45deg,
    rgba(225, 29, 72, 0.2),
    rgba(225, 29, 72, 0.2) 4px,
    transparent 4px,
    transparent 8px
  );
}

/* Modal Pop & Live Consultant Card Flash Animations */
@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(0.95) translateY(6px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.animate-pop {
  animation: popIn 0.18s ease-out forwards;
}

@keyframes highlightNewBooking {
  0% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    border-color: #10b981;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(16, 185, 129, 0);
    border-color: #10b981;
  }
  100% {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
  }
}

.new-booking-flash {
  animation: highlightNewBooking 1.8s ease-out 2;
}

/* Custom Sleek Scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Print Formatting for Boarding Pass / Thermal Slip */
@media print {
  body {
    background: #ffffff !important;
  }
  .no-print {
    display: none !important;
  }
  #boardingPassModal {
    position: static !important;
    display: block !important;
    background: transparent !important;
    padding: 0 !important;
  }
  #printableBoardingPass {
    box-shadow: none !important;
    border: 2px solid #0f172a !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }
}
</style>