.progressbar {
    display: block;
    height: 6px;               /* ✅ This is critical */
    background-color: #e0e0e0; /* Fallback if color class not found */
    border-radius: 3px;
    margin-top: 4px;
    position: relative;
    overflow: hidden;
    transition: width 0.4s ease;
}

/* Optional: support for `.line` as a visual variant */
.progressbar.line {
    height: 6px;
}

/* Color variants */
.progressbar.blue { background-color: #007bff; }
.progressbar.green { background-color: #28a745; }
.progressbar.red { background-color: #dc3545; }
.progressbar.yellow { background-color: #ffc107; }

.td-progress {
    min-width: 130px;
    max-width: 130px;
    width: 130px;
    white-space: nowrap;
}