/* ==========================================================
   ProTax ERP Table
========================================================== */

.erp-table{

    background:#fff;

    border:1px solid var(--erp-border);

    border-radius:16px;

    overflow:hidden;

    box-shadow:var(--shadow-sm);

}

.erp-table table{

    width:100%;

    border-collapse:collapse;

}

.erp-table thead{

    background:#F8FAFC;

}

.erp-table thead th{

    padding:16px 18px;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    color:#64748B;

    border-bottom:1px solid var(--erp-border);

    white-space:nowrap;

}

.erp-table tbody td{

    padding:16px 18px;

    border-bottom:1px solid #F1F5F9;

    font-size:14px;

    color:#334155;

    vertical-align:middle;

}

.erp-table tbody tr{

    transition:.20s;

}

.erp-table tbody tr:hover{

    background:#F8FAFC;

}

.erp-table tbody tr:last-child td{

    border-bottom:none;

}

/* ==========================================
   Status Badges
========================================== */

.erp-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:6px 12px;

    border-radius:50px;

    font-size:12px;

    font-weight:600;

}

.erp-badge-success{

    background:#DCFCE7;

    color:#166534;

}

.erp-badge-danger{

    background:#FEE2E2;

    color:#991B1B;

}

.erp-badge-warning{

    background:#FEF3C7;

    color:#92400E;

}

.erp-badge-secondary{

    background:#E2E8F0;

    color:#475569;

}

/* ==========================================
   Action Button
========================================== */

.erp-action{

    width:36px;

    height:36px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    border:1px solid var(--erp-border);

    color:#64748B;

    transition:.20s;

    background:#fff;

}

.erp-action:hover{

    background:var(--erp-primary);

    color:#fff;

    border-color:var(--erp-primary);

    text-decoration:none;

}

/* ==========================================
   Empty State
========================================== */

.erp-empty{

    padding:70px 20px;

    text-align:center;

    color:#94A3B8;

}