/*
 * LiorBank shared visual system
 * Inspired by the supplied reference while preserving the LiorBank teal palette.
 */
.lior-modern {
    --lior-primary: #08bdb7;
    --lior-primary-dark: #087f7a;
    --lior-primary-deep: #075f5b;
    --lior-primary-soft: rgba(8, 189, 183, 0.12);
    --lior-primary-softer: rgba(8, 189, 183, 0.06);
    --lior-ink: #162c3a;
    --lior-muted: #6d7f89;
    --lior-surface: #ffffff;
    --lior-surface-soft: #f4f8f8;
    --lior-border: rgba(24, 80, 82, 0.13);
    --lior-shadow-sm: 0 8px 24px rgba(19, 67, 69, 0.07);
    --lior-shadow: 0 16px 38px rgba(19, 67, 69, 0.10);
    --lior-radius-sm: 10px;
    --lior-radius: 18px;
    --lior-radius-lg: 24px;
    --toast-magic-success: #08bdb7;
    --toast-magic-success-rgb: 8, 189, 183;
    color: var(--lior-ink);
    background-color: var(--lior-surface-soft);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Authenticated light/dark appearance */
html[data-theme="dark"] .lior-modern {
    --lior-ink: #edf8f7;
    --lior-muted: #9eb8b6;
    --lior-surface: #0e2321;
    --lior-surface-soft: #071614;
    --lior-border: rgba(104, 217, 208, 0.16);
    --lior-primary-soft: rgba(31, 201, 193, 0.16);
    --lior-primary-softer: rgba(31, 201, 193, 0.08);
    --lior-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.24);
    --lior-shadow: 0 18px 45px rgba(0, 0, 0, 0.34);
    color-scheme: dark;
    background-color: var(--lior-surface-soft);
}

html.theme-transitioning .lior-modern,
html.theme-transitioning .lior-modern .pagecontent,
html.theme-transitioning .lior-modern .headbg .container,
html.theme-transitioning .lior-modern .dropdown-menu,
html.theme-transitioning .lior-modern .panelcontentbox,
html.theme-transitioning .lior-modern .contentbox,
html.theme-transitioning .lior-modern .modal-content,
html.theme-transitioning .lior-modern .form-control,
html.theme-transitioning .lior-modern .table,
html.theme-transitioning .lior-modern footer {
    transition: color .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
}

.lior-app .theme-toggle-item {
    display: flex !important;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

.lior-app .theme-toggle-item .theme-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    margin-right: 9px;
    border-radius: 9px;
    color: var(--lior-primary-dark);
    background: var(--lior-primary-soft);
}

.lior-app .theme-toggle-item .theme-toggle-icon i {
    width: auto !important;
    margin: 0 !important;
}

.lior-app .theme-toggle-copy {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
}

.lior-app .theme-toggle-copy strong {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
}

.lior-app .theme-toggle-copy small {
    margin-top: 2px;
    color: var(--lior-muted);
    font-size: 10px;
    line-height: 1.2;
}

.lior-app .theme-toggle-switch {
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 22px;
    margin-left: 12px;
    border: 1px solid rgba(22, 99, 94, .18);
    border-radius: 999px;
    background: #dce8e7;
    transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.lior-app .theme-toggle-switch span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(14, 55, 52, .24);
    transition: transform .32s cubic-bezier(.4, 0, .2, 1);
}

.lior-app .theme-toggle-item.is-active .theme-toggle-switch {
    border-color: var(--lior-primary);
    background: var(--lior-primary);
    box-shadow: 0 0 0 4px var(--lior-primary-soft), 0 0 14px rgba(8, 189, 183, .26);
}

.lior-app .theme-toggle-item.is-active .theme-toggle-switch span,
html[data-theme="dark"] .lior-app .theme-toggle-item .theme-toggle-switch span {
    transform: translateX(18px);
}

html[data-theme="dark"] .lior-app .theme-toggle-item .theme-toggle-switch {
    border-color: var(--lior-primary);
    background: var(--lior-primary);
    box-shadow: 0 0 0 4px var(--lior-primary-soft), 0 0 14px rgba(8, 189, 183, .26);
}

html[data-theme="dark"] .lior-app .theme-toggle-item .theme-toggle-icon i::before {
    content: "\f185";
}

html[data-theme="dark"] .lior-app .headbg .container,
html[data-theme="dark"] .lior-app .headermenu .dropdown-menu,
html[data-theme="dark"] .lior-app .panelcontentbox,
html[data-theme="dark"] .lior-app .contentbox,
html[data-theme="dark"] .lior-app .contentpanel,
html[data-theme="dark"] .lior-app .tablepanelbox,
html[data-theme="dark"] .lior-app .tablepanelbox .table-responsive,
html[data-theme="dark"] .lior-app .modal-content,
html[data-theme="dark"] .lior-app .card,
html[data-theme="dark"] .lior-app .bannersect,
html[data-theme="dark"] .lior-app .tontineoverbg .panelcontentbox,
html[data-theme="dark"] .lior-app .cfp-member-stat {
    color: var(--lior-ink);
    border-color: var(--lior-border);
    background: var(--lior-surface);
}

html[data-theme="dark"] .lior-app .headermenu .headbg ul li a.nav-link,
html[data-theme="dark"] .lior-app .headermenu .headbg .dropdown-item,
html[data-theme="dark"] .lior-app .table,
html[data-theme="dark"] .lior-app .sitetable tbody tr td,
html[data-theme="dark"] .lior-app label,
html[data-theme="dark"] .lior-app .cfp-member-stat-copy strong {
    color: var(--lior-ink) !important;
}

html[data-theme="dark"] .lior-app .heading-box {
    color: var(--lior-ink);
    border-color: var(--lior-border);
    background: linear-gradient(180deg, #112927 0%, #0e2321 100%);
}

html[data-theme="dark"] .lior-app .form-control,
html[data-theme="dark"] .lior-app .form-select,
html[data-theme="dark"] .lior-app select.form-control,
html[data-theme="dark"] .lior-app .input-group-text {
    color: var(--lior-ink);
    border-color: var(--lior-border);
    background-color: #091b19;
}

html[data-theme="dark"] .lior-app .form-control::placeholder {
    color: #78918f;
}

html[data-theme="dark"] .lior-app .sitetable thead tr th,
html[data-theme="dark"] .lior-app .table thead th {
    color: #dff5f3;
    border-color: var(--lior-border) !important;
    background: #12312e;
}

html[data-theme="dark"] .lior-app .table td,
html[data-theme="dark"] .lior-app .table th {
    border-color: var(--lior-border);
}

html[data-theme="dark"] .lior-app .borderbtn,
html[data-theme="dark"] .lior-app .btn-outline-primary {
    color: #62d8d1;
    border-color: rgba(77, 215, 207, .44);
    background: #0b211f;
}

html[data-theme="dark"] .lior-app .footer-gray-bg,
html[data-theme="dark"] .lior-app .footerbottombg {
    background: #062b29;
}

html[data-theme="dark"] .lior-app .usermenu .dropdown-menu hr {
    border-color: var(--lior-border);
}

@media (prefers-reduced-motion: reduce) {
    html.theme-transitioning .lior-modern,
    html.theme-transitioning .lior-modern * {
        transition-duration: .01ms !important;
    }
}

.lior-modern::selection,
.lior-modern *::selection {
    color: #fff;
    background: var(--lior-primary);
}

.lior-modern h1,
.lior-modern h2,
.lior-modern h3,
.lior-modern h4,
.lior-modern h5,
.lior-modern h6 {
    color: var(--lior-ink);
    letter-spacing: -0.015em;
}

.lior-modern p,
.lior-modern .content {
    color: var(--lior-muted);
}

.lior-modern a,
.lior-modern button,
.lior-modern .btn,
.lior-modern .form-control,
.lior-modern .form-select {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease,
        box-shadow .2s ease, transform .2s ease;
}

/* Shared navigation */
.lior-modern .headbg .navbg,
.lior-app .headbg .container {
    border: 1px solid rgba(8, 189, 183, 0.10);
    box-shadow: var(--lior-shadow-sm);
}

.lior-public .headbg .navbg {
    border-radius: var(--lior-radius-lg);
}

.lior-modern .headermenu .dropdown-menu {
    padding: 8px;
    border: 1px solid var(--lior-border);
    border-radius: 14px;
    box-shadow: var(--lior-shadow);
    overflow: hidden;
}

.lior-modern .headermenu .dropdown-menu .dropdown-item {
    border-radius: 9px;
}

.lior-modern .headermenu .dropdown-menu .dropdown-item:hover,
.lior-modern .headermenu .dropdown-menu .dropdown-item:focus,
.lior-modern .headermenu .dropdown-menu .dropdown-item.active {
    color: var(--lior-primary-dark) !important;
    background: var(--lior-primary-soft) !important;
}

.lior-modern .headermenu .dropdown-menu .beta-menu-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.lior-modern .headermenu .beta-menu-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 39px;
    min-height: 20px;
    padding: 2px 7px;
    border: 1px solid rgba(8, 189, 183, .24);
    border-radius: 999px;
    color: var(--lior-primary-dark);
    background: var(--lior-primary-soft);
    font-size: 9px;
    line-height: 1;
    letter-spacing: .08em;
    font-weight: 900;
}

