/* Safe Drive AI - KPMC Custom Styles */
* { -webkit-tap-highlight-color: transparent; }

html, body {
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
}

.pt-safe { padding-top: env(safe-area-inset-top); }
.pb-safe { padding-bottom: env(safe-area-inset-bottom); }

/* Score ring animation */
@keyframes pulse-ring {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
.pulse-ring { animation: pulse-ring 2s ease-in-out infinite; }

/* Warning shake */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.shake { animation: shake 0.5s ease-in-out infinite; }

/* Hide scrollbar */
::-webkit-scrollbar { display: none; }

/* Active state for status cards */
.status-warning {
  border-color: rgba(245, 158, 11, 0.5) !important;
  background: rgba(245, 158, 11, 0.1) !important;
}
.status-danger {
  border-color: rgba(239, 68, 68, 0.5) !important;
  background: rgba(239, 68, 68, 0.15) !important;
}

/* Period tab transitions */
.period-tab { transition: all 0.2s ease; }

/* Fade in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.3s ease-out; }