/**
 * 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;
    }
}

/* White pills in green headers must keep green labels. Plain anchors were forced white. */
html body .crs-main .crs-page-header-custom a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger),
html body .crs-main .page-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger),
html body .crs-main .crs-order-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger),
html body .crs-main .crs-debtor-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger),
html body .crs-main .crs-recon-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger),
html body .crs-main .crs-form-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger):not(.btn-primary):not(.btn-success):not(.btn-danger) {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    border: 2px solid #ffffff !important;
}

html body .crs-main .crs-page-header-custom a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .page-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .crs-order-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .crs-debtor-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .crs-recon-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .crs-form-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) iconify-icon,
html body .crs-main .crs-page-header-custom a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) .crs-icon,
html body .crs-main .page-header a:not(.crs-btn-primary):not(.crs-btn-success):not(.crs-btn-danger) .crs-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .crs-main button.crs-btn-outline,
html body .crs-main a.crs-btn-outline,
html body .crs-main button.btn-outline,
html body .crs-main a.btn-outline {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    border: 2px solid #146032 !important;
}

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

html body .crs-financial-title,
html body .crs-financial-title h1,
html body .crs-financial-title h1 iconify-icon,
html body .crs-financial-title h1 .crs-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    background: transparent !important;
    background-image: none !important;
}

html body a,
html body a:hover,
html body a:focus,
html body .crs-sidebar-nav a,
html body .crs-header a,
html body .crs-logo,
html body .crs-main a {
    text-decoration: none !important;
}

html body .crs-main .crs-page-header-custom a.crs-header-action,
html body .crs-main .page-header a.crs-header-action {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 0.5rem 0.75rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body .crs-financial-title a.crs-history-btn,
html body .crs-financial-title a.crs-history-btn iconify-icon {
    background: #146032 !important;
    background-color: #146032 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #146032 !important;
}

/* 80mm receipts: site-wide font boost must not push content past the paper */
html body .receipt-modal .receipt-content,
html body #receipt-modal > .receipt-content,
html body #order-modal > .modal-content,
html body #pay-modal > .modal-content,
html body .rose-receipt-overlay .rose-receipt-sheet,
html body .debtor-offline-modal-card,
html body #debtor-offline-receipt-modal .debtor-offline-modal-card,
html body #payment-offline-receipt-modal .debtor-offline-modal-card,
html body #crs-take-order-receipt-brutal > div {
    width: min(80mm, calc(100vw - 1rem)) !important;
    max-width: 80mm !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

html body .receipt-body,
html body .rose-receipt-body,
html body #print-content,
html body #crs-brutal-receipt-body,
html body #order-body.receipt-body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 3mm !important;
    font-family: "Courier New", Courier, monospace !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

html body #crs-brutal-receipt-body {
    padding: 0 !important;
}

html body .rose-receipt-actions button,
html body .receipt-actions .btn,
html body .receipt-actions button,
html body #order-modal .modal-footer .btn,
html body #pay-modal .modal-footer .btn,
html body .debtor-offline-modal-card .modal-footer .btn,
html body #crs-take-order-receipt-brutal > div > div:last-child button {
    font-size: 11px !important;
    line-height: 1.15 !important;
    padding: 0.45rem 0.3rem !important;
    min-width: 0 !important;
    white-space: normal !important;
}

html body .receipt-body *,
html body .rose-receipt-body *,
html body #print-content *,
html body #crs-brutal-receipt-body * {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}

html body .receipt-body h1,
html body .receipt-body h2,
html body .receipt-body h3,
html body .rose-receipt-body h1,
html body .rose-receipt-body h2,
html body .rose-receipt-body h3,
html body #print-content h1,
html body #print-content h2,
html body #print-content h3,
html body #crs-brutal-receipt-body h1,
html body #crs-brutal-receipt-body h2,
html body #crs-brutal-receipt-body h3 {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 0 3px !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
}

html body .receipt-body p,
html body .rose-receipt-body p,
html body #print-content p,
html body #crs-brutal-receipt-body p {
    margin: 2px 0 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
}

html body .receipt-body table,
html body .rose-receipt-body table,
html body #print-content table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    font-size: 10px !important;
}

