.status-label {
     display: inline-block;
     padding: 6px 12px; /* Внутрішній відступ */
     background-color: rgba(0, 0, 0, 0.08); /* Напівпрозорий фон */
     color: rgba(0, 0, 0, 1); /* Трохи затемнений чорний */
     border-radius: 8px; /* Закруглені кути */
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Легка тінь */
     font-size: 14px; /* Розмір шрифту */
     font-weight: 500; /* Напівжирний текст */
     line-height: 1.5; /* Міжрядковий інтервал */
     text-align: center;
     cursor: default; /* Вказівник залишається стандартним */
     transition: box-shadow 0.3s ease, background-color 0.3s ease;
 }

.status-label:hover {
    background-color: rgba(0, 0, 0, 0.12); /* Злегка темніше на ховер */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Тінь стає глибшою */
}