/* =========================
   BASE BADGE
========================= */
.la-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    letter-spacing: 0.3px;
    line-height: 1;
    background: #f5f5f5;
    color: #333;
}

/* =========================
   ROLE BADGES (LIGHT COLORS)
========================= */

/* Super Admin */
.role-super-admin {
    background: #ffe6e6;
    color: #d4380d;
}

/* Company Manager */
.role-company-manager {
    background: #e6f7ff;
    color: #096dd9;
}

/* Customer */
.role-customer {
    background: #f6ffed;
    color: #389e0d;
}

/* Franchise */
.role-franchise {
    background: #fff7e6;
    color: #d46b08;
}

/* Salesman */
.role-salesman {
    background: #e6f0ff;
    color: #1d39c4;
}

/* Retailer */
.role-retailer {
    background: #f9f0ff;
    color: #531dab;
}

/* Default */
.role-default {
    background: #f5f5f5;
    color: #595959;
}

/* =========================
   STATUS BADGES (LIGHT)
========================= */

.la-badge-active {
    background: #f6ffed;
    color: #389e0d;
}

.la-badge-inactive {
    background: #fff1f0;
    color: #cf1322;
}

.la-badge-cold {
    background: #fffbe6;
    color: #ad8b00;
}

.la-badge-warm {
    background: #fff7e6;
    color: #ad4e00;
}

/* =========================
   ROW HOVER
========================= */

tbody tr:hover {
    background: #fafafa;
    transition: 0.2s ease;
}

/* =========================
   ACTION BUTTONS
========================= */

.la-action-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 5px;
    border-radius: 6px;
    transition: 0.2s;
}

    .la-action-btn:hover {
        background: #f5f5f5;
    }

    .la-action-btn.la-del:hover {
        background: #fff1f0;
    }