.state-label{--state-bg:#f2f2f3;--state-fg:#1e1e20;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:30px;padding:0 12px;border-radius:4px;white-space:nowrap;vertical-align:middle;font-size:12px;font-weight:700;line-height:1;background-color:var(--state-bg);color:var(--state-fg)}
.state-label.tone-green{--state-bg:#34b77a;--state-fg:white}
.state-label.tone-red{--state-bg:#d60000;--state-fg:white}
.state-label.tone-amber{--state-bg:#f6bf28;--state-fg:white}
.sales-state.state-label{height:20px;padding:0 8px;font-size:11px}
.vf-invoice-badge{display:inline-flex;align-items:center;gap:5px;margin-left:9px;padding:4px 7px;border:1px solid #c3e4d3;border-radius:5px;background:#e9f7ef;color:#14613a;font-size:10px;font-weight:700;white-space:nowrap;vertical-align:middle}
.vf-invoice-badge img{flex:none}
.vf-invoice-badge.vf-pending{color:#8a5b00;background:#fff5d9;border-color:#ecd398}
.vf-invoice-badge.vf-error{color:#a52323;background:#fff0ee;border-color:#e8b6b0}
.vf-invoice-badge:hover{background:#d6efdf}