html body .receipt-body th,
html body .receipt-body td,
html body .rose-receipt-body th,
html body .rose-receipt-body td,
html body #print-content th,
html body #print-content td {
    font-size: 10px !important;
    line-height: 1.25 !important;
    padding: 1px 2px !important;
    white-space: normal !important;
}

html body .receipt-body .receipt-row,
html body .rose-receipt-body .receipt-row,
html body #print-content .receipt-row,
html body #crs-brutal-receipt-body .receipt-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.8fr) minmax(0, 0.38fr) minmax(0, 0.95fr) !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 10px !important;
    align-items: start !important;
}

html body .receipt-body .receipt-info p,
html body .receipt-body .receipt-totals p,
html body .rose-receipt-body .receipt-info p,
html body .rose-receipt-body .receipt-totals p,
html body #print-content .receipt-info p,
html body #print-content .receipt-totals p,
html body #crs-brutal-receipt-body .receipt-info p,
html body #crs-brutal-receipt-body .receipt-totals p {
    display: grid !important;
    grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
    gap: 3px !important;
    width: 100% !important;
    margin: 2px 0 !important;
    font-size: 10.5px !important;
    align-items: start !important;
}

html body .receipt-body .receipt-amount,
html body .receipt-body [class*="amount"],
html body .receipt-body [class*="price"],
html body .receipt-body [class*="total"],
html body .rose-receipt-body .receipt-amount,
html body .rose-receipt-body [class*="amount"],
html body .rose-receipt-body [class*="price"],
html body .rose-receipt-body [class*="total"],
html body #print-content .receipt-amount,
html body #print-content [class*="amount"],
html body #print-content [class*="price"],
html body #print-content [class*="total"],
html body #crs-brutal-receipt-body .receipt-amount,
html body #crs-brutal-receipt-body [class*="amount"],
html body #crs-brutal-receipt-body [class*="price"],
html body #crs-brutal-receipt-body [class*="total"] {
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

html body .crs-page-header-custom,
html body .crs-recon-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.85rem !important;
    flex-wrap: wrap !important;
    padding: 0.85rem 1rem !important;
}
html body .crs-header-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.55rem !important;
}
html body .crs-page-header-custom a.crs-btn-history-custom,
html body .crs-page-header-custom a.crs-header-action,
html body .crs-recon-header a.crs-btn-history-custom,
html body .crs-recon-header a.crs-header-action,
html body .crs-header-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    min-height: 38px !important;
    padding: 0.55rem 0.95rem !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12) !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
html body .rose-debtor-grid {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
}
html body .rose-debtor-card .balance,
html body .rose-debtor-stats strong,
html body .rose-debtor-card .meta {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
}
html body .rose-debtor-actions a,
html body .rose-debtor-reports a,
html body .rose-debtor-reports button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 42px !important;
    padding: 0.6rem 0.55rem !important;
    white-space: nowrap !important;
}
html body .rose-supply-tick {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 2px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
    cursor: pointer;
}
html body .rose-supply-tick input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
}
html body .rose-supply-tick span {
    width: 12px;
    height: 7px;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(-45deg) translate(1px, -1px);
}
html body .rose-supply-tick.is-done {
    background: #146032;
    border-color: #146032;
    cursor: default;
}
html body .rose-supply-tick.is-done span {
    border-left-color: #ffffff;
    border-bottom-color: #ffffff;
}

html body .receipt-body .grand,
html body .receipt-body .grand .receipt-amount,
html body .rose-receipt-body .grand,
html body .rose-receipt-body .grand .receipt-amount,
html body #print-content .grand,
html body #print-content .grand .receipt-amount,
html body #crs-brutal-receipt-body .grand,
html body #crs-brutal-receipt-body .grand .receipt-amount {
    font-size: 12px !important;
    font-weight: 900 !important;
}

