/* ============================================================
 * Part dialogs (#676): Mark serviced and Replace part, on the Car page.
 *
 * Their form fields are the shared cg-form (css/shared.css, #681). Only the service-state band,
 * which both dialogs show, lives here. GLOBAL because both dialogs use it.
 * ============================================================ */

/* How far the service has come: the warn and crit tints the consumables already use. */
.ms-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--tt-s-12);
    padding: var(--tt-s-12) var(--tt-s-14);
    border-radius: var(--tt-radius-8);
    background: var(--tt-surface-1);
    font-size: 13px;
    color: var(--tt-ink-1);
}

.ms-state--warn { background: var(--tt-status-warn-surface); }
.ms-state--crit { background: var(--tt-status-crit-surface); }
.ms-state__figure { font-weight: var(--tt-weight-semibold); white-space: nowrap; }