/* AssureQC v2.1 — Minimal styles (Tailwind handles main layout) */
* { box-sizing: border-box; }

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; }

/* Animations */
@keyframes slideIn { from { transform: translateX(100px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
@keyframes fadeOut { to { opacity: 0; transform: translateX(20px) } }
@keyframes spin { to { transform: rotate(360deg) } }

/* Spinner */
.animate-spin { animation: spin 1s linear infinite; }

/* Nav active state */
.nav-item.active { background: #1e40af !important; color: #fff !important; }
.nav-item.active i { color: #93c5fd !important; }

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

/* Chart container constraints */
canvas { max-width: 100%; }

/* Tables */
table { border-collapse: collapse; width: 100%; }
th { white-space: nowrap; }
td { white-space: nowrap; }

/* Responsive overflow */
.overflow-x-auto { overflow-x: auto; -webkit-overflow-scrolling: touch; }