html body .crs-sidebar-nav {
    padding: 0.35rem 0.45rem 0.7rem !important;
}
html body .crs-sidebar-nav ul {
    gap: 0 !important;
}
html body .crs-sidebar-nav > ul > li {
    border-bottom: 1px solid rgba(20, 96, 50, 0.12);
}
html body .crs-sidebar-nav > ul > li:last-child {
    border-bottom: 0;
}
html body .crs-sidebar-nav a,
html body .crs-nav-branch-toggle {
    min-height: 0 !important;
    padding: 0.55rem 0.7rem !important;
    font-size: 0.86rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    gap: 0.65rem !important;
    border-radius: 8px !important;
}
html body .crs-nav-branch-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    background: transparent;
    border: 0;
    color: #145D2D;
    cursor: pointer;
    text-align: left;
}
html body .crs-nav-branch-caret {
    margin-left: auto;
    font-size: 0.95rem !important;
}
html body .crs-nav-branch-menu {
    display: none;
    padding: 0 0 0.25rem 0.15rem;
}
html body .crs-nav-branch.is-open .crs-nav-branch-menu {
    display: block;
}
html body .crs-nav-branch-menu a {
    padding: 0.42rem 0.7rem 0.42rem 1.7rem !important;
    font-size: 0.8rem !important;
    border-bottom: 0 !important;
}

