/* Global pbERP button skin. Keep existing button sizes, ids, and behavior intact. */
:where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    a[role="button"],
    .btn,
    .erp-btn,
    .sup-btn,
    .pberp-action-btn,
    .pberp-page-btn,
    .customer-action-button,
    .customer-vb6-button,
    .supplier-action-button,
    .supplier-vb6-button,
    .setup-action,
    .ui-delete-btn,
    .reports-option-item,
    .accounting-reports-others-option,
    .general-accounting-reports-option,
    .advance-accounting-option,
    .accounting-prerequisits-option,
    .general-setup-option,
    .hr-payroll-settings-option,
    .hr-payroll-settings-item,
    .voucher-entry-option,
    .ledger-balance-action,
    .ledger-balance-toggle,
    .ledger-balance-close-mini,
    .stock-status-action,
    .stock-context-menu button,
    .stock-ledger-nav button,
    .cards-option,
    .bank-tab,
    .go-tab,
    .purchase-tab,
    .product-entry-tab,
    .stock-status-tab,
    .ugl-list-button,
    .ugl-context-item,
    .upl-checkline,
    .upl-screen-checkline,
    .search-option,
    .sale-item-details-3d-btn,
    .sale-tiles-toolbar-btn,
    .sale-search-action,
    .sale-search-small-actions button,
    .sale-search-distributor-panel button,
    .sale-security-ok,
    .sale-security-cancel,
    .sale-item-details-close-btn,
    .sale-item-details-option-btn,
    .sale-item-details-plain-btn,
    .sale-temp-customer-apply,
    .sale-challan-copy-cancel,
    .sale-search-find-product,
    .btn-cyan,
    .btn-purple,
    .btn-green,
    .btn-yellow,
    .login-btn-ok
):not(.btn-close):not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny):not(.custom-toast-close-btn):not(.erp-list-action-btn):not(.sale-product-popup-close):not(.sale-challan-copy-close):not(.sale-temp-customer-close):not(.sale-item-details-popup-close):not(.erp-mdi-tab-close):not([class*="window-control"]) {
    border: 1px solid rgba(7, 89, 133, 0.92) !important;
    border-radius: 7px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 42%),
        linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 0 rgba(3, 23, 54, 0.32) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.68),
        inset 0 -2px 0 rgba(5, 46, 72, 0.38),
        0 3px 7px rgba(7, 40, 75, 0.22) !important;
    cursor: pointer;
    text-decoration: none !important;
    transition: transform 0.14s ease, filter 0.14s ease, box-shadow 0.14s ease !important;
}

