/**
 * CRS Button System — final authority for button/link colors and icons.
 * Loaded after main.css. Covers crs-btn, legacy btn, and page-specific action classes.
 */

/* -------------------------------------------------------------------------- */
/* Filled green controls — white label + icon (default, visited, focus)        */
/* -------------------------------------------------------------------------- */
html body a.crs-btn-primary,
html body button.crs-btn-primary,
html body a.crs-btn-success,
html body button.crs-btn-success,
html body a.crs-btn-secondary,
html body button.crs-btn-secondary,
html body a.btn-primary,
html body button.btn-primary,
html body a.btn-success,
html body button.btn-success,
html body a.crs-history-btn,
html body button.crs-save-btn,
html body a.crs-admin-btn,
html body a.crs-action-link,
html body a.crs-record-status-fix,
html body a.crs-dashboard-status-fix,
html body button.crs-cashout-submit,
html body button.crs-cashbank-submit,
html body a.crs-recon-btn-primary,
html body button.crs-recon-btn-primary,
html body button.crs-packing-resolve-btn,
html body a.crs-psdh-btn-print,
html body button.crs-psdh-btn-print,
html body .crs-home-card-btn,
html body a.crs-btn-primary:link,
html body a.crs-btn-primary:visited,
html body a.crs-btn-success:link,
html body a.crs-btn-success:visited,
html body a.crs-btn-secondary:link,
html body a.crs-btn-secondary:visited,
html body a.btn-primary:link,
html body a.btn-primary:visited,
html body a.btn-success:link,
html body a.btn-success:visited,
html body a.crs-history-btn:link,
html body a.crs-history-btn:visited,
html body a.crs-admin-btn:link,
html body a.crs-admin-btn:visited,
html body a.crs-action-link:link,
html body a.crs-action-link:visited,
html body a.crs-record-status-fix:link,
html body a.crs-record-status-fix:visited,
html body a.crs-dashboard-status-fix:link,
html body a.crs-dashboard-status-fix:visited {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.crs-btn-primary iconify-icon,
html body button.crs-btn-primary iconify-icon,
html body a.crs-btn-success iconify-icon,
html body button.crs-btn-success iconify-icon,
html body a.crs-btn-secondary iconify-icon,
html body button.crs-btn-secondary iconify-icon,
html body a.btn-primary iconify-icon,
html body button.btn-primary iconify-icon,
html body a.btn-success iconify-icon,
html body button.btn-success iconify-icon,
html body a.crs-history-btn iconify-icon,
html body button.crs-save-btn iconify-icon,
html body a.crs-admin-btn iconify-icon,
html body a.crs-action-link iconify-icon,
html body a.crs-record-status-fix iconify-icon,
html body a.crs-dashboard-status-fix iconify-icon,
html body button.crs-cashout-submit iconify-icon,
html body button.crs-cashbank-submit iconify-icon,
html body a.crs-recon-btn-primary iconify-icon,
html body button.crs-recon-btn-primary iconify-icon,
html body button.crs-packing-resolve-btn iconify-icon,
html body a.crs-psdh-btn-print iconify-icon,
html body button.crs-psdh-btn-print iconify-icon,
html body .crs-home-card-btn iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.crs-btn-primary:hover,
html body a.crs-btn-primary:focus,
html body button.crs-btn-primary:hover:not(:disabled),
html body button.crs-btn-primary:focus:not(:disabled),
html body a.crs-btn-success:hover,
html body a.crs-btn-success:focus,
html body button.crs-btn-success:hover:not(:disabled),
html body button.crs-btn-success:focus:not(:disabled),
html body a.crs-btn-secondary:hover,
html body a.crs-btn-secondary:focus,
html body button.crs-btn-secondary:hover:not(:disabled),
html body button.crs-btn-secondary:focus:not(:disabled),
html body a.btn-primary:hover,
html body a.btn-primary:focus,
html body button.btn-primary:hover:not(:disabled),
html body button.btn-primary:focus:not(:disabled),
html body a.btn-success:hover,
html body a.btn-success:focus,
html body button.btn-success:hover:not(:disabled),
html body button.btn-success:focus:not(:disabled),
html body a.crs-history-btn:hover,
html body a.crs-history-btn:focus,
html body button.crs-save-btn:hover:not(:disabled),
html body button.crs-save-btn:focus:not(:disabled),
html body a.crs-admin-btn:hover,
html body a.crs-admin-btn:focus,
html body a.crs-action-link:hover,
html body a.crs-action-link:focus,
html body a.crs-record-status-fix:hover,
html body a.crs-record-status-fix:focus,
html body a.crs-dashboard-status-fix:hover,
html body a.crs-dashboard-status-fix:focus,
html body button.crs-cashout-submit:hover:not(:disabled),
html body button.crs-cashbank-submit:hover:not(:disabled),
html body a.crs-recon-btn-primary:hover,
html body button.crs-recon-btn-primary:hover:not(:disabled),
html body button.crs-packing-resolve-btn:hover:not(:disabled),
html body a.crs-psdh-btn-print:hover,
html body button.crs-psdh-btn-print:hover:not(:disabled) {
    background: #185D30 !important;
    background-color: #185D30 !important;
    border-color: #185D30 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.crs-btn-primary:hover iconify-icon,
html body a.crs-btn-primary:focus iconify-icon,
html body button.crs-btn-primary:hover:not(:disabled) iconify-icon,
html body button.crs-btn-primary:focus:not(:disabled) iconify-icon,
html body a.crs-btn-success:hover iconify-icon,
html body a.crs-btn-success:focus iconify-icon,
html body button.crs-btn-success:hover:not(:disabled) iconify-icon,
html body button.crs-btn-success:focus:not(:disabled) iconify-icon,
html body a.crs-btn-secondary:hover iconify-icon,
html body a.crs-btn-secondary:focus iconify-icon,
html body button.crs-btn-secondary:hover:not(:disabled) iconify-icon,
html body button.crs-btn-secondary:focus:not(:disabled) iconify-icon,
html body a.btn-primary:hover iconify-icon,
html body a.btn-primary:focus iconify-icon,
html body button.btn-primary:hover:not(:disabled) iconify-icon,
html body button.btn-primary:focus:not(:disabled) iconify-icon,
html body a.btn-success:hover iconify-icon,
html body a.btn-success:focus iconify-icon,
html body button.btn-success:hover:not(:disabled) iconify-icon,
html body button.btn-success:focus:not(:disabled) iconify-icon,
html body a.crs-history-btn:hover iconify-icon,
html body a.crs-history-btn:focus iconify-icon,
html body button.crs-save-btn:hover:not(:disabled) iconify-icon,
html body a.crs-admin-btn:hover iconify-icon,
html body a.crs-action-link:hover iconify-icon,
html body a.crs-record-status-fix:hover iconify-icon,
html body a.crs-dashboard-status-fix:hover iconify-icon,
html body button.crs-cashout-submit:hover:not(:disabled) iconify-icon,
html body button.crs-cashbank-submit:hover:not(:disabled) iconify-icon,
html body a.crs-psdh-btn-print:hover iconify-icon,
html body button.crs-psdh-btn-print:hover:not(:disabled) iconify-icon,
html body .crs-home-card-btn iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/* Filled red / danger controls                                                */
/* -------------------------------------------------------------------------- */
html body a.crs-btn-danger,
html body button.crs-btn-danger,
html body a.crs-btn-danger:link,
html body a.crs-btn-danger:visited,
html body a.crs-recon-btn-delete,
html body button.crs-recon-btn-delete,
html body .action-btn.btn-delete,
html body .action-btn.btn-del,
html body .btn-delete-order {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .action-btn.btn-delete iconify-icon,
html body .action-btn.btn-del iconify-icon,
html body .btn-delete-order iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body button.btn-print,
html body .action-btn.btn-print,
html body .action-btn.btn-view,
html body button.btn-print iconify-icon,
html body .action-btn.btn-print iconify-icon,
html body .action-btn.btn-view iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.btn-report,
html body button.btn-report,
html body a.btn-report:link,
html body a.btn-report:visited {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
}

html body a.btn-report iconify-icon,
html body button.btn-report iconify-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body a.btn-report:hover,
html body a.btn-report:focus,
html body button.btn-report:hover:not(:disabled),
html body button.btn-report:focus:not(:disabled) {
    background: #146032 !important;
    border-color: #146032 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.btn-report:hover iconify-icon,
html body button.btn-report:hover:not(:disabled) iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .action-btn.btn-send,
html body .action-btn.btn-send iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .crs-import-action-btn,
html body .crs-import-action-btn iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.crs-btn-danger:hover,
html body a.crs-btn-danger:focus,
html body button.crs-btn-danger:hover:not(:disabled),
html body button.crs-btn-danger:focus:not(:disabled),
html body a.crs-recon-btn-delete:hover,
html body button.crs-recon-btn-delete:hover:not(:disabled) {
    background: #b91c1c !important;
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body a.crs-btn-danger iconify-icon,
html body button.crs-btn-danger iconify-icon,
html body a.crs-recon-btn-delete iconify-icon,
html body button.crs-recon-btn-delete iconify-icon,
html body a.crs-btn-danger:hover iconify-icon,
html body button.crs-btn-danger:hover:not(:disabled) iconify-icon,
html body a.crs-recon-btn-delete:hover iconify-icon,
html body button.crs-recon-btn-delete:hover:not(:disabled) iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/* Light / outline / history controls — green label + icon                     */
/* -------------------------------------------------------------------------- */
html body .crs-header a.crs-btn-outline,
html body .crs-header button.crs-btn-outline,
html body a.crs-btn-outline,
html body button.crs-btn-outline,
html body a.btn-outline,
html body button.btn-outline,
html body a.btn-white,
html body button.btn-white,
html body a.crs-btn-history-custom,
html body a.crs-recon-btn-outline,
html body a.crs-cashbank-link,
html body a.crs-import-proof-view,
html body .page-header a.btn-outline,
html body .page-header a.btn-white,
html body .page-header button.btn-outline,
html body .crs-smart-page-header a.crs-btn-outline,
html body .mgr-page-header a.crs-btn-outline,
html body .crs-page-header-custom a.crs-btn-history-custom,
html body .crs-page-header-custom .btn-outline,
html body .crs-page-header-custom .btn-white,
html body .crs-page-title .crs-page-actions a.crs-btn-outline,
html body a.crs-btn-outline:link,
html body a.crs-btn-outline:visited,
html body a.btn-outline:link,
html body a.btn-outline:visited,
html body a.btn-white:link,
html body a.btn-white:visited,
html body a.crs-btn-history-custom:link,
html body a.crs-btn-history-custom:visited,
html body a.crs-recon-btn-outline:link,
html body a.crs-recon-btn-outline:visited,
html body a.crs-cashbank-link:link,
html body a.crs-cashbank-link:visited,
html body .crs-header a.crs-btn-outline span {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .crs-header a.crs-btn-outline iconify-icon,
html body .crs-header button.crs-btn-outline iconify-icon,
html body a.crs-btn-outline iconify-icon,
html body button.crs-btn-outline iconify-icon,
html body a.btn-outline iconify-icon,
html body button.btn-outline iconify-icon,
html body a.btn-white iconify-icon,
html body button.btn-white iconify-icon,
html body a.crs-btn-history-custom iconify-icon,
html body a.crs-recon-btn-outline iconify-icon,
html body a.crs-cashbank-link iconify-icon,
html body a.crs-import-proof-view iconify-icon,
html body .page-header a.btn-outline iconify-icon,
html body .page-header a.btn-white iconify-icon,
html body .page-header button.btn-outline iconify-icon,
html body .crs-smart-page-header a.crs-btn-outline iconify-icon,
html body .mgr-page-header a.crs-btn-outline iconify-icon,
html body .crs-page-header-custom a.crs-btn-history-custom iconify-icon,
html body .crs-page-title .crs-page-actions a.crs-btn-outline iconify-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .crs-header a.crs-btn-outline:hover,
html body .crs-header a.crs-btn-outline:focus,
html body .crs-header button.crs-btn-outline:hover:not(:disabled),
html body .crs-header button.crs-btn-outline:focus:not(:disabled),
html body a.crs-btn-outline:hover,
html body a.crs-btn-outline:focus,
html body button.crs-btn-outline:hover:not(:disabled),
html body button.crs-btn-outline:focus:not(:disabled),
html body a.btn-outline:hover,
html body a.btn-outline:focus,
html body button.btn-outline:hover:not(:disabled),
html body button.btn-outline:focus:not(:disabled),
html body a.btn-white:hover,
html body a.btn-white:focus,
html body button.btn-white:hover:not(:disabled),
html body a.crs-btn-history-custom:hover,
html body a.crs-btn-history-custom:focus,
html body a.crs-recon-btn-outline:hover,
html body a.crs-cashbank-link:hover,
html body a.crs-import-proof-view:hover,
html body .page-header a.btn-outline:hover,
html body .page-header a.btn-outline:focus,
html body .page-header a.btn-white:hover,
html body .page-header a.btn-white:focus,
html body .page-header button.btn-outline:hover:not(:disabled),
html body .crs-smart-page-header a.crs-btn-outline:hover,
html body .mgr-page-header a.crs-btn-outline:hover,
html body .crs-page-header-custom a.crs-btn-history-custom:hover,
html body .crs-page-header-custom a.btn-white:hover,
html body .crs-page-header-custom a.btn-outline:hover,
html body .crs-page-title .crs-page-actions a.crs-btn-outline:hover,
html body .crs-dh-page .header .btn-white:hover,
html body .crs-oh-page .page-header .btn-outline:hover,
html body .crs-fh-page .page-header .btn-outline:hover,
html body .crs-eh-page .page-header .btn-outline:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #D02126 !important;
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

html body .crs-header a.crs-btn-outline:hover iconify-icon,
html body .crs-header button.crs-btn-outline:hover:not(:disabled) iconify-icon,
html body a.crs-btn-outline:hover iconify-icon,
html body button.crs-btn-outline:hover:not(:disabled) iconify-icon,
html body a.btn-outline:hover iconify-icon,
html body button.btn-outline:hover:not(:disabled) iconify-icon,
html body a.btn-white:hover iconify-icon,
html body a.crs-btn-history-custom:hover iconify-icon,
html body a.crs-recon-btn-outline:hover iconify-icon,
html body a.crs-cashbank-link:hover iconify-icon,
html body .page-header a.btn-outline:hover iconify-icon,
html body .page-header a.btn-white:hover iconify-icon,
html body .page-header button.btn-outline:hover:not(:disabled) iconify-icon,
html body .crs-smart-page-header a.crs-btn-outline:hover iconify-icon,
html body .mgr-page-header a.crs-btn-outline:hover iconify-icon,
html body .crs-page-header-custom a.crs-btn-history-custom:hover iconify-icon,
html body .crs-page-header-custom a.btn-white:hover iconify-icon,
html body .crs-page-header-custom a.btn-outline:hover iconify-icon,
html body .crs-page-title .crs-page-actions a.crs-btn-outline:hover iconify-icon,
html body .crs-dh-page .header .btn-white:hover iconify-icon,
html body .crs-oh-page .page-header .btn-outline:hover iconify-icon,
html body .crs-fh-page .page-header .btn-outline:hover iconify-icon,
html body .crs-eh-page .page-header .btn-outline:hover iconify-icon {
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

/* Dark header bars: keep white pill buttons readable by default */
html body .page-header a.btn-outline,
html body .page-header a.btn-white,
html body .page-header button.btn-outline,
html body .crs-smart-page-header a.crs-btn-outline,
html body .mgr-page-header a.crs-btn-outline,
html body .crs-page-header-custom a.crs-btn-history-custom,
html body .crs-page-header-custom .btn-outline,
html body .crs-page-header-custom .btn-white {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* -------------------------------------------------------------------------- */
/* Header chrome icons                                                         */
/* -------------------------------------------------------------------------- */
html body .crs-page-title h1 iconify-icon,
html body .crs-main .crs-page-title h1 iconify-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .crs-smart-page-header h1 iconify-icon,
html body .mgr-page-header h1 iconify-icon,
html body .page-header h1 iconify-icon,
html body .crs-page-header-custom h1 iconify-icon,
html body .crs-recon-header h1 iconify-icon,
html body .crs-financial-title h1 iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .crs-menu-toggle iconify-icon,
html body .crs-sidebar-close iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .crs-sidebar-nav a iconify-icon,
html body .crs-mobile-nav-item iconify-icon,
html body .crs-mobile-nav-item .crs-icon {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

/* -------------------------------------------------------------------------- */
/* CRS 2.0.10 — force readable icons + header text on colored surfaces         */
/* -------------------------------------------------------------------------- */

/* Solid page titles (no transparent shimmer that can hide icons/text) */
html body .crs-page-title h1,
html body .crs-main .crs-page-title h1 {
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: #146032 !important;
    color: #146032 !important;
    animation: none !important;
}

html body .crs-page-title h1 iconify-icon,
html body .crs-main .crs-page-title h1 iconify-icon,
html body .crs-page-title h1 .crs-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

/* Green/dark headers: white titles + white icons */
html body .page-header,
html body .crs-page-header,
html body .crs-page-header-custom,
html body .crs-form-header,
html body .crs-order-header,
html body .crs-debtor-header,
html body .crs-recon-header,
html body .crs-smart-page-header,
html body .mgr-page-header,
html body .crs-financial-title,
html body .crs-dh-page .header,
html body .crs-oh-page .page-header,
html body .crs-fh-page .page-header,
html body .crs-eh-page .page-header,
html body [class*="page-header"],
html body [class*="header"][style*="146032"],
html body [class*="header"][style*="185D30"] {
    color: #ffffff !important;
}

html body .page-header h1,
html body .page-header h2,
html body .page-header h3,
html body .crs-page-header h1,
html body .crs-page-header-custom h1,
html body .crs-form-header h1,
html body .crs-order-header h1,
html body .crs-debtor-header h1,
html body .crs-recon-header h1,
html body .crs-smart-page-header h1,
html body .mgr-page-header h1,
html body .crs-financial-title h1,
html body .crs-dh-page .header h1,
html body .crs-oh-page .page-header h1,
html body .crs-fh-page .page-header h1,
html body .crs-eh-page .page-header h1 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    background-image: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    animation: none !important;
}

html body .page-header h1 iconify-icon,
html body .page-header h1 .crs-icon,
html body .crs-page-header h1 iconify-icon,
html body .crs-page-header-custom h1 iconify-icon,
html body .crs-form-header h1 iconify-icon,
html body .crs-order-header h1 iconify-icon,
html body .crs-debtor-header h1 iconify-icon,
html body .crs-recon-header h1 iconify-icon,
html body .crs-smart-page-header h1 iconify-icon,
html body .mgr-page-header h1 iconify-icon,
html body .crs-financial-title h1 iconify-icon,
html body .crs-dh-page .header h1 iconify-icon,
html body .crs-oh-page .page-header h1 iconify-icon,
html body .crs-fh-page .page-header h1 iconify-icon,
html body .crs-eh-page .page-header h1 iconify-icon,
html body .modal-header h3 iconify-icon,
html body .receipt-header h3 iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* White/outline buttons on green headers: green icons, not white-on-white */
html body .page-header .btn-white,
html body .page-header .btn-outline,
html body .page-header .crs-btn-outline,
html body .crs-page-header-custom .btn-white,
html body .crs-page-header-custom .btn-outline,
html body .crs-page-header-custom .crs-btn-history-custom,
html body .crs-dh-page .header .btn-white,
html body .crs-oh-page .page-header .btn-outline,
html body .crs-fh-page .page-header .btn-outline,
html body .crs-eh-page .page-header .btn-outline,
html body .crs-smart-page-header .crs-btn-outline,
html body .mgr-page-header .crs-btn-outline {
    background: #ffffff !important;
    color: #146032 !important;
    border-color: #ffffff !important;
}

html body .page-header .btn-white iconify-icon,
html body .page-header .btn-outline iconify-icon,
html body .page-header .crs-btn-outline iconify-icon,
html body .crs-page-header-custom .btn-white iconify-icon,
html body .crs-page-header-custom .btn-outline iconify-icon,
html body .crs-page-header-custom .crs-btn-history-custom iconify-icon,
html body .crs-dh-page .header .btn-white iconify-icon,
html body .crs-oh-page .page-header .btn-outline iconify-icon,
html body .crs-fh-page .page-header .btn-outline iconify-icon,
html body .crs-eh-page .page-header .btn-outline iconify-icon,
html body .crs-smart-page-header .crs-btn-outline iconify-icon,
html body .mgr-page-header .crs-btn-outline iconify-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .page-header .btn-white:hover,
html body .page-header .btn-outline:hover,
html body .page-header .crs-btn-outline:hover,
html body .crs-page-header-custom .btn-white:hover,
html body .crs-page-header-custom .btn-outline:hover,
html body .crs-page-header-custom .crs-btn-history-custom:hover,
html body .crs-dh-page .header .btn-white:hover,
html body .crs-oh-page .page-header .btn-outline:hover,
html body .crs-fh-page .page-header .btn-outline:hover,
html body .crs-eh-page .page-header .btn-outline:hover,
html body .crs-smart-page-header .crs-btn-outline:hover,
html body .mgr-page-header .crs-btn-outline:hover {
    background: #ffffff !important;
    border-color: #D02126 !important;
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

html body .page-header .btn-white:hover iconify-icon,
html body .page-header .btn-outline:hover iconify-icon,
html body .page-header .crs-btn-outline:hover iconify-icon,
html body .crs-page-header-custom .btn-white:hover iconify-icon,
html body .crs-page-header-custom .btn-outline:hover iconify-icon,
html body .crs-page-header-custom .crs-btn-history-custom:hover iconify-icon,
html body .crs-dh-page .header .btn-white:hover iconify-icon,
html body .crs-oh-page .page-header .btn-outline:hover iconify-icon,
html body .crs-fh-page .page-header .btn-outline:hover iconify-icon,
html body .crs-eh-page .page-header .btn-outline:hover iconify-icon,
html body .crs-smart-page-header .crs-btn-outline:hover iconify-icon,
html body .mgr-page-header .crs-btn-outline:hover iconify-icon {
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

/* Solid action buttons: white icons on colored fills */
html body .action-btn.btn-view,
html body .action-btn.btn-print,
html body .action-btn.btn-send,
html body .action-btn.btn-del,
html body .action-btn.btn-delete,
html body .crs-cashout-delete,
html body .crs-transfer-action.delete,
html body .crs-transfer-action.edit {
    color: #ffffff !important;
}

html body .action-btn.btn-view iconify-icon,
html body .action-btn.btn-print iconify-icon,
html body .action-btn.btn-send iconify-icon,
html body .action-btn.btn-del iconify-icon,
html body .action-btn.btn-delete iconify-icon,
html body .crs-cashout-delete iconify-icon,
html body .crs-transfer-action.delete iconify-icon,
html body .crs-transfer-action.edit iconify-icon,
html body .btn-primary iconify-icon,
html body .crs-btn-primary iconify-icon,
html body .crs-btn-success iconify-icon,
html body button.btn-primary iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Table headers on green: white text/icons */
html body table th,
html body .crs-table th,
html body .crs-table-responsive th,
html body .history-table th {
    color: #ffffff !important;
}

html body table th iconify-icon,
html body .crs-table th iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Debtor history: ALWAYS horizontal table with Date/Time/Debtor... headers */
html body .crs-dh-page .crs-dh-table-wrap,
html body .crs-dh-page .table-wrapper.crs-dh-table-wrap,
html body main.crs-dh-page .crs-dh-table-wrap {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #dbe8df !important;
    border-radius: 10px !important;
    background: #fff !important;
    padding-bottom: 0.35rem !important;
}

html body .crs-dh-page table.crs-debtor-history-table,
html body .crs-dh-page table.crs-table.crs-debtor-history-table,
html body main.crs-dh-page table.crs-debtor-history-table {
    display: table !important;
    width: max-content !important;
    min-width: 1100px !important;
    max-width: none !important;
    border-collapse: collapse !important;
    table-layout: auto !important;
}

html body .crs-dh-page table.crs-debtor-history-table thead,
html body .crs-dh-page table.crs-table.crs-debtor-history-table thead {
    display: table-header-group !important;
}

html body .crs-dh-page table.crs-debtor-history-table tbody,
html body .crs-dh-page table.crs-table.crs-debtor-history-table tbody {
    display: table-row-group !important;
}

html body .crs-dh-page table.crs-debtor-history-table tr,
html body .crs-dh-page table.crs-table.crs-debtor-history-table tr {
    display: table-row !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body .crs-dh-page table.crs-debtor-history-table th,
html body .crs-dh-page table.crs-debtor-history-table td,
html body .crs-dh-page table.crs-table.crs-debtor-history-table th,
html body .crs-dh-page table.crs-table.crs-debtor-history-table td {
    display: table-cell !important;
    width: auto !important;
    min-width: 88px !important;
    max-width: none !important;
    padding: 0.55rem 0.5rem !important;
    text-align: left !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #e2e8f0 !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
}

html body .crs-dh-page table.crs-debtor-history-table th,
html body .crs-dh-page table.crs-table.crs-debtor-history-table th {
    background: #146032 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 800 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
}

html body .crs-dh-page table.crs-debtor-history-table td::before,
html body .crs-dh-page table.crs-table.crs-debtor-history-table td::before {
    content: none !important;
    display: none !important;
}

/* Header Sync + Logout: desktop shows icon + label; mobile is icon-only */
html body .crs-header #crs-sync-center-link,
html body .crs-header a.crs-sync-center-link,
html body .crs-header #crs-logout-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    visibility: visible !important;
    opacity: 1 !important;
    min-width: 0 !important;
    min-height: 40px !important;
    width: auto !important;
    height: auto !important;
    padding: 0.4rem 0.85rem !important;
    border-radius: 999px !important;
    border: 2px solid #146032 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    box-shadow: 0 2px 8px rgba(20, 96, 50, 0.18) !important;
}

html body .crs-header #crs-sync-center-link .crs-sync-center-label,
html body .crs-header #crs-logout-btn span {
    display: inline !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    font-weight: 800 !important;
}

html body .crs-header #crs-sync-center-link iconify-icon,
html body .crs-header a.crs-sync-center-link iconify-icon,
html body .crs-header #crs-logout-btn iconify-icon,
html body .crs-header #crs-sync-center-link .crs-icon,
html body .crs-header #crs-logout-btn .crs-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    font-size: 1.2rem !important;
    width: 1.2rem !important;
    height: 1.2rem !important;
}

html body .crs-header #crs-sync-center-link:hover,
html body .crs-header a.crs-sync-center-link:hover,
html body .crs-header #crs-logout-btn:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #D02126 !important;
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

html body .crs-header #crs-sync-center-link:hover .crs-sync-center-label,
html body .crs-header #crs-logout-btn:hover span,
html body .crs-header #crs-sync-center-link:hover iconify-icon,
html body .crs-header a.crs-sync-center-link:hover iconify-icon,
html body .crs-header #crs-logout-btn:hover iconify-icon,
html body .crs-header #crs-sync-center-link:hover .crs-icon,
html body .crs-header #crs-logout-btn:hover .crs-icon {
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
}

@media (max-width: 540px) {
    html body .crs-header #crs-sync-center-link .crs-sync-center-label,
    html body .crs-header #crs-logout-btn span {
        display: none !important;
    }

    html body .crs-header #crs-sync-center-link,
    html body .crs-header a.crs-sync-center-link,
    html body .crs-header #crs-logout-btn {
        min-width: 44px !important;
        min-height: 44px !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    html body .crs-header #crs-sync-center-link iconify-icon,
    html body .crs-header a.crs-sync-center-link iconify-icon,
    html body .crs-header #crs-logout-btn iconify-icon {
        font-size: 1.45rem !important;
        width: 1.45rem !important;
        height: 1.45rem !important;
    }
}

@media (max-width: 900px) {
    html body .crs-header #crs-sync-center-link,
    html body .crs-header a.crs-sync-center-link,
    html body .crs-header #crs-logout-btn {
        min-height: 42px !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table,
    html body .crs-dh-page table.crs-table.crs-debtor-history-table {
        display: table !important;
        min-width: 1100px !important;
        width: max-content !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table thead {
        display: table-header-group !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table tbody {
        display: table-row-group !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table tr {
        display: table-row !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table th,
    html body .crs-dh-page table.crs-debtor-history-table td {
        display: table-cell !important;
    }

    html body .crs-dh-page table.crs-debtor-history-table td::before {
        content: none !important;
        display: none !important;
    }
}

/* -------------------------------------------------------------------------- */
/* CRS 2.0.13 — force history action icons + confirm ticks visible             */
/* -------------------------------------------------------------------------- */
html body .action-btn iconify-icon,
html body .action-btn .crs-icon,
html body .crs-transfer-action iconify-icon,
html body .crs-transfer-action .crs-icon,
html body .crs-cashout-delete iconify-icon,
html body .crs-cashout-delete .crs-icon,
html body .crs-import-action-btn iconify-icon,
html body .crs-import-action-btn .crs-icon,
html body .crs-psdh-btn-print iconify-icon,
html body .crs-psdh-btn-print .crs-icon,
html body .crs-recon-btn-delete iconify-icon,
html body .crs-recon-action-btn iconify-icon,
html body .btn-save-row iconify-icon,
html body .btn-delete-row iconify-icon,
html body .btn-print iconify-icon,
html body .btn-delete iconify-icon,
html body .btn-view iconify-icon,
html body .btn-send iconify-icon,
html body .btn-del iconify-icon {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 1.15rem !important;
    width: 1.15em !important;
    height: 1.15em !important;
    line-height: 1 !important;
}

html body .btn-save-row {
    color: #ffffff !important;
}
html body .btn-save-row iconify-icon,
html body .btn-save-row .crs-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .btn-delete-row {
    color: #ffffff !important;
}
html body .btn-delete-row iconify-icon,
html body .btn-delete-row .crs-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Confirm ticks: always show a real check glyph when checked */
html body .crs-transfer-confirm-box,
html body .crs-mgr-confirm-box {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}
html body .crs-transfer-confirm-box::before,
html body .crs-mgr-confirm-box::before {
    content: "✓";
    display: block;
    line-height: 1;
    transform: scale(0.92);
}
html body .crs-transfer-confirm:checked + .crs-transfer-confirm-box,
html body .crs-mgr-confirm:checked + .crs-mgr-confirm-box {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body .crs-transfer-confirm:checked + .crs-transfer-confirm-box iconify-icon,
html body .crs-transfer-confirm:checked + .crs-transfer-confirm-box .crs-icon,
html body .crs-mgr-confirm:checked + .crs-mgr-confirm-box iconify-icon,
html body .crs-mgr-confirm:checked + .crs-mgr-confirm-box .crs-icon {
    display: none !important;
}

html body .recon-record-tick-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}
html body .recon-record-tick-icon iconify-icon,
html body .recon-record-tick-icon .crs-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 11px !important;
}
html body .recon-tick-badge {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 900 !important;
}
html body .recon-check-box::before {
    content: "✓";
    display: block;
    line-height: 1;
}

/* -------------------------------------------------------------------------- */
/* CRS 2.0.12 — restore horizontal tables sitewide (except debtor list cards) */
/* -------------------------------------------------------------------------- */
@media (max-width: 900px) {
    html body .crs-table-wrapper,
    html body .table-wrapper,
    html body .crs-recon-table-wrapper,
    html body .crs-dh-table-wrap,
    html body #crs-stock-history .crs-table-wrapper,
    html body #crs-stock-form .crs-table-wrapper,
    html body #crs-import-history .crs-table-wrapper {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    html body table.crs-table,
    html body table.crs-table-responsive,
    html body table.crs-history-mobile-cards,
    html body table.crs-recon-table,
    html body table.history-table,
    html body table.crs-psdh-table,
    html body table.crs-psd-history-table,
    html body #crs-history-table,
    html body #crs-stock-table,
    html body #crs-import-table {
        display: table !important;
        width: max-content !important;
        min-width: max(100%, 900px) !important;
        max-width: none !important;
        border-collapse: collapse !important;
        table-layout: auto !important;
    }

    html body table.crs-table thead,
    html body table.crs-table-responsive thead,
    html body table.crs-history-mobile-cards thead,
    html body table.crs-psdh-table thead,
    html body table.crs-psd-history-table thead,
    html body #crs-history-table thead,
    html body #crs-stock-table thead {
        display: table-header-group !important;
    }

    html body table.crs-table tbody,
    html body table.crs-table-responsive tbody,
    html body table.crs-history-mobile-cards tbody,
    html body table.crs-psdh-table tbody,
    html body table.crs-psd-history-table tbody,
    html body #crs-history-table tbody,
    html body #crs-stock-table tbody {
        display: table-row-group !important;
    }

    html body table.crs-table tr,
    html body table.crs-table-responsive tr,
    html body table.crs-history-mobile-cards tr,
    html body table.crs-psdh-table tr,
    html body table.crs-psd-history-table tr,
    html body #crs-history-table tr,
    html body #crs-stock-table tr {
        display: table-row !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    html body table.crs-table th,
    html body table.crs-table td,
    html body table.crs-table-responsive th,
    html body table.crs-table-responsive td,
    html body table.crs-history-mobile-cards th,
    html body table.crs-history-mobile-cards td,
    html body table.crs-psdh-table th,
    html body table.crs-psdh-table td,
    html body table.crs-psd-history-table th,
    html body table.crs-psd-history-table td,
    html body #crs-history-table th,
    html body #crs-history-table td,
    html body #crs-stock-table th,
    html body #crs-stock-table td {
        display: table-cell !important;
        text-align: left !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
    }

    html body table.crs-table td::before,
    html body table.crs-table-responsive td::before,
    html body table.crs-history-mobile-cards td::before,
    html body table.crs-psdh-table td::before,
    html body table.crs-psdh-table td:before,
    html body table.crs-psd-history-table td::before,
    html body table.crs-psd-history-table td:before,
    html body #crs-history-table td::before,
    html body #crs-stock-table td::before {
        content: none !important;
        display: none !important;
    }
}