/* Buttons and controls */
.lior-modern .sitebtn,
.lior-modern .yellowbtn,
.lior-modern .btn-primary,
.lior-modern .yellow-btn {
    border: 1px solid transparent;
    border-radius: var(--lior-radius-sm);
    background: linear-gradient(135deg, #19cec8 0%, var(--lior-primary) 55%, #079c97 100%);
    box-shadow: 0 10px 22px rgba(8, 189, 183, 0.22);
    color: #fff;
    font-weight: 700;
}

.lior-modern .sitebtn:hover,
.lior-modern .sitebtn:focus,
.lior-modern .yellowbtn:hover,
.lior-modern .yellowbtn:focus,
.lior-modern .btn-primary:hover,
.lior-modern .btn-primary:focus {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 13px 26px rgba(8, 189, 183, 0.28);
}

.lior-modern .borderbtn,
.lior-modern .btn-outline-primary {
    color: var(--lior-primary-dark);
    border: 1px solid rgba(8, 189, 183, 0.48);
    border-radius: var(--lior-radius-sm) !important;
    background: #fff;
    font-weight: 700;
}

.lior-modern .borderbtn:hover,
.lior-modern .borderbtn:focus,
.lior-modern .btn-outline-primary:hover,
.lior-modern .btn-outline-primary:focus {
    color: var(--lior-primary-deep);
    border-color: var(--lior-primary);
    background: var(--lior-primary-soft);
}

.lior-modern .form-control,
.lior-modern .form-select,
.lior-modern select.form-control,
.lior-modern .siteformbg .form-control,
.lior-modern .login-form .form-control {
    min-height: 46px;
    color: var(--lior-ink);
    border: 1px solid var(--lior-border);
    border-radius: var(--lior-radius-sm);
    background-color: #fff;
}

.lior-modern textarea.form-control {
    min-height: 118px;
}

.lior-modern .form-control:focus,
.lior-modern .form-select:focus,
.lior-modern select.form-control:focus {
    border-color: var(--lior-primary);
    box-shadow: 0 0 0 4px var(--lior-primary-soft) !important;
}

.lior-modern .input-group-text,
.lior-modern .siteformbg .input-group-text,
.lior-modern .login-form .input-group-text {
    border-color: var(--lior-border);
    background: var(--lior-surface-soft);
}

.lior-app .profile-phone-input {
    display: grid;
    grid-template-columns: minmax(118px, 34%) minmax(0, 1fr);
    gap: 10px;
}

.lior-app .profile-phone-input .iti,
.lior-app .profile-phone-input .profile-dial-code {
    width: 100%;
}

.lior-app .profile-address-input {
    min-height: 46px;
    resize: vertical;
}

.lior-app .toast-container {
    z-index: 12000;
    font-family: "Mulish", sans-serif;
}

.lior-app .toast-container.theme-minimal .toast-item {
    border-radius: 14px;
    border-color: var(--lior-border);
    box-shadow: 0 18px 50px rgba(12, 48, 50, .18);
}

html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-item {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .22) !important;
    background: linear-gradient(145deg, #132d2a 0%, #0b201e 100%) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .48), 0 0 0 1px rgba(83, 218, 210, .04) !important;
}

html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-item.toast-info {
    border-left: 4px solid #42d8d1 !important;
}

html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-body h4 {
    color: #effbfa !important;
}

html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-body p {
    color: #9fb8b6 !important;
}

html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-item.toast-info .toast-body-icon-container,
html[data-theme="dark"] body.lior-app .toast-container.theme-minimal .toast-item.toast-info .toast-close-btn {
    color: #62e1da !important;
}

.lior-modern .alert {
    border-width: 1px;
    border-radius: 12px;
    box-shadow: none;
}

.lior-modern .alert-success,
.lior-modern .bg-success-subtle {
    color: var(--lior-primary-deep);
    border-color: rgba(8, 189, 183, .22);
    background: var(--lior-primary-soft);
}

/* Authenticated application surfaces */
.lior-app .pagecontent {
    background-color: var(--lior-surface-soft);
}

.lior-app .topbanner {
    overflow: hidden;
}

.lior-app .topbanner .h2,
.lior-app .innerpagecontent .h2 {
    letter-spacing: -0.025em;
}

.lior-app .gridparentbox {
    padding-top: 34px;
}

.lior-app .panelcontentbox {
    border: 1px solid var(--lior-border);
    border-radius: var(--lior-radius);
    background: var(--lior-surface);
    box-shadow: var(--lior-shadow-sm);
}

.lior-app .heading-box {
    padding: 20px 24px;
    color: var(--lior-ink);
    border-color: var(--lior-border);
    background: linear-gradient(180deg, #fff 0%, #fbfdfd 100%);
    font-size: 18px;
    font-weight: 800;
}

.lior-app .panelcontentbox > .heading-box:first-child {
    border-radius: var(--lior-radius) var(--lior-radius) 0 0;
}

.lior-app .usermenu .header-verification-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    margin-top: 8px;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.lior-app .usermenu .header-verification-badge i {
    width: auto !important;
    margin: 0 !important;
    font-size: 12px;
    text-align: initial;
}

.lior-app .usermenu .header-verification-badge.is-verified {
    border-color: rgba(22, 163, 74, .2);
    background: #ecfdf3;
    color: #15803d;
}

.lior-app .usermenu .header-verification-badge.is-unverified {
    border-color: rgba(220, 38, 38, .16);
    background: #fff1f2;
    color: #be123c;
}

.lior-app .contentbox,
.lior-app .contentpanel,
.lior-app .tablepanelbox {
    padding: 24px;
}

.lior-app .profiletablebox {
    border-color: var(--lior-border);
}

.lior-app .tablepanelbox .table-responsive {
    border-color: var(--lior-border);
    border-radius: 14px;
    background: #fff;
}

.lior-app .sitetable thead tr th {
    color: var(--lior-ink);
    border-color: var(--lior-border) !important;
    background: #eef8f7;
    font-size: 13px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.lior-app .sitetable tbody tr td {
    border-top: 1px solid rgba(24, 80, 82, 0.08);
}

.lior-app .sitetable tbody tr:hover,
.lior-app .table tbody tr:hover {
    background: var(--lior-primary-softer);
}

.lior-app .tabbanner {
    gap: 6px;
    padding: 6px;
}

.lior-app .tabbanner li a,
.lior-app .historytab .tabbanner li a {
    padding: 10px 16px;
    border-radius: 9px !important;
}

.lior-app .innerpagegrid .tabbanner li a.active,
.lior-app .tabbanner li a.active {
    color: var(--lior-primary-dark) !important;
    border-bottom: 0 !important;
    background: var(--lior-primary-soft) !important;
    font-weight: 800;
}

.lior-app .progress {
    overflow: hidden;
    border-radius: 999px;
    background: #e8f0f0;
}

.lior-app .progress-bar {
    background-color: var(--lior-primary);
}

.lior-app .pagination {
    gap: 5px;
}

.lior-app .pagination .page-link {
    min-width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--lior-ink);
    border-color: var(--lior-border);
    border-radius: 9px !important;
    background: #fff;
}

.lior-app .pagination .page-item.active .page-link,
.lior-app .pagination .page-link:hover {
    color: #fff;
    border-color: var(--lior-primary);
    background: var(--lior-primary);
}

.lior-app .modal-content {
    border: 1px solid var(--lior-border);
    border-radius: var(--lior-radius);
    box-shadow: 0 24px 70px rgba(12, 48, 50, .22);
}

.lior-app .modal-header,
.lior-app .modal-footer {
    border-color: var(--lior-border);
}

.lior-app .badge {
    border-radius: 999px;
    padding: .45em .75em;
}

/* Public site and authentication */
.lior-public .homebannerbg .h1 {
    letter-spacing: -0.035em;
}

.lior-public .coinsbox,
.lior-public .feature .boxbg,
.lior-public .coinpricebox,
.lior-public .contactbox,
.lior-public .tabboxbg,
.lior-public .whiteboxbg,
.lior-public .applycardbg .card {
    border: 1px solid var(--lior-border);
    border-radius: var(--lior-radius);
    background: var(--lior-surface);
    box-shadow: var(--lior-shadow-sm);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lior-public .feature .boxbg,
.lior-public .applycardbg .card {
    overflow: hidden;
}

.lior-public .feature .boxbg:hover,
.lior-public .applycardbg .card:hover,
.lior-public .coinpricebox:hover {
    transform: translateY(-3px);
    border-color: rgba(8, 189, 183, .30);
    box-shadow: var(--lior-shadow);
}

/* Keep feature-card hover content readable over the shared surface override. */
.lior-public .feature .boxbg:hover {
    background: linear-gradient(135deg, #22d2cc 0%, var(--lior-primary) 58%, #079c97 100%);
}

.lior-public .feature .boxbg:hover .h5,
.lior-public .feature .boxbg:hover p,
.lior-public .feature .boxbg:hover .content {
    color: #fff;
}

.lior-public .faq .accordion-item {
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid var(--lior-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(19, 67, 69, .05);
}

.lior-public .faq .accordion-button,
.lior-public .faq .accordion-button:not(.collapsed) {
    margin-top: 0;
    border-radius: 0;
}

.lior-public .faq .accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, #18c9c3, #079f9a);
}

.lior-public .footer-gray-bg {
    position: relative;
}

.lior-modern .footer-gray-bg p,
.lior-modern .footer-gray-bg .content,
.lior-modern footer .ftext {
    color: #fff;
}

.lior-auth .login-form {
    border: 1px solid var(--lior-border);
    border-radius: var(--lior-radius);
    box-shadow: var(--lior-shadow);
}

.lior-auth .login-form .heading-title {
    border-color: var(--lior-border);
}

.lior-auth .notestitle {
    color: var(--lior-ink);
    border-color: rgba(8, 189, 183, .18);
    background: var(--lior-primary-soft);
}

@media (max-width: 991.98px) {
    .lior-public .headbg .navbg,
    .lior-app .headbg .container {
        border-radius: 18px;
    }

    .lior-app .gridparentbox {
        padding-top: 26px;
    }

    .lior-app .contentbox,
    .lior-app .contentpanel,
    .lior-app .tablepanelbox {
        padding: 20px;
    }
}

@media (max-width: 767.98px) {
    .lior-modern {
        --lior-radius: 14px;
        --lior-radius-lg: 18px;
    }

    .lior-app .contentbox,
    .lior-app .contentpanel,
    .lior-app .tablepanelbox,
    .lior-app .heading-box {
        padding: 16px;
    }

    .lior-app .tabbanner {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .lior-app .tabbanner::-webkit-scrollbar {
        display: none;
    }

    .lior-app .tabbanner li a,
    .lior-app .historytab .tabbanner li a {
        white-space: nowrap;
    }

    .lior-auth .login-form {
        box-shadow: var(--lior-shadow-sm);
    }

    .lior-app .profile-phone-input {
        grid-template-columns: 1fr;
    }

}

/* Portfolio dark mode. */
html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody tr,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .sitetable tbody tr,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable tr:last-child {
    color: #dcefed !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody tr:nth-child(even),
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .sitetable tbody tr:nth-child(even) {
    background: #132e2b !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody tr:hover,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .sitetable tbody tr:hover {
    background: #183936 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody td,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .sitetable tbody td,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable table tr th {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .13) !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody td:first-child a {
    color: #74dfd9 !important;
    font-weight: 700;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody td:first-child a:hover,
html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table tbody td:first-child a:focus {
    color: #a0f3ef !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio-market-table .cflag {
    border: 1px solid rgba(83, 218, 210, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 5px 14px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .lior-app .portfolio-page .portfolio3dchart,
html[data-theme="dark"] .lior-app .portfolio-page .buysellchartbox,
html[data-theme="dark"] .lior-app .portfolio-page .portfolio3dchart .highcharts-figure,
html[data-theme="dark"] .lior-app .portfolio-page .buysellchartbox .highcharts-figure,
html[data-theme="dark"] .lior-app .portfolio-page #container,
html[data-theme="dark"] .lior-app .portfolio-page #portfolioinstantchart {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-background,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-plot-background,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-plot-border {
    fill: transparent !important;
    stroke: transparent !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-grid-line {
    stroke: rgba(104, 209, 201, .13) !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-axis-line,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-tick {
    stroke: rgba(104, 209, 201, .2) !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-title,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-axis-title,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-axis-labels text,
html[data-theme="dark"] .lior-app .portfolio-page .highcharts-legend-item text {
    color: #bcd4d1 !important;
    fill: #bcd4d1 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-tooltip-box {
    fill: #102825 !important;
    stroke: rgba(83, 218, 210, .32) !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-tooltip text {
    fill: #effbfa !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-button-box {
    fill: #132e2b !important;
    stroke: rgba(83, 218, 210, .18) !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .highcharts-button-symbol {
    stroke: #8edfd9 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .lrbox,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .table-responsive {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .btn-outline-success,
html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .btn-outline-danger {
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app .portfolio-page .portfoliopertable .btn:disabled {
    color: #66807e !important;
    border-color: rgba(104, 217, 208, .13) !important;
    background: #0a1d1b !important;
    opacity: .76;
}

/* CFP leave, Booklet, and Toolkit modal headers. */
html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-content,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-content {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: linear-gradient(145deg, #102825, #0a1d1b) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .44);
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-header,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-header {
    position: relative;
    min-height: 68px;
    padding: 20px 64px 17px;
    border-bottom: 1px solid rgba(83, 218, 210, .14) !important;
    background: #112b28 !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-header .modal-title,
html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-header .modal-title span,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-header .modal-title,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-header .modal-title span {
    color: #effbfa !important;
    font-weight: 800;
    text-shadow: none;
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-header .close,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-header .close {
    top: 14px !important;
    right: 16px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0 !important;
    color: #70e2dc !important;
    border: 1px solid rgba(83, 218, 210, .26) !important;
    border-radius: 50%;
    background: #173835 !important;
    line-height: 1 !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-header .close:hover,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-header .close:hover {
    color: #031b19 !important;
    border-color: #50ded7 !important;
    background: #50ded7 !important;
    transform: rotate(4deg);
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-body,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-body {
    color: #c9dedc !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-body p,
html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-body b,
html[data-theme="dark"] .lior-app #booklet_Modal .modal-body p {
    color: #c9dedc !important;
}

html[data-theme="dark"] .lior-app #booklet_Modal .modal-body p {
    margin-bottom: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(83, 218, 210, .12);
    border-radius: 10px;
    background: #112b28 !important;
}

html[data-theme="dark"] .lior-app #booklet_Modal .modal-body a {
    color: #70e2dc !important;
    font-weight: 700;
}

html[data-theme="dark"] .lior-app #Cfp_status_Releave_Modal .modal-footer {
    border-top-color: rgba(83, 218, 210, .13) !important;
    background: #0c211f !important;
}

/* Instant Buy dark mode. */
html[data-theme="dark"] .lior-app .instant-buy-page > .flexbox:first-child > .panelcontentbox:first-child,
html[data-theme="dark"] .lior-app .instant-buy-page .historytab,
html[data-theme="dark"] .lior-app .instant-buy-page .historytab .tabbanner,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .siteformbg {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .historytab .tabbanner .nav-link {
    color: #9fb8b6 !important;
    border-color: transparent !important;
    background: #112b28 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .historytab .tabbanner .nav-link:hover,
html[data-theme="dark"] .lior-app .instant-buy-page .historytab .tabbanner .nav-link:focus {
    color: #67e2dc !important;
    background: #173835 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .historytab .tabbanner .nav-link.active {
    color: #72e7e1 !important;
    border-bottom-color: #32d5ce !important;
    background: rgba(8, 189, 183, .15) !important;
}

.lior-app .instant-buy-page .instant-buy-payment-message {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 6px 14px;
    padding: 13px 42px 13px 14px;
}

.lior-app .instant-buy-page .instant-buy-payment-message-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #087f7a;
    background: rgba(8, 189, 183, .14);
}

.lior-app .instant-buy-page .instant-buy-payment-message-copy {
    min-width: 0;
    font-weight: 700;
    line-height: 1.45;
}

html[data-theme="dark"] .lior-app .instant-buy-page .instant-buy-payment-message {
    color: #91e7c1 !important;
    border: 1px solid rgba(68, 213, 157, .28) !important;
    background: linear-gradient(135deg, rgba(26, 119, 84, .22), rgba(10, 45, 38, .92)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 8px 24px rgba(0, 0, 0, .17);
}

html[data-theme="dark"] .lior-app .instant-buy-page .instant-buy-payment-message-icon {
    color: #83edbd !important;
    border: 1px solid rgba(92, 226, 171, .2);
    background: rgba(45, 181, 128, .16) !important;
    box-shadow: 0 0 16px rgba(64, 213, 157, .12);
}

html[data-theme="dark"] .lior-app .instant-buy-page .instant-buy-payment-message .btn-close {
    filter: invert(1) grayscale(1) brightness(1.65);
    opacity: .75;
}

html[data-theme="dark"] .lior-app #order-cfrm .modal-content,
html[data-theme="dark"] .lior-app #buyorder .modal-content {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .18) !important;
    background: #0d211f !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

html[data-theme="dark"] .lior-app #order-cfrm .modal-header,
html[data-theme="dark"] .lior-app #buyorder .modal-header {
    border-bottom-color: rgba(83, 218, 210, .14) !important;
    background: linear-gradient(135deg, #14312e 0%, #0d211f 75%) !important;
}

html[data-theme="dark"] .lior-app #order-cfrm .modal-title,
html[data-theme="dark"] .lior-app #order-cfrm .instantorder .h6,
html[data-theme="dark"] .lior-app #order-cfrm .instantorder .h5,
html[data-theme="dark"] .lior-app #buyorder .modal-title,
html[data-theme="dark"] .lior-app #buyorder .instantorder,
html[data-theme="dark"] .lior-app #buyorder .instantorder .t-black {
    color: #e9f8f7 !important;
}

html[data-theme="dark"] .lior-app #order-cfrm .graybg,
html[data-theme="dark"] .lior-app #buyorder .graybg {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app #buyorder #confirmResult:not(:empty) {
    margin-bottom: 10px;
    padding: 10px 12px;
    color: #91e7c1 !important;
    border: 1px solid rgba(68, 213, 157, .24);
    border-radius: 9px;
    background: rgba(26, 119, 84, .2) !important;
    font-weight: 700;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .input-group {
    border-radius: 9px;
    box-shadow: 0 0 0 1px rgba(83, 218, 210, .16);
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .inst-drp {
    color: #dff5f3 !important;
    border-color: rgba(83, 218, 210, .32) !important;
    background: #102825 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .inst-drp:hover,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .inst-drp:focus-within,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .inst-drp.show {
    border-color: rgba(83, 218, 210, .62) !important;
    background: #153330 !important;
    box-shadow: 0 0 0 3px rgba(8, 189, 183, .1);
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .form-control,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .input-group-text {
    color: #effbfa !important;
    border-color: rgba(83, 218, 210, .16) !important;
    background: #071816 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-toggle {
    color: #dff5f3 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-toggle::after {
    border-top-color: #73dcd6 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-menu,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .drp-scroll,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .simplebar-content {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .16) !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-menu .dropdown-item {
    color: #bfd6d3 !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-menu .dropdown-item:focus,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .dropdown-menu .dropdown-item:active {
    color: #effbfa !important;
    background: rgba(8, 189, 183, .17) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .tabrightbox p,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .instant-details p,
html[data-theme="dark"] .lior-app .instant-buy-page .inst-content .t-gray {
    color: #91aaa8 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .buysellchartbox,
html[data-theme="dark"] .lior-app .instant-buy-page #instantchart {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page .buysellchartbox > .heading-box {
    color: #e9f8f7 !important;
    border-bottom-color: rgba(83, 218, 210, .14) !important;
    background: linear-gradient(180deg, #132d2a 0%, #0e2321 100%) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-background,
html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-plot-background,
html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-plot-border {
    fill: transparent !important;
    stroke: transparent !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-grid-line {
    stroke: rgba(104, 209, 201, .13) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-axis-line,
html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-tick {
    stroke: rgba(104, 209, 201, .2) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-axis-title,
html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-axis-labels text {
    color: #a9c4c1 !important;
    fill: #a9c4c1 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-tooltip-box {
    fill: #102825 !important;
    stroke: rgba(83, 218, 210, .32) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-tooltip text {
    fill: #effbfa !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-button-box {
    fill: #132e2b !important;
    stroke: rgba(83, 218, 210, .18) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-button-symbol {
    stroke: #8edfd9 !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-legend-box {
    fill: rgba(16, 40, 37, .92) !important;
    stroke: rgba(83, 218, 210, .2) !important;
}

html[data-theme="dark"] .lior-app .instant-buy-page #instantchart .highcharts-legend-item text {
    color: #bcd4d1 !important;
    fill: #bcd4d1 !important;
}

/* Wallet and deposit pages: legacy cards, scrolling and chart surfaces. */
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner .simplebar-content,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner .simplebar-content-wrapper {
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner li > .nav-link.panelcontentbox {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .14) !important;
    background: linear-gradient(145deg, #112b28 0%, #0c211f 100%) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner li > .nav-link.panelcontentbox:hover {
    border-color: rgba(83, 218, 210, .4) !important;
    background: linear-gradient(145deg, #163633 0%, #102825 100%) !important;
    transform: translateY(-1px);
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner li h2,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner li h2 * {
    color: #e8f7f6 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner li hr {
    border-color: rgba(83, 218, 210, .18) !important;
    opacity: 1;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table tbody,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table tr,
html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table td {
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table td {
    color: #91aaa8 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .tabbanner table tr > td:last-child {
    color: #dff5f3 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .simplebar-track.vertical {
    width: 9px;
    border-radius: 999px;
    background: rgba(5, 19, 17, .72) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .simplebar-scrollbar::before {
    right: 1px;
    left: 1px;
    opacity: .88 !important;
    background: linear-gradient(180deg, #55ddd6, #258f89) !important;
    box-shadow: 0 0 8px rgba(65, 214, 207, .24);
}

html[data-theme="dark"] .lior-app .walletpagebg .balancedirectbox h4 {
    color: #e4f5f3 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg .balancedirectbox h5 {
    color: #91aaa8 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-container,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart svg {
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-background,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-plot-background,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-plot-border {
    fill: transparent !important;
    stroke: transparent !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-grid-line {
    stroke: rgba(104, 209, 201, .13) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-axis-line,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-tick {
    stroke: rgba(104, 209, 201, .2) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-axis-title,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-axis-labels text,
html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-legend-item text {
    color: #a9c4c1 !important;
    fill: #a9c4c1 !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-tooltip-box {
    fill: #102825 !important;
    stroke: rgba(83, 218, 210, .32) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-tooltip text {
    color: #effbfa !important;
    fill: #effbfa !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-button-box {
    fill: #132e2b !important;
    stroke: rgba(83, 218, 210, .18) !important;
}

html[data-theme="dark"] .lior-app .walletpagebg #transactionchart .highcharts-button-symbol {
    stroke: #8edfd9 !important;
}

html[data-theme="dark"] .lior-app .depositpagebg > .flexboxtable > .panelcontentbox:first-child,
html[data-theme="dark"] .lior-app .depositpagebg > .flexboxtable > .panelcontentbox:first-child .innerpagetab,
html[data-theme="dark"] .lior-app .depositpagebg > .flexboxtable > .panelcontentbox:first-child .tabbanner {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link {
    color: #b8cfcc !important;
    border: 1px solid rgba(83, 218, 210, .13) !important;
    background: #132d2a !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link > div,
html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link > div:last-child {
    color: inherit !important;
}

html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link:hover,
html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link:focus {
    color: #e7f8f6 !important;
    border-color: rgba(83, 218, 210, .4) !important;
    background: #173835 !important;
}

html[data-theme="dark"] .lior-app .depositpagebg .tabbanner li .nav-link.active {
    color: #effbfa !important;
    border-color: #32d5ce !important;
    background: linear-gradient(135deg, rgba(8, 189, 183, .24), #14312e) !important;
    box-shadow: 0 0 0 3px rgba(8, 189, 183, .08) !important;
}

/* Merchant tools, button builders, examples, IPN, API, invoice and POS pages. */
html[data-theme="dark"] .lior-app .toolsboxinner > div:first-child,
html[data-theme="dark"] .lior-app .buttonmakerbg,
html[data-theme="dark"] .lior-app .buttonmakerbg .examplebtnbg,
html[data-theme="dark"] .lior-app .buttonmakerbg .examplecodebg,
html[data-theme="dark"] .lior-app .buttonmakerbg .ipnbg,
html[data-theme="dark"] .lior-app .buttonmakerbg.posPost,
html[data-theme="dark"] .lior-app .apipagebg .apibanner,
html[data-theme="dark"] .lior-app .apipagebg .apilistcontent,
html[data-theme="dark"] .lior-app .apipagebg .sc-sp-data-dis {
    color: #c8ddda !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .toolsboxinner > div:first-child {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="dark"] .lior-app .toolsboxinner > div:first-child:hover {
    border-color: rgba(83, 218, 210, .32) !important;
    background: linear-gradient(145deg, #14312e 0%, #0d2421 100%) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .3), 0 0 0 1px rgba(83, 218, 210, .05);
}

html[data-theme="dark"] .lior-app .toolsbox .h3,
html[data-theme="dark"] .lior-app .toolsbox h3,
html[data-theme="dark"] .lior-app .buttonmakerbg h1,
html[data-theme="dark"] .lior-app .buttonmakerbg h2,
html[data-theme="dark"] .lior-app .buttonmakerbg h3,
html[data-theme="dark"] .lior-app .buttonmakerbg h4,
html[data-theme="dark"] .lior-app .buttonmakerbg h5,
html[data-theme="dark"] .lior-app .buttonmakerbg h6,
html[data-theme="dark"] .lior-app .buttonmakerbg .subt-t,
html[data-theme="dark"] .lior-app .apibanner h4,
html[data-theme="dark"] .lior-app .apibanner b,
html[data-theme="dark"] .lior-app .apibanner strong {
    color: #e8f7f6 !important;
}

html[data-theme="dark"] .lior-app .toolsbox p,
html[data-theme="dark"] .lior-app .buttonmakerbg p,
html[data-theme="dark"] .lior-app .buttonmakerbg li,
html[data-theme="dark"] .lior-app .buttonmakerbg .content,
html[data-theme="dark"] .lior-app .apibanner p,
html[data-theme="dark"] .lior-app .apibanner ul {
    color: #9eb8b6 !important;
}

html[data-theme="dark"] .lior-app .toolsbox hr,
html[data-theme="dark"] .lior-app .buttonmakerbg hr,
html[data-theme="dark"] .lior-app .apibanner hr,
html[data-theme="dark"] .lior-app .apibanner .trustapibox {
    border-color: rgba(83, 218, 210, .14) !important;
}

html[data-theme="dark"] .lior-app .toolsbox .viewmorebtn,
html[data-theme="dark"] .lior-app .toolsbox .toollist li a,
html[data-theme="dark"] .lior-app .toolsbox .toollist li a i,
html[data-theme="dark"] .lior-app .buttonmakerbg a:not(.btn),
html[data-theme="dark"] .lior-app .buttonmakerbg .listsetup li a,
html[data-theme="dark"] .lior-app .apibanner .listsetup li a {
    color: #62ddd7 !important;
}

html[data-theme="dark"] .lior-app .toolsbox .viewmorebtn:hover,
html[data-theme="dark"] .lior-app .toolsbox .toollist li a:hover,
html[data-theme="dark"] .lior-app .buttonmakerbg a:not(.btn):hover,
html[data-theme="dark"] .lior-app .buttonmakerbg .listsetup li a:hover,
html[data-theme="dark"] .lior-app .apibanner .listsetup li a:hover,
html[data-theme="dark"] .lior-app .apibanner .listsetup li a:focus {
    color: #8af0eb !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .table-responsive,
html[data-theme="dark"] .lior-app .buttonmakerbg .simplebar-content-wrapper,
html[data-theme="dark"] .lior-app .buttonmakerbg .simplebar-content,
html[data-theme="dark"] .lior-app .apibanner .table-responsive {
    color: #c8ddda !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg table,
html[data-theme="dark"] .lior-app .buttonmakerbg table tbody,
html[data-theme="dark"] .lior-app .buttonmakerbg table tfoot,
html[data-theme="dark"] .lior-app .buttonmakerbg table tr,
html[data-theme="dark"] .lior-app .apibanner table,
html[data-theme="dark"] .lior-app .apibanner table tbody,
html[data-theme="dark"] .lior-app .apibanner table tr {
    color: #c8ddda !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg table td,
html[data-theme="dark"] .lior-app .buttonmakerbg table th,
html[data-theme="dark"] .lior-app .apibanner table td,
html[data-theme="dark"] .lior-app .apibanner table th {
    color: #c8ddda !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg table thead th,
html[data-theme="dark"] .lior-app .buttonmakerbg table tbody tr > th[colspan],
html[data-theme="dark"] .lior-app .apibanner table thead th {
    color: #e8f7f6 !important;
    background: #12312e !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg table tbody tr:hover td,
html[data-theme="dark"] .lior-app .buttonmakerbg table tbody tr:hover th,
html[data-theme="dark"] .lior-app .apibanner table tbody tr:hover td {
    background: rgba(8, 189, 183, .07) !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg label {
    color: #cfe3e1 !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .form-control,
html[data-theme="dark"] .lior-app .buttonmakerbg .form-select,
html[data-theme="dark"] .lior-app .buttonmakerbg select,
html[data-theme="dark"] .lior-app .buttonmakerbg textarea,
html[data-theme="dark"] .lior-app .examplebtnbg textarea.form-control {
    color: #e7f6f5 !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: #071816 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .form-control:focus,
html[data-theme="dark"] .lior-app .buttonmakerbg .form-select:focus,
html[data-theme="dark"] .lior-app .buttonmakerbg select:focus,
html[data-theme="dark"] .lior-app .buttonmakerbg textarea:focus {
    border-color: #36cbc4 !important;
    box-shadow: 0 0 0 3px rgba(8, 189, 183, .12) !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .form-control[readonly],
html[data-theme="dark"] .lior-app .buttonmakerbg .form-control:disabled {
    color: #9eb8b6 !important;
    background: #0b211f !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg pre,
html[data-theme="dark"] .lior-app .apibanner pre {
    color: #cce2df !important;
    border: 1px solid rgba(83, 218, 210, .16) !important;
    background: #071816 !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg code,
html[data-theme="dark"] .lior-app .apibanner code {
    color: #8de5df !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: rgba(8, 189, 183, .1) !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .simplebar-track,
html[data-theme="dark"] .lior-app .apibanner .simplebar-track {
    border-radius: 999px;
    background: rgba(5, 19, 17, .72) !important;
}

html[data-theme="dark"] .lior-app .buttonmakerbg .simplebar-scrollbar::before,
html[data-theme="dark"] .lior-app .apibanner .simplebar-scrollbar::before {
    opacity: .86 !important;
    background: linear-gradient(180deg, #55ddd6, #258f89) !important;
}

html[data-theme="dark"] .lior-app .apipagebg .apiciontenttext {
    border-right-color: rgba(83, 218, 210, .14) !important;
    background: #0b201e !important;
}

html[data-theme="dark"] .lior-app .apipagebg .apilistcontent .trustapibox {
    padding-right: 10px;
}

/* Bootstrap feedback and every Toast Magic theme remain readable in dark mode. */
html[data-theme="dark"] .lior-app .alert-success {
    color: #91e7c1 !important;
    border-color: rgba(68, 213, 157, .25) !important;
    background: rgba(26, 119, 84, .2) !important;
}

html[data-theme="dark"] .lior-app .alert-info {
    color: #8de7e2 !important;
    border-color: rgba(83, 218, 210, .25) !important;
    background: rgba(8, 125, 121, .2) !important;
}

html[data-theme="dark"] .lior-app .alert-warning {
    color: #ebce91 !important;
    border-color: rgba(231, 189, 118, .24) !important;
    background: rgba(153, 101, 28, .17) !important;
}

html[data-theme="dark"] .lior-app .alert-danger {
    color: #ffadb3 !important;
    border-color: rgba(244, 107, 119, .24) !important;
    background: rgba(168, 63, 71, .18) !important;
}

html[data-theme="dark"] body.lior-app .toast-container .toast-item {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .22) !important;
    background: linear-gradient(145deg, #132d2a 0%, #0b201e 100%) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .48) !important;
}

html[data-theme="dark"] body.lior-app .toast-container .toast-body h4 {
    color: #effbfa !important;
}

html[data-theme="dark"] body.lior-app .toast-container .toast-body p {
    color: #9fb8b6 !important;
}

/* Gold Plan and LiorS Collateral product pages. */
html[data-theme="dark"] body.lior-app .product-page,
html[data-theme="dark"] body.lior-app .collateral-page {
    color: #d5e8e6 !important;
    background: #071614 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-tab,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-tab {
    color: #a9c1be !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-tab:hover,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-tab:hover {
    color: #e9f8f7 !important;
    border-color: rgba(83, 218, 210, .42) !important;
    background: #173835 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-tab.active,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-tab.active {
    color: #fff !important;
    border-color: #31c9c2 !important;
    background: linear-gradient(135deg, #087d73, #07594f) !important;
    box-shadow: 0 7px 20px rgba(8, 189, 183, .18);
}

html[data-theme="dark"] body.lior-app .product-page .product-tab .badge,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-tab .badge {
    color: #bce4e1 !important;
    background: #173835 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-tab.active .badge,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-tab.active .badge {
    color: #075f5b !important;
    background: #dff7f4 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-card,
html[data-theme="dark"] body.lior-app .product-page .contract,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-card,
html[data-theme="dark"] body.lior-app .collateral-page .record {
    color: #c9dddb !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #0e2321 !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-card h3,
html[data-theme="dark"] body.lior-app .product-page .contract h3,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-card h3,
html[data-theme="dark"] body.lior-app .collateral-page .record h3 {
    color: #e9f8f7 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-card p,
html[data-theme="dark"] body.lior-app .product-page .text-muted,
html[data-theme="dark"] body.lior-app .collateral-page .collateral-card p,
html[data-theme="dark"] body.lior-app .collateral-page .text-muted,
html[data-theme="dark"] body.lior-app .collateral-page .hint {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-icon,
html[data-theme="dark"] body.lior-app .collateral-page .balance-card {
    color: #67e2dc !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #163633 !important;
}

html[data-theme="dark"] body.lior-app .product-page .tier-box,
html[data-theme="dark"] body.lior-app .product-page .product-summary,
html[data-theme="dark"] body.lior-app .product-page .contract-stat,
html[data-theme="dark"] body.lior-app .product-page .result-box,
html[data-theme="dark"] body.lior-app .collateral-page .quote-box,
html[data-theme="dark"] body.lior-app .collateral-page .record-stat,
html[data-theme="dark"] body.lior-app .collateral-page .formula-note {
    color: #b9cfcd !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .product-page .tier-box strong,
html[data-theme="dark"] body.lior-app .product-page .summary-row strong,
html[data-theme="dark"] body.lior-app .product-page .contract-stat strong,
html[data-theme="dark"] body.lior-app .product-page .result-box strong,
html[data-theme="dark"] body.lior-app .collateral-page .quote-box strong,
html[data-theme="dark"] body.lior-app .collateral-page .record-stat strong,
html[data-theme="dark"] body.lior-app .collateral-page .balance-card strong {
    color: #e2f3f1 !important;
}

html[data-theme="dark"] body.lior-app .product-page .tier-box span,
html[data-theme="dark"] body.lior-app .product-page .summary-row,
html[data-theme="dark"] body.lior-app .product-page .contract-stat small,
html[data-theme="dark"] body.lior-app .product-page .result-box small,
html[data-theme="dark"] body.lior-app .collateral-page .quote-box small,
html[data-theme="dark"] body.lior-app .collateral-page .record-stat small,
html[data-theme="dark"] body.lior-app .collateral-page .balance-card small {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .product-page .tier-option input:checked + .tier-box {
    color: #e9f8f7 !important;
    border-color: #31c9c2 !important;
    background: rgba(8, 189, 183, .14) !important;
    box-shadow: 0 0 0 3px rgba(8, 189, 183, .08) !important;
}

html[data-theme="dark"] body.lior-app .collateral-page .type-switch {
    border: 1px solid rgba(83, 218, 210, .13) !important;
    background: #091d1b !important;
}

html[data-theme="dark"] body.lior-app .collateral-page .type-switch button {
    color: #91aaa8 !important;
    background: transparent !important;
}

html[data-theme="dark"] body.lior-app .collateral-page .type-switch button.active {
    color: #68e2dc !important;
    background: #163633 !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .24) !important;
}

html[data-theme="dark"] body.lior-app .product-page .form-control,
html[data-theme="dark"] body.lior-app .product-page .form-select,
html[data-theme="dark"] body.lior-app .collateral-page .form-control,
html[data-theme="dark"] body.lior-app .collateral-page .form-select,
html[data-theme="dark"] body.lior-app .collateral-page .input-group-text {
    color: #e7f6f5 !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: #071816 !important;
}

html[data-theme="dark"] body.lior-app .product-page .product-btn-light {
    color: #69e1db !important;
    border-color: rgba(83, 218, 210, .34) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .product-page .progress,
html[data-theme="dark"] body.lior-app .collateral-page .progress {
    background: #071816 !important;
}

html[data-theme="dark"] body.lior-app .product-page .status-pill,
html[data-theme="dark"] body.lior-app .collateral-page .status-pill {
    color: #72e2da !important;
    background: rgba(8, 189, 183, .13) !important;
}

html[data-theme="dark"] body.lior-app .product-page .alert-clean,
html[data-theme="dark"] body.lior-app .collateral-page .alert-clean {
    color: #ffadb3 !important;
    border-color: rgba(244, 107, 119, .24) !important;
    background: rgba(168, 63, 71, .18) !important;
}

/* Online gift cards and brand detail. */
html[data-theme="dark"] body.lior-app .virtualcardsec .panelcontentbox,
html[data-theme="dark"] body.lior-app .virtualcardsec .contentbox,
html[data-theme="dark"] body.lior-app .virtualcardsec .siteformbg {
    color: #d5e8e6 !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] body.lior-app .virtualcardsec .giftcard_div,
html[data-theme="dark"] body.lior-app .virtualcardsec .purchasedcardiv {
    color: #e5f5f3 !important;
    border: 1px solid rgba(83, 218, 210, .14) !important;
    background: #102825 !important;
    box-shadow: 0 9px 24px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] body.lior-app .virtualcardsec .virtualboxinner a:hover .giftcard_div {
    border-color: rgba(83, 218, 210, .48) !important;
    background: #163633 !important;
    transform: translateY(-2px);
}

html[data-theme="dark"] body.lior-app .virtualcardsec .giftcard_div .h4,
html[data-theme="dark"] body.lior-app .virtualcardsec .purchasedcardiv .h4,
html[data-theme="dark"] body.lior-app .virtualcardsec .h3 {
    color: #e7f6f5 !important;
}

html[data-theme="dark"] body.lior-app .virtualcardsec .giftcard_img {
    border-bottom: 1px solid rgba(83, 218, 210, .12);
    background: #071816 !important;
}

html[data-theme="dark"] body.lior-app .virtualcardsec .form-control,
html[data-theme="dark"] body.lior-app .virtualcardsec .form-select {
    color: #e7f6f5 !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: #071816 !important;
}

html[data-theme="dark"] body.lior-app .virtualcardsec .paymentprocess {
    color: #bcd1cf !important;
    border: 1px solid rgba(83, 218, 210, .14);
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .virtualcardsec .paymentprocess p {
    color: #a8c0bd !important;
}

html[data-theme="dark"] body.lior-app #payModal .modal-content {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .18) !important;
    background: #0d211f !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

html[data-theme="dark"] body.lior-app #payModal .modal-header,
html[data-theme="dark"] body.lior-app #payModal .modal-footer {
    border-color: rgba(83, 218, 210, .14) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app #payModal .modal-title,
html[data-theme="dark"] body.lior-app #payModal .h2,
html[data-theme="dark"] body.lior-app #payModal .h4,
html[data-theme="dark"] body.lior-app #payModal .h5,
html[data-theme="dark"] body.lior-app #payModal .repaydetails p,
html[data-theme="dark"] body.lior-app #payModal .paymodalfinaldiv h2 {
    color: #e9f8f7 !important;
}

html[data-theme="dark"] body.lior-app #payModal .repaydetails {
    border-color: rgba(83, 218, 210, .14) !important;
    background: #102825 !important;
}

/* Notification list and lending notification details. */
html[data-theme="dark"] body.lior-app .notification-page,
html[data-theme="dark"] body.lior-app .lending-notification-page {
    color: #d5e8e6 !important;
    background: #071614 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-heading p {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-read-all {
    color: #66e0da !important;
    border-color: rgba(83, 218, 210, .3) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-read-all:hover {
    color: #071614 !important;
    border-color: #55ddd6 !important;
    background: #55ddd6 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-success {
    color: #91e7c1 !important;
    border-color: rgba(68, 213, 157, .25) !important;
    background: rgba(26, 119, 84, .2) !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-filters {
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0b201e !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-filters a {
    color: #a8c0bd !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-filters a:hover {
    color: #e9f8f7 !important;
    background: #163633 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-filters a.active {
    color: #fff !important;
    background: #087d73 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-filters a span {
    color: #75e3dd !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-card {
    color: #c9dddb !important;
    border-color: rgba(83, 218, 210, .14) !important;
    background: #0e2321 !important;
    box-shadow: 0 9px 26px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-card:hover {
    border-color: rgba(83, 218, 210, .4) !important;
    background: #132d2a !important;
    box-shadow: 0 13px 32px rgba(0, 0, 0, .3) !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-card.is-unread {
    border-left-color: #36d3cb !important;
    background: linear-gradient(105deg, rgba(8, 189, 183, .14), #0e2321 64%) !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-icon {
    color: #65dfd9 !important;
    background: #163633 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-icon.lending {
    color: #91e7c1 !important;
    background: rgba(26, 119, 84, .22) !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-content > strong {
    color: #e7f6f5 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-message,
html[data-theme="dark"] body.lior-app .notification-page .notification-state,
html[data-theme="dark"] body.lior-app .notification-page .notification-bottom {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-type,
html[data-theme="dark"] body.lior-app .notification-page .notification-action {
    color: #67e2dc !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-empty {
    color: #d5e8e6 !important;
    border-color: rgba(83, 218, 210, .26) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-empty > span {
    color: #67e2dc !important;
    background: #163633 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-empty h4 {
    color: #e7f6f5 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-empty p {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-pagination .page-link {
    color: #a8c0bd !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-pagination .page-link:hover {
    color: #e9f8f7 !important;
    border-color: rgba(83, 218, 210, .4) !important;
    background: #173835 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-pagination .page-item.active .page-link {
    color: #fff !important;
    border-color: #31c9c2 !important;
    background: #087d73 !important;
}

html[data-theme="dark"] body.lior-app .notification-page .notification-pagination .page-item.disabled .page-link {
    color: #58716e !important;
    background: #0b201e !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-card {
    color: #d5e8e6 !important;
    border-color: rgba(83, 218, 210, .16) !important;
    background: #0e2321 !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .3) !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-head {
    background: linear-gradient(120deg, #14312e, #0d211f) !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-head h3,
html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-grid strong {
    color: #e7f6f5 !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-head p,
html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-grid small {
    color: #91aaa8 !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-grid > div {
    border-color: rgba(83, 218, 210, .14) !important;
    background: #102825 !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .lending-detail-actions {
    border-top-color: rgba(83, 218, 210, .14) !important;
    background: #0b201e !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .detail-back {
    color: #9eb8b6 !important;
}

html[data-theme="dark"] body.lior-app .lending-notification-page .detail-back:hover {
    color: #67e2dc !important;
    background: #163633 !important;
}

/* Investment and withdrawal pages: complete dark-mode surfaces and controls. */
html[data-theme="dark"] .lior-app .investment-page .invesmentbg,
html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab,
html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab > .tabbanner,
html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab > .tabbanner > .nav-tabs,
html[data-theme="dark"] .lior-app .withdraw-page .panelcontentbox,
html[data-theme="dark"] .lior-app .withdraw-page .innerpagetab,
html[data-theme="dark"] .lior-app .withdraw-page .historytab .tabbanner,
html[data-theme="dark"] .lior-app .withdraw-page .contentpanel,
html[data-theme="dark"] .lior-app .withdraw-page .tab-content,
html[data-theme="dark"] .lior-app .withdraw-page .tab-pane {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab .nav-link,
html[data-theme="dark"] .lior-app .withdraw-page .historytab.wthdrawtab .nav-link {
    color: #b7cdcb !important;
    border-color: transparent !important;
    background: #132d2a !important;
}

html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab .nav-link:hover,
html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab .nav-link:focus,
html[data-theme="dark"] .lior-app .investment-page .invesmentbg > .historytab .nav-link.active,
html[data-theme="dark"] .lior-app .withdraw-page .historytab.wthdrawtab .nav-link:hover,
html[data-theme="dark"] .lior-app .withdraw-page .historytab.wthdrawtab .nav-link:focus {
    color: #67e2dc !important;
    border-bottom-color: #32d5ce !important;
    background: rgba(8, 189, 183, .15) !important;
}

html[data-theme="dark"] .lior-app .withdraw-page > .flexboxtable > .panelcontentbox:first-child .innerpagetab .tabbanner .nav-link {
    color: #b7cdcb !important;
    border: 1px solid rgba(83, 218, 210, .12) !important;
    background: #132d2a !important;
}

html[data-theme="dark"] .lior-app .withdraw-page > .flexboxtable > .panelcontentbox:first-child .innerpagetab .tabbanner .nav-link > div:last-child {
    color: #dff5f3 !important;
}

html[data-theme="dark"] .lior-app .withdraw-page > .flexboxtable > .panelcontentbox:first-child .innerpagetab .tabbanner .nav-link:hover {
    color: #67e2dc !important;
    border-color: rgba(83, 218, 210, .34) !important;
    background: #173835 !important;
}

html[data-theme="dark"] .lior-app .withdraw-page > .flexboxtable > .panelcontentbox:first-child .innerpagetab .tabbanner .nav-link.active {
    color: #eafffe !important;
    border-color: #32d5ce !important;
    background: rgba(8, 189, 183, .2) !important;
    box-shadow: 0 0 0 2px rgba(8, 189, 183, .08), 0 8px 20px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .lior-app .withdraw-page .stoplimtboxt .link-div > div {
    color: #c8dedc !important;
    border-color: rgba(83, 218, 210, .2) !important;
    background: #17312e !important;
}

html[data-theme="dark"] .lior-app .withdraw-page .stoplimtboxt .link-div > div:hover,
html[data-theme="dark"] .lior-app .withdraw-page .stoplimtboxt .link-div > div:focus,
html[data-theme="dark"] .lior-app .withdraw-page .stoplimtboxt .link-div > div.activelimit {
    color: #fff !important;
    border-color: #32d5ce !important;
    background: #087f7a !important;
    box-shadow: 0 5px 14px rgba(8, 189, 183, .18);
}

/* Join CFP invitation card. */
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: linear-gradient(145deg, #102825, #0c201e) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .26) !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-icon {
    color: #67e2dc !important;
    border: 1px solid rgba(83, 218, 210, .18);
    background: #173835 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card h3 {
    color: #effbfa !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card p {
    color: #9fb8b6 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card .siteformbg,
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card .form-group {
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-entry-card label {
    color: #dcefed !important;
    font-weight: 700;
}

html[data-theme="dark"] .lior-app .tonetinelistbg #cfp_invite_link {
    color: #effbfa !important;
    border-color: rgba(83, 218, 210, .23) !important;
    background: #071816 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] .lior-app .tonetinelistbg #cfp_invite_link::placeholder {
    color: #718d8a !important;
    opacity: 1;
}

html[data-theme="dark"] .lior-app .tonetinelistbg #cfp_invite_link:focus {
    border-color: #32d5ce !important;
    box-shadow: 0 0 0 4px rgba(8, 189, 183, .12) !important;
}

/* Join CFP search result. */
.lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg > div {
    display: block !important;
    width: auto !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-found-heading h3 {
    color: #effbfa !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-found-heading p {
    color: #9fb8b6 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid > .cryptopricebox > .panelcontentbox {
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .18) !important;
    border-radius: 16px;
    background: linear-gradient(145deg, #102825, #0c201e) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .h5.t-pres {
    margin-bottom: 12px;
    padding: 10px 12px;
    color: #dcefed !important;
    border: 1px solid rgba(83, 218, 210, .13);
    border-radius: 9px;
    background: rgba(8, 189, 183, .08) !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .h5.t-pres span,
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .tont-alert .h4,
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .tont-alert .h4 b {
    color: #dcefed !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .tont-alert {
    margin-bottom: 9px;
    padding: 9px 12px !important;
    border: 1px solid rgba(83, 218, 210, .11);
    border-radius: 9px;
    background: #112b28 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .tont-alert .input-group {
    margin-top: 7px;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .tont-alert .form-control {
    color: #e8f7f5 !important;
    border-color: rgba(83, 218, 210, .2) !important;
    background: #071816 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 10px 0;
    padding: 0 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg > div {
    display: block !important;
    width: auto !important;
    padding: 12px 14px;
    border: 1px solid rgba(83, 218, 210, .12);
    border-radius: 10px;
    background: #112b28 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg > div:last-child {
    text-align: right;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg h4 {
    color: #8fa9a7 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .pricecryptobg h5 {
    color: #effbfa !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .catogory.blue {
    border: 1px solid rgba(83, 218, 210, .2);
    background: linear-gradient(135deg, #126b65, #0b4c47) !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .catogory h4,
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .catogory .ct-text {
    color: #f1fffe !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .progress {
    height: 10px;
    margin: 12px 0;
    border: 1px solid rgba(83, 218, 210, .14);
    background: #071816 !important;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .3);
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .progress-bar {
    background: linear-gradient(90deg, #078f89, #41d6cf) !important;
    box-shadow: 0 0 12px rgba(65, 214, 207, .35);
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .btonflexbox .borderbtn {
    color: #75e3dd !important;
    border-color: rgba(83, 218, 210, .34) !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .btonflexbox .borderbtn:hover,
html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .btonflexbox .borderbtn:focus {
    color: #031b19 !important;
    border-color: #4ae1da !important;
    background: linear-gradient(135deg, #61e8e1, #22c8c1) !important;
    box-shadow: 0 8px 20px rgba(8, 189, 183, .25);
}

html[data-theme="dark"] .lior-app .tonetinelistbg .cfp-search-result-grid .btonflexbox .borderbtn:disabled {
    color: #66807e !important;
    border-color: rgba(104, 217, 208, .12) !important;
    background: #0c201e !important;
    opacity: .72;
}

/* Compact CFP confirmation and verification modals. */
.lior-app #Cfp_status_Modal .modal-dialog {
    max-width: 620px !important;
}

.lior-app #Cfp_status_Modal .cfp-confirm-body {
    padding: 18px 26px 14px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-heading {
    margin-bottom: 14px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-shield {
    width: 60px;
    height: 60px;
    font-size: 27px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-heading h2 {
    font-size: 24px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-heading p {
    font-size: 15px;
}

.lior-app #Cfp_status_Modal .cfp-balance-panel {
    padding: 12px 16px;
}

.lior-app #Cfp_status_Modal .cfp-balance-panel .cfp-confirm-icon {
    width: 48px;
    height: 48px;
    font-size: 21px;
}

.lior-app #Cfp_status_Modal .cfp-balance-copy strong {
    font-size: 25px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-row {
    min-height: 52px;
    margin-top: 8px;
    padding: 7px 14px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-icon {
    width: 40px;
    height: 40px;
    font-size: 17px;
}

.lior-app #Cfp_status_Modal .cfp-confirm-actions {
    padding: 13px 26px 15px;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal {
    background: rgba(1, 12, 11, .72) !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-join-confirmation,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-modal {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: linear-gradient(145deg, #102825, #0a1d1b) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .48) !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-heading h2,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-header .modal-title,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-label,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-value {
    color: #effbfa !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-heading p,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-header p,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-total .cfp-confirm-label small,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-balance-copy > span {
    color: #9fb8b6 !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-shield,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-icon,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-icon {
    color: #67e2dc !important;
    border: 1px solid rgba(83, 218, 210, .15);
    background: #173835 !important;
    box-shadow: 0 7px 17px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-balance-panel,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-row {
    color: #dcefed !important;
    border-color: rgba(83, 218, 210, .16) !important;
    background: #112b28 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-balance-panel {
    border-color: #1aaea7 !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-balance-copy strong,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-total .cfp-confirm-value {
    color: #67e2dc !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-close,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-close,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-button-secondary {
    color: #75e3dd !important;
    border-color: rgba(83, 218, 210, .3) !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-confirm-actions,
html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-actions {
    border-color: rgba(83, 218, 210, .13) !important;
    background: #0c211f !important;
}

html[data-theme="dark"] .lior-app #Cfp_status_Modal .cfp-code-input {
    color: #effbfa !important;
    border-color: rgba(83, 218, 210, .25) !important;
    background: #061816 !important;
}

@media (max-width: 767.98px) {
    .lior-app #Cfp_status_Modal .modal-dialog {
        width: calc(100% - 20px) !important;
        margin: 10px auto !important;
    }

    .lior-app #Cfp_status_Modal .cfp-confirm-body {
        padding: 20px 16px 14px;
    }

    .lior-app #Cfp_status_Modal .cfp-confirm-actions {
        padding: 14px 16px 16px;
    }
}

/* Dashboard dark-mode refinements */
html[data-theme="dark"] .lior-app .headermenu .headbg ul li > a.nav-link.active,
html[data-theme="dark"] .lior-app .headermenu .headbg ul li > a.nav-link.show,
html[data-theme="dark"] .lior-app .headermenu .headbg ul li.show > a.nav-link,
html[data-theme="dark"] .lior-app .headermenu .headbg ul li > a.nav-link[aria-current="page"] {
    color: #58e5de !important;
    background: rgba(8, 189, 183, .17) !important;
    border-radius: 10px;
    box-shadow: inset 0 -2px 0 rgba(75, 232, 224, .8), 0 0 16px rgba(8, 189, 183, .10);
}

html[data-theme="dark"] .lior-app .headermenu .dropdown-menu .dropdown-item.active {
    color: #58e5de !important;
    background: rgba(8, 189, 183, .17) !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .historytab .tabbanner,
html[data-theme="dark"] .lior-app .dashboardpage .tab-content,
html[data-theme="dark"] .lior-app .dashboardpage .tab-pane,
html[data-theme="dark"] .lior-app .dashboardpage .livepricebox.tontineoverbg,
html[data-theme="dark"] .lior-app .dashboardpage .cryptopriceflex,
html[data-theme="dark"] .lior-app .dashboardpage .owl-stage-outer,
html[data-theme="dark"] .lior-app .dashboardpage .owl-stage,
html[data-theme="dark"] .lior-app .dashboardpage .owl-item {
    border-color: var(--lior-border);
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .historytab .tabbanner {
    border-bottom-color: var(--lior-border);
    background: #0e2321 !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .innerpagetab .tabbanner li a {
    color: #9eb8b6 !important;
    background: transparent !important;
    border-bottom-color: transparent !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .innerpagetab .tabbanner li a.active {
    color: #58e5de !important;
    background: rgba(8, 189, 183, .13) !important;
    border-bottom-color: #32d5ce !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .h5.t-pres,
html[data-theme="dark"] .lior-app .dashboardpage .h5.t-pres span,
html[data-theme="dark"] .lior-app .dashboardpage .tont-alert .h4,
html[data-theme="dark"] .lior-app .dashboardpage .tont-alert .h4 b,
html[data-theme="dark"] .lior-app .dashboardpage .tont-alert .h4 a {
    color: #dcefed !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .h5.t-pres {
    padding: 8px 10px;
    border: 1px solid rgba(76, 214, 206, .13);
    border-radius: 8px;
    background: rgba(8, 189, 183, .07);
}

html[data-theme="dark"] .lior-app .dashboardpage .btonflexbox .borderbtn:hover,
html[data-theme="dark"] .lior-app .dashboardpage .btonflexbox .borderbtn:focus,
html[data-theme="dark"] .lior-app .dashboardpage .institue-listbg .borderbtn:hover,
html[data-theme="dark"] .lior-app .dashboardpage .institue-listbg .borderbtn:focus {
    color: #031b19 !important;
    border-color: #4ae1da !important;
    background: linear-gradient(135deg, #61e8e1 0%, #22c8c1 100%) !important;
    box-shadow: 0 8px 20px rgba(8, 189, 183, .28);
    transform: translateY(-2px);
}

html[data-theme="dark"] .lior-app .dashboardpage .btonflexbox .borderbtn:disabled,
html[data-theme="dark"] .lior-app .dashboardpage .institue-listbg .borderbtn:disabled {
    color: #66807e !important;
    border-color: rgba(104, 217, 208, .12) !important;
    background: #102321 !important;
    box-shadow: none;
    transform: none;
}

html[data-theme="dark"] .lior-app .dashboardpage .dash-member .mb-table {
    color: var(--lior-ink);
    border: 1px solid rgba(83, 218, 210, .16);
    background: linear-gradient(135deg, #102b28 0%, #0a1e1c 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

html[data-theme="dark"] .lior-app .dashboardpage .dash-member .mb-table h4,
html[data-theme="dark"] .lior-app .dashboardpage .dash-member .mb-table h6,
html[data-theme="dark"] .lior-app .dashboardpage .dash-member #dateCount {
    color: #e5f5f3 !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .dash-member .mb-table .coinlisticon {
    padding: 5px;
    border: 1px solid rgba(80, 222, 214, .18);
    border-radius: 50%;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-container,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance svg,
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv,
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv svg {
    background: transparent !important;
}

html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-background,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-plot-background {
    fill: transparent !important;
}

html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-title,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-subtitle,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-axis-labels text,
html[data-theme="dark"] .lior-app .dashboardpage #cryptobalance .highcharts-legend-item text,
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv text,
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv tspan {
    color: #b8d0ce !important;
    fill: #b8d0ce !important;
}

html[data-theme="dark"] .lior-app .dashboardpage #chartdiv line,
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv path[stroke="#000000"],
html[data-theme="dark"] .lior-app .dashboardpage #chartdiv path[stroke="#000"] {
    stroke: rgba(158, 184, 182, .2) !important;
}

html[data-theme="dark"] .lior-app .dashboardpage .progressbg,
html[data-theme="dark"] .lior-app .dashboardpage .progressbg > div {
    color: #dcefed;
}

html[data-theme="dark"] .lior-app .dashboardpage .dash-member .lendinginfobox > .h7,
html[data-theme="dark"] .lior-app .dashboardpage .dash-member .lendinginfobox > .h7 b {
    color: #e5f5f3 !important;
}

/* Dashboard overview: keep the three primary cards aligned as one row. */
@media (min-width: 1081px) {
    .lior-app .dashboardpage .dashboard-overview-row {
        display: grid;
        grid-template-columns: minmax(230px, .8fr) minmax(470px, 1.75fr) minmax(250px, .85fr);
        align-items: stretch;
        gap: 16px;
        width: 100%;
    }

    .lior-app .dashboardpage .dashboard-overview-row > .dashboard-overview-main,
    .lior-app .dashboardpage .dashboard-overview-main > .mb-flex {
        display: contents;
    }

    .lior-app .dashboardpage .dashboard-overview-row > div,
    .lior-app .dashboardpage .dashboard-overview-main > .mb-flex > div {
        width: auto;
        min-width: 0;
        margin: 0;
    }

    .lior-app .dashboardpage .dashboard-lending-stack,
    .lior-app .dashboardpage .dashboard-financial-card,
    .lior-app .dashboardpage .dashboard-membership-column,
    .lior-app .dashboardpage .dashboard-membership-column > .dash-member {
        height: 100%;
    }

    .lior-app .dashboardpage .dashboard-lending-stack {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .lior-app .dashboardpage .dashboard-lending-stack > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .lior-app .dashboardpage .dashboard-financial-card {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .lior-app .dashboardpage .dashboard-financial-card > .tab-content,
    .lior-app .dashboardpage .dashboard-financial-card > .tab-content > .tab-pane,
    .lior-app .dashboardpage .dashboard-financial-card .livepricebox.tontineoverbg {
        flex: 1 1 auto;
        min-width: 0;
    }

    .lior-app .dashboardpage .dashboard-financial-card .btonflexbox {
        grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    }

    .lior-app .dashboardpage .dashboard-financial-card .btonflexbox > .btn:last-child:nth-child(odd) {
        grid-column: auto;
    }
}

@media (max-width: 1080px) {
    .lior-app .dashboardpage .dashboard-overview-row {
        display: block !important;
    }

    .lior-app .dashboardpage .dashboard-overview-row > div {
        width: 100% !important;
        margin: 8px 0;
    }
}

/* Financial Therapy resources now sit in a compact horizontal toolbar. */
.lior-app .dashboardpage .financial-resource-tools {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    padding: 16px 18px 0;
}

.lior-app .dashboardpage .financial-resource-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin: 0;
    padding: 5px 11px;
    color: #176964;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    border: 1px solid rgba(8, 189, 183, .2);
    border-radius: 10px;
    background: rgba(8, 189, 183, .07);
    box-shadow: none;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease, background-color .2s ease, transform .2s ease;
}

.lior-app .dashboardpage .financial-resource-link:hover,
.lior-app .dashboardpage .financial-resource-link:focus {
    color: #075b57;
    border-color: rgba(8, 189, 183, .5);
    background: rgba(8, 189, 183, .14);
    transform: translateY(-1px);
}

.lior-app .dashboardpage .financial-resource-link .cryptopricebox-fileicon {
    display: block;
    width: 27px;
    height: 27px;
    max-width: 27px;
    object-fit: contain;
}

.lior-app .dashboardpage .financial-resource-static {
    cursor: default;
}

.lior-app .dashboardpage .financial-content-wide {
    display: block !important;
}

.lior-app .dashboardpage .financial-content-wide .dashlivepricedata {
    grid-column: auto;
    width: 100%;
}

@media (min-width: 1081px) {
    .lior-app .dashboardpage .dashboard-financial-card > .tab-content > .tab-pane.active {
        display: flex;
        flex-direction: column;
    }
}

html[data-theme="dark"] .lior-app .dashboardpage .financial-resource-link {
    color: #73e3dd;
    border-color: rgba(83, 218, 210, .2);
    background: #112b28;
}

html[data-theme="dark"] .lior-app .dashboardpage .financial-resource-link:hover,
html[data-theme="dark"] .lior-app .dashboardpage .financial-resource-link:focus {
    color: #071614;
    border-color: #4addd6;
    background: #4addd6;
}

@media (max-width: 575.98px) {
    .lior-app .dashboardpage .financial-resource-tools {
        justify-content: flex-start;
        padding: 14px 10px 0;
    }

    .lior-app .dashboardpage .financial-resource-link {
        flex: 1 1 0;
        max-width: 145px;
    }
}

html[data-theme="dark"] .lior-app .dashboardpage .dash-member .lendinginfobox > .h7 b {
    display: inline-flex;
    margin-left: 5px;
    padding: 4px 9px;
    border: 1px solid rgba(74, 225, 218, .2);
    border-radius: 999px;
    background: rgba(8, 189, 183, .12);
    color: #62e5df !important;
    line-height: 1;
}

/* The profile menu uses an avatar highlight instead of the text-menu pill. */
html[data-theme="dark"] .lior-app .headermenu .headbg ul li.usermenu > a.nav-link.active,
html[data-theme="dark"] .lior-app .headermenu .headbg ul li.usermenu > a.nav-link.show,
html[data-theme="dark"] .lior-app .headermenu .headbg ul li.usermenu.show > a.nav-link {
    background: transparent !important;
    box-shadow: none !important;
}

.lior-app .usermenu > a.nav-link .photopic {
    position: relative;
    display: inline-flex;
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: transform .25s ease, border-color .25s ease, background-color .25s ease, box-shadow .25s ease;
}

html[data-theme="dark"] .lior-app .usermenu > a.nav-link.active .photopic,
html[data-theme="dark"] .lior-app .usermenu > a.nav-link.show .photopic,
html[data-theme="dark"] .lior-app .usermenu.show > a.nav-link .photopic {
    padding: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

html[data-theme="dark"] .lior-app .usermenu > a.nav-link.active .photopic img,
html[data-theme="dark"] .lior-app .usermenu > a.nav-link.show .photopic img,
html[data-theme="dark"] .lior-app .usermenu.show > a.nav-link .photopic img {
    border: 2px solid #58e5de;
    box-shadow: 0 0 0 4px rgba(8, 189, 183, .13), 0 0 18px rgba(49, 218, 210, .45);
    transform: translateY(-1px);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

html[data-theme="dark"] .lior-app .usermenu > a.nav-link.active .photopic::after,
html[data-theme="dark"] .lior-app .usermenu > a.nav-link.show .photopic::after,
html[data-theme="dark"] .lior-app .usermenu.show > a.nav-link .photopic::after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 2px;
    width: 9px;
    height: 9px;
    border: 2px solid #0e2321;
    border-radius: 50%;
    background: #42ddd5;
    box-shadow: 0 0 7px rgba(66, 221, 213, .72);
}

/* Dashboard modal flows in dark mode */
html[data-theme="dark"] body.lior-app .modal-backdrop.show {
    opacity: .78;
    background: #010b0a;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-content,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-action-modal,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-action-modal {
    color: #dcefed;
    border-color: rgba(83, 218, 210, .2) !important;
    background: #0d211f !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .58), 0 0 0 1px rgba(55, 204, 196, .04);
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-header,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-header,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-header {
    border-bottom-color: rgba(83, 218, 210, .15) !important;
    background: linear-gradient(135deg, #14312e 0%, #0d211f 72%) !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-body,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-body,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-body {
    color: #dcefed;
    background: #0d211f;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-footer,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-footer,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-footer {
    border-top-color: rgba(83, 218, 210, .14) !important;
    background: #091a18 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-header h4,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-header h4,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-header h4 {
    color: #edf9f8 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-heading p,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-heading p,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-heading p,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-note {
    color: #9eb8b6 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-icon,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-icon,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-icon {
    color: #64e3dd;
    background: linear-gradient(145deg, #17413d, #102e2b);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .3), inset 0 0 0 1px rgba(83, 218, 210, .14);
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-close,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-close,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-close {
    color: #65ded8 !important;
    border-color: rgba(83, 218, 210, .2) !important;
    background: #102825 !important;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .lior-app #LendModal .lending-modal-close:hover,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-close:hover,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-close:hover {
    color: #071614 !important;
    border-color: #4addd6 !important;
    background: #4addd6 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary,
html[data-theme="dark"] .lior-app #LendModal .lending-cost-summary,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-card,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-summary,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-group-summary,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-total-row,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-wallet-balance,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-current-plan,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-summary,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-price-preview:not(:empty) {
    color: #c9dedc;
    border-color: rgba(83, 218, 210, .15) !important;
    background: #102825 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary-icon,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-icon,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-group-icon,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option-icon,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-summary-icon {
    color: #61dfd8;
    border: 1px solid rgba(83, 218, 210, .14);
    background: #163633 !important;
    box-shadow: 0 5px 16px rgba(0, 0, 0, .25);
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary-divider,
html[data-theme="dark"] .lior-app #LendModal .lending-cost-row + .lending-cost-row,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-group-summary,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-summary-row + .savings-summary-row,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-amount {
    border-color: rgba(83, 218, 210, .13) !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary-divider {
    background: rgba(83, 218, 210, .14);
}

html[data-theme="dark"] .lior-app #LendModal .lending-form-group .form-label,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-card .form-label,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-heading h5,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-code-group .form-label,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-code-group .form-label {
    color: #dcefed !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary-item span,
html[data-theme="dark"] .lior-app #LendModal .lending-cost-row,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-heading span,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-card small,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-group-summary small,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-summary-row,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-current-plan,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option-copy small,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-detail span {
    color: #90aaa8 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-summary-item strong,
html[data-theme="dark"] .lior-app #LendModal .lending-cost-row strong,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-group-summary strong,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-summary-row strong,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-current-plan strong,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option-copy strong,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-renewal-detail strong {
    color: #dff5f3 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-amount-field .form-control,
html[data-theme="dark"] .lior-app #LendModal .lending-form-grid .form-control,
html[data-theme="dark"] .lior-app #LendModal .lending-upload-card .form-control,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-code-field .form-control,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-code-field .form-control {
    color: #edf9f8 !important;
    border-color: rgba(83, 218, 210, .18) !important;
    background: #071816 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-upload-card .form-control::file-selector-button {
    color: #63ddd7;
    background: #163633;
}

html[data-theme="dark"] .lior-app #LendModal .lending-cancel-btn,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-secondary-btn,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-secondary-btn {
    color: #b9cfcd;
    border-color: rgba(83, 218, 210, .2);
    background: #112b28;
}

html[data-theme="dark"] .lior-app #LendModal .lending-cancel-btn:hover,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-secondary-btn:hover,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-secondary-btn:hover {
    color: #67e2dc;
    border-color: rgba(83, 218, 210, .45);
    background: #173835;
}

html[data-theme="dark"] .lior-app .savings-flow-modal .savings-penalty-row,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-penalty-history,
html[data-theme="dark"] .lior-app #LendModal .lending-collateral-warning {
    color: #e7bd76;
    border-color: rgba(231, 189, 118, .2) !important;
    background: rgba(153, 101, 28, .14) !important;
}

html[data-theme="dark"] .lior-app .savings-flow-modal .savings-penalty-row i,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-penalty-row strong,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-penalty-history {
    color: #e7bd76 !important;
}

html[data-theme="dark"] .lior-app #LendModal .lending-form-error:not(:empty),
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-modal-error:not(:empty),
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-modal-error:not(:empty) {
    color: #ffadb3;
    border-color: rgba(244, 107, 119, .22);
    background: rgba(168, 63, 71, .16);
}

html[data-theme="dark"] .lior-app #LendModal .lending-form-success:not(:empty),
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-processing-message .alert,
html[data-theme="dark"] .lior-app .savings-flow-modal .savings-result-message:not(:empty),
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-processing-message .alert,
html[data-theme="dark"] .lior-app .membership-flow-modal .membership-result-message:not(:empty) {
    color: #7be0b8;
    border-color: rgba(71, 202, 151, .2);
    background: rgba(21, 109, 81, .18);
}

html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option:hover {
    border-color: rgba(83, 218, 210, .48) !important;
    background: #153330 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option:has(input:checked) {
    border-color: #31c9c2 !important;
    background: rgba(8, 189, 183, .14) !important;
    box-shadow: 0 0 0 3px rgba(8, 189, 183, .11);
}

html[data-theme="dark"] .lior-app .membership-flow-modal .membership-plan-option input:checked ~ .membership-plan-radio {
    border-color: #41d6cf;
    background: #41d6cf;
    box-shadow: inset 0 0 0 4px #102825;
}

/* Keep the right-side navbar utilities on one visual center line. */
.lior-app .usermenu > a.nav-link .photopic {
    width: 38px;
    height: 38px;
    padding: 0;
}

.lior-app .usermenu > a.nav-link .photopic img {
    display: block;
    box-sizing: border-box;
    width: 38px;
    height: 38px;
    top: 0;
    margin: 0;
    padding: 2px;
}

.lior-app .headbg .fullscreenicon > a.closescreen,
.lior-app .headbg .fullscreenicon > a.openscreen {
    display: none !important;
}

@media (min-width: 992px) {
    .lior-app .headbg .navbar-collapse > .navbar-nav:last-child {
        align-items: center;
        gap: 2px;
    }

    .lior-app .headbg .navbar-collapse > .navbar-nav:last-child > li {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    .lior-app .headbg .lang-switcher > a.nav-link,
    .lior-app .headbg .notifyicon > a.nav-link,
    .lior-app .headbg .fullscreenicon > a.nav-link,
    .lior-app .headbg .usermenu > a.nav-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin: 0;
        line-height: 1;
    }

    .lior-app .headbg .lang-switcher > a.nav-link {
        gap: 7px;
    }

    .lior-app .headbg .lang-switcher > a.nav-link i {
        margin: 0;
        padding: 0;
    }

    .lior-app .headbg .fullscreenicon > a.nav-link img {
        top: 0;
        display: block;
    }

    .lior-app .headbg .notifyicon > a.nav-link > i {
        display: block;
        margin: 0;
        line-height: 1;
    }
}

@media (max-width: 767.98px) {
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .tablepanelbox,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .sitescroll,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .simplebar-wrapper,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .simplebar-mask,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .simplebar-content-wrapper,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .simplebar-content,
    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack {
        color: #dcefed !important;
        border-color: rgba(83, 218, 210, .14) !important;
        background: #0e2321 !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack tbody > tr:nth-child(odd) {
        background: #0f2724 !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack tbody > tr:nth-child(even) {
        background: #142f2c !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack tbody > tr:hover {
        background: #183936 !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack tbody > tr > td {
        color: #dcefed !important;
        border-color: rgba(83, 218, 210, .12) !important;
        background: transparent !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .table-responsive-stack .table-responsive-stack-thead {
        color: #78dcd6 !important;
    }

    html[data-theme="dark"] .lior-app .dashboardpage .transactionhistory .text-muted {
        color: #91aaa8 !important;
    }
}