/* Standard table system inspired by Laravel Table / Bootstrap table patterns. */
main,
.main-content,
.shop-content,
.customer-content {
    max-width: 100% !important;
    overflow-x: hidden;
}

main .lt-table-shell,
main .table-container,
main .admin-table-wrap,
main .table-responsive,
main .dataTables_wrapper,
.shop-content .lt-table-shell,
.customer-content .lt-table-shell {
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    margin: 14px 0 !important;
    max-width: 100% !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

main .lt-table-toolbar,
main .advanced-table-toolbar,
.shop-content .lt-table-toolbar,
.customer-content .lt-table-toolbar {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.6fr) minmax(190px, auto) minmax(180px, auto) auto !important;
    align-items: center !important;
    gap: 10px !important;
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    margin: 14px 0 0 !important;
    padding: 12px !important;
}

main .lt-search,
main .advanced-table-search,
main .lt-length,
.shop-content .lt-search,
.shop-content .lt-length,
.customer-content .lt-search,
.customer-content .lt-length {
    align-items: center !important;
    color: #334155 !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    gap: 8px !important;
    min-width: 0 !important;
}

main .lt-search input,
main .advanced-table-search input,
main .lt-length select,
.shop-content .lt-search input,
.shop-content .lt-length select,
.customer-content .lt-search input,
.customer-content .lt-length select {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #172033 !important;
    font-size: 13px !important;
    min-height: 38px !important;
    min-width: 0 !important;
    padding: 8px 10px !important;
}

main .lt-search input,
main .advanced-table-search input,
.shop-content .lt-search input,
.customer-content .lt-search input {
    width: 100% !important;
}

