/**
 * Panel primary clicks — clean Submit-style blue (overrides landing css.css .btn-new).
 */

:root {
    --panel-action-blue: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    --panel-action-blue-hover: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
    --panel-action-shadow: 0 2px 8px rgba(37, 99, 235, 0.28);
    --panel-action-shadow-hover: 0 4px 14px rgba(37, 99, 235, 0.36);
    --panel-cta-news: linear-gradient(118deg, #38bdf8 0%, #0ea5e9 38%, #2563eb 100%);
    --panel-cta-news-hover: linear-gradient(118deg, #7dd3fc 0%, #38bdf8 45%, #3b82f6 100%);
    --panel-cta-support: linear-gradient(118deg, #34d399 0%, #059669 42%, #047857 100%);
    --panel-cta-support-hover: linear-gradient(118deg, #6ee7b7 0%, #10b981 45%, #059669 100%);
}

body.g-sidenav-show .btn-new,
#page_layout .btn-new,
#panel-ajax-content .btn-new {
    background: var(--panel-action-blue) !important;
    background-image: var(--panel-action-blue) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: var(--panel-action-shadow) !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.g-sidenav-show .btn-new::before,
#page_layout .btn-new::before,
#panel-ajax-content .btn-new::before {
    display: none !important;
    content: none !important;
}

body.g-sidenav-show .btn-new:hover,
#page_layout .btn-new:hover,
#panel-ajax-content .btn-new:hover {
    transform: translateY(-1px);
    box-shadow: var(--panel-action-shadow-hover) !important;
    background: var(--panel-action-blue-hover) !important;
    background-image: var(--panel-action-blue-hover) !important;
}

body.g-sidenav-show .btn-new:active,
#page_layout .btn-new:active,
#panel-ajax-content .btn-new:active {
    transform: translateY(0);
    box-shadow: var(--panel-action-shadow) !important;
}

body.g-sidenav-show .btnt.btn-primary,
#page_layout .btnt.btn-primary,
#panel-ajax-content .btnt.btn-primary {
    background: var(--panel-action-blue) !important;
    background-image: var(--panel-action-blue) !important;
    box-shadow: var(--panel-action-shadow) !important;
    border-radius: 999px !important;
}

body.g-sidenav-show .btnt.btn-primary::before,
#page_layout .btnt.btn-primary::before,
#panel-ajax-content .btnt.btn-primary::before {
    display: none !important;
    content: none !important;
}

body.g-sidenav-show .btnt.btn-primary:hover,
#page_layout .btnt.btn-primary:hover,
#panel-ajax-content .btnt.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: var(--panel-action-shadow-hover) !important;
    background: var(--panel-action-blue-hover) !important;
    background-image: var(--panel-action-blue-hover) !important;
}

#contact #balance-pay-flow .addBalanceBtn.is-active {
    background: var(--panel-action-blue) !important;
    background-image: var(--panel-action-blue) !important;
    border-color: #2563eb !important;
    box-shadow: var(--panel-action-shadow) !important;
}

/* Beat landing css.css purple .btn-primary3 on panel pages */
body.g-sidenav-show #page_layout .btn-primary3,
#panel-ajax-content .btn-primary3 {
    background: var(--panel-action-blue) !important;
    background-image: var(--panel-action-blue) !important;
    border: none !important;
    box-shadow: var(--panel-action-shadow) !important;
}

body.g-sidenav-show #page_layout .btn-primary3:hover,
#panel-ajax-content .btn-primary3:hover {
    background: var(--panel-action-blue-hover) !important;
    background-image: var(--panel-action-blue-hover) !important;
    color: #fff !important;
    box-shadow: var(--panel-action-shadow-hover) !important;
}

/* Panel top CTAs (News / Support) — shared palette across internal pages */
#panel-ajax-content .orders-top-action--news,
body.g-sidenav-show #page_layout .orders-top-action--news {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: var(--panel-cta-news) !important;
    background-image: var(--panel-cta-news) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 8px 22px rgba(37, 99, 235, 0.3),
        0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

#panel-ajax-content .orders-top-action--news:hover,
#panel-ajax-content .orders-top-action--news:focus,
body.g-sidenav-show #page_layout .orders-top-action--news:hover,
body.g-sidenav-show #page_layout .orders-top-action--news:focus {
    color: #fff !important;
    background: var(--panel-cta-news-hover) !important;
    background-image: var(--panel-cta-news-hover) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.24) inset,
        0 12px 28px rgba(37, 99, 235, 0.36),
        0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

#panel-ajax-content .orders-top-action--support,
body.g-sidenav-show #page_layout .orders-top-action--support {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    background: var(--panel-cta-support) !important;
    background-image: var(--panel-cta-support) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 8px 22px rgba(5, 150, 105, 0.3),
        0 2px 8px rgba(15, 23, 42, 0.06) !important;
}

#panel-ajax-content .orders-top-action--support:hover,
#panel-ajax-content .orders-top-action--support:focus,
body.g-sidenav-show #page_layout .orders-top-action--support:hover,
body.g-sidenav-show #page_layout .orders-top-action--support:focus {
    color: #fff !important;
    background: var(--panel-cta-support-hover) !important;
    background-image: var(--panel-cta-support-hover) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.24) inset,
        0 12px 28px rgba(5, 150, 105, 0.36),
        0 4px 12px rgba(15, 23, 42, 0.08) !important;
}

html.dark-mode #panel-ajax-content .orders-top-action--news,
html.dark-mode body.g-sidenav-show #page_layout .orders-top-action--news {
    background: linear-gradient(118deg, #0284c7 0%, #2563eb 55%, #1d4ed8 100%) !important;
    background-image: linear-gradient(118deg, #0284c7 0%, #2563eb 55%, #1d4ed8 100%) !important;
}

html.dark-mode #panel-ajax-content .orders-top-action--support,
html.dark-mode body.g-sidenav-show #page_layout .orders-top-action--support {
    background: linear-gradient(118deg, #059669 0%, #047857 55%, #065f46 100%) !important;
    background-image: linear-gradient(118deg, #059669 0%, #047857 55%, #065f46 100%) !important;
}