/*
 |--------------------------------------------------------------------------
 | Aathi Aqua CRM - Common Table / Form UI Fix
 |--------------------------------------------------------------------------
 | Common table alignment, compact rows, DataTable controls, action icons,
 | page spacing and create/list card spacing for every admin module.
 */
:root {
    --aathi-primary: #2563eb;
    --aathi-primary-dark: #1d4ed8;
    --aathi-success: #10b981;
    --aathi-danger: #ef4444;
    --aathi-warning: #f59e0b;
    --aathi-info: #0ea5e9;
    --aathi-dark: #0f172a;
    --aathi-text: #1e293b;
    --aathi-muted: #64748b;
    --aathi-border: #d8e2f0;
    --aathi-soft: #f4f7fb;
    --aathi-head: #f6f8fc;
    --aathi-card: #ffffff;
    --aathi-radius: 14px;
    --aathi-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

html,
body {
    background: #f3f6fb !important;
    color: var(--aathi-text) !important;
    font-size: 14px !important;
}

.main-content .page-content {
    padding-top: 24px !important;
    padding-bottom: 22px !important;
}

.container-fluid {
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
}

body .page-title-box,
.page-content .page-title-box,
.page-content div.page-title-box,
.container-fluid .page-title-box,
#layout-wrapper .page-title-box {
    display: none !important;
}

.page-title-box h4,
.page-title-box .page-title {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--aathi-dark) !important;
    margin: 0 !important;
}

.breadcrumb,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--aathi-muted) !important;
}

.card,
.production-card {
    background: var(--aathi-card) !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: var(--aathi-radius) !important;
    box-shadow: var(--aathi-shadow) !important;
    overflow: hidden !important;
    margin-bottom: 18px !important;
}

.card-header {
    min-height: 58px !important;
    padding: 14px 20px !important;
    background: #fff !important;
    border-bottom: 1px solid var(--aathi-border) !important;
}

.card-title,
.card-header h4,
.card-header h5,
.card-header .card-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: var(--aathi-dark) !important;
    margin: 0 !important;
}

.card-body {
    padding: 16px 20px !important;
}

.card-footer {
    padding: 12px 20px !important;
    background: #fff !important;
    border-top: 1px solid var(--aathi-border) !important;
}

/* Form common */
.form-label,
label {
    font-weight: 700 !important;
    color: #263755 !important;
    margin-bottom: 7px !important;
}

.required::after,
label.required::after {
    content: " *";
    color: var(--aathi-danger);
}

.form-control,
.form-select,
select.form-control,
textarea.form-control,
.select2-container--default .select2-selection--single {
    min-height: 40px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: #1f2937 !important;
    box-shadow: none !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--aathi-primary) !important;
    box-shadow: 0 0 0 .16rem rgba(37, 99, 235, .12) !important;
}

/* Buttons */
.btn {
    border-radius: 8px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.btn-sm {
    min-height: 31px !important;
    padding: .34rem .58rem !important;
    font-size: .78rem !important;
}

.btn-primary {
    background: var(--aathi-primary) !important;
    border-color: var(--aathi-primary) !important;
    color: #fff !important;
}

.btn-primary:hover {
    background: var(--aathi-primary-dark) !important;
    border-color: var(--aathi-primary-dark) !important;
}

.btn-success {
    background: var(--aathi-success) !important;
    border-color: var(--aathi-success) !important;
    color: #fff !important;
}

.btn-danger {
    background: var(--aathi-danger) !important;
    border-color: var(--aathi-danger) !important;
    color: #fff !important;
}

.btn-warning {
    background: #43558f !important;
    border-color: #43558f !important;
    color: #fff !important;
}

.btn-info {
    background: #e9f6ff !important;
    border-color: #e9f6ff !important;
    color: #0b80bd !important;
}

.btn-light {
    background: #f8fafc !important;
    border-color: var(--aathi-border) !important;
    color: #334155 !important;
}

/* Table common */
.table-responsive,
.dataTables_scroll,
.dataTables_scrollBody,
.aathi-table-wrapper {
    background: #fff !important;
    border-radius: 0 !important;
    border: 1px solid var(--aathi-border) !important;
}

.table-responsive {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.table,
table.dataTable,
table.table {
    width: 100% !important;
    margin-bottom: 0 !important;
    color: var(--aathi-text) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.table:not(.no-min-width),
table.dataTable:not(.no-min-width) {
    min-width: 880px !important;
}

.table> :not(caption)>*>*,
table.dataTable>thead>tr>th,
table.dataTable>tbody>tr>td,
.dataTables_scrollHead table>thead>tr>th {
    padding: 6px 10px !important;
    border-color: #eff2f7 !important;
    vertical-align: middle !important;
    line-height: 1.35 !important;
}

.table thead th,
table.dataTable thead th,
table.dataTable thead td,
.dataTables_scrollHead table thead th {
    background: #f3f6f9 !important;
    color: #495057 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-align: left !important;
    border-bottom: 1px solid var(--aathi-border) !important;
}

.table tbody td,
table.dataTable tbody td {
    font-size: 12px !important;
    color: #334155 !important;
    white-space: nowrap !important;
}

/* Custom password color highlight as seen in screenshot */
.table tbody td.password-cell,
.table tbody td .password-text,
.password-text {
    color: #ff3d60 !important;
    font-weight: 600 !important;
}

.table tbody tr,
table.dataTable tbody tr {
    height: 34px !important;
}

.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background: #f8fbff !important;
}

.table td.text-center,
.table th.text-center,
table.dataTable td.text-center,
table.dataTable th.text-center,
.action-column,
.status-column {
    text-align: center !important;
}

.table .btn,
table.dataTable .btn,
.action-column .btn,
td:last-child .btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.table .btn i,
table.dataTable .btn i,
.action-column .btn i,
td:last-child .btn i {
    font-size: 16px !important;
    margin: 0 !important;
}

.action-column .btn,
.action-btn-group .btn,
td:last-child .btn,
td:last-child form {
    margin: 0 3px !important;
}

td:last-child form {
    display: inline-flex !important;
}

/* DataTable controls */
.dataTables_wrapper {
    width: 100% !important;
}

.dataTables_wrapper>.row:first-child {
    margin: 0 0 16px 0 !important;
    padding: 14px 16px !important;
    align-items: center !important;
    row-gap: 12px !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.dataTables_wrapper>.row:first-child>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataTables_wrapper>.row:first-child>div:last-child {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dt-buttons {
    margin: 0 !important;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 800 !important;
    color: #5e6b88 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 76px !important;
    height: 40px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 5px 28px 5px 10px !important;
    margin: 0 4px !important;
}

.dataTables_wrapper .dataTables_filter {
    order: 1 !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 280px !important;
    min-width: 240px !important;
    height: 40px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    margin-left: 8px !important;
    text-transform: none !important;
}

.dataTables_wrapper .dt-buttons {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-button {
    width: auto !important;
    min-width: auto !important;
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    border: 0 !important;
    color: #fff !important;
}

.dataTables_wrapper .buttons-excel,
.dataTables_wrapper .buttons-excelHtml5,
.dataTables_wrapper .dt-button.buttons-excel,
.dataTables_wrapper .dt-button.buttons-excelHtml5 {
    background: #10b981 !important;
}

.dataTables_wrapper .buttons-pdf,
.dataTables_wrapper .buttons-pdfHtml5,
.dataTables_wrapper .dt-button.buttons-pdf,
.dataTables_wrapper .dt-button.buttons-pdfHtml5 {
    background: #ef4444 !important;
}

.dataTables_wrapper .buttons-print,
.dataTables_wrapper .dt-button.buttons-print {
    background: #2563eb !important;
}

.dataTables_wrapper>.row:last-child {
    margin: 12px 0 0 0 !important;
    align-items: center !important;
    row-gap: 10px !important;
}

.dataTables_wrapper>.row:last-child>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0 !important;
    color: #64748b !important;
    font-weight: 700 !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
}

.dataTables_wrapper .pagination {
    justify-content: flex-end !important;
    margin: 0 !important;
    gap: 4px !important;
}

.page-item .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 8px !important;
    border: 1px solid var(--aathi-border) !important;
    color: #475569 !important;
    background: #fff !important;
    min-width: 34px !important;
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 10px !important;
}

.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--aathi-primary) !important;
    border-color: var(--aathi-primary) !important;
    color: #fff !important;
}

.dataTables_empty {
    text-align: center !important;
    color: var(--aathi-muted) !important;
    font-weight: 700 !important;
    padding: 18px !important;
}

.dataTables_processing {
    border: 0 !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, .88) !important;
    color: var(--aathi-primary) !important;
    font-weight: 800 !important;
}

/* Remove accidental blank rows below thead */
table.dataTable tbody tr.aathi-blank-row,
.table tbody tr.aathi-blank-row {
    display: none !important;
}

/* Badges/status */
.badge {
    border-radius: 999px !important;
    font-weight: 800 !important;
    padding: .34rem .55rem !important;
    letter-spacing: .01em !important;
}

.badge.bg-warning,
.badge.bg-primary,
.badge.bg-success,
.badge.bg-danger,
.badge.bg-info {
    color: #fff !important;
}

.form-switch .form-check-input,
input[type="checkbox"].form-check-input {
    cursor: pointer !important;
}

/* Sidebar submenu icon hide - main menu icon only */
.navbar-menu .navbar-nav .nav-sm .nav-link i,
.navbar-menu .navbar-nav .nav-sm .nav-link svg,
.app-menu .navbar-nav .nav-sm .nav-link i,
.app-menu .navbar-nav .nav-sm .nav-link svg {
    display: none !important;
}

/* Status dropdown colors */
.status-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex: 0 0 8px !important;
    background: #98a2b3;
}

.status-label {
    flex: 1 !important;
    text-align: left !important;
}

.status-btn-not_start {
    border-color: #98a2b3 !important;
    color: #475467 !important;
    background-color: #f9fafb !important;
}

.status-btn-start {
    border-color: #7dd3fc !important;
    color: #075985 !important;
    background-color: #f0f9ff !important;
}

.status-btn-running {
    border-color: #86efac !important;
    color: #166534 !important;
    background-color: #f0fdf4 !important;
}

.status-btn-stop {
    border-color: #fde68a !important;
    color: #92400e !important;
    background-color: #fffbeb !important;
}

.status-btn-rejected {
    border-color: #fecaca !important;
    color: #991b1b !important;
    background-color: #fef2f2 !important;
}

.status-btn-completed {
    border-color: #bfdbfe !important;
    color: #1d4ed8 !important;
    background-color: #eff6ff !important;
}

.status-btn-not_start .status-dot,
.dot-not_start {
    background: #98a2b3 !important;
}

.status-btn-start .status-dot,
.dot-start {
    background: #0ea5e9 !important;
}

.status-btn-running .status-dot,
.dot-running {
    background: #22c55e !important;
}

.status-btn-stop .status-dot,
.dot-stop {
    background: #f59e0b !important;
}

.status-btn-rejected .status-dot,
.dot-rejected {
    background: #ef4444 !important;
}

.status-btn-completed .status-dot,
.dot-completed {
    background: #3b82f6 !important;
}

.dropdown-menu {
    z-index: 9999999 !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .14) !important;
    padding: 6px !important;
}

.dropdown-item {
    border-radius: 7px !important;
    font-weight: 600 !important;
    padding: 8px 10px !important;
    color: #334155 !important;
}

.dropdown-item:hover {
    background: #eff6ff !important;
    color: var(--aathi-primary) !important;
}

.modal-content {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, .22) !important;
}

.modal-header {
    border-bottom: 1px solid var(--aathi-border) !important;
    background: #f8fafc !important;
}

.modal-title {
    font-weight: 800 !important;
    color: var(--aathi-dark) !important;
}

