/* OmniaFlow Hotelería - Custom Styles */

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

::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
  background: rgba(51, 65, 85, 0.8);
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(100, 116, 139, 1);
}

/* Nav Tab States */
.nav-tab.active {
  background: linear-gradient(135deg, rgba(194, 135, 83, 0.25) 0%, rgba(177, 112, 68, 0.15) 100%);
  color: #f5efe3;
  border: 1px solid rgba(207, 162, 118, 0.35);
  box-shadow: 0 4px 12px -2px rgba(194, 135, 83, 0.2);
}

/* Tab Views */
.tab-view {
  display: none;
}

.tab-view.active {
  display: block;
  animation: fadeIn 0.2s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Room Card Glows */
.room-card-occupied {
  border-color: rgba(194, 135, 83, 0.5);
  background: radial-gradient(circle at top right, rgba(194, 135, 83, 0.12), rgba(15, 23, 42, 0.85) 60%);
}

.room-card-available {
  border-color: rgba(30, 41, 59, 0.8);
  background: rgba(15, 23, 42, 0.5);
}

/* Print Styles for Physical QR Material */
@media print {
  body * {
    visibility: hidden;
  }

  header, aside, .tab-view:not(#tab-qr), button {
    display: none !important;
  }

  #tab-qr, #print-card-preview, #print-card-preview * {
    visibility: visible;
  }

  #print-card-preview {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: none !important;
    border: 2px solid #cfa276 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}