html body .crs-live-search-inline {
    position: relative;
    z-index: 30;
    margin: 0 0 0.9rem;
}
html body .crs-live-search-card {
    position: relative;
}
html body .crs-live-search-bar {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    padding: 0.45rem 0.75rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.55));
    box-shadow: 0 10px 28px rgba(20, 96, 50, 0.1);
    backdrop-filter: blur(14px);
}
html body .crs-live-search-bar iconify-icon {
    color: #146032;
    font-size: 1.15rem;
    flex: 0 0 auto;
}
html body .crs-search-input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #145D2D;
    font-size: 0.95rem;
    font-weight: 600;
}
html body .crs-search-close {
    border: 0;
    background: transparent;
    color: #146032;
    padding: 0;
    display: inline-flex;
    cursor: pointer;
}
html body .crs-search-pop {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.4rem);
    z-index: 40;
    max-height: min(68vh, 520px);
    overflow: auto;
    padding: 0.35rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 96, 50, 0.14);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.16);
}
html body .crs-search-pop[hidden] {
    display: none !important;
}
html body .crs-search-group {
    padding: 0.35rem 0.3rem 0.45rem;
    border-bottom: 1px solid rgba(20, 96, 50, 0.08);
}
html body .crs-search-group:last-child {
    border-bottom: 0;
}
html body .crs-search-group h3 {
    margin: 0.15rem 0.35rem 0.3rem;
    color: #146032;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
html body .crs-search-hit {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.42rem 0.5rem;
    border-radius: 10px;
    color: #145D2D;
}
html body .crs-search-hit strong {
    font-size: 0.84rem;
    line-height: 1.3;
}
html body .crs-search-hit span {
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.3;
}
html body .crs-search-hit:hover,
html body .crs-search-hit:focus {
    background: #f0fdf4;
}
html body .crs-search-empty {
    margin: 0;
    padding: 0.75rem 0.6rem;
    color: #64748b;
    font-size: 0.82rem;
}
html body .crs-live-search-modal {
    position: fixed;
    inset: 0;
    z-index: 10020;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10vh 1rem 1rem;
    background: rgba(15, 23, 42, 0.38);
}
html body .crs-live-search-modal[hidden] {
    display: none !important;
}
html body .crs-live-search-modal .crs-live-search-card {
    width: min(680px, 100%);
}
@media (max-width: 640px) {
    html body .crs-live-search-modal {
        padding: 0.75rem 0.55rem 0.55rem;
        align-items: stretch;
    }
    html body .crs-live-search-modal .crs-live-search-card,
    html body .crs-search-pop {
        max-height: 78vh;
    }
    html body .crs-sidebar-nav a,
    html body .crs-nav-branch-toggle {
        padding: 0.62rem 0.7rem !important;
        font-size: 0.9rem !important;
    }
}

html body .crs-nav-section + .crs-nav-section {
    margin-top: 0.15rem;
    border-top: 1px solid rgba(20, 96, 50, 0.08);
}
html body .crs-nav-label,
html body .crs-form-finder-kicker {
    margin: 0;
    padding: 0.8rem 1rem 0.28rem;
    color: #7d9486;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}
html body .crs-sidebar-nav ul {
    margin: 0;
    padding: 0 0.55rem 0.45rem;
    gap: 0.12rem !important;
}
html body .crs-nav-link {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.46rem 0.55rem !important;
    border-radius: 12px !important;
    border-bottom: 0 !important;
    color: #173728 !important;
    -webkit-text-fill-color: #173728 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}
html body .crs-nav-ico {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    background: rgba(20, 96, 50, 0.08);
}
html body .crs-nav-ico iconify-icon {
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    font-size: 1.05rem !important;
}
html body .crs-nav-link:hover,
html body .crs-nav-link:focus {
    background: rgba(20, 96, 50, 0.08) !important;
}
html body .crs-nav-link.is-current {
    background: #146032 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body .crs-nav-link.is-current .crs-nav-ico {
    background: rgba(255, 255, 255, 0.16);
}
html body .crs-nav-link.is-current .crs-nav-ico iconify-icon,
html body .crs-nav-link.is-current span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

@media (min-width: 1080px) {
    html body.crs-sidebar-docked {
        padding-top: 58px !important;
        padding-left: 276px !important;
        box-sizing: border-box !important;
        overflow-x: hidden;
    }
    html body.crs-sidebar-docked .crs-header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        z-index: 1302 !important;
        margin: 0 !important;
    }
    html.admin-bar body.crs-sidebar-docked .crs-header {
        top: 32px !important;
    }
    html.admin-bar body.crs-sidebar-docked #crs-sidebar-menu {
        top: 90px !important;
        height: calc(100vh - 90px) !important;
        max-height: calc(100vh - 90px) !important;
    }
    html body.crs-sidebar-docked #crs-sidebar-menu {
        position: fixed !important;
        top: 58px !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        width: 276px !important;
        min-height: 0 !important;
        height: calc(100vh - 58px) !important;
        max-height: calc(100vh - 58px) !important;
        margin: 0 !important;
        padding-top: 0.35rem !important;
        overflow: auto !important;
        border: 0 !important;
        border-right: 1px solid rgba(20, 96, 50, 0.12) !important;
        border-radius: 0 !important;
        background: #f7faf8 !important;
        box-shadow: none !important;
        z-index: 1201 !important;
    }
    html body.crs-sidebar-docked .crs-sidebar-header,
    html body.crs-sidebar-docked .crs-menu-toggle,
    html body.crs-sidebar-docked .crs-sidebar-overlay {
        display: none !important;
    }
    html body.crs-sidebar-docked .crs-app,
    html body.crs-sidebar-docked .crs-app-body,
    html body.crs-sidebar-docked .crs-app-main {
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    html body.crs-sidebar-docked .crs-main,
    html body.crs-sidebar-docked .crs-footer,
    html body.crs-sidebar-docked main.container,
    html body.crs-sidebar-docked .crs-app-main > .container {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 1.35rem !important;
        padding-right: 1.35rem !important;
        box-sizing: border-box !important;
    }
    html body.crs-sidebar-docked .crs-app-main:not(:has(.crs-main)):not(:has(main.container)):not(:has(> .container)) {
        padding-left: 1.35rem !important;
        padding-right: 1.35rem !important;
    }
    html body.crs-sidebar-docked .elementor-section-stretched,
    html body.crs-sidebar-docked .e-con.e-parent,
    html body.crs-sidebar-docked .elementor-location-header,
    html body.crs-sidebar-docked .elementor-location-footer,
    html body.crs-sidebar-docked .elementor-location-single {
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
    }
    html body.crs-sidebar-docked .crs-sidebar-nav {
        padding: 0.2rem 0.15rem 0.8rem !important;
    }
}

html body .crs-form-finder {
    position: relative;
    z-index: 8;
    margin: 0 0 0.9rem;
}
html body .crs-form-finder-bar {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    padding: 0.45rem 0.8rem;
    border-radius: 14px;
    border: 1px solid rgba(20, 96, 50, 0.16);
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(20, 96, 50, 0.06);
}
html body .crs-form-finder-bar iconify-icon {
    color: #146032;
    font-size: 1.15rem;
}
html body .crs-form-finder-input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #145D2D;
    font-size: 0.95rem;
    font-weight: 650;
}
html body .crs-form-finder-pop {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 40;
    max-height: min(60vh, 420px);
    overflow: auto;
    padding: 0.35rem;
    border-radius: 16px;
    border: 1px solid rgba(20, 96, 50, 0.14);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}
