/* Dark-Gold Theme for To Be Like app */

/* --- Global Backgrounds --- */
body:not(.vertical-layout), html:not(.vertical-layout), #app, .app, .van-theme-light {
    background-color: #1a100c !important;
    background-image: radial-gradient(circle at top, #412f1d 0%, #1a100c 50%) !important;
    color: #ffffff !important;
}

.page, .home-page, .page-content, .mine-page, .record-page, .team-page, .authLogin-page, .authRegister-page, .login-page, .register-page, .taskHall-page, .taskMy-page, .ordered-page {
    background: transparent !important;
    background-color: transparent !important;
}

/* --- App Headers --- */
.app-header, .page-top, .van-nav-bar, .top-bar {
    background: #000 !important;
    color: #ffffff !important;
    border-bottom: 1px solid #33251c !important;
}
.van-nav-bar__title, .title-text {
    color: #f8d48d !important;
}

/* --- Cards and Wrappers --- */
/* The main Wallet/Balance Card */
.wallet-wrap, .balance-card, .levelEntry-wrap, .account-wrap {
    background: linear-gradient(180deg, #d2a46c 0%, #20150d 100%) !important;
    border-radius: 12px !important;
    border: 1px solid #755536 !important;
    color: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}
.wallet-wrap .wallet-num, .account-wrap .balance {
    color: #ffffff !important;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.5) !important;
}

/* Regular Cards (Income, Ordered Items, Tasks, etc) */
.ordered-item, .list-wrap > div, .task-card, .van-cell-group, .van-cell, .quick-wrap, .team-stats-card {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
}

/* Auth Cards */
.auth-page, .auth-wrap {
    background: #050505 !important;
}
.authInput-wrap {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    color: #fff !important;
}
.authInput-main {
    background-color: transparent !important;
    color: #fff !important;
}
.authInput-main::placeholder {
    color: #888 !important;
}

/* --- Text Colors --- */
/* Primary highlighted text (amounts, daily income) */
.income-val, .wallet-num, .price, .profit-val, .ordered-item div[style*="color: green"], .ordered-item div[style*="color: #4caf50"] {
    color: #f8d48d !important;
}

/* Secondary / Label text */
.label-text, .van-cell__title, .van-cell__value, .ordered-item div[style*="color: #666"], .ordered-item div[style*="color: #999"] {
    color: #ffffff !important;
}

/* --- Buttons --- */
/* Recharge / Primary Button (Blue Gradient as in screenshot) */
.recharge-btn, .btn-recharge, .van-button--primary {
    background: linear-gradient(90deg, #b4c6fa, #8fa3f8) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(143, 163, 248, 0.3) !important;
}

/* Withdraw / Golden Button */
.withdraw-btn, .btn-withdraw, .claim-btn, .van-button--success, button[style*="background: #4caf50"] {
    background: linear-gradient(90deg, #f8d48d, #f9ebb3) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 10px rgba(248, 212, 141, 0.3) !important;
}

/* Disabled Button */
button:disabled, .van-button--disabled, .claim-btn[disabled] {
    background: #333 !important;
    color: #666 !important;
    border: 1px solid #444 !important;
    box-shadow: none !important;
}

/* Auth Submit Button */
.authSubmit-btn {
    background: linear-gradient(90deg, #f8d48d, #f9ebb3) !important;
    color: #000 !important;
    font-weight: bold !important;
}

/* --- Bottom Navigation (Tab Bar) --- */
.app-tab-bar {
    background-color: #0c0805 !important;
    border-top: 1px solid #33251c !important;
}
.tab-bar__item .item__label {
    color: #666 !important;
}
.tab-bar__item.active .item__label {
    color: #f8d48d !important;
}
.tab-bar__item.active .item__icon {
    /* Apply a golden tint to the active icon using CSS filters */
    filter: sepia(1) saturate(5) hue-rotate(35deg) brightness(1.2) contrast(1.2) !important;
}

/* --- Miscs --- */
/* Borders, dividers */
hr, .van-divider {
    border-color: #33251c !important;
}
/* Popups / Dialogs */
.van-popup, .van-dialog {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    color: #fff !important;
}
.van-dialog__message {
    color: #ccc !important;
}
/* --- Header Profile Section --- */
.top-container, .info-wrap, .userCenter-page > .top-container {
    background: transparent !important;
    background-color: transparent !important;
}
.info-main .userName {
    color: #ffffff !important;
    font-weight: bold !important;
}
.info-main .userLevel {
    color: #f8d48d !important;
}
.info-icons .icon-item svg {
    color: #f8d48d !important;
}

/* Fix Wallet Card in Mine Page */
.wallet-card {
    background: linear-gradient(180deg, #d2a46c 0%, #20150d 100%) !important;
    border: 1px solid #c9a466 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}
.count-item .item-label {
    color: #ffffff !important;
}
.count-item .item-value {
    color: #f8d48d !important;
    font-weight: bold !important;
}
.wallet-content .card-link {
    background: linear-gradient(90deg, #f8d48d, #f9ebb3) !important;
    color: #000 !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 20px !important;
}
.wallet-content .count-item1 .card-link {
    background: linear-gradient(90deg, #b4c6fa, #8fa3f8) !important;
}
/* --- App NavBar (Home Page Header) --- */
.app-navBar {
    background-color: transparent !important;
}
/* Quick Links in Mine Page */
.quick-item {
    background-color: #1a100c !important;
    border-bottom: 1px solid #33251c !important;
    color: #ffffff !important;
}
.quick-item .item-label {
    color: #ffffff !important;
}
.quick-item .icon-right {
    color: #f8d48d !important;
}
/* Packages Page / VIP Page */
.vip-card, .card-header, .card-body, .card-footer {
    background: transparent !important;
}
.vip-card {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}
.vip-card .card-title {
    color: #f8d48d !important;
}
.vip-card .privileges-list {
    background: transparent !important;
}
.privileges-list .privilege-label {
    color: #ffffff !important;
}
.privileges-list .privilege-value, .privileges-list .privilege-value span {
    color: #f8d48d !important;
    font-weight: bold !important;
}
.vip-card .card-footer {
    border-top: 1px solid #33251c !important;
}
/* Mine Page / Account Overview */
.part-title { color: #f8d48d !important; }
.account-overview .item-wrap { background-color: transparent !important; }
.account-overview .item-label { color: #ffffff !important; }
.account-overview .item-value { color: #f8d48d !important; }
.authInput-country span { color: #f8d48d !important; }
.authSubmit-btn, .van-button--primary.authSubmit-btn, button[class*="authSubmit"] {
    background: linear-gradient(90deg, #f8d48d, #f9ebb3) !important;
    color: #000 !important;
    border: none !important;
    font-weight: bold !important;
}
/* Auth Login / Register Pages */
.authLogin-page, .authRegister-page {
    background-color: transparent !important;
}
.login-from, .register-from {
    background-color: transparent !important;
}
.authInput-wrap {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    border-radius: 10px !important;
    color: #fff !important;
}
.authInput-icon { color: #f8d48d !important; }
.authInput-main { color: #ffffff !important; background-color: transparent !important; }
/* Links and Text in Auth Pages */
.language-link, .tips-text, .auth-link, .tips, .label, .title__wrapper {
    color: #ffffff !important;
}
.auth-link a, .tips a, .link {
    color: #f8d48d !important;
}
/* Fixes for Mine Page Backgrounds */
.userCenter-page, .userCenter-page .top-container, .vip-page {
    background: transparent !important;
    background-color: transparent !important;
}

/* Fix Account Overview Items Background */
.userCenter-page .account-overview .item-wrap, .account-overview .item-wrap {
    background-color: #1a100c !important;
    background: #1a100c !important;
    border: 1px solid #c9a466 !important;
    color: #ffffff !important;
}
.userCenter-page .quick-links, .quick-links {
    background-color: transparent !important;
    background: transparent !important;
}
.userCenter-page .quick-links .quick-item {
    background-color: #1a100c !important;
    border: 1px solid #c9a466 !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}
/* Global App Navbar */
.app-navBar, .app-navBar[data-v-ba60da63], .app-navBar.bg-transparent {
    background: #1a100c !important;
    background-color: #1a100c !important;
    border-bottom: 1px solid #33251c !important;
}
.app-navBar .title__wrapper, .app-navBar__title .title__wrapper {
    color: #f8d48d !important;
}
.app-navBar .left__icon, .app-navBar__left svg, .app-navBar__right svg {
    color: #f8d48d !important;
}
.app-navBar__right a, .language-link {
    color: #f8d48d !important;
}
/* Fix Bottom Tab Bar globally */
.app-tab-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: #0c0805 !important;
    border-top: 1px solid #33251c !important;
}

/* Fix Auth Buttons background */
.authLogin-page .btn-item, .authRegister-page .btn-item {
    background: linear-gradient(90deg, #f8d48d, #f9ebb3) !important;
    background-color: transparent !important;
    border: none !important;
    color: #000 !important;
    box-shadow: 0 4px 10px rgba(248, 212, 141, 0.3) !important;
}
.authRegister-page .register-content {
    background-color: #1a100c !important;
    border: 1px solid #33251c !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

.authRegister-page .formTitle, .formTitle[style] {
    color: #f8d48d !important;
}

.authInput-wrap {
    background-color: #0c0805 !important;
    border: 1px solid #33251c !important;
}

.authInput-wrap:focus-within {
    background-color: #1a100c !important;
    box-shadow: 0 0 0 0.02rem #c9a466 !important;
}

.authInput-wrap input, .authInput-main {
    background-color: transparent !important;
    color: #fff !important;
}

.authInput-wrap svg {
    color: #f8d48d !important;
}
/* Fix white background inside register form */
.authRegister-page .register-form {
    background-color: transparent !important;
}
/* VIP Packages Fixes */
.vip-card .privilege-item, .vip-card .privilege-item .text {
    color: #ffffff !important;
}

.vip-card .card-btn span {
    color: #1a100c !important;
}

.vip-card .card-title {
    color: #f8d48d !important;
}
/* Hide Task Hall Title / Level Entry on Home Page */
.home-page .levelEntry-wrap {
    display: none !important;
}
/* Fix for Ordered Page Layout Height */
.home-page, .taskHall-page, .app, .app-router, .userCenter-page {
    min-height: 100vh !important;
    transform: none !important;
}
.authLogin-page .btn-item span, .authRegister-page .btn-item span {
    color: #000 !important;
    font-weight: bold !important;
}
.authLogin-page .van-checkbox__label, .authRegister-page .van-checkbox__label {
    color: #a3a3a3 !important;
}

/* Fix Login and Register Forms to have main background */
body .authLogin-page::before, body .authRegister-page::before, body .login-page::before, body .register-page::before,
body .authLogin-page:before, body .authRegister-page:before, body .login-page:before, body .register-page:before {
    display: none !important;
    background: transparent !important;
}

body .authLogin-page .login-from, body .authRegister-page .login-from, body .register-from,
.authRegister-page .register-content {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body .authLogin-page .van-cell, body .authRegister-page .van-cell {
    background-color: transparent !important;
}

body .authLogin-page .van-field__control, body .authRegister-page .van-field__control {
    color: #fff !important;
}

.authLogin-page .van-field__label, .authRegister-page .van-field__label {
    color: #f8d48d !important;
}

/* Fix Ordered Page Top Background */
body .taskHall-page::before, body .taskHall-page .page-content::before, body .taskHall-page .page-top::before,
body .taskHall-page:before, body .taskHall-page .page-content:before, body .taskHall-page .page-top:before {
    display: none !important;
    background: transparent !important;
}

body .taskHall-page .page-top, body .taskHall-page .title-text, body .taskHall-page .page-content {
    background: transparent !important;
    background-color: transparent !important;
}

/* --- Fix Scrolling / Content Cut-off under Fixed Bottom Nav Bar --- */
.userCenter-page,
.vip-page .page-content,
.layout-router .page-content {
    padding-bottom: 100px !important;
    box-sizing: border-box !important;
}

/* --- Notice Bar (Marquee) Theme Overrides (Black Text on White BG) --- */
.noticeBar-wrap {
    background-color: #ffffff !important;
    border: 1px solid #c9a466 !important;
    border-radius: 10px !important;
    color: #000000 !important;
    width: 92% !important;
    max-width: 380px !important;
    margin: 15px auto !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}

.noticeBar-wrap .notice-item {
    color: #000000 !important;
    font-weight: 500 !important;
}

.noticeBar-wrap .notice-icon {
    color: #c9a466 !important;
}