.zp-status-chip {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    max-width: 100%;
    padding: 2px 8px;
    border: 2px solid currentColor;
    border-radius: 4px;
    background: #fff;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.zp-status-chip--started {
    color: #18804b;
    background: #e7f6ee;
}

.zp-status-chip--planned {
    color: #2563eb;
    background: #e9f0ff;
}

.zp-status-chip--progress {
    color: #b45309;
    background: #fff4df;
}

.zp-status-chip--finished {
    color: #111827;
    background: #f3f4f6;
}

.zp-status-chip--closing {
    color: #7c3aed;
    background: #f3e8ff;
}

.zp-status-chip--neutral {
    color: #5f6875;
    background: #f5f6f8;
}

.zp-status-chip--palette-0 {
    color: #0f766e;
    background: #e6fffb;
}

.zp-status-chip--palette-1 {
    color: #6d28d9;
    background: #f1e8ff;
}

.zp-status-chip--palette-2 {
    color: #0369a1;
    background: #e0f2fe;
}

.zp-status-chip--palette-3 {
    color: #9f1239;
    background: #ffe4ec;
}

.zp-status-chip--palette-4 {
    color: #3f6212;
    background: #ecfccb;
}

.zp-status-chip--palette-5 {
    color: #7c2d12;
    background: #ffedd5;
}

.zp-status-chip--palette-6 {
    color: #334155;
    background: #e2e8f0;
}

.zp-status-chip--palette-7 {
    color: #7e22ce;
    background: #fae8ff;
}