#attachmentsPreview {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: start;
}
#attachmentsPreview .card img {
  object-fit: cover;
  border-radius: 8px;
}

.btn-active {
    transform: scale(1.1);
    transition: transform 0.15s ease-in-out;
}
.highlight-toolbar {
    background-color: rgba(255, 0, 0, 0.05);
    transition: background-color 0.3s ease;
}

.unread-row {
  font-weight: 600;
}
.unread-row:hover {

}

.unread-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #007bff;
}

/* Scrollable table wrapper */
.table-responsive {
    max-height: calc(100vh - 120px); /* 150px – header/nav balandligi, moslab o'zgartiring */
    overflow-y: auto;               /* faqat vertikal scroll */
    display: block;                 /* block bo'lishi kerak, table-responsive bilan birga ishlaydi */
}

/* Optional: scroll bar styling (Chrome, Edge, Safari) */
.table-responsive::-webkit-scrollbar {
    width: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.05);
}

.text-vivid-blue    { color: #2979ff; }
.text-vivid-green   { color: #00c853; }
.text-vivid-orange  { color: #ff6d00; }
.text-vivid-purple  { color: #7c4dff; }
.text-vivid-pink    { color: #f50057; }