.alert {
    border-radius: 10px !important;
    border: 0 !important;
    font-weight: 600 !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    color: #1f2937 !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

.table-responsive::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar {
    height: 7px !important;
    width: 7px !important;
}

.table-responsive::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb {
    background: #94a3b8 !important;
    border-radius: 999px !important;
}

.table-responsive::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track {
    background: #f1f5f9 !important;
    border-radius: 999px !important;
}

@media (max-width: 768px) {
    .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .main-content .page-content {
        padding-top: 18px !important;
    }

    .card-body {
        padding: 14px !important;
    }

    .dataTables_wrapper>.row:first-child>div:last-child,
    .dataTables_wrapper .pagination {
        justify-content: flex-start !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        min-width: 170px !important;
        margin-left: 0 !important;
        margin-top: 8px !important;
    }

    .table> :not(caption)>*>*,
    table.dataTable>thead>tr>th,
    table.dataTable>tbody>tr>td {
        padding: 9px 10px !important;
    }
}

/* Hide unwanted technical ID columns from list tables */
th.aathi-id-column,
td.aathi-id-column {
    display: none !important;
}

/* --------------------------------------------------------------------------
   FINAL ALIGNMENT OVERRIDE - Header space + clean compact table layout
   -------------------------------------------------------------------------- */
body[data-sidebar-size],
body {
    overflow-x: hidden !important;
}

.main-content .page-content,
.page-content {
    padding-top: calc(70px + 22px) !important;
    padding-bottom: 24px !important;
}

.page-title-box {
    margin-bottom: 14px !important;
    padding: 0 !important;
    min-height: auto !important;
}

.page-title-box h4,
.page-title-box .page-title,
.card-header .card-title,
.card-header h4,
.card-header h5 {
    line-height: 1.35 !important;
}

.card,
.production-card,
.aathi-list-card {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.card-header {
    min-height: 56px !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.card-body {
    padding: 16px 20px 18px !important;
}

/* DataTable top control box: clean one row alignment */
.dataTables_wrapper>.row:first-child {
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 14px 16px !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    row-gap: 10px !important;
}

.dataTables_wrapper>.row:first-child>div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.dataTables_wrapper>.row:first-child>div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.dataTables_wrapper .dataTables_filter {
    margin: 0 !important;
    order: 1 !important;
}

.dataTables_wrapper .dt-buttons {
    margin: 0 !important;
    order: 2 !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 220px !important;
    min-width: 150px !important;
    height: 30px !important;
    border-radius: 6px !important;
    padding: 4px 10px 4px 32px !important;
    font-size: 12px !important;
    border: 1px solid #dbe4f0 !important;
}

.dataTables_wrapper .dataTables_length select {
    height: 30px !important;
    min-width: 60px !important;
    padding: 2px 6px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    border: 1px solid #dbe4f0 !important;
    display: inline-block !important;
}

.dataTables_wrapper .dt-buttons .btn,
.dataTables_wrapper .dt-button {
    height: 30px !important;
    min-height: 30px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
}

/* Table: no extra blank gap below header, compact rows */
.table-responsive,
.dataTables_scroll,
.dataTables_scrollBody,
.aathi-table-wrapper {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.table,
table.dataTable,
table.table {
    border-collapse: collapse !important;
    margin: 0 !important;
    font-size: 12px !important;
    /* exact compact 12px text size */
}

/* Header style override */
table.dataTable thead th,
.table thead th,
.dataTables_scrollHead table thead th {
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
    padding: 8px 10px !important;
    /* Extremely compact padding */
    border: 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

/* Rows style override */
table.dataTable tbody td,
.table tbody td {
    padding: 6px 10px !important;
    /* Extremely compact padding */
    height: auto !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    border: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
}

table.dataTable tbody tr,
.table tbody tr {
    height: auto !important;
}

/* Hide only actual empty rows, not real data rows */
table.dataTable tbody tr.aathi-blank-row,
.table tbody tr.aathi-blank-row,
table.dataTable tbody tr:has(td.dataTables_empty)+tr {
    display: none !important;
}

/* Action buttons overrides to make them circular with soft backgrounds */
.table .btn,
table.dataTable .btn,
.action-column .btn,
td:last-child .btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    /* Perfect circular buttons */
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 3px !important;
    border: 0 !important;
}

/* View Button - Eye */
.table .btn-info,
table.dataTable .btn-info,
td:last-child .btn-info {
    background-color: #e0f2fe !important;
    /* light blue */
    color: #0284c7 !important;
    /* dark blue */
}

.table .btn-info:hover,
table.dataTable .btn-info:hover {
    background-color: #bae6fd !important;
}

/* Edit Button - Edit */
.table .btn-warning,
table.dataTable .btn-warning,
td:last-child .btn-warning {
    background-color: #fef9c3 !important;
    /* light yellow */
    color: #a16207 !important;
    /* dark yellow */
}

.table .btn-warning:hover,
table.dataTable .btn-warning:hover {
    background-color: #fef08a !important;
}

/* Delete Button - Trash */
.table .btn-danger,
table.dataTable .btn-danger,
td:last-child .btn-danger {
    background-color: #fee2e2 !important;
    /* light red */
    color: #ef4444 !important;
    /* dark red */
}

.table .btn-danger:hover,
table.dataTable .btn-danger:hover {
    background-color: #fca5a5 !important;
}

.table .btn i,
table.dataTable .btn i,
.action-column .btn i,
td:last-child .btn i {
    font-size: 13px !important;
}

/* Prevent table/card from going under top header */
.navbar-header,
#page-topbar {
    z-index: 1002 !important;
}

.main-content {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 991px) {

    .main-content .page-content,
    .page-content {
        padding-top: calc(70px + 18px) !important;
    }

    .dataTables_wrapper>.row:first-child>div:first-child,
    .dataTables_wrapper>.row:first-child>div:last-child {
        justify-content: flex-start !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        min-width: 180px !important;
    }
}

/* --------------------------------------------------------------------------
   FINAL FIX - Excel/PDF visibility + footer alignment + table clean spacing
   -------------------------------------------------------------------------- */
html,
body {
    min-height: 100% !important;
}

#layout-wrapper {
    min-height: 100vh !important;
}

.main-content {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #f3f6fb !important;
}

.main-content>.page-content {
    flex: 1 0 auto !important;
    padding-bottom: 26px !important;
}

.footer,
.aathi-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 18px 0 !important;
    background: #ffffff !important;
    border-top: 1px solid #dbe5f2 !important;
    color: #8a97ad !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    z-index: 1 !important;
    flex: 0 0 auto !important;
}

.footer .container-fluid,
.aathi-footer .container-fluid {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.footer .row,
.aathi-footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.footer .col-sm-6,
.aathi-footer .col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Keep download buttons visible wherever the table has DataTable buttons enabled */
.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dt-buttons.btn-group,
.dataTables_wrapper .dt-button,
.dataTables_wrapper button.dt-button,
.dataTables_wrapper a.dt-button {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dataTables_wrapper .dt-buttons {
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

.dataTables_wrapper .dt-button,
.dataTables_wrapper .dt-buttons .btn {
    width: auto !important;
    min-width: 60px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dt-button.buttons-excel,
.dataTables_wrapper .dt-button.buttons-excelHtml5,
.dataTables_wrapper .buttons-excel,
.dataTables_wrapper .buttons-excelHtml5 {
    background: #10b981 !important;
}

.dataTables_wrapper .dt-button.buttons-pdf,
.dataTables_wrapper .dt-button.buttons-pdfHtml5,
.dataTables_wrapper .buttons-pdf,
.dataTables_wrapper .buttons-pdfHtml5 {
    background: #ef4444 !important;
}

/* Table control box should look clean, not like an extra broken table row */
.dataTables_wrapper>.row:first-child {
    margin-bottom: 16px !important;
    border: 1px solid #d7e2f2 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

.dataTables_wrapper>.row:first-child>div:last-child {
    gap: 10px !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 280px !important;
    max-width: 100% !important;
}

/* Table body compact and aligned */
.table-responsive,
.aathi-table-wrapper,
.dataTables_scroll,
.dataTables_scrollBody {
    border: 1px solid #d7e2f2 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
}

.table> :not(caption)>*>*,
table.dataTable>thead>tr>th,
table.dataTable>tbody>tr>td {
    padding: 9px 12px !important;
    line-height: 1.25 !important;
}

table.dataTable thead th,
.table thead th {
    height: 38px !important;
    vertical-align: middle !important;
}

table.dataTable tbody td,
.table tbody td {
    height: 37px !important;
    vertical-align: middle !important;
}

table.dataTable tbody tr,
.table tbody tr {
    height: 37px !important;
}

.dataTables_wrapper>.row:last-child {
    padding: 10px 0 0 !important;
    margin-top: 0 !important;
}

.dataTables_wrapper .dataTables_info {
    display: flex !important;
    align-items: center !important;
    min-height: 36px !important;
}

.dataTables_wrapper .pagination {
    justify-content: flex-end !important;
}

@media (max-width: 991px) {

    .footer .container-fluid,
    .aathi-footer .container-fluid {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .dataTables_wrapper .dt-buttons {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}

/* ========================================================================
   AATHI AQUA - FINAL REFERENCE ALIGNMENT OVERRIDE
   Match payment-history style: clear top header, neat page title, clean table
   controls, compact rows, visible Excel/PDF, footer below content.
   ======================================================================== */
html,
body {
    background: #f3f6fb !important;
    overflow-x: hidden !important;
}

#page-topbar,
.navbar-header {
    min-height: 70px !important;
    height: 70px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe7f3 !important;
    z-index: 1005 !important;
}

.main-content {
    background: #f3f6fb !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

.main-content>.page-content,
.page-content {
    flex: 1 0 auto !important;
    padding-top: 96px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-bottom: 28px !important;
}

@media (min-width: 992px) {

    .main-content>.page-content,
    .page-content {
        padding-top: 96px !important;
    }
}

.container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-title-box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 2px !important;
    margin: 0 0 20px 0 !important;
    border: 0 !important;
}

.page-title-box h4,
.page-title-box .page-title {
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #13254b !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.page-title-box .breadcrumb {
    margin: 0 !important;
    align-items: center !important;
}

.page-title-box .breadcrumb-item,
.page-title-box .breadcrumb-item a {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #55647f !important;
}

.card,
.production-card,
.aathi-list-card {
    background: #ffffff !important;
    border: 1px solid #d7e2f2 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05) !important;
    overflow: hidden !important;
    margin: 0 0 22px 0 !important;
}

.card-header {
    min-height: 62px !important;
    padding: 16px 20px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d7e2f2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

.card-header .card-title,
.card-header h4,
.card-header h5,
.card-title {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    color: #13254b !important;
    margin: 0 !important;
}

.card-body {
    padding: 20px 22px !important;
}

.card-header .btn,
.page-title-box .btn,
.btn.btn-primary {
    min-height: 38px !important;
    padding: 9px 16px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* DataTable top controls should be clean and match reference */
.dataTables_wrapper>.row:first-child {
    width: 100% !important;
    min-height: 68px !important;
    margin: 0 0 16px 0 !important;
    padding: 14px 16px !important;
    border: 1px solid #d7e2f2 !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    row-gap: 12px !important;
}

.dataTables_wrapper>.row:first-child>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataTables_wrapper>.row:first-child>div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.dataTables_wrapper>.row:first-child>div:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dt-buttons.btn-group {
    margin: 0 !important;
    float: none !important;
}

.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #5c6b89 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

.dataTables_wrapper .dataTables_length select {
    width: 74px !important;
    min-width: 74px !important;
    height: 38px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd8eb !important;
    margin: 0 4px !important;
    padding: 5px 28px 5px 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.dataTables_wrapper .dataTables_filter {
    order: 1 !important;
}

.dataTables_wrapper .dataTables_filter label {
    text-transform: none !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 280px !important;
    min-width: 240px !important;
    height: 38px !important;
    border: 1px solid #cbd8eb !important;
    border-radius: 8px !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: none !important;
}

.dataTables_wrapper .dt-buttons,
.dataTables_wrapper .dt-buttons.btn-group {
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dataTables_wrapper .dt-button,
.dataTables_wrapper button.dt-button,
.dataTables_wrapper a.dt-button,
.dataTables_wrapper .dt-buttons .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 62px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 8px 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dataTables_wrapper .dt-button.buttons-excel,
.dataTables_wrapper .dt-button.buttons-excelHtml5,
.dataTables_wrapper .buttons-excel,
.dataTables_wrapper .buttons-excelHtml5 {
    background: #10b981 !important;
}

.dataTables_wrapper .dt-button.buttons-pdf,
.dataTables_wrapper .dt-button.buttons-pdfHtml5,
.dataTables_wrapper .buttons-pdf,
.dataTables_wrapper .buttons-pdfHtml5 {
    background: #ef4444 !important;
}

/* Table block */
.table-responsive,
.aathi-table-wrapper,
.dataTables_scroll,
.dataTables_scrollBody {
    border: 1px solid #d7e2f2 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.table,
table.dataTable,
table.table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.table:not(.no-min-width),
table.dataTable:not(.no-min-width) {
    min-width: 880px !important;
}

table.dataTable thead th,
.table thead th,
.dataTables_scrollHead table thead th {
    height: 40px !important;
    padding: 10px 12px !important;
    background: #f6f8fc !important;
    color: #6f7fa5 !important;
    border: 1px solid #d7e2f2 !important;
    border-bottom: 1px solid #d7e2f2 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

table.dataTable tbody td,
.table tbody td {
    height: 42px !important;
    padding: 9px 12px !important;
    border: 1px solid #d7e2f2 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

table.dataTable tbody tr,
.table tbody tr {
    height: 42px !important;
}

table.dataTable tbody tr:hover,
.table tbody tr:hover {
    background: #f8fbff !important;
}

/* remove generated blank row only */
table.dataTable tbody tr.aathi-blank-row,
.table tbody tr.aathi-blank-row {
    display: none !important;
}

table.dataTable tbody tr:empty,
.table tbody tr:empty {
    display: none !important;
}

/* action buttons same size */
.table .btn,
table.dataTable .btn,
.action-column .btn,
td:last-child .btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.table .btn i,
table.dataTable .btn i,
.action-column .btn i,
td:last-child .btn i {
    font-size: 15px !important;
    margin: 0 !important;
}

.action-column .btn,
td:last-child .btn,
td:last-child form {
    margin: 0 3px !important;
}

/* DataTable bottom row / pagination */
.dataTables_wrapper>.row:last-child {
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    row-gap: 10px !important;
}

.dataTables_wrapper>.row:last-child>div {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0 !important;
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.dataTables_wrapper .pagination {
    margin: 0 !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.page-item .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 34px !important;
    min-height: 34px !important;
    border: 1px solid #d7e2f2 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475569 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.page-item.active .page-link,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

/* Footer: same width as content, never overlap table */
.footer,
.aathi-footer {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 17px 22px !important;
    background: #ffffff !important;
    border-top: 1px solid #dfe7f3 !important;
    color: #8a97ad !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    z-index: 1 !important;
}

.footer .container-fluid,
.aathi-footer .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer .row,
.aathi-footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-items: center !important;
}

.footer .col-sm-6,
.aathi-footer .col-sm-6 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 991px) {

    .main-content>.page-content,
    .page-content {
        padding-top: 90px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .card-body {
        padding: 16px 14px !important;
    }

    .dataTables_wrapper>.row:first-child>div:first-child,
    .dataTables_wrapper>.row:first-child>div:last-child {
        justify-content: flex-start !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        min-width: 180px !important;
    }

    .dataTables_wrapper .dt-buttons {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}

/* =========================================================
   Aathi Aqua - Table Double Border Final Fix
   ========================================================= */

.card-body .table-controls-wrap,
.aathi-table-controls,
.dataTables_wrapper {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Controls area single clean box */
.dataTables_wrapper>.row:first-child,
.aathi-table-toolbar,
.table-toolbar,
.table-controls-row {
    border: 1px solid #d8e3f3 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin: 0 0 16px 0 !important;
    background: #ffffff !important;
}

/* Table should not look like second outer box */
.table-responsive {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    margin-top: 0 !important;
}

/* Only table cell borders should show */
.table {
    border: 1px solid #d8e3f3 !important;
    border-collapse: collapse !important;
    margin-bottom: 0 !important;
}

.table thead th {
    border-top: 0 !important;
    border-bottom: 1px solid #d8e3f3 !important;
    background: #f6f8fc !important;
    padding: 12px 14px !important;
}

.table tbody td {
    padding: 11px 14px !important;
    vertical-align: middle !important;
}

/* Remove empty spacing between controls and table */
.dataTables_wrapper .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dataTables_wrapper .table-responsive,
.dataTables_wrapper table.dataTable {
    margin-top: 0 !important;
}

/* Card body spacing clean */
.card-body {
    padding: 16px 20px 18px 20px !important;
}

/* Table card should look single professional card */
.card {
    border: 1px solid #d8e3f3 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* =========================================================
   Aathi Aqua - Final Common Table / Page / Footer Alignment
   ========================================================= */
:root {
    --aathi-border: #d8e3f3;
    --aathi-header-bg: #f6f8fc;
    --aathi-text-soft: #66789f;
}

.main-content .page-content {
    padding-top: 96px !important;
    padding-bottom: 76px !important;
    background: #f3f6fb !important;
    min-height: calc(100vh - 70px) !important;
}

.page-title-box {
    padding: 0 0 14px 0 !important;
    margin: 0 !important;
    min-height: auto !important;
}

.page-title-box h4 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #101828 !important;
    line-height: 1.35 !important;
    margin: 0 !important;
}

.page-title-right .breadcrumb {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.card.aathi-list-card,
.card:has(table) {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 24px !important;
    background: #ffffff !important;
}

.card.aathi-list-card>.card-header,
.card:has(table)>.card-header {
    padding: 16px 20px !important;
    min-height: 62px !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    background: #ffffff !important;
}

.card.aathi-list-card>.card-header .card-title,
.card:has(table)>.card-header .card-title,
.card.aathi-list-card>.card-header h4,
.card:has(table)>.card-header h4 {
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #101828 !important;
    margin: 0 !important;
}

.card.aathi-list-card>.card-body,
.card:has(table)>.card-body {
    padding: 16px 20px 18px 20px !important;
    background: #ffffff !important;
}

.dataTables_wrapper {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.dataTables_wrapper>.row:first-child {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 14px 16px !important;
    margin: 0 0 16px 0 !important;
    align-items: center !important;
    row-gap: 12px !important;
}

.dataTables_wrapper>.row:first-child>[class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dataTables_wrapper .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    color: #53637f !important;
    text-transform: uppercase !important;
}

.dataTables_wrapper .dataTables_length select {
    min-width: 74px !important;
    height: 40px !important;
    border: 1px solid #cfd8ea !important;
    border-radius: 8px !important;
    padding: 6px 34px 6px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: #fff !important;
}

.dataTables_wrapper .dataTables_filter {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    width: auto !important;
}

.dataTables_wrapper .dataTables_filter label {
    margin: 0 !important;
    width: 280px !important;
    max-width: 100% !important;
}

.dataTables_wrapper .dataTables_filter input {
    width: 100% !important;
    height: 40px !important;
    margin: 0 !important;
    border: 1px solid #cfd8ea !important;
    border-radius: 8px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
}

.dataTables_wrapper .dt-buttons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 0 0 10px !important;
    float: none !important;
}

.dataTables_wrapper .dt-buttons .dt-button,
.dataTables_wrapper .dt-buttons .btn {
    height: 40px !important;
    min-width: 78px !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.dataTables_wrapper .buttons-excel,
.dataTables_wrapper .dt-buttons .btn-success {
    background: #10b981 !important;
}

.dataTables_wrapper .buttons-pdf,
.dataTables_wrapper .dt-buttons .btn-danger {
    background: #ef4444 !important;
}

.dataTables_wrapper .table-responsive,
.card-body>.table-responsive {
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    overflow-x: auto !important;
}

.table,
table.dataTable {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid var(--aathi-border) !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--aathi-border) !important;
}

.table thead th,
table.dataTable thead th {
    background: var(--aathi-header-bg) !important;
    border: 1px solid var(--aathi-border) !important;
    border-top: 0 !important;
    padding: 11px 12px !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    color: var(--aathi-text-soft) !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.table tbody td,
table.dataTable tbody td {
    border: 1px solid #e4ebf6 !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #111827 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.table tbody tr,
table.dataTable tbody tr {
    height: 44px !important;
    background: #ffffff !important;
}

.table tbody tr:hover,
table.dataTable tbody tr:hover {
    background: #f9fbff !important;
}

.table .btn,
table.dataTable .btn,
.table button.btn,
table.dataTable button.btn {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    line-height: 1 !important;
    margin: 0 3px !important;
}

.table .btn i,
table.dataTable .btn i {
    font-size: 16px !important;
    line-height: 1 !important;
}

.dataTables_wrapper>.row:last-child {
    margin: 12px 0 0 0 !important;
    align-items: center !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #667085 !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 8px !important;
    padding: 7px 12px !important;
    margin: 0 3px !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-size: 13px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
}

.aathi-id-column,
th.aathi-id-column,
td.aathi-id-column,
th.d-none,
td.d-none {
    display: none !important;
}

.aathi-footer.footer {
    position: fixed !important;
    left: 250px !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 52px !important;
    padding: 15px 20px !important;
    background: #ffffff !important;
    border-top: 1px solid #e6edf7 !important;
    z-index: 99 !important;
    color: #8a98b3 !important;
}

[data-sidebar-size="sm"] .aathi-footer.footer {
    left: 70px !important;
}

@media (max-width: 991.98px) {
    .main-content .page-content {
        padding-top: 88px !important;
    }

    .dataTables_wrapper>.row:first-child {
        padding: 12px !important;
    }

    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dt-buttons {
        justify-content: flex-start !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    .dataTables_wrapper .dataTables_filter label {
        width: 100% !important;
    }

    .aathi-footer.footer {
        left: 0 !important;
        position: static !important;
        height: auto !important;
    }
}

/* Direct DataTable dom=lBfrtip controls are wrapped by final JS */
.dataTables_wrapper>.aathi-dt-control-box {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    padding: 14px 16px !important;
    margin: 0 0 16px 0 !important;
    align-items: center !important;
    row-gap: 12px !important;
}

.aathi-dt-left,
.aathi-dt-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.aathi-dt-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

.aathi-dt-right .dataTables_filter,
.aathi-dt-right .dt-buttons {
    margin: 0 !important;
}

@media (max-width: 991.98px) {
    .aathi-dt-right {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
        margin-top: 10px !important;
    }
}

/* Production Stage Log - Stage Filter Buttons + Status Alignment */
.stage-log-filter-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px 0;
    padding: 0;
}

.stage-log-filter-btn {
    border: 1px solid #d6e2f3;
    background: #ffffff;
    color: #44506d;
    border-radius: 8px;
    padding: 7px 13px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    transition: all 0.2s ease;
}

.stage-log-filter-btn:hover,
.stage-log-filter-btn.active {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
}

.stage-log-status-dropdown {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 128px;
}

.stage-log-status-btn {
    height: 32px !important;
    min-width: 118px !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

.stage-log-status-btn .status-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex: 0 0 7px !important;
}

.stage-log-status-btn .status-label {
    display: inline-block !important;
    line-height: 1 !important;
}

.stage-log-status-btn::after {
    margin-left: 3px !important;
    vertical-align: middle !important;
}

.stage-log-status-yetstart {
    background: #f5efff !important;
    color: #7c3aed !important;
    border-color: #d8c4ff !important;
}

.stage-log-status-yetstart .status-dot {
    background: #a855f7 !important;
}

.stage-log-status-running {
    background: #eaf3ff !important;
    color: #2563eb !important;
    border-color: #bfdbfe !important;
}

.stage-log-status-running .status-dot {
    background: #2563eb !important;
}

.stage-log-status-stop {
    background: #fff7e6 !important;
    color: #d97706 !important;
    border-color: #fde3a7 !important;
}

.stage-log-status-stop .status-dot {
    background: #f59e0b !important;
}

.stage-log-status-rejected {
    background: #fff1f2 !important;
    color: #e11d48 !important;
    border-color: #fecdd3 !important;
}

.stage-log-status-rejected .status-dot {
    background: #e11d48 !important;
}

.stage-log-status-completed {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border-color: #bbf7d0 !important;
}

.stage-log-status-completed .status-dot {
    background: #10b981 !important;
}

.stage-log-status-verification {
    background: #f5efff !important;
    color: #7e22ce !important;
    border-color: #e9d5ff !important;
}

.stage-log-status-verification .status-dot {
    background: #a855f7 !important;
}

.stage-log-status-dropdown .dropdown-menu {
    min-width: 145px !important;
    padding: 6px !important;
    border-radius: 10px !important;
}

.stage-log-status-dropdown .dropdown-item {
    border-radius: 7px !important;
    font-size: 13px !important;
    padding: 7px 10px !important;
    font-weight: 600 !important;
}

#productionStageLogTable tbody td {
    vertical-align: middle !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* =========================================================
   Production Tables - Empty Row Remove Fix
   ========================================================= */

#production_stage_log_table tbody tr td.dataTables_empty,
#productionBatchTable tbody tr td.dataTables_empty,
#productionPlanningTable tbody tr td.dataTables_empty,
#production_plan_table tbody tr td.dataTables_empty,
#production_batch_table tbody tr td.dataTables_empty {
    display: none !important;
}

#production_stage_log_table tbody tr:has(td:empty),
#productionBatchTable tbody tr:has(td:empty),
#productionPlanningTable tbody tr:has(td:empty),
#production_plan_table tbody tr:has(td:empty),
#production_batch_table tbody tr:has(td:empty) {
    height: auto !important;
}

/* Remove blank first row if DataTable creates empty td row */
#production_stage_log_table tbody tr.empty-row-fix,
#productionBatchTable tbody tr.empty-row-fix,
#productionPlanningTable tbody tr.empty-row-fix,
#production_plan_table tbody tr.empty-row-fix,
#production_batch_table tbody tr.empty-row-fix {
    display: none !important;
}

/* Production table row height compact */
#production_stage_log_table tbody td,
#productionBatchTable tbody td,
#productionPlanningTable tbody td,
#production_plan_table tbody td,
#production_batch_table tbody td {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    vertical-align: middle !important;
}

/* Header to data gap remove */
#production_stage_log_table,
#productionBatchTable,
#productionPlanningTable,
#production_plan_table,
#production_batch_table {
    margin-top: 0 !important;
    border-collapse: collapse !important;
}

#production_stage_log_table thead th,
#productionBatchTable thead th,
#productionPlanningTable thead th,
#production_plan_table thead th,
#production_batch_table thead th {
    border-bottom: 1px solid #d8e3f3 !important;
}

/* =========================================================
   FINAL FIX - Empty table row remove + small action icons
   ========================================================= */

/* Empty row hide */
tr.aathi-force-empty-row,
tr.aathi-force-empty-row td {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 0 !important;
}

/* Production tables compact row */
#production_stage_log_table tbody td,
#productionBatchTable tbody td,
#production_batch_table tbody td,
#productionPlanningTable tbody td,
#production_plan_table tbody td,
#productionPlanTable tbody td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
}

/* All project table action icon size reduce */
table .action-column .btn,
table td.action-column .btn,
table .btn[title="Edit"],
table .btn[title="Delete"],
table .btn[title="Print"],
table .btn[title="View"],
table .btn[title="Show"],
table .btn[title="Download"],
table .btn[title="Invoice"],
table .btn[title="Journal"],
table .btn[title="Payout"],
table .btn[title="Payment"],
table .btn[title="Approve"],
table .btn[title="Reject"],
table .btn[title="Details"],
table .btn[title="Update"],
table .btn[title="Status"],
table .btn[title="PDF"],
table .btn[title="Excel"],
table td .btn-sm {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    min-height: 29px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

table .action-column .btn i,
table td.action-column .btn i,
table .btn[title="Edit"] i,
table .btn[title="Delete"] i,
table .btn[title="Print"] i,
table .btn[title="View"] i,
table .btn[title="Show"] i,
table .btn[title="Download"] i,
table .btn[title="Invoice"] i,
table .btn[title="Journal"] i,
table .btn[title="Payout"] i,
table .btn[title="Payment"] i,
table .btn[title="Approve"] i,
table .btn[title="Reject"] i,
table .btn[title="Details"] i,
table .btn[title="Update"] i,
table .btn[title="Status"] i,
table td .btn-sm i {
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Action buttons gap reduce */
table .btn-group,
table .action-btn-group,
table td.action-column {
    gap: 6px !important;
}

/* Delete form inline alignment */
table td.action-column form,
table td form.d-inline {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* =========================================================
   FINAL FIX - DataTable scrollX duplicate header blank row
   ========================================================= */

/* DataTable scroll body-kulla clone aagura thead hide */
.dataTables_scrollBody table thead,
.dataTables_scrollBody table thead tr,
.dataTables_scrollBody table thead th {
    visibility: collapse !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    line-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
}

/* Production tables-la header-kum data-kum gap varama */
#production_stage_log_table,
#productionBatchTable,
#production_batch_table,
#productionPlanningTable,
#production_plan_table,
#productionPlanTable {
    border-collapse: collapse !important;
    margin-top: 0 !important;
}

#production_stage_log_table tbody tr:first-child td,
#productionBatchTable tbody tr:first-child td,
#production_batch_table tbody tr:first-child td,
#productionPlanningTable tbody tr:first-child td,
#production_plan_table tbody tr:first-child td,
#productionPlanTable tbody tr:first-child td {
    border-top: 0 !important;
}

/* Production table row compact */
#production_stage_log_table tbody td,
#productionBatchTable tbody td,
#production_batch_table tbody td,
#productionPlanningTable tbody td,
#production_plan_table tbody td,
#productionPlanTable tbody td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
}

/* Status dropdown alignment fix */
.stage-log-status-picker-btn,
.stage-log-status-btn,
.production-status-btn {
    height: 30px !important;
    min-width: 116px !important;
    max-width: 135px !important;
    padding: 4px 9px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.stage-log-status-picker-btn .status-dot,
.stage-log-status-btn .status-dot,
.production-status-btn .status-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.stage-log-status-picker-btn .status-label,
.stage-log-status-btn .status-label,
.production-status-btn .status-label {
    line-height: 1 !important;
    display: inline-block !important;
}

/* =========================================================
   FINAL FIX - All table action icon size small
   ========================================================= */

table td.action-column .btn,
table .action-column .btn,
table td .btn[title="Edit"],
table td .btn[title="Delete"],
table td .btn[title="View"],
table td .btn[title="Show"],
table td .btn[title="Print"],
table td .btn[title="PDF"],
table td .btn[title="Excel"],
table td .btn[title="Download"],
table td .btn[title="Invoice"],
table td .btn[title="Journal"],
table td .btn[title="Payout"],
table td .btn[title="Payment"],
table td .btn[title="Approve"],
table td .btn[title="Reject"],
table td .btn-sm {
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    min-height: 27px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

table td.action-column .btn i,
table .action-column .btn i,
table td .btn[title="Edit"] i,
table td .btn[title="Delete"] i,
table td .btn[title="View"] i,
table td .btn[title="Show"] i,
table td .btn[title="Print"] i,
table td .btn[title="PDF"] i,
table td .btn[title="Excel"] i,
table td .btn[title="Download"] i,
table td .btn-sm i {
    font-size: 13px !important;
    line-height: 1 !important;
}

/* Action icon gap reduce */
table td.action-column,
table .action-btn-group,
table .btn-group {
    gap: 5px !important;
}

table td.action-column form,
table td form.d-inline {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* =========================================================
   FINAL FIX - Production Stage Log Status Alignment
   ========================================================= */

/* Status column width correct */
#production_stage_log_table th.status-column,
#production_stage_log_table td.status-column,
#production_stage_log_table th:nth-child(11),
#production_stage_log_table td:nth-child(11) {
    min-width: 165px !important;
    width: 165px !important;
    max-width: 165px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* Status button common style */
#production_stage_log_table .stage-log-status-picker-btn,
#production_stage_log_table .stage-log-status-btn,
#production_stage_log_table .production-status-btn {
    width: auto !important;
    min-width: 128px !important;
    height: 30px !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    text-align: center !important;
    box-shadow: none !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

/* Remove weird inner purple box/wrap issue */
#production_stage_log_table .stage-log-status-picker-btn *,
#production_stage_log_table .stage-log-status-btn *,
#production_stage_log_table .production-status-btn * {
    white-space: nowrap !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

/* Dot alignment */
#production_stage_log_table .status-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    max-width: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex: 0 0 7px !important;
    margin: 0 !important;
}

/* Text alignment */
#production_stage_log_table .status-label {
    display: inline-block !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-align: center !important;
    flex: 0 0 auto !important;
}

/* Dropdown arrow alignment */
#production_stage_log_table .stage-log-status-picker-btn::after,
#production_stage_log_table .stage-log-status-btn::after,
#production_stage_log_table .production-status-btn::after {
    margin-left: 4px !important;
    vertical-align: middle !important;
    position: static !important;
}

/* Yet Start */
#production_stage_log_table .status-btn-yetstart {
    background: #f5f3ff !important;
    color: #7c3aed !important;
    border: 1px solid #ddd6fe !important;
}

#production_stage_log_table .status-btn-yetstart .status-dot {
    background: #a855f7 !important;
}

/* Verification */
#production_stage_log_table .status-btn-verification {
    background: #faf5ff !important;
    color: #7e22ce !important;
    border: 1px solid #e9d5ff !important;
}

#production_stage_log_table .status-btn-verification .status-dot {
    background: #a855f7 !important;
}

/* Running */
#production_stage_log_table .status-btn-running {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}

#production_stage_log_table .status-btn-running .status-dot {
    background: #2563eb !important;
}

/* Stop */
#production_stage_log_table .status-btn-stop {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

#production_stage_log_table .status-btn-stop .status-dot {
    background: #f59e0b !important;
}

/* Rejected */
#production_stage_log_table .status-btn-rejected {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
}

#production_stage_log_table .status-btn-rejected .status-dot {
    background: #ef4444 !important;
}

/* Completed */
#production_stage_log_table .status-btn-completed {
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #bbf7d0 !important;
}

#production_stage_log_table .status-btn-completed .status-dot {
    background: #10b981 !important;
}

/* --------------------------------------------------------------------------
   Aathi Aqua Global Page Spacing Fix - 09/07/2026
   Applies to every admin module: title below top menu, card/table spacing.
   -------------------------------------------------------------------------- */
.main-content {
    background: #f3f6fb !important;
}

.main-content>.page-content,
.main-content .page-content,
.page-content {
    padding-top: 28px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-bottom: 34px !important;
}

.page-content>.container-fluid,
.main-content .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-title-box {
    min-height: 64px !important;
    margin: 0 0 10px 0 !important;
    padding: 14px 18px !important;
    background: #ffffff !important;
    border: 1px solid #d8e2f0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
    display: flex !important;
    align-items: center !important;
}

.page-title-box .row {
    width: 100% !important;
    align-items: center !important;
    row-gap: 10px !important;
}

.page-title-box h4,
.page-title-box .page-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    letter-spacing: .01em !important;
}

.page-title-box .breadcrumb {
    margin: 0 !important;
    justify-content: flex-end !important;
}

.page-content .row {
    margin-top: 0 !important;
}

.page-content .row+.row {
    margin-top: 10px !important;
}

.page-content .card {
    margin-bottom: 18px !important;
    border-radius: 14px !important;
    margin-top: 0 !important;
    border: 1px solid #d8e2f0 !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06) !important;
}

.page-content .card-header {
    min-height: 58px !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d8e2f0 !important;
}

.page-content .card-body {
    padding: 20px !important;
}

.page-content .table-responsive,
.page-content .dataTables_wrapper {
    margin-top: 0 !important;
}

.page-content .dataTables_wrapper>.row:first-child {
    margin: 0 0 18px 0 !important;
    padding: 14px 16px !important;
    border-radius: 12px !important;
}

.page-content table.table,
.page-content table.dataTable {
    margin-top: 0 !important;
}

/* Create form card and list card should not stick together */
#addFormWrapper {
    margin-bottom: 22px !important;
}

#addFormWrapper+.row {
    margin-top: 22px !important;
}

/* Keep footer below table content */
.main-content>.page-content {
    flex: 1 0 auto !important;
}

.footer,
.aathi-footer {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    flex: 0 0 auto !important;
    z-index: 1 !important;
}

@media (max-width: 991px) {

    .main-content>.page-content,
    .main-content .page-content,
    .page-content {
        padding-top: 92px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .page-title-box {
        padding: 16px !important;
        margin-bottom: 18px !important;
    }

    .page-title-box .breadcrumb {
        justify-content: flex-start !important;
    }

    .page-content .card-header,
    .page-content .card-body {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* --------------------------------------------------------------------------
   FINAL TOPBAR ALIGNMENT FIX - 09/07/2026
   Keeps every page title card fully visible below the fixed main menu/topbar.
   -------------------------------------------------------------------------- */
.main-content>.page-content,
.main-content .page-content,
.page-content {
    padding-top: 92px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-bottom: 34px !important;
}

.page-content>.container-fluid,
.main-content .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-title-box {
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 0 22px 0 !important;
    padding: 18px 22px !important;
    background: #ffffff !important;
    border: 1px solid #d8e2f0 !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    z-index: 1 !important;
}

.page-title-box h4,
.page-title-box .page-title {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.35 !important;
}

.page-title-right,
.page-title-box .breadcrumb {
    margin: 0 !important;
}

.page-content .row+.row {
    margin-top: 22px !important;
}

.page-content .card {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
}

.page-content .card-header {
    min-height: 70px !important;
    padding: 18px 20px !important;
}

.page-content .card-body {
    padding: 20px !important;
}

@media (max-width: 991px) {

    .main-content>.page-content,
    .main-content .page-content,
    .page-content {
        padding-top: 88px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .page-title-box {
        padding: 16px !important;
        margin-bottom: 18px !important;
        flex-wrap: wrap !important;
        row-gap: 8px !important;
    }
}

/* ========================================================================
   PROJECT-WIDE FINAL UI NORMALIZATION - 10/07/2026
   ======================================================================== */
:root {
    --aathi-sidebar-lg: 265px;
    --aathi-sidebar-sm: 70px;
    --aathi-topbar-height: 70px;
}

/* Keep content aligned correctly when the sidebar is expanded/collapsed. */
@media (min-width: 992px) {
    [data-layout="vertical"] .navbar-menu {
        width: var(--aathi-sidebar-lg) !important;
    }

    [data-layout="vertical"] .main-content,
    [data-layout="vertical"] #page-topbar,
    [data-layout="vertical"] .footer {
        margin-left: var(--aathi-sidebar-lg) !important;
        left: 0 !important;
        width: auto !important;
    }

    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu,
    [data-layout="vertical"][data-sidebar-size="sm-hover"] .navbar-menu {
        width: var(--aathi-sidebar-sm) !important;
    }

    [data-layout="vertical"][data-sidebar-size="sm"] .main-content,
    [data-layout="vertical"][data-sidebar-size="sm"] #page-topbar,
    [data-layout="vertical"][data-sidebar-size="sm"] .footer,
    [data-layout="vertical"][data-sidebar-size="sm-hover"] .main-content,
    [data-layout="vertical"][data-sidebar-size="sm-hover"] #page-topbar,
    [data-layout="vertical"][data-sidebar-size="sm-hover"] .footer {
        margin-left: var(--aathi-sidebar-sm) !important;
    }

    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .logo-lg,
    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .menu-title,
    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .nav-link span,
    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .menu-dropdown,
    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .badge,
    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .nav-link::after {
        display: none !important;
    }

    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .logo-sm {
        display: inline-block !important;
    }

    [data-layout="vertical"][data-sidebar-size="sm"] .navbar-menu .nav-link {
        justify-content: center !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Never let the page title or list cards slide behind the sidebar/topbar. */
.main-content {
    min-width: 0 !important;
    overflow-x: hidden !important;
}

.main-content>.page-content {
    padding-top: calc(var(--aathi-topbar-height) + 20px) !important;
}

.page-title-box {
    border-radius: 12px !important;
    overflow: visible !important;
}

.page-content .row+.row {
    margin-top: 18px !important;
}

.page-content .card {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.page-content .card-header {
    min-height: 62px !important;
    padding: 16px 20px !important;
}

.page-content .card-body {
    padding: 18px 20px !important;
}

/* Uniform forms. */
.form-control,
.form-select,
.select2-container .select2-selection--single {
    min-height: 42px !important;
    border-radius: 8px !important;
}

input[type="file"].form-control {
    padding: 7px 10px !important;
}

/* Uniform DataTables toolbar/table/footer. */
.dataTables_wrapper .aathi-dt-control-box,
.dataTables_wrapper>.row:first-child {
    margin: 0 0 16px !important;
    padding: 14px 16px !important;
    border: 1px solid #dbe4ef !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.table-responsive,
.aathi-table-wrapper,
.dataTables_scroll {
    border-radius: 0 !important;
    overflow-x: auto !important;
}

table.dataTable,
.page-content table.table {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-collapse: collapse !important;
}

.page-content table.table th,
.page-content table.table td {
    padding: 11px 12px !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.page-content table.table thead th {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    margin-top: 16px !important;
}

/* Small consistent action icons across every module. */
.aathi-action-group,
.action-column>div,
td:last-child .d-flex {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.table .btn-icon,
.table .aathi-action-group .btn,
.table td:last-child .btn {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    font-size: 14px !important;
}

.table td:last-child>a:not(.btn),
.table .action-column>a:not(.btn) {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 3px !important;
    font-size: 15px !important;
}

@media (max-width: 991px) {

    [data-layout="vertical"] .main-content,
    [data-layout="vertical"] #page-topbar,
    [data-layout="vertical"] .footer {
        margin-left: 0 !important;
    }

    .main-content>.page-content {
        padding-top: 84px !important;
    }
}

/* ========================================================================
   FINAL PROJECT-WIDE UI LOCK - sidebar, actions and status controls
   ======================================================================== */
@media (min-width: 992px) {

    /* Desktop CRM uses one stable expanded sidebar. */
    html[data-layout="vertical"] {
        --vz-vertical-menu-width: 260px !important;
    }

    html[data-layout="vertical"] .navbar-menu {
        width: 260px !important;
        min-width: 260px !important;
    }

    html[data-layout="vertical"] #page-topbar,
    html[data-layout="vertical"] .main-content,
    html[data-layout="vertical"] .footer,
    html[data-layout="vertical"][data-sidebar-size="sm"] #page-topbar,
    html[data-layout="vertical"][data-sidebar-size="sm"] .main-content,
    html[data-layout="vertical"][data-sidebar-size="sm"] .footer,
    html[data-layout="vertical"][data-sidebar-size="sm-hover"] #page-topbar,
    html[data-layout="vertical"][data-sidebar-size="sm-hover"] .main-content,
    html[data-layout="vertical"][data-sidebar-size="sm-hover"] .footer {
        margin-left: 260px !important;
        left: 0 !important;
        width: auto !important;
    }

    html[data-layout="vertical"] .navbar-menu .logo-lg,
    html[data-layout="vertical"] .navbar-menu .menu-title,
    html[data-layout="vertical"] .navbar-menu .nav-link span,
    html[data-layout="vertical"] .navbar-menu .nav-link::after {
        display: initial !important;
    }

    /* Preserve Bootstrap collapse behaviour. Never force every submenu visible. */
    html[data-layout="vertical"] .navbar-menu .menu-dropdown.collapse:not(.show) {
        display: none !important;
    }

    html[data-layout="vertical"] .navbar-menu .menu-dropdown.collapse.show {
        display: block !important;
    }

    html[data-layout="vertical"] .navbar-menu .nav-link {
        justify-content: flex-start !important;
        padding: 10px 20px !important;
    }

    #topnav-hamburger-icon {
        display: none !important;
    }
}

/* Remove the confusing sidebar hover/pin control everywhere. */
#vertical-hover,
.btn-vertical-sm-hover {
    display: none !important;
}

/* Consistent action cells in every table, including legacy bare links. */
.page-content table td.action-column,
.page-content table td:last-child {
    text-align: center !important;
    vertical-align: middle !important;
}

.page-content table td.action-column>*,
.page-content table td:last-child>* {
    vertical-align: middle !important;
}

.page-content table td.action-column>a,
.page-content table td:last-child>a,
.page-content table td.action-column .btn,
.page-content table td:last-child .btn,
.page-content table td.action-column button,
.page-content table td:last-child button {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    padding: 0 !important;
    margin: 0 3px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.page-content table td.action-column i,
.page-content table td:last-child i {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

.aathi-action-edit {
    background: #eef4ff !important;
    border: 5px solid #c7d7fe !important;
    color: #3568e8 !important;
}

.aathi-action-delete {
    background: #fff1f2 !important;
    border: 1px solid #fecdd3 !important;
    color: #ef4444 !important;
}

.aathi-action-view {
    background: #effaf5 !important;
    border: 1px solid #bbf7d0 !important;
    color: #059669 !important;
}

.aathi-action-print {
    background: #eef8ff !important;
    border: 1px solid #bae6fd !important;
    color: #0284c7 !important;
}

/* One compact status model across planning, batch, stage logs and masters. */
.aathi-status-control,
.page-content table .status-dropdown-btn,
.page-content table [class*="status-btn-"] {
    min-width: 112px !important;
    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.page-content table .status-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    flex: 0 0 7px !important;
}

.page-content table .status-label {
    flex: 0 1 auto !important;
    text-align: center !important;
}

.page-content table td.status-column,
.page-content table th.status-column {
    text-align: center !important;
}

.page-content table td.status-column .dropdown,
.page-content table td.status-column .btn-group {
    display: inline-flex !important;
}

/* Master switches remain centered and equal sized. */
.page-content table .form-switch {
    min-height: 0 !important;
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.page-content table .form-switch .form-check-input {
    width: 46px !important;
    height: 25px !important;
    margin: 0 !important;
}

/* Stable content sizing and no clipping. */
.main-content,
.main-content .page-content,
.main-content .container-fluid {
    min-width: 0 !important;
}

.page-content .card,
.page-content .card-body {
    overflow: visible !important;
}

.page-content .table-responsive,
.page-content .dataTables_scrollBody {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

@media (max-width: 991.98px) {
    #topnav-hamburger-icon {
        display: inline-flex !important;
    }

    html[data-layout="vertical"] #page-topbar,
    html[data-layout="vertical"] .main-content,
    html[data-layout="vertical"] .footer {
        margin-left: 0 !important;
    }
}


/* ========================================================================
   PROJECT-WIDE UNIFORM PAGE / FORM / UPLOAD / TABLE SYSTEM
   Applies to Company, Base, Production, QC, User, Accounting, Purchase,
   and Setting modules.
   ======================================================================== */
.page-content>.container-fluid,
.main-content .page-content .container-fluid {
    padding-left: 22px !important;
    padding-right: 22px !important;
}

/* Every page uses the same vertical rhythm */
.page-content .row {
    --bs-gutter-x: 1.25rem;
    --bs-gutter-y: 1.25rem;
}

.page-content .card+.card {
    margin-top: 0 !important;
}

.page-content .card-header .d-flex,
.page-content .card-header .row {
    align-items: center !important;
}

/* Common form grid and fields */
.page-content form .row>[class*="col-"] {
    margin-bottom: 18px;
}

.page-content form .row>[class*="col-"]:has(.btn),
.page-content form .row>[class*="col-"]:has(button[type="submit"]) {
    margin-bottom: 0;
}

.page-content input.form-control,
.page-content select.form-control,
.page-content select.form-select,
.page-content textarea.form-control,
.page-content .select2-container .select2-selection--single {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 9px 12px !important;
    font-size: 13px !important;
}

.page-content textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
    resize: vertical !important;
}

.page-content .select2-container .select2-selection--single {
    padding: 0 10px !important;
}

.page-content .select2-selection__rendered {
    line-height: 40px !important;
    padding-left: 0 !important;
}

.page-content .select2-selection__arrow {
    height: 40px !important;
}

.page-content .form-text {
    margin-top: 6px !important;
    color: #64748b !important;
    font-size: 12px !important;
}

.page-content .invalid-feedback {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* One professional upload design everywhere */
.page-content input[type="file"].form-control,
.page-content input[type="file"] {
    min-height: 42px !important;
    height: 42px !important;
    padding: 4px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #64748b !important;
    overflow: hidden !important;
}

.page-content input[type="file"]::file-selector-button {
    height: 32px !important;
    margin: 0 10px 0 0 !important;
    padding: 6px 14px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #eaf2ff !important;
    color: #1d4ed8 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.page-content input[type="file"]::-webkit-file-upload-button {
    height: 32px !important;
    margin: 0 10px 0 0 !important;
    padding: 6px 14px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #eaf2ff !important;
    color: #1d4ed8 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Common form footer/actions */
.page-content form .form-actions,
.page-content form .card-footer,
.page-content .aathi-form-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    padding-top: 16px !important;
    margin-top: 4px !important;
    border-top: 1px solid #e5eaf2 !important;
}

.page-content button[type="submit"],
.page-content .btn-submit,
.page-content .card-header .btn,
.page-content .page-title-box .btn {
    min-height: 40px !important;
    padding: 8px 16px !important;
}

/* Index/list cards and DataTables */
.page-content .aathi-list-card>.card-body,
.page-content .card:has(table)>.card-body {
    padding: 16px 20px 20px !important;
}

.dataTables_wrapper .aathi-dt-control-box,
.dataTables_wrapper>.row:first-child {
    min-height: 68px !important;
    margin-bottom: 16px !important;
    padding: 13px 16px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 12px !important;
    background: #fff !important;
}

.aathi-dt-left {
    display: flex !important;
    align-items: center !important;
}

.aathi-dt-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0 !important;
}

.dataTables_wrapper .dataTables_filter label {
    text-transform: none !important;
}

.dataTables_wrapper .dt-buttons {
    display: inline-flex !important;
    gap: 8px !important;
}

.dataTables_wrapper .buttons-excel,
.aathi-export-excel {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
}

.dataTables_wrapper .buttons-pdf,
.aathi-export-pdf {
    background: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #fff !important;
}

/* Same action button model in every table */
.page-content table td.action-column,
.page-content table th.action-column {
    text-align: center !important;
    white-space: nowrap !important;
}

.page-content table td.action-column>*,
.page-content table td:last-child>* {
    vertical-align: middle !important;
}

.page-content .aathi-action-edit,
.page-content .aathi-action-delete,
.page-content .aathi-action-view,
.page-content .aathi-action-print,
.page-content td.action-column .btn,
.page-content td.action-column>a {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 2px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid transparent !important;
    font-size: 15px !important;
}

.page-content .aathi-action-edit {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
    color: #2563eb !important;
}

.page-content .aathi-action-delete {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #ef4444 !important;
}

.page-content .aathi-action-view {
    background: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
    color: #059669 !important;
}

.page-content .aathi-action-print {
    background: #ecfeff !important;
    border-color: #a5f3fc !important;
    color: #0891b2 !important;
}

/* Status controls have one compact size */
.page-content .aathi-status-control,
.page-content [class*="status-btn-"],
.page-content td.status-column .dropdown-toggle {
    width: auto !important;
    min-width: 112px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    gap: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.page-content td.status-column .form-check.form-switch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

.page-content td.status-column .form-switch .form-check-input {
    width: 46px !important;
    height: 24px !important;
    margin: 0 !important;
}

/* Show pages/detail rows use same card/table model */
.page-content .detail-card .row,
.page-content .show-card .row {
    margin-bottom: 0 !important;
}

.page-content .detail-label,
.page-content .show-label {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.page-content .detail-value,
.page-content .show-value {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

@media (max-width: 767.98px) {

    .page-content>.container-fluid,
    .main-content .page-content .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .page-title-box,
    .card-header,
    .card-body {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .aathi-dt-right {
        justify-content: flex-start !important;
    }

    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_filter input {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* =====================================================================
   2026-07-10 Compact list-page density
   Keeps 7-8 records visible on a normal desktop viewport.
   Applied globally to Company, Base, Production, QC, User, Accounting,
   Purchase and Setting list pages.
   ===================================================================== */
@media (min-width: 992px) {
    .page-content {
        padding-bottom: 14px !important;
    }

    .page-title-box {
        min-height: 38px !important;
        margin-bottom: 10px !important;
    }

    .page-title-box.card,
    .page-title-box.aathi-page-title-card {
        margin-bottom: 10px !important;
    }

    .page-content>.container-fluid>.row,
    .page-content>.container-fluid>.row>[class*="col-"] {
        margin-bottom: 0 !important;
    }

    .page-content .card,
    .page-content .production-card,
    .page-content .aathi-list-card {
        margin-bottom: 12px !important;
    }

    .page-content .card-header {
        min-height: 50px !important;
        padding: 10px 18px !important;
        flex-wrap: nowrap !important;
    }

    .page-content .card-header .card-title,
    .page-content .card-header h4,
    .page-content .card-header h5 {
        font-size: 15px !important;
        line-height: 1.2 !important;
    }

    .page-content .card-header .btn {
        min-height: 34px !important;
        padding: 7px 13px !important;
    }

    .page-content .card-body {
        padding: 12px 18px 14px !important;
    }

    .dataTables_wrapper>.row:first-child,
    .dataTables_wrapper .aathi-dt-control-box {
        min-height: 52px !important;
        margin-bottom: 10px !important;
        padding: 8px 12px !important;
        row-gap: 6px !important;
        flex-wrap: nowrap !important;
    }

    .dataTables_wrapper>.row:first-child>div:first-child {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    .dataTables_wrapper>.row:first-child>div:last-child {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        flex-wrap: nowrap !important;
        margin-left: auto !important;
    }

    .dataTables_wrapper .dataTables_length select {
        min-width: 68px !important;
        height: 34px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .dataTables_wrapper .dataTables_filter input {
        width: 220px !important;
        min-width: 180px !important;
        height: 34px !important;
    }

    .dataTables_wrapper .dt-buttons .btn,
    .dataTables_wrapper .dt-button {
        height: 34px !important;
        min-height: 34px !important;
        padding: 6px 12px !important;
    }

    .page-content table.table th,
    .page-content table.table td,
    table.dataTable thead th,
    table.dataTable tbody td {
        padding: 4px 10px !important;
        line-height: 1.2 !important;
        height: 28px !important;
    }

    .page-content table.table thead th,
    table.dataTable thead th {
        font-size: 11px !important;
        height: 26px !important;
    }

    .page-content table.table tbody td,
    table.dataTable tbody td {
        font-size: 12px !important;
    }

    .table .btn-icon,
    .table .aathi-action-group .btn,
    .table td:last-child .btn,
    .table td:last-child>a:not(.btn),
    .table .action-column>a:not(.btn) {
        width: 27px !important;
        height: 27px !important;
        min-width: 27px !important;
        font-size: 12px !important;
        border-radius: 6px !important;
    }

    .status-switch,
    .form-check-input[role="switch"] {
        transform: scale(.9) !important;
        transform-origin: center !important;
    }

    .dataTables_wrapper>.row:last-child {
        margin-top: 8px !important;
        min-height: 34px !important;
    }

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0 !important;
        font-size: 11px !important;
    }

    .page-item .page-link,
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        min-width: 30px !important;
        min-height: 30px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .dataTables_wrapper .dataTables_filter input {
        width: 180px !important;
        min-width: 150px !important;
    }

    .dataTables_wrapper .dt-buttons .btn,
    .dataTables_wrapper .dt-button {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* Supplier form: clean checkbox multi-select with normal input appearance */
.supplier-type-multiselect {
    width: 100%;
}

.supplier-type-multiselect .supplier-type-toggle {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    padding-right: 38px;
    color: #64748b;
    cursor: pointer;
    overflow: hidden;
    box-shadow: none;
}

.supplier-type-multiselect .supplier-type-toggle.has-value {
    color: #1e293b;
}

.supplier-type-multiselect .supplier-type-toggle>span {
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.supplier-type-multiselect .supplier-type-toggle:focus,
.supplier-type-multiselect .supplier-type-toggle.show {
    border-color: var(--aathi-primary);
    box-shadow: 0 0 0 .16rem rgba(37, 99, 235, .12);
}

.supplier-type-multiselect .supplier-type-toggle.is-invalid {
    border-color: #ef4444 !important;
    box-shadow: none !important;
}

.supplier-type-multiselect .supplier-type-menu {
    max-height: 230px;
    margin-top: 4px !important;
    padding: 6px;
    overflow-y: auto;
    border: 1px solid #dbe3ee;
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .12);
}

.supplier-type-multiselect .supplier-type-option {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    margin: 0;
    padding: 8px 9px;
    border-radius: 6px;
    color: #334155;
    cursor: pointer;
    user-select: none;
}

.supplier-type-multiselect .supplier-type-option:hover {
    background: #f1f5f9;
}

.supplier-type-multiselect .supplier-type-option .form-check-input {
    flex: 0 0 auto;
    margin: 0;
}

/* Never use the global preloader #status id for form controls. */
.page-content #supplier_status {
    position: static !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
}

/* Premium Soft Badges globally */
.badge {
    padding: 5px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    letter-spacing: 0.02em !important;
    display: inline-block !important;
}

.bg-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

.bg-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239, 68, 68, 0.2) !important;
}

.bg-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    color: #f59e0b !important;
    border: 1px solid rgba(245, 158, 11, 0.2) !important;
}

.bg-primary {
    background-color: rgba(37, 99, 235, 0.1) !important;
    color: #2563eb !important;
    border: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.bg-info {
    background-color: rgba(6, 182, 212, 0.1) !important;
    color: #06b6d4 !important;
    border: 1px solid rgba(6, 182, 212, 0.2) !important;
}

/* Center all form check switches inside tables and make them compact */
.table td .form-switch,
.table td div.form-switch,
.table td .form-check {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: auto !important;
    float: none !important;
    width: 100% !important;
}

.table td .form-check-input[type="checkbox"],
.table td input.form-check-input {
    width: 28px !important;
    /* Reduced width */
    height: 14px !important;
    /* Reduced height */
    margin: 0 auto !important;
    float: none !important;
    cursor: pointer !important;
}

/* Reduce the blank gap between header and card top */
body .page-content {
    padding-top: 78px !important;
    /* Brought content card closer to the header */
}

/* Style edit action icons inside table cells globally (Soft yellow/gold badge) - Restricted to action columns only */
.table td:last-child a[href*="edit"],
.table td:last-child a[onclick*="edit"],
.table td:last-child a[onclick*="right_canvas"],
.table td:last-child a.link-primary,
.table td:last-child a.btn-soft-primary,
.table td.action-column a[href*="edit"],
.table td.action-column a[onclick*="edit"],
.table td.action-column a.link-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background-color: #fef9c3 !important;
    /* Soft light yellow */
    color: #854d0e !important;
    /* Soft dark gold/brownish pencil color */
    border-radius: 6px !important;
    border: none !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.table td:last-child a[href*="edit"]:hover,
.table td:last-child a[onclick*="edit"]:hover,
.table td:last-child a[onclick*="right_canvas"]:hover,
.table td.action-column a[href*="edit"]:hover {
    background-color: #fef08a !important;
    color: #a16207 !important;
}

/* Style delete action icons inside table cells globally (Soft red/pink badge) - Restricted to action columns only */
.table td:last-child a[onclick*="delete"],
.table td:last-child a[onclick*="cofirm_modal"],
.table td:last-child a.link-danger,
.table td:last-child a.btn-soft-danger,
.table td:last-child button[onclick*="delete"],
.table td:last-child button.delete-btn,
.table td.action-column a[onclick*="delete"],
.table td.action-column a.link-danger,
.table td.action-column button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background-color: #fee2e2 !important;
    /* Soft light red/pink */
    color: #dc2626 !important;
    /* Red trash color */
    border-radius: 6px !important;
    border: none !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin-left: 6px !important;
}

.table td:last-child a[onclick*="delete"]:hover,
.table td:last-child a[onclick*="cofirm_modal"]:hover,
.table td.action-column a[onclick*="delete"]:hover {
    background-color: #fca5a5 !important;
    color: #b91c1c !important;
}

/* Style show/view action icons inside table cells globally (Soft blue badge) - Restricted to action columns only */
.table td:last-child a[href*="show"],
.table td:last-child a[onclick*="show"],
.table td:last-child a.btn-info,
.table td:last-child a.btn-soft-info,
.table td.action-column a[href*="show"],
.table td.action-column a.btn-info {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    background-color: #dbeafe !important;
    /* Soft light blue */
    color: #1d4ed8 !important;
    /* Blue eye icon */
    border-radius: 6px !important;
    border: none !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.table td:last-child a[href*="show"]:hover,
.table td:last-child a[onclick*="show"]:hover,
.table td.action-column a[href*="show"]:hover {
    background-color: #bfdbfe !important;
    color: #1e40af !important;
}

/* Remove DataTable control box borders globally and reduce padding */
.dataTables_wrapper .aathi-dt-control-box,
.dataTables_wrapper>.row:first-child {
    border: none !important;
    background: transparent !important;
    padding: 2px 0 6px 0 !important;
    margin-bottom: 4px !important;
    min-height: auto !important;
    box-shadow: none !important;
}

/* Tighten card spacing */
body .page-content .card-body {
    padding-top: 6px !important;
}

/* Allow text-based buttons in action columns to expand naturally */
.page-content td.action-column .btn:not(.btn-icon),
.table td:last-child .btn:not(.btn-icon),
.action-column .btn:not(.btn-icon) {
    width: auto !important;
    min-width: max-content !important;
    padding: 6px 12px !important;
    border-radius: 6px !important;
}

/* ==========================================================================
   Aathi Aqua CRM - Action Column & Action Button Standardization
   ========================================================================== */

/* Standard Action Wrapper */
.table-actions,
.action-buttons,
.table td:last-child>div,
.table td.action-column>div {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
}

/* Ensure Action Column matches responsive width requirements */
.action-column,
.table th:last-child,
.table td:last-child {
    min-width: 120px !important;
    white-space: nowrap !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Dynamically expand column width if it contains text-based action buttons */
.table td:last-child:has(.btn:not(.btn-icon)),
.table td.action-column:has(.btn:not(.btn-icon)),
.table td:last-child:has(a:not(.btn-icon)),
.table td.action-column:has(a:not(.btn-icon)) {
    min-width: 200px !important;
}

/* Align inline forms and list items */
.table-actions form,
.action-buttons form,
.table td:last-child>div form,
.table td.action-column>div form {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
}

/* Reset margin-left conflicts */
.table-actions>a,
.table-actions>button,
.action-buttons>a,
.action-buttons>button,
.table td:last-child>div a,
.table td:last-child>div button,
.table td.action-column>div a,
.table td.action-column>div button {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

/* =========================================================
   AATHI AQUA - ACTION COLUMN ICON ONLY
   QC Test / QC Inspection / GRN / Supplier Invoice /
   Invoice Verification
   ========================================================= */

.page-content table td.action-column .btn,
.page-content table td:last-child .btn,
table.dataTable tbody td.action-column .btn,
table.dataTable tbody td:last-child .btn {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

/* Keep only the icon visible */
.page-content table td.action-column .btn i,
.page-content table td:last-child .btn i,
table.dataTable tbody td.action-column .btn i,
table.dataTable tbody td:last-child .btn i {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Remove Bootstrap spacing from icon */
.page-content table td.action-column .btn i.me-1,
.page-content table td:last-child .btn i.me-1 {
    margin-right: 0 !important;
}

/* Action group */
.page-content table td.action-column>div,
.page-content table td:last-child>div,
table.dataTable td.action-column>div,
table.dataTable td:last-child>div {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}

/* Tooltip cursor */
.page-content table td.action-column .btn,
.page-content table td:last-child .btn {
    cursor: pointer;
}

/* ==========================================================
   AATHI AQUA - FINAL PROJECT-WIDE UI STANDARD
   Keep module pages visually consistent without changing logic.
   ========================================================== */
:root {
    --aathi-font: "Inter", "Nunito", "Segoe UI", Arial, sans-serif;
    --aathi-page-bg: #f3f6fb;
    --aathi-primary: #2563eb;
    --aathi-primary-dark: #1d4ed8;
    --aathi-border: #d8e2f0;
    --aathi-text: #1e293b;
    --aathi-muted: #64748b;
}

html,
body,
button,
input,
select,
textarea,
.table,
.form-control,
.form-select {
    font-family: var(--aathi-font) !important;
}

body {
    background: var(--aathi-page-bg) !important;
    color: var(--aathi-text) !important;
    -webkit-font-smoothing: antialiased;
}

/* Consistent content width and vertical rhythm */
.main-content .page-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.main-content .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
}

/* Consistent section headings */
.aathi-page-header,
.page-header,
.module-page-header {
    margin-bottom: 16px !important;
}

.aathi-page-header h4,
.page-header h4,
.module-page-header h4 {
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
}

/* Prevent different Bootstrap card variants from looking different */
.card.card-border,
.card.shadow-sm,
.card.border-0,
.card.border {
    border-color: var(--aathi-border) !important;
    border-radius: var(--aathi-radius) !important;
    box-shadow: var(--aathi-shadow) !important;
}

/* Form groups */
.row.g-3>[class*="col-"] .form-label,
.row.g-2>[class*="col-"] .form-label {
    font-size: 12px !important;
}

input.form-control,
select.form-control,
textarea.form-control,
select.form-select {
    font-size: 13px !important;
}

/* Consistent table typography */
.table {
    font-size: 12px !important;
}

.table thead th {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    white-space: nowrap;
}

.table tbody td {
    font-size: 12px !important;
    vertical-align: middle !important;
}

/* Keep action areas aligned across modules */
.table td:last-child,
.table th:last-child,
.aathi-action-buttons,
.action-buttons {
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.aathi-action-buttons,
.action-buttons {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

/* Consistent status badges */
.badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
}

/* Modal consistency */
.modal-content {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .14) !important;
}

.modal-header {
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--aathi-border) !important;
}

.modal-title {
    font-size: 15px !important;
    font-weight: 800 !important;
}

.modal-body {
    padding: 18px !important;
}

.modal-footer {
    padding: 12px 18px !important;
    border-top: 1px solid var(--aathi-border) !important;
}

/* Consistent alerts */
.alert {
    border-radius: 9px !important;
    font-size: 13px !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    .container-fluid {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .card-header,
    .card-body,
    .card-footer {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .table-responsive {
        overflow-x: auto !important;
    }

    .btn {
        font-size: 12px !important;
    }
}


/* ==========================================================================
   AATHI AQUA - SCREENSHOT MATCHED LIST UI
   --------------------------------------------------------------------------
   Target:
   Row 1: Title | Search | Add
   Row 2: Show [10] entries | Excel | PDF
   Row 3+: Full data table
   ========================================================================== */

:root {
    --aathi-blue: #2563eb;
    --aathi-blue-dark: #1d4ed8;
    --aathi-green: #10b981;
    --aathi-red: #ef4444;
    --aathi-bg: #f4f7fb;
    --aathi-border: #dbe4f0;
    --aathi-heading: #14213d;
    --aathi-text: #334155;
    --aathi-muted: #64748b;
}

/* Whole admin page */
body.aathi-admin-layout,
body.aathi-app-layout,
body.aathi-auth-layout {
    background: var(--aathi-bg) !important;
    color: var(--aathi-text) !important;
}

body.aathi-admin-layout .main-content .page-content {
    padding-top: 20px !important;
    padding-bottom: 24px !important;
}

/* --------------------------------------------------------------------------
   LIST CARD
   -------------------------------------------------------------------------- */

.aathi-list-card {
    background: #ffffff !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
}

/* --------------------------------------------------------------------------
   ROW 1
   Title left | Search right | Add right
   -------------------------------------------------------------------------- */

.aathi-list-card>.card-header {
    min-height: 82px !important;
    padding: 14px 28px !important;
    background: #ffffff !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    flex-wrap: nowrap !important;
}

.aathi-list-card .aathi-list-title {
    flex: 1 1 auto !important;
    min-width: 180px !important;
    margin: 0 !important;
    color: var(--aathi-heading) !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
}

/* Search opposite the title */
.aathi-list-card .aathi-list-header-search {
    flex: 0 0 390px !important;
    width: 390px !important;
    max-width: 390px !important;
    margin: 0 !important;
}

.aathi-list-card .aathi-list-header-search .dataTables_filter {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
}

.aathi-list-card .aathi-list-header-search .dataTables_filter label {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
    font-size: 0 !important;
}

.aathi-list-card .aathi-list-header-search .dataTables_filter input {
    display: block !important;
    width: 100% !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #172033 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    outline: none !important;
    box-shadow: none !important;
}

.aathi-list-card .aathi-list-header-search .dataTables_filter input::placeholder {
    color: #7c8ba5 !important;
    opacity: 1 !important;
}

.aathi-list-card .aathi-list-header-search .dataTables_filter input:focus {
    border-color: var(--aathi-blue) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10) !important;
}

/* Add/Create button */
.aathi-list-card .aathi-list-header-actions {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.aathi-list-card .aathi-list-header-actions .btn,
.aathi-list-card .aathi-list-header-actions a,
.aathi-list-card .aathi-list-header-actions button {
    min-height: 46px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    border: 1px solid var(--aathi-blue) !important;
    background: var(--aathi-blue) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.aathi-list-card .aathi-list-header-actions .btn:hover,
.aathi-list-card .aathi-list-header-actions a:hover,
.aathi-list-card .aathi-list-header-actions button:hover {
    background: var(--aathi-blue-dark) !important;
    border-color: var(--aathi-blue-dark) !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   ROW 2
   Show [10] entries left | Excel/PDF right
   -------------------------------------------------------------------------- */

.aathi-list-card>.card-body {
    padding: 0 28px 24px !important;
    background: #ffffff !important;
}

.aathi-list-card .aathi-list-control-row {
    width: 100% !important;
    min-height: 86px !important;
    padding: 20px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    background: #ffffff !important;
}

.aathi-list-card .aathi-list-control-left {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    color: #526382 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length select {
    width: 52px !important;
    min-width: 52px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 5px 20px 5px 10px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    color: #172033 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.aathi-list-card .aathi-list-control-right {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin: 0 !important;
}

.aathi-list-card .aathi-list-control-right .dt-buttons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    float: none !important;
}

.aathi-list-card .aathi-list-control-right .dt-button,
.aathi-list-card .aathi-list-control-right .buttons-excel,
.aathi-list-card .aathi-list-control-right .buttons-pdf,
.aathi-list-card .aathi-list-control-right .btn-excel-custom,
.aathi-list-card .aathi-list-control-right .btn-pdf-custom {
    height: 40px !important;
    min-width: 70px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.aathi-list-card .aathi-list-control-right .buttons-excel,
.aathi-list-card .aathi-list-control-right .buttons-excelHtml5,
.aathi-list-card .aathi-list-control-right .btn-excel-custom {
    background: var(--aathi-green) !important;
    border-color: var(--aathi-green) !important;
}

.aathi-list-card .aathi-list-control-right .buttons-pdf,
.aathi-list-card .aathi-list-control-right .buttons-pdfHtml5,
.aathi-list-card .aathi-list-control-right .btn-pdf-custom {
    background: var(--aathi-red) !important;
    border-color: var(--aathi-red) !important;
}

/* --------------------------------------------------------------------------
   TABLE
   -------------------------------------------------------------------------- */

.aathi-list-card .table-responsive,
.aathi-list-card .dataTables_scroll,
.aathi-list-card .dataTables_scrollBody {
    width: 100% !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 7px !important;
    overflow-x: auto !important;
    background: #ffffff !important;
}

.aathi-list-card table.dataTable,
.aathi-list-card table.custom-datatable,
.aathi-list-card table.table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.aathi-list-card table.dataTable thead th,
.aathi-list-card table.custom-datatable thead th,
.aathi-list-card table.table thead th {
    height: 46px !important;
    padding: 10px 14px !important;
    background: #f5f8fc !important;
    border-right: 1px solid #e1e8f1 !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    color: #526382 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.aathi-list-card table.dataTable tbody td,
.aathi-list-card table.custom-datatable tbody td,
.aathi-list-card table.table tbody td {
    min-height: 52px !important;
    padding: 12px 14px !important;
    background: #ffffff !important;
    border-right: 1px solid #edf1f6 !important;
    border-bottom: 1px solid #edf1f6 !important;
    color: #1f2937 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.aathi-list-card table.dataTable tbody tr:last-child td,
.aathi-list-card table.custom-datatable tbody tr:last-child td,
.aathi-list-card table.table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.aathi-list-card table.dataTable tbody tr:hover td,
.aathi-list-card table.custom-datatable tbody tr:hover td,
.aathi-list-card table.table tbody tr:hover td {
    background: #fbfdff !important;
}

/* Table links */
.aathi-list-card table tbody td a:not(.btn) {
    color: var(--aathi-blue) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   ACTION ICON BUTTONS
   -------------------------------------------------------------------------- */

.aathi-list-card table tbody td:last-child .btn,
.aathi-list-card table tbody td:last-child a.btn,
.aathi-list-card table tbody td:last-child button.btn {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 2px !important;
    border-radius: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.aathi-list-card table tbody td:last-child .btn i,
.aathi-list-card table tbody td:last-child a.btn i,
.aathi-list-card table tbody td:last-child button.btn i {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}

.aathi-list-card table tbody td:last-child .btn-primary,
.aathi-list-card table tbody td:last-child .btn-info,
.aathi-list-card table tbody td:last-child .btn-secondary {
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: var(--aathi-blue) !important;
}

.aathi-list-card table tbody td:last-child .btn-danger {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: var(--aathi-red) !important;
}

/* --------------------------------------------------------------------------
   STATUS TOGGLE
   -------------------------------------------------------------------------- */

.aathi-list-card table td .form-check.form-switch {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: auto !important;
}

.aathi-list-card table td .form-check-input,
.aathi-list-card table td .toggle-switch input {
    width: 38px !important;
    height: 20px !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* --------------------------------------------------------------------------
   DATATABLE FOOTER
   -------------------------------------------------------------------------- */

.aathi-list-card .dataTables_wrapper .dataTables_info {
    margin: 18px 0 0 !important;
    padding: 0 !important;
    color: #526382 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate {
    margin: 14px 0 0 !important;
    padding: 0 !important;
}

.aathi-list-card .dataTables_wrapper .paginate_button,
.aathi-list-card .pagination .page-link {
    min-width: 34px !important;
    height: 34px !important;
    margin: 0 2px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.aathi-list-card .dataTables_wrapper .paginate_button.current,
.aathi-list-card .dataTables_wrapper .paginate_button.current:hover,
.aathi-list-card .pagination .page-item.active .page-link {
    background: var(--aathi-blue) !important;
    border-color: var(--aathi-blue) !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   FORM / CARD STANDARDIZATION
   -------------------------------------------------------------------------- */

.aathi-form-card,
.aathi-form-card.card,
.card:has(form) {
    border: 1px solid var(--aathi-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 20px rgba(15, 23, 42, .055) !important;
}

.form-label {
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.form-control,
.form-select,
.select2-container--default .select2-selection--single {
    min-height: 40px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--aathi-blue) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10) !important;
}

.btn-primary {
    background: var(--aathi-blue) !important;
    border-color: var(--aathi-blue) !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background: var(--aathi-blue-dark) !important;
    border-color: var(--aathi-blue-dark) !important;
}

.btn {
    border-radius: 8px !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
    .aathi-list-card>.card-header {
        gap: 12px !important;
    }

    .aathi-list-card .aathi-list-header-search {
        flex-basis: 300px !important;
        width: 300px !important;
        max-width: 300px !important;
    }
}

@media (max-width: 767.98px) {
    .aathi-list-card>.card-header {
        min-height: auto !important;
        padding: 16px !important;
        flex-wrap: wrap !important;
    }

    .aathi-list-card .aathi-list-title {
        width: 100% !important;
        flex: 1 1 100% !important;
        font-size: 18px !important;
    }

    .aathi-list-card .aathi-list-header-search {
        flex: 1 1 calc(100% - 120px) !important;
        width: auto !important;
        max-width: none !important;
    }

    .aathi-list-card .aathi-list-header-actions {
        flex: 0 0 auto !important;
    }

    .aathi-list-card .aathi-list-control-row {
        min-height: auto !important;
        padding: 16px 0 !important;
        flex-wrap: wrap !important;
    }

    .aathi-list-card .aathi-list-control-right {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .aathi-list-card>.card-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}


/* ==========================================================================
   AATHI AQUA - SCREENSHOT EXACT LIST HEADER V2
   Target:
   Title (left) | Search (right) | Add (far right)
   Show entries (left) | Excel PDF (far right)
   ========================================================================== */

.aathi-list-card>.card-header {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) minmax(320px, 430px) auto !important;
    align-items: center !important;
    column-gap: 22px !important;
    min-height: 82px !important;
    padding: 16px 28px !important;
    box-sizing: border-box !important;
}

.aathi-list-card>.card-header .aathi-list-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: auto !important;
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

.aathi-list-card>.card-header .aathi-list-header-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 430px !important;
    min-width: 300px !important;
    margin: 0 !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter {
    width: 100% !important;
    margin: 0 !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter input {
    width: 100% !important;
    height: 42px !important;
    box-sizing: border-box !important;
    padding: 8px 14px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions .btn-primary,
.aathi-list-card>.card-header .aathi-list-header-actions .btn-success,
.aathi-list-card>.card-header .aathi-list-header-actions .btn-info,
.aathi-list-card>.card-header .aathi-list-header-actions a.btn,
.aathi-list-card>.card-header .aathi-list-header-actions button.btn {
    min-width: 176px !important;
    height: 42px !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Make the header layout win over Bootstrap/DataTables rows. */
.aathi-list-card>.card-header>.row,
.aathi-list-card>.card-header .row {
    display: contents !important;
}

/* Second row: SHOW [10] ENTRIES on left, Excel/PDF on right. */
.aathi-list-card .aathi-list-control-row {
    min-height: 82px !important;
    padding: 20px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.aathi-list-card .aathi-list-control-left {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #53637f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length select {
    width: 48px !important;
    min-width: 48px !important;
    height: 38px !important;
    padding: 5px 18px 5px 9px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    background: #fff !important;
}

.aathi-list-card .aathi-list-control-right {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.aathi-list-card .aathi-list-control-right .dt-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.aathi-list-card .aathi-list-control-right .dt-button,
.aathi-list-card .aathi-list-control-right .dt-buttons .btn {
    min-width: 68px !important;
    height: 36px !important;
    padding: 7px 12px !important;
    border-radius: 8px !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

/* Table starts directly after the controls and uses the available width. */
.aathi-list-card>.card-body {
    padding: 0 20px 22px !important;
}

.aathi-list-card .table-responsive,
.aathi-list-card .dataTables_scroll,
.aathi-list-card .dataTables_scrollBody {
    width: 100% !important;
    margin: 0 !important;
}

.aathi-list-card table.dataTable thead th,
.aathi-list-card table.table thead th {
    height: 44px !important;
    padding: 10px 12px !important;
    font-size: 11px !important;
}

.aathi-list-card table.dataTable tbody td,
.aathi-list-card table.table tbody td {
    height: 44px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
}

/* Do not let old inline/DataTables filter positioning pull search left. */
.aathi-list-card .dataTables_filter {
    float: none !important;
    position: static !important;
}

@media (max-width: 1100px) {
    .aathi-list-card>.card-header {
        grid-template-columns: minmax(180px, 1fr) minmax(250px, 340px) auto !important;
        column-gap: 14px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-actions .btn-primary,
    .aathi-list-card>.card-header .aathi-list-header-actions .btn-success,
    .aathi-list-card>.card-header .aathi-list-header-actions .btn-info,
    .aathi-list-card>.card-header .aathi-list-header-actions a.btn,
    .aathi-list-card>.card-header .aathi-list-header-actions button.btn {
        min-width: 145px !important;
    }
}

@media (max-width: 768px) {
    .aathi-list-card>.card-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px !important;
    }

    .aathi-list-card>.card-header .aathi-list-title {
        order: 1 !important;
        width: auto !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-actions {
        order: 2 !important;
        margin-left: auto !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-search {
        order: 3 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .aathi-list-card .aathi-list-control-row {
        flex-wrap: wrap !important;
        row-gap: 12px !important;
    }

    .aathi-list-card .aathi-list-control-right {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-end !important;
    }
}

@media (max-width: 480px) {
    .aathi-list-card .aathi-list-control-right {
        justify-content: flex-start !important;
    }
}


/* ==========================================================================
   AATHI AQUA - FINAL SCREENSHOT MATCH / LIST PAGE LAYOUT
   Do not move the search box into the first title column.
   Required:
   Row 1: Title LEFT | Search RIGHT | Add RIGHT
   Row 2: Show entries LEFT | Excel/PDF RIGHT
   ========================================================================== */

.aathi-list-card {
    width: 100% !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.aathi-list-card>.card-header,
.aathi-list-card>.aathi-list-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 430px 176px !important;
    align-items: center !important;
    gap: 22px !important;
    min-height: 82px !important;
    width: 100% !important;
    padding: 16px 28px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dbe4f0 !important;
}

/* Undo old flex/order rules on the actual header children. */
.aathi-list-card>.card-header>.row,
.aathi-list-card>.card-header>div.row {
    display: contents !important;
}

.aathi-list-card>.card-header .aathi-list-title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #14213d !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    order: initial !important;
}

.aathi-list-card>.card-header .aathi-list-header-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    order: initial !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter label {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter input {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 8px 14px 8px 40px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #172033 !important;
    font-size: 13px !important;
    outline: none !important;
}

.aathi-list-card>.card-header .aathi-list-header-search .dataTables_filter input:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .10) !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 176px !important;
    min-width: 176px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    order: initial !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions .btn,
.aathi-list-card>.card-header .aathi-list-header-actions a.btn,
.aathi-list-card>.card-header .aathi-list-header-actions button.btn,
.aathi-list-card>.card-header .aathi-list-header-actions .btn-primary {
    width: 176px !important;
    min-width: 176px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    background: #2563eb !important;
    border: 1px solid #2563eb !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

/* Second row */
.aathi-list-card>.card-body {
    width: 100% !important;
    padding: 0 28px 22px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.aathi-list-card .aathi-list-control-row {
    width: 100% !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    box-sizing: border-box !important;
    border-bottom: 0 !important;
    background: #ffffff !important;
}

.aathi-list-card .aathi-list-control-left {
    flex: 0 0 auto !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    color: #53637f !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length select {
    width: 48px !important;
    min-width: 48px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 5px 17px 5px 9px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #172033 !important;
    font-size: 13px !important;
}

.aathi-list-card .aathi-list-control-right {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.aathi-list-card .aathi-list-control-right .dt-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.aathi-list-card .aathi-list-control-right .dt-button,
.aathi-list-card .aathi-list-control-right .dt-buttons .btn,
.aathi-list-card .aathi-list-control-right .buttons-excel,
.aathi-list-card .aathi-list-control-right .buttons-pdf {
    width: auto !important;
    min-width: 68px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    box-shadow: none !important;
}

.aathi-list-card .aathi-list-control-right .buttons-excel,
.aathi-list-card .aathi-list-control-right .buttons-excelHtml5,
.aathi-list-card .aathi-list-control-right .btn-excel-custom {
    background: #10b981 !important;
}

.aathi-list-card .aathi-list-control-right .buttons-pdf,
.aathi-list-card .aathi-list-control-right .buttons-pdfHtml5,
.aathi-list-card .aathi-list-control-right .btn-pdf-custom {
    background: #ef4444 !important;
}

/* Table */
.aathi-list-card .table-responsive,
.aathi-list-card .dataTables_scroll,
.aathi-list-card .dataTables_scrollBody,
.aathi-list-card .aathi-table-wrapper {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    overflow-x: auto !important;
}

.aathi-list-card table.dataTable,
.aathi-list-card table.custom-datatable,
.aathi-list-card table.table {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.aathi-list-card table.dataTable thead th,
.aathi-list-card table.custom-datatable thead th,
.aathi-list-card table.table thead th {
    height: 44px !important;
    padding: 10px 12px !important;
    background: #f4f7fb !important;
    color: #526382 !important;
    border-right: 1px solid #dbe4f0 !important;
    border-bottom: 1px solid #dbe4f0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

.aathi-list-card table.dataTable tbody td,
.aathi-list-card table.custom-datatable tbody td,
.aathi-list-card table.table tbody td {
    height: 48px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    border-right: 1px solid #edf1f6 !important;
    border-bottom: 1px solid #edf1f6 !important;
    font-size: 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* Footer */
.aathi-list-card .dataTables_wrapper>.row:last-child {
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_info {
    padding: 0 !important;
    margin: 0 !important;
    color: #526382 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 900px) {

    .aathi-list-card>.card-header,
    .aathi-list-card>.aathi-list-header {
        grid-template-columns: minmax(180px, 1fr) minmax(240px, 320px) 150px !important;
        gap: 14px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-actions,
    .aathi-list-card>.card-header .aathi-list-header-actions .btn,
    .aathi-list-card>.card-header .aathi-list-header-actions a.btn,
    .aathi-list-card>.card-header .aathi-list-header-actions button.btn {
        width: 150px !important;
        min-width: 150px !important;
    }

    .aathi-list-card>.card-body {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 700px) {

    .aathi-list-card>.card-header,
    .aathi-list-card>.aathi-list-header {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        min-height: auto !important;
    }

    .aathi-list-card>.card-header .aathi-list-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-actions {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-actions .btn,
    .aathi-list-card>.card-header .aathi-list-header-actions a.btn,
    .aathi-list-card>.card-header .aathi-list-header-actions button.btn {
        width: auto !important;
        min-width: 0 !important;
    }

    .aathi-list-card>.card-header .aathi-list-header-search {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    .aathi-list-card .aathi-list-control-row {
        flex-wrap: wrap !important;
    }

    .aathi-list-card .aathi-list-control-right {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: flex-start !important;
    }
}


/* FINAL: compact Show Entries selector */
.aathi-list-card .aathi-list-control-left .dataTables_length select,
.aathi-list-card .dataTables_length select {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 4px 13px 4px 7px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 7px !important;
    background-color: #ffffff !important;
    color: #172033 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.aathi-list-card .aathi-list-control-left .dataTables_length label,
.aathi-list-card .dataTables_length label {
    gap: 7px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   AATHI AQUA - FINAL LIST PAGE SPACING FIX
   Remove the excessive vertical gap between the header and SHOW/ENTRIES row.
   ========================================================================== */

/* Header stays compact; no artificial height/margin below it. */
.aathi-list-card>.card-header,
.card.aathi-list-card>.card-header {
    min-height: 70px !important;
    height: auto !important;
    padding: 12px 28px !important;
    margin: 0 !important;
}

/* DataTable controls must immediately follow the header. */
.aathi-list-card .aathi-list-control-row,
.card.aathi-list-card .aathi-list-control-row {
    min-height: 64px !important;
    height: auto !important;
    padding: 12px 28px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Kill old Bootstrap/DataTables top spacing that creates the blank area. */
.aathi-list-card .dataTables_wrapper,
.aathi-list-card .dataTables_wrapper>.row,
.aathi-list-card .dataTables_length,
.aathi-list-card .dataTables_filter,
.aathi-list-card .dt-buttons,
.aathi-list-card .dataTables_info,
.aathi-list-card .dataTables_paginate {
    margin-top: 0 !important;
}

/* Do not reserve an empty DataTables row between header and controls. */
.aathi-list-card .dataTables_wrapper>.row:first-child:empty,
.aathi-list-card .dataTables_wrapper>.row:first-child:not(:has(*)) {
    display: none !important;
}

/* Explicitly prevent spacer-like elements in the header/control area. */
.aathi-list-card>.card-header+.spacer,
.aathi-list-card>.card-header+.mb-4,
.aathi-list-card>.card-header+.my-4,
.aathi-list-card>.card-header+.mt-4,
.aathi-list-card>.card-header+[style*="height"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The table starts close to the control row, as in the target screenshot. */
.aathi-list-card>.card-body,
.card.aathi-list-card>.card-body {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

/* If the table wrapper itself has an inherited top margin, remove it. */
.aathi-list-card .table-responsive,
.aathi-list-card .dataTables_scroll,
.aathi-list-card .dataTables_scrollHead,
.aathi-list-card .dataTables_scrollBody {
    margin-top: 0 !important;
}

/* Compact Show selector. */
.aathi-list-card .dataTables_length select,
.aathi-list-card .aathi-list-control-left .dataTables_length select {
    width: 44px !important;
    min-width: 44px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 4px 6px !important;
    margin: 0 !important;
    border-radius: 7px !important;
    font-size: 12px !important;
}

/* Compact control row typography. */
.aathi-list-card .aathi-list-control-left .dataTables_length label {
    gap: 7px !important;
    margin: 0 !important;
    line-height: 34px !important;
}

/* Keep Excel/PDF vertically centered on the same row. */
.aathi-list-card .aathi-list-control-right,
.aathi-list-card .aathi-list-control-right .dt-buttons {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-items: center !important;
}

/* Responsive spacing. */
@media (max-width: 768px) {

    .aathi-list-card>.card-header,
    .card.aathi-list-card>.card-header {
        min-height: 60px !important;
        padding: 10px 16px !important;
    }

    .aathi-list-card .aathi-list-control-row {
        min-height: 58px !important;
        padding: 10px 16px !important;
    }
}


/* ==========================================================================
   Aathi Aqua CRM - ONE JOINED CARD Layout Standard
   ========================================================================== */
.aathi-list-card,
.card.aathi-list-card {
    background: #ffffff !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: var(--aathi-radius) !important;
    box-shadow: var(--aathi-shadow) !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.card.aathi-list-card>.card-header,
.aathi-list-card>.card-header {
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
    width: 100% !important;
    padding: 14px 28px !important;
    margin: 0 !important;
}

.card.aathi-list-card>.card-header>div.d-flex,
.aathi-list-card>.card-header>.d-flex {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
}

.aathi-list-card>.card-header .aathi-list-title,
.aathi-list-card>.card-header .card-title,
.aathi-list-card>.card-header h4 {
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.aathi-list-card>.card-header .aathi-list-header-search,
.aathi-list-card>.card-header .search-box {
    margin-left: auto !important;
    /* Push search and add button to far right */
    flex: 0 0 280px !important;
    width: 280px !important;
    display: inline-flex !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions {
    flex: 0 0 auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions .btn,
.aathi-list-card>.card-header .aathi-list-header-actions a,
.aathi-list-card>.card-header .aathi-list-header-actions button,
.aathi-list-card>.card-header .btn-success,
.aathi-list-card>.card-header a.btn-success {
    background-color: #0052cc !important;
    background: #0052cc !important;
    border-color: #0052cc !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
}

.aathi-list-card>.card-header .aathi-list-header-actions .btn:hover,
.aathi-list-card>.card-header .aathi-list-header-actions a:hover,
.aathi-list-card>.card-header .aathi-list-header-actions button:hover,
.aathi-list-card>.card-header .btn-success:hover,
.aathi-list-card>.card-header a.btn-success:hover {
    background-color: #0040a3 !important;
    background: #0040a3 !important;
    border-color: #0040a3 !important;
    color: #ffffff !important;
}

.aathi-list-card>.card-body:first-of-type:not(:last-child),
.aathi-list-card>.aathi-list-control-row,
.card.aathi-list-card>.aathi-list-control-row {
    background: #f8fafc !important;
    border: none !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    height: auto !important;
    padding: 10px 28px !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Force child wrapper of controls row to stretch 100% and separate Excel/PDF to the right */
.aathi-list-control-row>div {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

.aathi-list-card>.card-body:last-child {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 24px 28px !important;
    box-sizing: border-box !important;
}

/* Leave a clean small gap/space above the table inside the card */
.aathi-list-card>.card-body:last-child .table-responsive,
.aathi-list-card>.card-body:last-child>.dataTables_wrapper {
    margin-top: 15px !important;
}

.aathi-list-card>.card-body:first-of-type:last-child {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 24px 28px !important;
}

/* Fix search bar icon overlap and position */
.search-box {
    position: relative !important;
}

.search-box input.form-control,
.search-box input.search,
.aathi-list-header-search input {
    padding-left: 38px !important;
}

.search-box .search-icon,
.search-box i {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    pointer-events: none !important;
}

/* ========================================================================== 
   AATHI AQUA - UNIFIED MASTER/LIST CARD LAYOUT
   Fixes legacy list pages that still use plain Bootstrap .card markup.
   Header + controls + table stay joined inside ONE outer card.
   ========================================================================== */

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) {
    margin-top: 36px !important;
    margin-bottom: 20px !important;
    border: 1px solid var(--aathi-border) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 5px 20px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

/* Header: title left, search + add right */
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header {
    min-height: 58px !important;
    height: auto !important;
    padding: 10px 28px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header>.d-flex {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 15px !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .card-title,
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header h4 {
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
    color: var(--aathi-heading) !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .search-box {
    flex: 0 0 280px !important;
    width: 280px !important;
    max-width: 280px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .search-box .form-control {
    height: 38px !important;
    min-height: 38px !important;
    padding-left: 38px !important;
    padding-right: 12px !important;
    border: 1px solid #cbd7e6 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .search-box .search-icon {
    left: 12px !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .btn-success,
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header a.btn-success {
    flex: 0 0 auto !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    white-space: nowrap !important;
}

/* Controls: Show entries LEFT, Excel/PDF FAR RIGHT */
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.bg-light {
    min-height: 58px !important;
    height: auto !important;
    padding: 8px 28px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid var(--aathi-border) !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.bg-light>.d-flex {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) #dt-buttons-container,
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) .dt-buttons {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) #dt-buttons-container .btn,
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) #dt-buttons-container .dt-button {
    height: 32px !important;
    min-height: 32px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    font-size: 12px !important;
}

/* Table section: no second card, no large blank area */
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 {
    padding: 12px 18px 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 .table-responsive {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 table {
    width: 100% !important;
    margin: 0 !important;
    border: 1px solid var(--aathi-border) !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 table thead th {
    padding: 9px 10px !important;
    height: 42px !important;
    background: #f3f6f9 !important;
    border: 1px solid #dbe4f0 !important;
}

.page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 table tbody td {
    padding: 9px 10px !important;
    border: 1px solid #e6edf5 !important;
}

/* Do not let generic table/card rules recreate an inner rounded table card. */
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) .table-responsive::before,
.page-content .card:has(> .card-header):has(> .card-body > .table-responsive) .table-responsive::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 991.98px) {
    .page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header {
        padding: 10px 16px !important;
    }

    .page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header>.d-flex {
        flex-wrap: wrap !important;
    }

    .page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-header .search-box {
        flex: 1 1 240px !important;
        width: auto !important;
        max-width: none !important;
        margin-left: auto !important;
    }

    .page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.bg-light {
        padding: 8px 16px !important;
    }

    .page-content .card:has(> .card-header):has(> .card-body > .table-responsive)>.card-body.p-4 {
        padding: 10px 12px 0 !important;
    }
}


/* ==========================================================================
   AATHI AQUA - SHOW ENTRIES DROPDOWN ARROW FIX
   Keep the number and native dropdown arrow visually separated.
   ========================================================================== */

.aathi-list-card .aathi-list-control-left .dataTables_length select,
.aathi-list-card .dataTables_length select,
.page-content .dataTables_length select {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 4px 20px 4px 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: left !important;
    text-align-last: left !important;
    line-height: 1.2 !important;
    overflow: visible !important;
}

/* ==========================================================================
   AATHI AQUA - PROJECT-WIDE FINAL TABLE / STATUS / SELECT FIX
   ========================================================================== */

/* Show Entries: prevent the value and arrow from occupying the same space. */
.aathi-list-card .dataTables_length select,
.aathi-list-card .aathi-list-control-left .dataTables_length select,
.page-content .dataTables_length select,
.dataTables_wrapper .dataTables_length select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 4px 27px 4px 10px !important;
    box-sizing: border-box !important;
    color: #1e293b !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2336475f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 9px center !important;
    background-size: 12px 12px !important;
    text-align: left !important;
    text-align-last: left !important;
    line-height: 28px !important;
    overflow: hidden !important;
}

.aathi-list-card .dataTables_length select option,
.page-content .dataTables_length select option,
.dataTables_wrapper .dataTables_length select option {
    color: #1e293b !important;
    background: #ffffff !important;
}

/* Every table cell gets a readable foreground; links remain intentionally blue. */
.page-content table.dataTable tbody td,
.page-content table:not(.no-aathi-table-style) tbody td {
    color: #1f2937 !important;
    opacity: 1 !important;
}

.page-content table.dataTable tbody td a,
.page-content table:not(.no-aathi-table-style) tbody td a {
    color: #2563eb !important;
    opacity: 1 !important;
    text-decoration: none;
}

.page-content table.dataTable tbody td a:hover,
.page-content table:not(.no-aathi-table-style) tbody td a:hover {
    color: #1d4ed8 !important;
    text-decoration: underline;
}

/* Status columns: readable text/selects/dropdowns on every list page. */
.page-content table td.status-column,
.page-content table th.status-column,
.page-content table td[class*="status"],
.page-content table th[class*="status"] {
    color: #1f2937 !important;
    opacity: 1 !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.page-content table td.status-column select,
.page-content table td[class*="status"] select,
.page-content table td .status-select,
.page-content table td .po-status-select,
.page-content table td .sales-order-status-select,
.page-content table td .status-dropdown,
.page-content table td.status-column .form-select {
    min-width: 112px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 5px 30px 5px 10px !important;
    color: #1f2937 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-indent: 0 !important;
    visibility: visible !important;
}

.page-content table td.status-column select option,
.page-content table td[class*="status"] select option,
.page-content table td .status-select option,
.page-content table td .po-status-select option,
.page-content table td .sales-order-status-select option {
    color: #1f2937 !important;
    background: #ffffff !important;
    font-weight: 600 !important;
}

/* Status dropdown/button labels must never become transparent or clipped. */
.page-content table td.status-column .dropdown-toggle,
.page-content table td[class*="status"] .dropdown-toggle,
.page-content table td .aathi-status-control,
.page-content table td [class*="status-btn-"] {
    color: #1f2937 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

.page-content table td.status-column .status-label,
.page-content table td[class*="status"] .status-label {
    color: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    white-space: nowrap !important;
}

/* Status badges: readable text regardless of Bootstrap utility classes. */
.page-content table td.status-column .badge,
.page-content table td[class*="status"] .badge {
    opacity: 1 !important;
    visibility: visible !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* DataTables footer must always remain visible. */
.aathi-list-card .dataTables_wrapper>.row:last-child,
.page-content .dataTables_wrapper>.row:last-child {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 18px 0 0 !important;
    padding: 0 0 18px !important;
    align-items: center !important;
    visibility: visible !important;
    overflow: visible !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_info,
.page-content .dataTables_wrapper .dataTables_info {
    display: block !important;
    visibility: visible !important;
    color: #526382 !important;
    opacity: 1 !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate,
.page-content .dataTables_wrapper .dataTables_paginate {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate .paginate_button,
.page-content .dataTables_wrapper .dataTables_paginate .paginate_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 3px !important;
    padding: 0 10px !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #526382 !important;
    visibility: visible !important;
    opacity: 1 !important;
    cursor: pointer !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.page-content .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.aathi-list-card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.aathi-list-card .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.page-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.page-content .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    opacity: 1 !important;
    cursor: default !important;
}

/* Fallback pagination generated by the shared JS when a page omitted DataTables p. */
.aathi-universal-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    visibility: visible !important;
    margin: 0 !important;
}

.aathi-universal-pagination .aathi-page-btn {
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #526382 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.aathi-universal-pagination .aathi-page-btn.active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.aathi-universal-pagination .aathi-page-btn.disabled {
    background: #f8fafc !important;
    color: #94a3b8 !important;
    cursor: default !important;
}

@media (max-width: 767.98px) {

    .aathi-list-card .dataTables_wrapper>.row:last-child,
    .page-content .dataTables_wrapper>.row:last-child {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .aathi-list-card .dataTables_wrapper .dataTables_info,
    .page-content .dataTables_wrapper .dataTables_info {
        width: 100% !important;
    }

    .aathi-list-card .dataTables_wrapper .dataTables_paginate,
    .page-content .dataTables_wrapper .dataTables_paginate,
    .aathi-universal-pagination {
        width: 100% !important;
        justify-content: flex-end !important;
    }
}

/* ========================================================================== 
   AATHI AQUA - FINAL TABLE VISIBILITY / SELECT / PAGINATION OVERRIDE
   ========================================================================== */

/* SHOW ENTRIES: use a fixed, clean select so the value and arrow never overlap. */
.page-content .dataTables_wrapper .dataTables_length select,
.aathi-list-card .dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 4px !important;
    padding: 5px 30px 5px 11px !important;
    box-sizing: border-box !important;
    color: #1e293b !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 12px 12px !important;
    border: 1px solid #cbd8eb !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-align: left !important;
    text-align-last: left !important;
    text-indent: 0 !important;
    overflow: hidden !important;
}

.page-content .dataTables_wrapper .dataTables_length select option,
.aathi-list-card .dataTables_wrapper .dataTables_length select option,
.dataTables_wrapper .dataTables_length select option {
    color: #1e293b !important;
    background: #ffffff !important;
    font-weight: 600 !important;
}

/* Every table value must remain readable. */
.page-content table.dataTable tbody td,
.page-content table:not(.no-aathi-table-style) tbody td {
    color: #1f2937 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
}

.page-content table.dataTable tbody td a,
.page-content table:not(.no-aathi-table-style) tbody td a {
    color: #2563eb !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Status badges: never use white text on the light status backgrounds. */
.page-content table td.status-column .badge,
.page-content table td[class*="status"] .badge,
.page-content table td.status-column [class*="badge-"],
.page-content table td[class*="status"] [class*="badge-"],
.page-content table td .badge.text-white,
.page-content table td .badge.text-light {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Status selects/buttons: force readable foreground and prevent clipping. */
.page-content table td.status-column select,
.page-content table td[class*="status"] select,
.page-content table td .status-select,
.page-content table td .po-status-select,
.page-content table td .sales-order-status-select,
.page-content table td .status-dropdown,
.page-content table td.status-column .form-select {
    color: #1f2937 !important;
    -webkit-text-fill-color: #1f2937 !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.page-content table td.status-column select option,
.page-content table td[class*="status"] select option,
.page-content table td .status-select option,
.page-content table td .po-status-select option,
.page-content table td .sales-order-status-select option {
    color: #1f2937 !important;
    background: #ffffff !important;
    -webkit-text-fill-color: #1f2937 !important;
}

/* DataTables native pagination is hidden and replaced by the shared
   functional pagination below so Previous / Current / Next is always shown. */
.page-content .dataTables_wrapper .dataTables_paginate,
.aathi-list-card .dataTables_wrapper .dataTables_paginate {
    display: none !important;
    visibility: hidden !important;
}

.aathi-universal-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aathi-universal-pagination .aathi-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    height: 38px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border: 1px solid #d9e2ef !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #526382 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.aathi-universal-pagination .aathi-page-btn.active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
}

.aathi-universal-pagination .aathi-page-btn.disabled {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    cursor: default !important;
}

.aathi-universal-pagination .aathi-page-btn:not(.disabled):not(.active):hover {
    background: #eff6ff !important;
    border-color: #2563eb !important;
    color: #2563eb !important;
}

/* DataTables footer: info left, Previous/Current/Next right. */
.page-content .dataTables_wrapper>.row:last-child,
.aathi-list-card .dataTables_wrapper>.row:last-child {
    display: flex !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 16px 0 0 !important;
    padding: 0 0 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    visibility: visible !important;
    overflow: visible !important;
}

.page-content .dataTables_wrapper .dataTables_info,
.aathi-list-card .dataTables_wrapper .dataTables_info {
    display: block !important;
    color: #526382 !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 12px !important;
}

@media (max-width: 767.98px) {

    .page-content .dataTables_wrapper>.row:last-child,
    .aathi-list-card .dataTables_wrapper>.row:last-child {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .aathi-universal-pagination {
        width: 100% !important;
        justify-content: flex-end !important;
    }
}