:where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    a[role="button"],
    .btn,
    .erp-btn,
    .sup-btn,
    .pberp-action-btn,
    .pberp-page-btn,
    .customer-action-button,
    .customer-vb6-button,
    .supplier-action-button,
    .supplier-vb6-button,
    .setup-action,
    .ui-delete-btn,
    .reports-option-item,
    .accounting-reports-others-option,
    .general-accounting-reports-option,
    .advance-accounting-option,
    .accounting-prerequisits-option,
    .general-setup-option,
    .hr-payroll-settings-option,
    .hr-payroll-settings-item,
    .voucher-entry-option,
    .ledger-balance-action,
    .ledger-balance-toggle,
    .ledger-balance-close-mini,
    .stock-status-action,
    .stock-context-menu button,
    .stock-ledger-nav button,
    .cards-option,
    .bank-tab,
    .go-tab,
    .purchase-tab,
    .product-entry-tab,
    .stock-status-tab,
    .ugl-list-button,
    .ugl-context-item,
    .upl-checkline,
    .upl-screen-checkline,
    .search-option,
    .sale-item-details-3d-btn,
    .sale-tiles-toolbar-btn,
    .sale-search-action,
    .sale-search-small-actions button,
    .sale-search-distributor-panel button,
    .sale-security-ok,
    .sale-security-cancel,
    .sale-item-details-close-btn,
    .sale-item-details-option-btn,
    .sale-item-details-plain-btn,
    .sale-temp-customer-apply,
    .sale-challan-copy-cancel,
    .sale-search-find-product,
    .btn-cyan,
    .btn-purple,
    .btn-green,
    .btn-yellow,
    .login-btn-ok
):not(.btn-close):not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny):not(.custom-toast-close-btn):not(.erp-list-action-btn):not(.sale-product-popup-close):not(.sale-challan-copy-close):not(.sale-temp-customer-close):not(.sale-item-details-popup-close):not(.erp-mdi-tab-close):not([class*="window-control"]):hover,
:where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    a[role="button"],
    .btn,
    .erp-btn,
    .sup-btn,
    .pberp-action-btn,
    .pberp-page-btn,
    .customer-action-button,
    .customer-vb6-button,
    .supplier-action-button,
    .supplier-vb6-button,
    .setup-action,
    .ui-delete-btn,
    .reports-option-item,
    .accounting-reports-others-option,
    .general-accounting-reports-option,
    .advance-accounting-option,
    .accounting-prerequisits-option,
    .general-setup-option,
    .hr-payroll-settings-option,
    .hr-payroll-settings-item,
    .voucher-entry-option,
    .ledger-balance-action,
    .ledger-balance-toggle,
    .ledger-balance-close-mini,
    .stock-status-action,
    .stock-context-menu button,
    .stock-ledger-nav button,
    .cards-option,
    .bank-tab,
    .go-tab,
    .purchase-tab,
    .product-entry-tab,
    .stock-status-tab,
    .ugl-list-button,
    .ugl-context-item,
    .upl-checkline,
    .upl-screen-checkline,
    .search-option,
    .sale-item-details-3d-btn,
    .sale-tiles-toolbar-btn,
    .sale-search-action,
    .sale-search-small-actions button,
    .sale-search-distributor-panel button,
    .sale-security-ok,
    .sale-security-cancel,
    .sale-item-details-close-btn,
    .sale-item-details-option-btn,
    .sale-item-details-plain-btn,
    .sale-temp-customer-apply,
    .sale-challan-copy-cancel,
    .sale-search-find-product,
    .btn-cyan,
    .btn-purple,
    .btn-green,
    .btn-yellow,
    .login-btn-ok
):not(.btn-close):not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny):not(.custom-toast-close-btn):not(.erp-list-action-btn):not(.sale-product-popup-close):not(.sale-challan-copy-close):not(.sale-temp-customer-close):not(.sale-item-details-popup-close):not(.erp-mdi-tab-close):not([class*="window-control"]):focus-visible {
    outline: 0 !important;
    filter: brightness(1.1) saturate(1.08) !important;
    transform: translateY(-1px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -2px 0 rgba(5, 46, 72, 0.4),
        0 6px 13px rgba(7, 40, 75, 0.3) !important;
}

:where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    a[role="button"],
    .btn,
    .erp-btn,
    .sup-btn,
    .pberp-action-btn,
    .pberp-page-btn,
    .customer-action-button,
    .customer-vb6-button,
    .supplier-action-button,
    .supplier-vb6-button,
    .setup-action,
    .ui-delete-btn,
    .reports-option-item,
    .accounting-reports-others-option,
    .general-accounting-reports-option,
    .advance-accounting-option,
    .accounting-prerequisits-option,
    .general-setup-option,
    .hr-payroll-settings-option,
    .hr-payroll-settings-item,
    .voucher-entry-option,
    .ledger-balance-action,
    .ledger-balance-toggle,
    .ledger-balance-close-mini,
    .stock-status-action,
    .stock-context-menu button,
    .stock-ledger-nav button,
    .cards-option,
    .bank-tab,
    .go-tab,
    .purchase-tab,
    .product-entry-tab,
    .stock-status-tab,
    .ugl-list-button,
    .ugl-context-item,
    .upl-checkline,
    .upl-screen-checkline,
    .search-option,
    .sale-item-details-3d-btn,
    .sale-tiles-toolbar-btn,
    .sale-search-action,
    .sale-search-small-actions button,
    .sale-search-distributor-panel button,
    .sale-security-ok,
    .sale-security-cancel,
    .sale-item-details-close-btn,
    .sale-item-details-option-btn,
    .sale-item-details-plain-btn,
    .sale-temp-customer-apply,
    .sale-challan-copy-cancel,
    .sale-search-find-product,
    .btn-cyan,
    .btn-purple,
    .btn-green,
    .btn-yellow,
    .login-btn-ok
):not(.btn-close):not(.swal2-confirm):not(.swal2-cancel):not(.swal2-deny):not(.custom-toast-close-btn):not(.erp-list-action-btn):not(.sale-product-popup-close):not(.sale-challan-copy-close):not(.sale-temp-customer-close):not(.sale-item-details-popup-close):not(.erp-mdi-tab-close):not([class*="window-control"]):active {
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 5px rgba(5, 46, 72, 0.34),
        0 2px 5px rgba(7, 40, 75, 0.18) !important;
}

:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .erp-btn, .pberp-action-btn):disabled,
:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .erp-btn, .pberp-action-btn).is-disabled,
:where(button, input[type="button"], input[type="submit"], input[type="reset"], .btn, .erp-btn, .pberp-action-btn)[aria-disabled="true"] {
    cursor: not-allowed !important;
    filter: grayscale(0.32) brightness(0.92) !important;
    opacity: 0.68 !important;
    transform: none !important;
}

.pb-button-has-icon {
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.pb-button-has-icon::before {
    display: none !important;
    content: none !important;
}

.pb-button-icon {
    display: inline-flex;
    width: 13px;
    min-width: 13px;
    height: 13px;
    align-items: center;
    justify-content: center;
    line-height: 1;
    filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.28));
    pointer-events: none;
}

.pb-button-icon svg {
    width: 100%;
    height: 100%;
    display: block;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}