/* ─── Бейджи статусов заказов ──────────────────────────────────────── */

.badge-status {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.badge-status i { font-size: 14px; }

.badge-status.status-new {
    background: rgba(66, 99, 235, 0.12);
    color: #3b5bdb;
}
[data-bs-theme="dark"] .badge-status.status-new {
    background: rgba(92, 124, 250, 0.18);
    color: #91a7ff;
}

.badge-status.status-completed,
.badge-status.status-completed_manually {
    background: rgba(43, 138, 62, 0.12);
    color: #2b8a3e;
}
[data-bs-theme="dark"] .badge-status.status-completed,
[data-bs-theme="dark"] .badge-status.status-completed_manually {
    background: rgba(67, 207, 124, 0.18);
    color: #69db7c;
}

.badge-status.status-refund {
    background: rgba(232, 89, 12, 0.12);
    color: #e8590c;
}
[data-bs-theme="dark"] .badge-status.status-refund {
    background: rgba(255, 146, 43, 0.18);
    color: #ff922b;
}

.badge-status.status-failed,
.badge-status.status-error {
    background: rgba(201, 42, 42, 0.12);
    color: #c92a2a;
}
[data-bs-theme="dark"] .badge-status.status-failed,
[data-bs-theme="dark"] .badge-status.status-error {
    background: rgba(255, 107, 107, 0.18);
    color: #ff6b6b;
}

.badge-status.status-failed_val {
    background: rgba(232, 126, 4, 0.14);
    color: #e8590c;
}
[data-bs-theme="dark"] .badge-status.status-failed_val {
    background: rgba(255, 169, 77, 0.18);
    color: #ffa94d;
}

.badge-status.status-initialization,
.badge-status.status-processing {
    background: rgba(116, 75, 162, 0.12);
    color: #744ba2;
}
[data-bs-theme="dark"] .badge-status.status-initialization,
[data-bs-theme="dark"] .badge-status.status-processing {
    background: rgba(177, 145, 219, 0.18);
    color: #b197dd;
}

.badge-mode {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    color: var(--fp-muted);
    background: var(--fp-bg);
    border: 1px solid var(--fp-border);
}

.badge-mode i { font-size: 13px; }