/* PMS Common Styles */
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --pms-primary: #2563eb;
  --pms-secondary: #475569;
  --pms-success: #16a34a;
  --pms-error: #dc2626;
  --pms-bg: #f8fafc;
  --pms-surface: #ffffff;
}

body {
  background-color: var(--pms-bg);
  -webkit-tap-highlight-color: transparent;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

/* Animations */
@keyframes pms-pulse-blue {
  0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.7); }
  70% { box-shadow: 0 0 0 15px rgba(37, 99, 235, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }
}

@keyframes pms-pulse-slate {
  0% { box-shadow: 0 0 0 0 rgba(71, 85, 105, 0.5); }
  70% { box-shadow: 0 0 0 15px rgba(71, 85, 105, 0); }
  100% { box-shadow: 0 0 0 0 rgba(71, 85, 105, 0); }
}

.anim-pulse-blue { animation: pms-pulse-blue 1.2s infinite ease-in-out; }
.anim-pulse-slate { animation: pms-pulse-slate 1.2s infinite ease-in-out; }

/* Components */
.pms-card {
  @apply bg-white rounded-3xl shadow-xl shadow-slate-200/60 border border-slate-100 overflow-hidden;
}

.pms-btn {
  @apply flex items-center justify-center rounded-2xl font-semibold transition-all active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed;
}

.pms-input {
  @apply w-full bg-slate-50 border border-slate-200 rounded-xl px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500/20 focus:border-blue-500 transition-all;
}

/* Scrollbar */
.pms-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.pms-scrollbar::-webkit-scrollbar-track { background: #f1f5f9; }
.pms-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
.pms-scrollbar::-webkit-scrollbar-thumb:hover { background: #94a3b8; }