/* Voice Notes - Custom Styles */

/* Safe area padding for iPhone notch */
@supports (padding-top: env(safe-area-inset-top)) {
  .safe-top {
    padding-top: env(safe-area-inset-top);
  }
  .safe-bottom {
    padding-bottom: env(safe-area-inset-bottom);
  }
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Hide scrollbar but keep functionality */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Touch-friendly tap highlights */
button, a {
  -webkit-tap-highlight-color: transparent;
}

/* Pulse animation for recording */
@keyframes pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.7; transform: scale(1.05); }
}
.animate-pulse-record {
  animation: pulse 1.5s ease-in-out infinite;
}

/* Slide up animation for modals */
@keyframes slideUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.animate-slide-up {
  animation: slideUp 0.3s ease-out;
}

/* Fade in animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.animate-fade-in {
  animation: fadeIn 0.2s ease-out;
}

/* Toast styles */
.toast {
  position: fixed;
  bottom: 7rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  color: white;
  font-weight: 500;
  z-index: 100;
  animation: fadeIn 0.2s ease-out;
}
.toast-success {
  background-color: #22c55e;
}
.toast-error {
  background-color: #ef4444;
}

/* Note card styles */
.note-card {
  transition: transform 0.1s ease, opacity 0.2s ease;
}
.note-card:active {
  transform: scale(0.98);
}

/* Drag handle */
.drag-handle {
  cursor: grab;
  touch-action: none;
}
.drag-handle:active {
  cursor: grabbing;
}

/* Priority star animation */
.star-toggle {
  transition: transform 0.2s ease;
}
.star-toggle:active {
  transform: scale(1.2);
}

/* Spin animation for refresh button */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.animate-spin {
  animation: spin 0.8s linear infinite;
}