/* ===== UTILITY CLASSES ===== */

/* Display utilities */
.hidden {
  display: none;
}

.visible {
  display: block;
}

.flex {
  display: flex;
}

.inline-block {
  display: inline-block;
}

/* Text color utilities */
.text-muted {
  color: #888;
}

.text-secondary {
  color: #666;
}

.text-light {
  color: #999;
}

/* Font size utilities */
.text-xs {
  font-size: 9px;
}

.text-sm {
  font-size: 12px;
}

.text-base {
  font-size: 14px;
}

.text-lg {
  font-size: 16px;
}

/* Spacing utilities */
.mt-1 {
  margin-top: 5px;
}

.mt-2 {
  margin-top: 10px;
}

.mb-1 {
  margin-bottom: 5px;
}

.mb-2 {
  margin-bottom: 10px;
}

.ml-1 {
  margin-left: 5px;
}

.ml-2 {
  margin-left: 10px;
}

/* Width utilities */
.w-full {
  width: 100%;
}

.min-w-120 {
  min-width: 120px;
}

/* Flex utilities */
.flex-wrap {
  flex-wrap: wrap;
}

.gap-2 {
  gap: 10px;
}

.gap-3 {
  gap: 12px;
}

/* Textarea utilities */
.resize-vertical {
  resize: vertical;
}

.min-h-20 {
  min-height: 80px;
}

.min-h-25 {
  min-height: 100px;
}

/* Overflow utilities */
.overflow-y-auto {
  overflow-y: auto;
}

.max-h-75 {
  max-height: 300px;
}

/* Opacity utilities */
.opacity-70 {
  opacity: 0.7;
}

/* Text alignment utilities */
.text-center {
  text-align: center;
}

/* Position utilities */
.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* Flex positioning */
.flex-0-0-120 {
  flex: 0 0 120px;
}

.flex-1 {
  flex: 1;
}

/* Negative margins */
.mb-neg-9 {
  margin-bottom: -36px;
}

.mt-neg-1 {
  margin-top: -5px;
}

.mt-neg-0-5 {
  margin-top: -2px;
}

/* Padding utilities */
.p-2 {
  padding: 8px 12px;
}

/* Right positioning */
.right-115 {
  right: 115px;
}

.right-270 {
  right: 270px;
}

/* Additional utility classes for specific font sizes */
.text-7px {
  font-size: 7px;
}

.text-10px {
  font-size: 10px;
}

/* Additional margin utilities */
.ml-2 {
  margin-left: 10px;
}

/* Additional button utilities */
.min-w-120 {
  min-width: 120px;
}

.p-2 {
  padding: 8px 12px;
}