.smart-label.good {
    background: green;
}

.smart-label.bad {
    background: red;
}

.navbar {
    margin-bottom: 3px;
}

th {
    white-space: nowrap;
}

.dropzone {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    cursor: pointer;

    /* center content vertically */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#fileInput {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}


.dropzone.dragover {
    background-color: #f8f9fa;
    border-color: #0d6efd;
}

.clickable-row {
    cursor: pointer;
    color: #0d6efd; /* Bootstrap primary blue */
    text-decoration: none;
}
.clickable-row:hover {
    text-decoration: underline;
}


.table thead th {
    background-color: #f8f9fa;     /* subtle light gray */
    color: #495057;                  /* standard text color */
    font-weight: 600;                /* slightly bolder text */
    text-transform: uppercase;       /* makes header uppercase */
    letter-spacing: 0.5px;           /* subtle spacing for readability */
    border-bottom: 2px solid #dee2e6; /* separates header from rows */
    padding: 0.75rem;                /* consistent with Bootstrap spacing */
}