/* Minimal custom styles on top of UnoCSS utility classes */
:root {
  --accent: #6366f1;  /* indigo-500 */
}

/* Thin scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Status badge colors not expressible via UnoCSS dynamic classes */
.badge-COMPLETED  { background: #166534; color: #bbf7d0; }
.badge-RUNNING    { background: #1e3a5f; color: #93c5fd; }
.badge-FAILED     { background: #7f1d1d; color: #fca5a5; }
.badge-PARTIAL    { background: #78350f; color: #fde68a; }
.badge-NEW        { background: #14532d; color: #bbf7d0; }
.badge-UPDATE     { background: #1e3a5f; color: #93c5fd; }
.badge-REACTIVATION { background: #312e81; color: #c4b5fd; }
.badge-DEACTIVATION { background: #7f1d1d; color: #fca5a5; }

/* Smooth bar chart */
.bar { transition: height 0.4s ease; }

/* Card hover */
.hotel-card:hover { transform: translateY(-2px); }
.hotel-card { transition: transform 0.2s ease, box-shadow 0.2s ease; }

/* Star color */
.star { color: #f59e0b; }

/* Skeleton pulse */
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.4} }
.skeleton { animation: pulse 1.5s ease-in-out infinite; background:#1e293b; border-radius:4px; }