/*
 * TicketF12 — Status Badges
 * Used in: helpdesk ticket list, ticket detail, dashboard widget
 *
 * Status integer → CSS class mapping:
 *   1 = Open       → tf12-status-open
 *   2 = Reopened   → tf12-status-reopened
 *   3 = Resolved   → tf12-status-resolved
 *   4 = Closed     → tf12-status-closed
 *   5 = Duplicate  → tf12-status-duplicate
 */

.tf12-status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
    line-height: 1.6;
    vertical-align: middle;
}

/* 1 – Open */
.tf12-status-open {
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #fde68a;
}

/* 2 – Reopened */
.tf12-status-reopened {
    background: #dbeafe;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

/* 3 – Resolved */
.tf12-status-resolved {
    background: #ede9fe;
    color: #7c3aed;
    border: 1px solid #ddd6fe;
}

/* 4 – Closed */
.tf12-status-closed {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

/* 5 – Duplicate */
.tf12-status-duplicate {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

/* Fallback for unknown statuses */
.tf12-status-default {
    background: #f3f4f6;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}