.kf-deal-status-theme {
    --kf-deal-status-color: #526484;
    --kf-deal-status-solid: #526484;
    --kf-deal-status-background: #f5f7fa;
    --kf-deal-status-border: #dbe3ef;
}

.kf-deal-status--prospecting {
    --kf-deal-status-color: #526484;
    --kf-deal-status-solid: #526484;
    --kf-deal-status-background: #f5f7fa;
    --kf-deal-status-border: #dbe3ef;
}

.kf-deal-status--initial {
    --kf-deal-status-color: #7187a5;
    --kf-deal-status-solid: #a8b7cb;
    --kf-deal-status-background: #f7f9fc;
    --kf-deal-status-border: #dce4ee;
}

.kf-deal-status--viewing {
    --kf-deal-status-color: #2878d0;
    --kf-deal-status-solid: #559bfb;
    --kf-deal-status-background: #f3f8fe;
    --kf-deal-status-border: #cfdef1;
}

.kf-deal-status--evaluation {
    --kf-deal-status-color: #1469bd;
    --kf-deal-status-solid: #1473e6;
    --kf-deal-status-background: #f1f7fd;
    --kf-deal-status-border: #c9dcf1;
}

.kf-deal-status--documentation {
    --kf-deal-status-color: #1592a5;
    --kf-deal-status-solid: #27b8c6;
    --kf-deal-status-background: #f0fbfc;
    --kf-deal-status-border: #c4e8ed;
}

.kf-deal-status--close-out {
    --kf-deal-status-color: #725dc7;
    --kf-deal-status-solid: #816bce;
    --kf-deal-status-background: #f7f5fd;
    --kf-deal-status-border: #ddd6f5;
}

.kf-deal-status--billing {
    --kf-deal-status-color: #6957ad;
    --kf-deal-status-solid: #6957ad;
    --kf-deal-status-background: #f7f6fc;
    --kf-deal-status-border: #ddd8ef;
}

.kf-deal-status--closed-won {
    --kf-deal-status-color: #3a9b4b;
    --kf-deal-status-solid: #4caf50;
    --kf-deal-status-background: #f3fbf4;
    --kf-deal-status-border: #cee8d2;
}

.kf-deal-status--closed-lost {
    --kf-deal-status-color: #d83b43;
    --kf-deal-status-solid: #e85347;
    --kf-deal-status-background: #fff6f6;
    --kf-deal-status-border: #f1cfd1;
}

.kf-deal-status--kiv {
    --kf-deal-status-color: #bc7a00;
    --kf-deal-status-solid: #f4bd0e;
    --kf-deal-status-background: #fffaf0;
    --kf-deal-status-border: #f2dfb6;
}

.kf-deal-status-badge {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    padding: .15rem .48rem;
    overflow: hidden;
    border: 1px solid var(--kf-deal-status-border);
    border-radius: 5px;
    background: var(--kf-deal-status-background);
    color: var(--kf-deal-status-color);
    font-size: .7rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kf-deal-status-dot {
    background: var(--kf-deal-status-solid);
}