main .lt-toolbar-meta,
.shop-content .lt-toolbar-meta,
.customer-content .lt-toolbar-meta {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

main .lt-table-info,
main .advanced-table-count,
main .lt-bulk-status,
.shop-content .lt-table-info,
.shop-content .lt-bulk-status,
.customer-content .lt-table-info,
.customer-content .lt-bulk-status {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

main .lt-bulk-status,
.shop-content .lt-bulk-status,
.customer-content .lt-bulk-status {
    background: #eef6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 999px !important;
    color: #1d4ed8 !important;
    padding: 5px 9px !important;
}

main .lt-table-actions,
main .advanced-table-actions,
.shop-content .lt-table-actions,
.customer-content .lt-table-actions {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: flex-end !important;
}

main .lt-table-actions button,
main .advanced-table-actions button,
main .lt-page-button,
.shop-content .lt-table-actions button,
.shop-content .lt-page-button,
.customer-content .lt-table-actions button,
.customer-content .lt-page-button {
    background: #eef6ff !important;
    border: 1px solid #bfdbfe !important;
    border-radius: 7px !important;
    color: #1e3a8a !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    white-space: nowrap !important;
}

main .lt-table-actions button:hover,
main .advanced-table-actions button:hover,
main .lt-page-button:hover,
.shop-content .lt-table-actions button:hover,
.shop-content .lt-page-button:hover,
.customer-content .lt-table-actions button:hover,
.customer-content .lt-page-button:hover {
    background: #dbeafe !important;
    border-color: #93c5fd !important;
}

main .lt-page-button:disabled,
.shop-content .lt-page-button:disabled,
.customer-content .lt-page-button:disabled {
    cursor: not-allowed !important;
    opacity: 0.45 !important;
}

main .lt-pagination,
.shop-content .lt-pagination,
.customer-content .lt-pagination {
    align-items: center !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    margin: -4px 0 14px !important;
}

main .lt-page-status,
.shop-content .lt-page-status,
.customer-content .lt-page-status {
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

main table.data-table,
main .admin-data-table,
main table.dataTable,
.shop-content table.data-table,
.customer-content table.data-table {
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #172033 !important;
    margin: 0 !important;
    table-layout: auto !important;
    width: 100% !important;
}

main table.data-table thead th,
main .admin-data-table thead th,
main table.dataTable thead th,
.shop-content table.data-table thead th,
.customer-content table.data-table thead th {
    background: #f8fafc !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    padding: 12px 14px !important;
    position: sticky !important;
    text-align: left !important;
    text-transform: none !important;
    top: 0 !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

main table.data-table th.sortable-column,
main .admin-data-table th.sortable-column,
.shop-content table.data-table th.sortable-column,
.customer-content table.data-table th.sortable-column {
    cursor: pointer !important;
    padding-right: 28px !important;
    position: sticky !important;
}

main table.data-table th.sortable-column::after,
main .admin-data-table th.sortable-column::after,
.shop-content table.data-table th.sortable-column::after,
.customer-content table.data-table th.sortable-column::after {
    color: #64748b !important;
    content: "\f0dc" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

main table.data-table th.sortable-column[aria-sort="ascending"]::after,
main .admin-data-table th.sortable-column[aria-sort="ascending"]::after,
.shop-content table.data-table th.sortable-column[aria-sort="ascending"]::after,
.customer-content table.data-table th.sortable-column[aria-sort="ascending"]::after {
    content: "\f0de" !important;
}

main table.data-table th.sortable-column[aria-sort="descending"]::after,
main .admin-data-table th.sortable-column[aria-sort="descending"]::after,
.shop-content table.data-table th.sortable-column[aria-sort="descending"]::after,
.customer-content table.data-table th.sortable-column[aria-sort="descending"]::after {
    content: "\f0dd" !important;
}

main table.data-table tbody td,
main .admin-data-table tbody td,
main table.dataTable tbody td,
.shop-content table.data-table tbody td,
.customer-content table.data-table tbody td {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #172033 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    max-width: 380px !important;
    overflow-wrap: anywhere !important;
    padding: 11px 14px !important;
    vertical-align: top !important;
}

main table.data-table tbody tr:nth-child(even) td,
main .admin-data-table tbody tr:nth-child(even) td,
main table.dataTable tbody tr:nth-child(even) td,
.shop-content table.data-table tbody tr:nth-child(even) td,
.customer-content table.data-table tbody tr:nth-child(even) td {
    background: #f8fafc !important;
}

main table.data-table tbody tr:hover td,
main .admin-data-table tbody tr:hover td,
main table.dataTable tbody tr:hover td,
.shop-content table.data-table tbody tr:hover td,
.customer-content table.data-table tbody tr:hover td {
    background: #eef6ff !important;
}

main table.data-table tfoot td,
main .admin-data-table tfoot td,
.shop-content table.data-table tfoot td,
.customer-content table.data-table tfoot td {
    background: #f1f5f9 !important;
    border-top: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 900 !important;
    padding: 10px 14px !important;
}

main .lt-empty-cell,
.shop-content .lt-empty-cell,
.customer-content .lt-empty-cell {
    color: #64748b !important;
    font-weight: 800 !important;
    padding: 24px 14px !important;
    text-align: center !important;
}

main table.data-table.table-compact th,
main table.data-table.table-compact td,
main .admin-data-table.table-compact th,
main .admin-data-table.table-compact td,
.shop-content table.data-table.table-compact th,
.shop-content table.data-table.table-compact td,
.customer-content table.data-table.table-compact th,
.customer-content table.data-table.table-compact td {
    font-size: 12px !important;
    padding: 7px 10px !important;
}

main table.data-table td a,
main table.data-table td button,
main table.data-table .btn,
main table.data-table .button,
main table.data-table .btn-link,
main table.data-table input[type="submit"],
.shop-content table.data-table td a,
.shop-content table.data-table td button,
.customer-content table.data-table td a,
.customer-content table.data-table td button {
    border-radius: 7px !important;
    max-width: 100% !important;
    white-space: nowrap !important;
}

main table.data-table .lt-icon-action,
main table.dataTable .lt-icon-action,
main .admin-data-table .lt-icon-action,
.shop-content table.data-table .lt-icon-action,
.customer-content table.data-table .lt-icon-action {
    align-items: center !important;
    background: #eef2ff !important;
    border: 1px solid #c7d2fe !important;
    border-radius: 7px !important;
    color: #3730a3 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    flex: 0 0 34px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    height: 34px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-height: 34px !important;
    min-width: 34px !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-decoration: none !important;
    width: 34px !important;
}

main table.data-table .lt-icon-action i,
main table.dataTable .lt-icon-action i,
main .admin-data-table .lt-icon-action i {
    margin: 0 !important;
    pointer-events: none !important;
}

main table.data-table .lt-icon-action span,
main table.dataTable .lt-icon-action span,
main .admin-data-table .lt-icon-action span,
.shop-content table.data-table .lt-icon-action span,
.customer-content table.data-table .lt-icon-action span {
    display: none !important;
}

main table.data-table .lt-icon-action:hover,
main table.dataTable .lt-icon-action:hover,
main .admin-data-table .lt-icon-action:hover {
    background: #dbeafe !important;
    border-color: #93c5fd !important;
    color: #1e3a8a !important;
}

main table.data-table .lt-icon-action.danger,
main table.data-table .lt-icon-action.btn-danger,
main table.data-table button[name*="delete"].lt-icon-action,
main table.dataTable .lt-icon-action.danger,
main table.dataTable .lt-icon-action.btn-danger,
main .admin-data-table button[name*="delete"].lt-icon-action {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

main table.data-table .lt-icon-action.success,
main table.data-table .lt-icon-action.btn-success,
main table.dataTable .lt-icon-action.success,
main table.dataTable .lt-icon-action.btn-success {
    background: #ecfdf5 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

main .dataTables_wrapper {
    padding: 12px !important;
}

main .dataTables_wrapper .dataTables_length,
main .dataTables_wrapper .dataTables_filter,
main .dataTables_wrapper .dataTables_info,
main .dataTables_wrapper .dataTables_paginate {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

main .dataTables_wrapper .dataTables_filter input,
main .dataTables_wrapper .dataTables_length select {
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #172033 !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
}

body.route-unpaid_invoices main .panel,
body.route-view_all_orders main .panel,
body.route-manage_invoices main .panel,
body.route-manage_payments main .panel,
body.route-manage_materials main .panel,
body.route-manage_suppliers main .panel,
body.route-manage_staff main .panel,
body.route-manage_customers main .panel,
body.route-manage_leave main .panel,
body.route-view_all_payslips main .panel,
body.route-loan main .panel,
body.route-damages main .panel,
body.route-emails main .panel,
body.route-view_all_payslips main > .wrapper,
body.route-loan main > .wrapper,
body.route-damages main > .wrapper,
body.route-emails main > .wrapper {
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}

body.route-view_all_payslips main > .wrapper,
body.route-loan main > .wrapper,
body.route-damages main > .wrapper,
body.route-emails main > .wrapper {
    color: #172033 !important;
    margin: 0 auto 24px !important;
    max-width: 100% !important;
    padding: 16px !important;
    width: 100% !important;
}

body.route-view_all_payslips main > .wrapper > h2,
body.route-loan main > .wrapper > h2,
body.route-damages main > .wrapper > h2,
body.route-emails main > .wrapper > h2 {
    color: #0f172a !important;
    font-size: 28px !important;
    letter-spacing: 0 !important;
    margin: 0 0 6px !important;
}

body.route-view_all_payslips main > .wrapper > p,
body.route-loan main > .wrapper > p,
body.route-damages main > .wrapper > p,
body.route-emails main > .wrapper > p {
    color: #64748b !important;
    margin: 0 0 14px !important;
}

body.route-unpaid_invoices main .section-title,
body.route-unpaid_invoices main .table-heading,
body.route-view_all_orders main .section-title,
body.route-manage_invoices main .section-title,
body.route-manage_payments main .section-title,
body.route-manage_payments main .table-heading,
body.route-manage_materials main .section-title,
body.route-manage_suppliers main .section-title,
body.route-manage_suppliers main .table-heading,
body.route-manage_staff main .section-title,
body.route-manage_customers main .section-title,
body.route-manage_customers main .table-title,
body.route-manage_leave main .section-title,
body.route-manage_leave main .table-heading,
body.route-loan main .table-heading,
body.route-damages main .table-heading,
body.route-emails main .table-heading,
body.route-view_all_payslips main .table-heading,
body.route-view_all_orders main .table-heading,
body.route-manage_invoices main .table-heading,
body.route-manage_materials main .table-heading,
body.route-manage_staff main .table-heading {
    align-items: center !important;
    color: #1d4ed8 !important;
    display: flex !important;
    gap: 9px !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
}

body.route-unpaid_invoices main .section-title h2,
body.route-unpaid_invoices main .table-heading h2,
body.route-view_all_orders main .section-title h2,
body.route-manage_invoices main .section-title h2,
body.route-manage_payments main .section-title h2,
body.route-manage_payments main .table-heading h2,
body.route-manage_materials main .section-title h2,
body.route-manage_suppliers main .section-title h2,
body.route-manage_suppliers main .table-heading h2,
body.route-manage_staff main .section-title h2,
body.route-manage_customers main .section-title h2,
body.route-manage_customers main .table-title h2,
body.route-manage_leave main .section-title h2,
body.route-manage_leave main .table-heading h2,
body.route-loan main .table-heading h2,
body.route-damages main .table-heading h2,
body.route-emails main .table-heading h2,
body.route-view_all_payslips main .table-heading h2,
body.route-view_all_orders main .table-heading h2,
body.route-manage_invoices main .table-heading h2,
body.route-manage_materials main .table-heading h3,
body.route-manage_staff main .table-heading h2 {
    color: #0f172a !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    margin: 0 !important;
    text-transform: none !important;
}

body.route-unpaid_invoices main .section-title span,
body.route-unpaid_invoices main .table-heading span,
body.route-view_all_orders main .section-title span,
body.route-manage_invoices main .section-title span,
body.route-manage_payments main .section-title span,
body.route-manage_payments main .table-heading span,
body.route-manage_materials main .section-title span,
body.route-manage_suppliers main .section-title span,
body.route-manage_suppliers main .table-heading span,
body.route-manage_staff main .section-title span,
body.route-manage_customers main .section-title span,
body.route-manage_customers main .table-title span,
body.route-manage_leave main .section-title span,
body.route-manage_leave main .table-heading span,
body.route-view_all_payslips main .table-heading span,
body.route-loan main .table-heading span,
body.route-damages main .table-heading span,
body.route-emails main .table-heading span,
body.route-view_all_orders main .table-heading span,
body.route-manage_invoices main .table-heading span,
body.route-manage_materials main .table-heading span,
body.route-manage_staff main .table-heading span {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body.route-unpaid_invoices main .table-container,
body.route-view_all_orders main .table-container,
body.route-manage_invoices main .table-container,
body.route-manage_payments main .table-container,
body.route-manage_materials main .table-container,
body.route-manage_suppliers main .table-container,
body.route-manage_staff main .table-container,
body.route-manage_customers main .table-container,
body.route-manage_leave main .table-container,
body.route-view_all_payslips main .table-container,
body.route-loan main .table-responsive,
body.route-damages main .table-container,
body.route-emails main .table-container {
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow: auto !important;
}

body.route-unpaid_invoices main table.dataTable,
body.route-manage_materials main table.dataTable,
body.route-manage_customers main table.dataTable,
body.route-damages main table.dataTable,
body.route-emails main table.dataTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

body.route-unpaid_invoices main .dataTables_wrapper,
body.route-manage_materials main .dataTables_wrapper,
body.route-manage_customers main .dataTables_wrapper,
body.route-damages main .dataTables_wrapper,
body.route-emails main .dataTables_wrapper {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.route-unpaid_invoices main .dataTables_wrapper .dataTables_length,
body.route-unpaid_invoices main .dataTables_wrapper .dataTables_filter,
body.route-manage_materials main .dataTables_wrapper .dataTables_length,
body.route-manage_materials main .dataTables_wrapper .dataTables_filter,
body.route-manage_customers main .dataTables_wrapper .dataTables_length,
body.route-manage_customers main .dataTables_wrapper .dataTables_filter,
body.route-damages main .dataTables_wrapper .dataTables_length,
body.route-damages main .dataTables_wrapper .dataTables_filter,
body.route-emails main .dataTables_wrapper .dataTables_length,
body.route-emails main .dataTables_wrapper .dataTables_filter {
    margin: 0 0 10px !important;
}

body.route-unpaid_invoices main .dataTables_wrapper .dataTables_info,
body.route-unpaid_invoices main .dataTables_wrapper .dataTables_paginate,
body.route-manage_materials main .dataTables_wrapper .dataTables_info,
body.route-manage_materials main .dataTables_wrapper .dataTables_paginate,
body.route-manage_customers main .dataTables_wrapper .dataTables_info,
body.route-manage_customers main .dataTables_wrapper .dataTables_paginate,
body.route-damages main .dataTables_wrapper .dataTables_info,
body.route-damages main .dataTables_wrapper .dataTables_paginate,
body.route-emails main .dataTables_wrapper .dataTables_info,
body.route-emails main .dataTables_wrapper .dataTables_paginate {
    margin-top: 10px !important;
}

body.route-unpaid_invoices main .dataTables_wrapper .dataTables_paginate .paginate_button,
body.route-manage_materials main .dataTables_wrapper .dataTables_paginate .paginate_button,
body.route-manage_customers main .dataTables_wrapper .dataTables_paginate .paginate_button,
body.route-damages main .dataTables_wrapper .dataTables_paginate .paginate_button,
body.route-emails main .dataTables_wrapper .dataTables_paginate .paginate_button,
main .pagination a,
main .pagination .active,
main .pagination span.limit-options a {
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #334155 !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin: 2px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    text-decoration: none !important;
}

body.route-unpaid_invoices main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.route-manage_materials main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.route-manage_customers main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.route-damages main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body.route-emails main .dataTables_wrapper .dataTables_paginate .paginate_button.current,
main .pagination a.active,
main .pagination .active {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

main .pagination {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    margin-top: 14px !important;
}

@media (max-width: 980px) {
    main .lt-table-toolbar,
    main .advanced-table-toolbar,
    .shop-content .lt-table-toolbar,
    .customer-content .lt-table-toolbar {
        grid-template-columns: 1fr !important;
    }

    main .lt-table-actions,
    main .advanced-table-actions,
    main .lt-pagination,
    .shop-content .lt-table-actions,
    .shop-content .lt-pagination,
    .customer-content .lt-table-actions,
    .customer-content .lt-pagination {
        justify-content: flex-start !important;
    }
}

/* Final uniform cascade: this file is loaded after page-local styles. */
body main .table-container,
body main .table-responsive,
body main .admin-table-wrap,
body main .dataTables_wrapper,
body .shop-content .table-container,
body .customer-content .table-container {
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    margin: 14px 0 !important;
    max-width: 100% !important;
    overflow: auto !important;
}

body main table.data-table,
body main table.dataTable,
body main .admin-data-table,
body .shop-content table.data-table,
body .customer-content table.data-table {
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    color: #172033 !important;
    margin: 0 !important;
    table-layout: auto !important;
    width: 100% !important;
}

body main table.data-table thead th,
body main table.dataTable thead th,
body main .admin-data-table thead th,
body .shop-content table.data-table thead th,
body .customer-content table.data-table thead th {
    background: #111827 !important;
    border: 0 !important;
    border-bottom: 1px solid #1f2937 !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.3 !important;
    padding: 12px 14px !important;
    position: sticky !important;
    text-align: left !important;
    text-transform: none !important;
    top: 0 !important;
    white-space: nowrap !important;
    z-index: 2 !important;
}

body main table.data-table th.sortable-column::after,
body main table.dataTable th.sortable-column::after,
body main .admin-data-table th.sortable-column::after {
    color: #94a3b8 !important;
}

body main table.data-table tbody td,
body main table.dataTable tbody td,
body main .admin-data-table tbody td,
body .shop-content table.data-table tbody td,
body .customer-content table.data-table tbody td {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #172033 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    max-width: 380px !important;
    overflow-wrap: anywhere !important;
    padding: 11px 14px !important;
    vertical-align: top !important;
}

body main table.data-table tbody tr:nth-child(even) td,
body main table.dataTable tbody tr:nth-child(even) td,
body main .admin-data-table tbody tr:nth-child(even) td,
body .shop-content table.data-table tbody tr:nth-child(even) td,
body .customer-content table.data-table tbody tr:nth-child(even) td {
    background: #f8fafc !important;
}

body main table.data-table tbody tr:hover td,
body main table.dataTable tbody tr:hover td,
body main .admin-data-table tbody tr:hover td,
body .shop-content table.data-table tbody tr:hover td,
body .customer-content table.data-table tbody tr:hover td {
    background: #eef6ff !important;
}

body main table.data-table tfoot td,
body main table.dataTable tfoot td,
body main .admin-data-table tfoot td,
body .shop-content table.data-table tfoot td,
body .customer-content table.data-table tfoot td {
    background: #f1f5f9 !important;
    border-top: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 900 !important;
    padding: 10px 14px !important;
}

body main .dataTables_wrapper .dataTables_length,
body main .dataTables_wrapper .dataTables_filter,
body main .dataTables_wrapper .dataTables_info,
body main .dataTables_wrapper .dataTables_paginate {
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body main .dataTables_wrapper .dataTables_filter input,
body main .dataTables_wrapper .dataTables_length select {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #172033 !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
}

body main .table-heading,
body main .section-title.table-title {
    align-items: center !important;
    color: #1d4ed8 !important;
    display: flex !important;
    gap: 9px !important;
    justify-content: space-between !important;
    margin: 14px 0 !important;
}

body main .table-heading h2,
body main .table-heading h3,
body main .section-title.table-title h2,
body main .section-title.table-title h3 {
    color: #0f172a !important;
    font-size: 17px !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-transform: none !important;
}

body main .table-heading span,
body main .section-title.table-title span {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

body main .pagination,
body main .lt-pagination {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    justify-content: flex-end !important;
    margin-top: 14px !important;
}

body main .pagination a,
body main .pagination .active,
body main .pagination span.limit-options a,
body main .dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #334155 !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin: 2px !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    text-decoration: none !important;
}

body main .pagination a.active,
body main .pagination .active,
body main .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #1d4ed8 !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

body main table.data-table .lt-icon-action,
body main table.dataTable .lt-icon-action,
body main .admin-data-table .lt-icon-action {
    align-items: center !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    min-height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    width: 34px !important;
}

body main table.data-table .row-actions,
body main table.dataTable .row-actions,
body main .admin-data-table .row-actions,
body main table.data-table .invoice-actions,
body main table.dataTable .invoice-actions,
body main .admin-data-table .invoice-actions,
body main table.data-table .payslip-actions,
body main .admin-data-table .payslip-actions,
body main table.data-table .supplier-actions,
body main .admin-data-table .supplier-actions,
body main table.data-table .action-buttons-vertical,
body main .admin-data-table .action-buttons-vertical {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    justify-content: flex-start !important;
    min-width: max-content !important;
}

body main table.data-table .row-actions form,
body main table.dataTable .row-actions form,
body main .admin-data-table .row-actions form,
body main table.data-table .invoice-actions form,
body main table.dataTable .invoice-actions form,
body main .admin-data-table .invoice-actions form,
body main table.data-table .payslip-actions form,
body main .admin-data-table .payslip-actions form,
body main table.data-table .supplier-actions form,
body main .admin-data-table .supplier-actions form,
body main table.data-table .action-buttons-vertical form,
body main .admin-data-table .action-buttons-vertical form {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 6px !important;
    margin: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    width: auto !important;
}

body main table.data-table .row-actions input[type="number"],
body main table.dataTable .row-actions input[type="number"],
body main .admin-data-table .row-actions input[type="number"],
body main table.data-table .invoice-actions input[type="number"],
body main table.dataTable .invoice-actions input[type="number"],
body main .admin-data-table .invoice-actions input[type="number"] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    color: #172033 !important;
    flex: 0 0 78px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
    width: 78px !important;
}

body main table.data-table td:last-child,
body main table.dataTable td:last-child,
body main .admin-data-table td:last-child {
    max-width: none !important;
    white-space: nowrap !important;
}