/* Utility classes for inline style replacements */

/* Animation delays */
.anim-delay-1 { animation-delay: 0.1s; }
.anim-delay-2 { animation-delay: 0.2s; }
.anim-delay-3 { animation-delay: 0.3s; }
.anim-delay-4 { animation-delay: 0.4s; }
.anim-delay-5 { animation-delay: 0.5s; }
.anim-delay-6 { animation-delay: 0.6s; }
.anim-delay-7 { animation-delay: 0.7s; }

/* Height utilities */
.h-5 { height: 5px; }
.h-6 { height: 6px; }
.h-10 { height: 10px; }
.max-h-180-scroll { max-height: 180px; overflow-y: auto; }
.max-h-260-scroll { max-height: 260px; overflow: auto; }
.max-h-300-scroll { max-height: 300px; overflow-y: auto; }
.max-h-320-scroll { max-height: 320px; overflow: auto; }
.max-h-340 { max-height: 340px; }
.max-h-70vh-scroll { max-height: 70vh; overflow-y: auto; }

/* Width utilities */
.w-0 { width: 0%; }
.w-auto { width: auto; }
.w-120 { width: 120px; }
.w-140 { width: 140px; }
.w-160 { width: 160px; }
.w-160-flex-none { width: 160px; flex: 0 0 auto; }
.w-180 { width: 180px; }
.w-240 { width: 240px; }
.min-w-0 { min-width: 0; }
.min-w-200 { min-width: 200px; }
.min-w-220 { min-width: 220px; }
.min-w-240 { min-width: 240px; }
.min-w-260 { min-width: 260px; }
.max-w-75 { max-width: 75%; }
.max-w-260 { max-width: 260px; }
.max-w-280-full { max-width: 280px; width: 100%; }
.max-w-320 { max-width: 320px; }
.max-w-360 { max-width: 360px; }
.max-w-420 { max-width: 420px; }
.max-w-520 { max-width: 520px; }

/* Z-index utilities */
.z-1010 { z-index: 1010; }
.z-1080 { z-index: 1080; }

/* Font size utilities */
.fs-075rem { font-size: 0.75rem; }
.fs-3rem { font-size: 3rem; }
.fs-3rem-muted { font-size: 3rem; opacity: 0.5; }

/* Display utilities */
.d-none-inline { display: none; }

/* Misc utilities */
.overflow-hidden { overflow: hidden; }
.top-0 { top: 0; }
.cursor-pointer { cursor: pointer; }
.text-decoration-none { text-decoration: none; }
.progress-animated { width: 0; transition: width 1.5s ease-in-out; }

/* Avatar sizes */
.avatar-36 { width: 36px; height: 36px; }
.avatar-40 { width: 40px; height: 40px; }