body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f8f9fa;
  color: #212529;
  transition: background-color 0.3s, color 0.3s;
}

[data-bs-theme="dark"] {
  --bs-body-bg: #121212;
  --bs-body-color: #e9ecef;
  --bs-card-bg: #1e1e1e;
  --bs-btn-bg: #343a40;
  --bs-btn-hover-bg: #495057;
  --bs-border-color: #444;
}

.card {
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border: none;
}

.list-group-item {
  border: none;
  border-bottom: 1px solid var(--bs-border-color, #dee2e6);
  padding: 0.75rem 1rem;
}

.btn {
  border-radius: 8px;
}

.editable {
  cursor: pointer;
  border-bottom: 1px dashed #6c757d;
  transition: border-color 0.2s;
}

.editable:hover {
  border-bottom-color: #0d6efd;
}

#voice_btn.btn-danger {
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.6; }
  100% { opacity: 1; }
}

.toast {
  margin-bottom: 20px;
}