/* MH-03 | Global Semantic Badge / Status Label */

.mh03-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 24px;
    padding: 3px 9px;

    border: 1px solid transparent;
    border-radius: 999px;

    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1px;
    line-height: 1.2;
    white-space: nowrap;
}

.mh03-badge--compact {
    min-height: 20px;
    padding: 2px 7px;
    font-size: 11px;
}

.mh03-badge--teal {
    background: #e7f5f4;
    border-color: #c7e7e3;
    color: #176b69;
}

.mh03-badge--blue {
    background: #edf4ff;
    border-color: #d2e2fb;
    color: #285f9a;
}

.mh03-badge--orange {
    background: #fff3e7;
    border-color: #f6d8b8;
    color: #a45b16;
}

.mh03-badge--red {
    background: #fff0f0;
    border-color: #f4cdcd;
    color: #ad3939;
}

.mh03-badge--purple {
    background: #f4effb;
    border-color: #ded1f1;
    color: #73539b;
}

.mh03-badge--gray {
    background: #f3f5f7;
    border-color: #e1e6ea;
    color: #647482;
}

.mh03-badge--model {
    background: #eef7f8;
    border-color: #d1e7ea;
    color: #315f6c;
    font-weight: 700;
}