a,
.list-card a:hover,
a:hover {
    color: var(--web-panel-color);
}
.select-sec-btn a {
    background-color: var(--web-panel-color);
    border-color: var(--web-panel-color) !important;
}
.header-main .takeaway-div input[type="checkbox"]::before {
    background-color: var(--web-panel-color);
    opacity: 0.6;
}
.header-main .takeaway-div input[type="checkbox"]:checked::before {
    opacity: 1;
}
.btn-primary{
    background: var(--web-panel-color) !important;
    border-color: var(--web-panel-color) !important;
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus,
.custom-control-input:checked~.custom-control-label::before,
.row.fu-loadmore-btn .page-link {
    background: #fff !important;
    border-color: var(--web-panel-color) !important;
    color: var(--web-panel-color) !important;
}
.btn-link {
    color: var(--web-panel-color);
}
.transactions-banner {
    background: var(--web-panel-color);
}
.text-primary,
.card-icon>span {
    color: var(--web-panel-color) !important;
}
.dropdown-item.active,
.dropdown-item:active{
    background: var(--web-panel-color);
}
.page-link{
    color: var(--web-panel-color);
}
.page-link:hover {
    background: var(--web-panel-color);
    border-color: var(--web-panel-color);
}
.btn-outline-primary {
    color: var(--web-panel-color);
    border-color: var(--web-panel-color);
}
.btn-outline-primary:hover {
    background: var(--web-panel-color);
    border-color: var(--web-panel-color);
}
@media (max-width: 991px) {
    .bg-primary {
        background: var(--web-panel-color) !important;
    }
}
.swal2-actions .swal2-confirm.swal2-styled {
    background: var(--web-panel-color);
}
.swal2-actions .swal2-confirm{
    background: var(--web-panel-color);
}

button:disabled:hover,
button:disabled {
    background-color: var(--web-panel-color);
    cursor: not-allowed;
    opacity: 0.6;
    color: #fff;
}

body {
    background: var(--spenthere-cloud, #F7FAFC);
    color: var(--spenthere-ink, #101828);
}

::selection {
    background: rgba(33, 212, 163, 0.35);
    color: var(--spenthere-ink, #101828);
}

* {
    scrollbar-color: var(--spenthere-blue, #2563FF) #f5f7fb;
}

*::-webkit-scrollbar-thumb {
    background: var(--spenthere-blue, #2563FF);
    border-radius: 999px;
}

.section-header {
    border-bottom: 1px solid rgba(16, 24, 40, 0.08);
}

.brand-wrap #web-logo {
    max-height: 52px;
    width: auto;
    object-fit: contain;
}

.btn,
.page-link,
.select-sec-btn a {
    border-radius: 999px;
}

.btn-primary,
.select-sec-btn a,
.transactions-banner {
    background: linear-gradient(135deg, var(--spenthere-mint, #21D4A3) 0%, var(--spenthere-blue, #2563FF) 58%, var(--spenthere-ink, #101828) 100%) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(37, 99, 255, 0.18);
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary.focus,
.btn-primary:focus,
.select-sec-btn a:hover {
    background: #fff !important;
    border-color: var(--spenthere-blue, #2563FF) !important;
    color: var(--spenthere-blue, #2563FF) !important;
    box-shadow: 0 10px 22px rgba(37, 99, 255, 0.14);
}

.head-icon a {
    color: var(--spenthere-blue, #2563FF);
    background: rgba(37, 99, 255, 0.08);
}

.head-icon a:hover,
.dropdown-item.active,
.dropdown-item:active,
.page-link:hover {
    background: var(--spenthere-blue, #2563FF);
    border-color: var(--spenthere-blue, #2563FF);
    color: #fff;
}

.card,
.list-card,
.dropdown-menu,
.modal-content {
    border-color: rgba(16, 24, 40, 0.08);
    border-radius: 12px;
}

@media (max-width: 991px) {
    .bg-primary {
        background: linear-gradient(135deg, var(--spenthere-mint, #21D4A3), var(--spenthere-blue, #2563FF)) !important;
    }
}