html body .crs-form-finder-pop[hidden] {
    display: none !important;
}
html body .crs-form-finder-hit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    width: 100%;
    margin: 0;
    padding: 0.48rem 0.55rem;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #145D2D;
    text-align: left;
    cursor: pointer;
}
html body .crs-form-finder-hit strong {
    font-size: 0.86rem;
}
html body .crs-form-finder-hit span {
    color: #64748b;
    font-size: 0.74rem;
    line-height: 1.35;
}
html body .crs-form-finder-hit:hover,
html body .crs-form-finder-hit:focus {
    background: #f0fdf4;
}
html body tr.crs-finder-hit td {
    background: #f0fdf4 !important;
}
@media (max-width: 1079px) {
    html body .crs-sidebar-menu {
        width: min(320px, 88vw);
    }
    html body .crs-nav-link {
        padding: 0.58rem 0.6rem !important;
    }
}

html body .crs-header {
    position: sticky;
    top: 0;
    z-index: 1302;
    padding: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid rgba(20, 96, 50, 0.1);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    overflow: visible;
}
html body .crs-header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 58px;
    margin: 0 !important;
    padding: 0.35rem 0.9rem !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
html body .crs-header .crs-logo {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
html body .crs-header .crs-logo img {
    width: 32px !important;
    height: 32px !important;
}
html body .crs-header-search {
    flex: 1 1 auto;
    min-width: 0;
}
html body .crs-header .crs-live-search,
html body .crs-header .crs-live-search-inline,
html body .crs-header .crs-live-search-card {
    margin: 0 !important;
    width: 100%;
}
html body .crs-header .crs-live-search-bar {
    min-height: 38px;
    padding: 0.2rem 0.75rem;
    border-radius: 12px;
    border: 1px solid rgba(20, 96, 50, 0.16);
    background: #f3f7f4;
    box-shadow: none;
}
html body .crs-header .crs-search-input {
    font-weight: 500;
    font-size: 0.92rem;
}
html body .crs-header .crs-search-pop {
    z-index: 40;
}
html body .crs-header-meta {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
}
html body .crs-header .crs-user-info {
    min-width: 0;
    padding: 0.15rem 0.55rem;
    border-radius: 10px;
    background: #f0fdf4;
}
html body .crs-header .crs-user-name {
    display: block;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.2;
    color: #146032;
}
html body .crs-header .crs-user-role {
    display: block;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.2;
    color: #0f766e;
}
html body .crs-header .crs-datetime {
    gap: 0;
    padding-right: 0.15rem;
}
html body .crs-header .crs-date {
    font-size: 0.68rem;
    line-height: 1.15;
    color: #64748b;
    white-space: nowrap;
}
html body .crs-header .crs-time {
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.15;
    color: #146032;
    white-space: nowrap;
}
html body .crs-header #crs-logout-btn,
html body .crs-header #crs-logout-btn:link,
html body .crs-header #crs-logout-btn:visited {
    flex: 0 0 auto;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 0.7rem !important;
    border: 1px solid rgba(208, 33, 38, 0.45) !important;
    border-radius: 10px !important;
    background: #fff5f5 !important;
    background-color: #fff5f5 !important;
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
    box-shadow: none !important;
}
html body .crs-header #crs-logout-btn span {
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
}
html body .crs-header #crs-logout-btn iconify-icon,
html body .crs-header #crs-logout-btn .crs-icon {
    color: #D02126 !important;
    -webkit-text-fill-color: #D02126 !important;
    font-size: 1.05rem !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
}
html body .crs-header #crs-logout-btn:hover,
html body .crs-header #crs-logout-btn:focus {
    background: #D02126 !important;
    background-color: #D02126 !important;
    border-color: #D02126 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body .crs-header #crs-logout-btn:hover span,
