/* ═══════════════════════════════════════════════════
   BADGES — ImportControl
   ═══════════════════════════════════════════════════ */

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: var(--radius-pill);
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
    line-height: 1.5;
    white-space: nowrap;
}

/* Container statuses */
.status-badge.preparing { background: #FEF0E4; color: #93530B; }
.status-badge.shipped { background: #E6F0FA; color: #2E5894; }
.status-badge.in_transit { background: var(--info-bg); color: var(--info-text); }
.status-badge.at_port { background: var(--warning-bg); color: var(--warning-text); }
.status-badge.customs { background: #FFF9F0; color: #835C00; }
.status-badge.released { background: var(--success-bg); color: var(--success-text); }
.status-badge.transporting { background: #E8F4FD; color: #0078D4; }
.status-badge.received { background: var(--success-bg); color: var(--success-text); }
.status-badge.unloaded { background: #F3EEF9; color: #5C2D91; }
.status-badge.pending_return { background: #FEF0E4; color: #D83B01; }
.status-badge.returned { background: var(--gray-50); color: var(--text-secondary); }

/* Semantic */
.status-badge.info { background: var(--info-bg); color: var(--info-text); }
.status-badge.success { background: var(--success-bg); color: var(--success-text); }
.status-badge.warning { background: var(--warning-bg); color: var(--warning-text); }
.status-badge.danger { background: var(--danger-bg); color: var(--danger-text); }
.status-badge.secondary { background: var(--gray-50); color: var(--text-secondary); }
.status-badge.copper { background: var(--brand-wash); color: var(--info-text); }

/* Container Type Tags */
.container-type-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: var(--weight-bold);
    letter-spacing: 0.3px;
    text-transform: uppercase;
    font-family: var(--font-mono);
}

.container-type-tag.ft20 { background: var(--success-bg); color: var(--success-text); }
.container-type-tag.ft40 { background: var(--info-bg); color: var(--info-text); }
.container-type-tag.reefer { background: var(--warning-bg); color: var(--warning-text); }

/* Badge counts */
.badge-count {
    background: var(--brand-primary);
    color: var(--text-inverse);
    font-size: 10px;
    font-weight: var(--weight-bold);
    padding: 1px 6px;
    border-radius: var(--radius-pill);
    min-width: 18px;
    text-align: center;
    line-height: 1.4;
    font-family: var(--font-mono);
}

.bg-copper { background: var(--brand-primary) !important; color: var(--text-inverse) !important; }
.bg-danger { background: var(--danger) !important; color: var(--text-inverse) !important; }
.bg-success { background: var(--success) !important; color: var(--text-inverse) !important; }
.bg-warning { background: var(--warning) !important; color: var(--text-primary) !important; }
.bg-info { background: var(--info) !important; color: var(--text-inverse) !important; }