/* أنماط تكميلية — أدوات Tailwind المستخدمة في الإضافات الجديدة (مرام + الحسابات) */
.inset-x-3 { left: 0.75rem; right: 0.75rem; }
.bottom-3 { bottom: 0.75rem; }
@media (min-width: 640px) {
  .sm\:inset-x-auto { left: auto; right: auto; }
  .sm\:right-6 { right: 1.5rem; }
  .sm\:bottom-6 { bottom: 1.5rem; }
  .sm\:w-\[400px\] { width: 400px; }
}
.ps-2 { padding-inline-start: 0.5rem; }
.me-1 { margin-inline-end: 0.25rem; }
.max-w-\[85\%\] { max-width: 85%; }
.text-\[11px\] { font-size: 11px; }
.rounded-tl-md { border-top-left-radius: 0.375rem; }
.rounded-br-md { border-bottom-right-radius: 0.375rem; }
.bg-emerald-300 { background-color: #6ee7b7; }
.bg-rose-500 { background-color: #f43f5e; }
.text-rose-400 { color: #fb7185; }
.gap-0\.5 { gap: 0.125rem; }
.bg-\[\#fbfaff\] { background-color: #fbfaff; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white\/15 { background-color: rgba(255, 255, 255, 0.15); }
.bg-amber-400\/15 { background-color: rgba(251, 191, 36, 0.15); }
.focus\:ring-violet-300:focus { --tw-ring-color: #c4b5fd; box-shadow: 0 0 0 3px rgba(196, 181, 253, 0.5); }
.accent-violet-600 { accent-color: #7c3aed; }
.scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: scale(1.25); }
.-scale-x-100 { --tw-scale-x: -1; transform: scaleX(-1); }

@keyframes maram-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
.animate-bounce { animation: maram-bounce 0.9s ease-in-out infinite; }