html body .crs-header #crs-logout-btn:hover iconify-icon,
html body .crs-header #crs-logout-btn:focus span,
html body .crs-header #crs-logout-btn:focus iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
html body .crs-nav-link,
html body .crs-nav-link span {
    font-weight: 500 !important;
}
html body .crs-nav-link.is-current,
html body .crs-nav-link.is-current span {
    font-weight: 600 !important;
}
html body .crs-nav-branches .crs-nav-ico { background: rgba(14, 116, 144, 0.12); }
html body .crs-nav-branches .crs-nav-ico iconify-icon { color: #0e7490 !important; -webkit-text-fill-color: #0e7490 !important; }
html body .crs-nav-home .crs-nav-ico { background: rgba(20, 96, 50, 0.12); }
html body .crs-nav-orders .crs-nav-ico { background: rgba(180, 83, 9, 0.12); }
html body .crs-nav-orders .crs-nav-ico iconify-icon { color: #b45309 !important; -webkit-text-fill-color: #b45309 !important; }
html body .crs-nav-stock .crs-nav-ico { background: rgba(29, 78, 216, 0.1); }
html body .crs-nav-stock .crs-nav-ico iconify-icon { color: #1d4ed8 !important; -webkit-text-fill-color: #1d4ed8 !important; }
html body .crs-nav-debtors .crs-nav-ico { background: rgba(208, 33, 38, 0.1); }
html body .crs-nav-debtors .crs-nav-ico iconify-icon { color: #D02126 !important; -webkit-text-fill-color: #D02126 !important; }
html body .crs-nav-money .crs-nav-ico { background: rgba(4, 120, 87, 0.12); }
html body .crs-nav-money .crs-nav-ico iconify-icon { color: #047857 !important; -webkit-text-fill-color: #047857 !important; }
html body .crs-nav-reports .crs-nav-ico { background: rgba(79, 70, 229, 0.1); }
html body .crs-nav-reports .crs-nav-ico iconify-icon { color: #4f46e5 !important; -webkit-text-fill-color: #4f46e5 !important; }
html body .crs-nav-account .crs-nav-ico { background: rgba(124, 58, 237, 0.1); }
html body .crs-nav-account .crs-nav-ico iconify-icon { color: #7c3aed !important; -webkit-text-fill-color: #7c3aed !important; }
html body .crs-nav-link.is-current .crs-nav-ico iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
@media (max-width: 1079px) {
    html body .crs-header-inner {
        flex-wrap: wrap;
        padding: 0.4rem 0.55rem !important;
    }
    html body .crs-header-search {
        order: 5;
        flex: 1 1 100%;
    }
    html body .crs-header-meta {
        margin-left: auto;
    }
    html body .crs-header .crs-user-name {
        max-width: 120px;
    }
}

/* Medium page headers, compact header buttons, medium section titles */
html body .crs-main .page-header,
html body .crs-main .crs-page-header,
html body .crs-main .crs-page-header-custom,
html body .crs-main .crs-form-header,
html body .crs-main .crs-order-header,
html body .crs-main .crs-debtor-header,
html body .crs-main .crs-recon-header,
html body .crs-main .crs-smart-page-header,
html body .crs-main .mgr-page-header,
html body .crs-main .crs-page-title {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.45rem !important;
    padding: 0.48rem 0.7rem !important;
    margin-bottom: 1rem !important;
}

html body .crs-main .crs-page-title {
    background: transparent !important;
    padding: 0 !important;
}

html body .crs-main .page-header h1,
html body .crs-main .crs-page-header h1,
html body .crs-main .crs-page-header-custom h1,
html body .crs-main .crs-form-header h1,
html body .crs-main .crs-order-header h1,
html body .crs-main .crs-debtor-header h1,
html body .crs-main .crs-recon-header h1,
html body .crs-main .crs-smart-page-header h1,
html body .crs-main .mgr-page-header h1,
html body .crs-main .crs-financial-title h1,
html body .crs-main .crs-page-title h1,
html body .crs-main .crs-dh-page .header h1,
html body .crs-main .crs-oh-page .page-header h1,
html body .crs-main .crs-fh-page .page-header h1,
html body .crs-main .crs-eh-page .page-header h1 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body .crs-main .page-header h1 iconify-icon,
html body .crs-main .crs-page-header h1 iconify-icon,
html body .crs-main .crs-page-header-custom h1 iconify-icon,
html body .crs-main .crs-form-header h1 iconify-icon,
html body .crs-main .crs-order-header h1 iconify-icon,
html body .crs-main .crs-debtor-header h1 iconify-icon,
html body .crs-main .crs-recon-header h1 iconify-icon,
html body .crs-main .crs-smart-page-header h1 iconify-icon,
html body .crs-main .mgr-page-header h1 iconify-icon,
html body .crs-main .crs-financial-title h1 iconify-icon,
html body .crs-main .crs-page-title h1 iconify-icon,
html body .crs-main .crs-page-title h1 .crs-icon {
    flex: 0 0 auto !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
    font-size: 1.05rem !important;
}

html body .crs-main .crs-page-header-custom > div,
html body .crs-main .page-header > div,
html body .crs-main .crs-header-actions,
html body .crs-main .crs-page-actions,
html body .crs-main .crs-page-title .crs-page-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.32rem !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

html body .crs-main .page-header a,
html body .crs-main .crs-page-header-custom a,
html body .crs-main .crs-form-header a,
html body .crs-main .crs-order-header a,
html body .crs-main .crs-debtor-header a,
html body .crs-main .crs-recon-header a,
html body .crs-main .crs-smart-page-header a,
html body .crs-main .mgr-page-header a,
html body .crs-main .crs-header-actions a,
html body .crs-main .crs-page-actions a,
html body .crs-main .crs-page-actions .crs-btn,
html body .crs-main .crs-btn-history,
html body .crs-main .crs-btn-history-custom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.28rem !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: auto !important;
    padding: 0.26rem 0.58rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
    background: #ffffff !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

html body .crs-main .crs-page-title .crs-page-actions .crs-btn-primary,
html body .crs-main .crs-page-title .crs-page-actions .crs-btn-success {
    background: #146032 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #146032 !important;
}

html body .crs-main .page-header a iconify-icon,
html body .crs-main .crs-page-header-custom a iconify-icon,
html body .crs-main .crs-header-actions a iconify-icon,
html body .crs-main .crs-page-actions a iconify-icon,
html body .crs-main .crs-page-actions .crs-btn iconify-icon,
html body .crs-main .crs-btn-history iconify-icon,
html body .crs-main .crs-btn-history-custom iconify-icon {
    width: 0.85rem !important;
    height: 0.85rem !important;
    font-size: 0.85rem !important;
    color: #146032 !important;
    -webkit-text-fill-color: #146032 !important;
}

html body .crs-main .crs-page-title .crs-page-actions .crs-btn-primary iconify-icon,
html body .crs-main .crs-page-title .crs-page-actions .crs-btn-success iconify-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .crs-main .crs-home-section-title,
html body .crs-main h2,
html body .crs-main h3,
html body .crs-main h4 {
    font-size: 0.95rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}

html body .crs-main .rose-debtor-card h3,
html body .crs-main .receipt-company h2,
html body .crs-main .profoma-receipt-body h2,
html body .crs-main .receipt-header h2,
html body .crs-main .receipt-header h3 {
    font-size: 1.12rem !important;
}

html body .crs-main .crs-home-section-title iconify-icon,
html body .crs-main h2 iconify-icon,
html body .crs-main h3 iconify-icon,
html body .crs-main h4 iconify-icon {
    width: 1rem !important;
    height: 1rem !important;
    font-size: 1rem !important;
}

@media (max-width: 640px) {
    html body .crs-main .page-header,
    html body .crs-main .crs-page-header,
    html body .crs-main .crs-page-header-custom,
    html body .crs-main .crs-form-header,
    html body .crs-main .crs-order-header,
    html body .crs-main .crs-debtor-header,
    html body .crs-main .crs-recon-header,
    html body .crs-main .crs-page-title {
        gap: 0.35rem !important;
        padding: 0.42rem 0.5rem !important;
        overflow-x: auto !important;
    }

    html body .crs-main .page-header h1,
    html body .crs-main .crs-page-header-custom h1,
    html body .crs-main .crs-page-title h1 {
        font-size: 0.88rem !important;
    }

    html body .crs-main .page-header a,
    html body .crs-main .crs-page-header-custom a,
    html body .crs-main .crs-header-actions a,
    html body .crs-main .crs-page-actions a,
    html body .crs-main .crs-btn-history-custom {
        padding: 0.22rem 0.46rem !important;
        font-size: 0.64rem !important;
        min-height: 26px !important;
    }
}