:root {
  --petrol: #003d4d;
  --orangy: #ff8c00;
}

body {
  font-family: 'Vazirmatn', sans-serif;
  margin: 0;
  background: #f9fafb;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@keyframes pulse-wa {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.5); }
  50% { box-shadow: 0 0 0 12px rgba(34, 197, 94, 0); }
}
.animate-pulse-wa { animation: pulse-wa 2s infinite; }

@keyframes toast {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-toast { animation: toast 0.3s ease-out; }

input[type="range"] {
  height: 6px;
  border-radius: 999px;
  background: #e5e7eb;
}

/* smooth scrollbar for RTL */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

* { -webkit-tap-highlight-color: transparent; }
img { user-select: none; }
</parameter>
</invoke>