@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-slate-900 text-slate-100 antialiased;
  }

  ::-webkit-scrollbar {
    @apply w-1.5;
  }
  ::-webkit-scrollbar-track {
    @apply bg-slate-800;
  }
  ::-webkit-scrollbar-thumb {
    @apply bg-slate-600 rounded-full;
  }
}

@layer components {
  .card {
    @apply bg-slate-800 border border-slate-700 rounded-xl p-6;
  }

  .btn-primary {
    @apply bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed;
  }

  .btn-secondary {
    @apply bg-slate-700 hover:bg-slate-600 text-slate-100 px-4 py-2 rounded-lg font-medium transition-colors;
  }

  .btn-danger {
    @apply bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-lg font-medium transition-colors;
  }

  .input {
    @apply bg-slate-700 border border-slate-600 text-slate-100 rounded-lg px-3 py-2 w-full focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent placeholder-slate-400;
  }

  .label {
    @apply block text-sm font-medium text-slate-300 mb-1;
  }

  .badge-active      { @apply bg-green-900 text-green-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-expired     { @apply bg-red-900 text-red-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-inactive    { @apply bg-slate-700 text-slate-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-maintenance { @apply bg-yellow-900 text-yellow-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-available   { @apply bg-green-900 text-green-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-occupied    { @apply bg-blue-900 text-blue-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
  .badge-banned      { @apply bg-red-900 text-red-300 text-xs font-medium px-2.5 py-0.5 rounded-full; }
}
