/* Huayu member theme adapted from the supplied health-commerce reference. */
:root {
    color-scheme: light;
    --bg: #fafaf9;
    --page: #fafaf9;
    --panel: #ffffff;
    --text: #1c1917;
    --ink: #1c1917;
    --muted: #746c65;
    --line: #e7e1d8;
    --red: #b57c2b;
    --red-dark: #99651e;
    --orange: #c89444;
    --gold: #b57c2b;
    --blue: #3f6654;
    --blue-dark: #315343;
    --blue-soft: #edf4f0;
    --green: #3f6654;
    --green-soft: #edf4f0;
    --dark: #1c1917;
    --danger: #b42318;
    --shadow: 0 5px 18px rgba(44, 35, 27, .06);
    --theme-accent: #b57c2b;
    --theme-accent-strong: #99651e;
    --theme-accent-soft: #fbf3e7;
    --theme-sage: #3f6654;
    --theme-sage-soft: #edf4f0;
    --theme-paper: #ffffff;
    --theme-canvas: #fafaf9;
    --theme-ink: #1c1917;
    --theme-muted: #746c65;
    --theme-border: #e7e1d8;
}

* { letter-spacing: 0 !important; }

html {
    background: #efede9 !important;
    scroll-behavior: smooth;
}

body {
    color: var(--theme-ink) !important;
    background: #efede9 !important;
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

button,
input,
select,
textarea { font-family: inherit !important; }

button,
a,
label,
select { -webkit-tap-highlight-color: rgba(181, 124, 43, .12); }

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--theme-accent) !important;
    outline-offset: 2px;
}

img { max-width: 100%; }

.mall-shell,
.user-shell,
.category-shell,
.store-shell,
.detail-shell,
.cart-shell,
.confirm-shell,
.pay-shell,
.feature-shell,
.team-shell,
.address-shell,
.register-shell,
.login-page,
.auth-page,
.agreement-page {
    color: var(--theme-ink) !important;
    background: var(--theme-canvas) !important;
}

.team-shell {
    background-color: #ffffff !important;
    background-image: url("/assets/member/moban-home/page-background.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
}

/* Team page reference treatment: one unified teal performance panel. */
.team-shell .team-performance-summary {
    gap: 0 !important;
    margin-top: 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0d5961, #07505a) !important;
    box-shadow: 0 7px 14px rgba(7, 63, 70, .18) !important;
}
.team-shell .team-performance-item {
    padding: 10px 14px !important;
    gap: 3px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.team-shell .team-performance-item:nth-child(odd) { border-right: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item:nth-child(-n + 2) { border-bottom: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item span { color: rgba(239, 250, 247, .84) !important; font-size: 10px !important; }
.team-shell .team-performance-item strong,
.team-shell .team-performance-item.primary strong,
.team-shell .team-performance-item.today strong,
.team-shell .team-performance-item:nth-child(3) strong,
.team-shell .team-performance-item:nth-child(4) strong { color: #f5d784 !important; font-size: 16px !important; }

@media (max-width: 360px) {
    .team-shell .team-header { padding-right: 10px !important; padding-left: 10px !important; }
    .team-shell .team-performance-item { padding-inline: 12px !important; }
}

/* Restore the compact legacy login presentation. */
.member-login-body {
    background: #f7f3eb !important;
}
.member-login-body .login-page {
    width: min(430px, 100%) !important;
    min-height: 100vh !important;
    padding: 0 10px 24px !important;
    background: transparent !important;
}
.member-login-body .login-screen-panel,
.member-login-body .login-panel {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 22px 22px !important;
    border: 1px solid #eadfcf !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(72, 52, 30, .08) !important;
}
.member-login-body .login-brand { color: #1f3d5b !important; }
.member-login-body .login-brand h1 { color: #1f3d5b !important; }
.member-login-body .login-form { gap: 0 !important; }
.member-login-body .login-form input {
    min-height: 46px !important;
    border: 1px solid #dfe4ec !important;
    border-radius: 6px !important;
    background: #fbfcfe !important;
}
.member-login-body .login-form button[type="submit"] {
    min-height: 44px !important;
    margin-top: 16px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    background: #ad8240 !important;
}
.member-login-body .login-form .password-toggle,
.member-login-body .login-form .forgot-password,
.member-login-body .login-form .switch-login { color: #9b793f !important; }
.member-login-body .agreement-row { margin-top: 16px !important; color: #8a8379 !important; }

/* Pixel-match pass for the supplied market-details reference. */
.team-shell {
    width: min(430px, 100%) !important;
    padding: 0 7px calc(74px + env(safe-area-inset-bottom)) !important;
    background-color: #f8fcfd !important;
    background-image:
        linear-gradient(rgba(61, 137, 147, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61, 137, 147, .045) 1px, transparent 1px),
        radial-gradient(circle at 50% 0, rgba(230, 245, 248, .72), transparent 360px) !important;
    background-repeat: repeat, repeat, no-repeat !important;
    background-position: top center !important;
    background-size: 10px 10px, 10px 10px, 100% 620px !important;
}
.team-header {
    margin: 0 !important;
    padding: 10px 1px 0 !important;
}
.team-title-row { margin-bottom: 5px !important; }
.team-header h1 { font-size: 21px !important; line-height: 34px !important; }
.assisted-register-entry { min-height: 39px !important; padding: 0 10px !important; font-size: 12px !important; }
.assisted-register-icon { width: 19px !important; height: 19px !important; font-size: 15px !important; line-height: 19px !important; }
.team-counts { margin-bottom: 7px !important; }
.team-count strong { font-size: 30px !important; }
.team-count span { font-size: 11px !important; }
.team-shell .team-performance-summary {
    position: relative !important;
    height: 178px !important;
    grid-template-rows: repeat(2, 56px) 52px !important;
    margin-top: 0 !important;
    border-radius: 7px !important;
    background: #075b64 !important;
    box-shadow: 0 5px 12px rgba(7, 63, 70, .17) !important;
}
.team-shell .team-performance-item { padding: 9px 14px !important; }
.team-shell .team-performance-item:nth-child(odd) { border-right: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item:nth-child(-n + 2) { border-bottom: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item span { font-size: 10px !important; }
.team-shell .team-performance-item strong,
.team-shell .team-performance-item.primary strong,
.team-shell .team-performance-item.today strong,
.team-shell .team-performance-item:nth-child(3) strong,
.team-shell .team-performance-item:nth-child(4) strong { font-size: 16px !important; }
.team-panel {
    position: relative !important;
    z-index: 2 !important;
    margin: -52px 0 0 !important;
    min-height: 0 !important;
}
.team-tabs {
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.team-tabs button,
.team-tabs button.active { color: rgba(255, 255, 255, .96) !important; font-size: 14px !important; font-weight: 700 !important; }
.team-tabs button.active::after { bottom: 4px !important; width: 30px !important; height: 3px !important; background: #e0b75e !important; }
.team-tab-panel { padding: 0 2px 18px !important; }
#nodesPanel { padding: 0 2px 18px !important; }
.node-performance, .node-structure { padding: 8px 0 4px !important; }
.node-performance h2, .node-section-head h2 { padding-left: 8px !important; border-left: 3px solid #be9140 !important; color: #274e50 !important; font-size: 14px !important; }
.zone-grid { gap: 7px !important; margin-top: 9px !important; }
.zone-card,
.zone-card:nth-child(1),
.zone-card:nth-child(2) {
    min-height: 97px !important;
    padding: 10px 9px !important;
    border: 1px solid #d5ddda !important;
    border-top-width: 1px !important;
    border-radius: 7px !important;
    background-color: rgba(255, 255, 255, .82) !important;
    background-image: linear-gradient(rgba(67, 125, 128, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(67, 125, 128, .055) 1px, transparent 1px) !important;
    background-size: 9px 9px !important;
    box-shadow: 0 2px 5px rgba(35, 57, 51, .05) !important;
}
.zone-card h3,
.zone-card:nth-child(1) h3,
.zone-card:nth-child(2) h3 { margin-bottom: 9px !important; color: #284e50 !important; font-size: 12px !important; }
.zone-line {
    min-height: 27px !important;
    padding-top: 7px !important;
    border-top-color: rgba(46, 95, 98, .13) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.zone-line span { color: #4b5e5d !important; font-weight: 700 !important; }
.zone-line b { color: #213f41 !important; font-size: 13px !important; font-weight: 800 !important; }
.node-section-head { margin: 13px 0 10px !important; }
.node-tree { min-height: 250px !important; padding: 0 0 8px !important; }
.tree-node-card { min-height: 92px !important; padding: 9px 8px !important; border: 1px solid #d2d9d7 !important; border-radius: 7px !important; background: rgba(255, 255, 255, .78) !important; box-shadow: 0 2px 5px rgba(35, 57, 51, .05) !important; }
.tree-node-card.root { width: 214px !important; min-height: 97px !important; border-color: #c9a15a !important; background: rgba(255, 253, 247, .86) !important; }
.tree-node-card strong { color: #3f4643 !important; font-size: 13px !important; }
.tree-node-card span { color: #777f7d !important; font-size: 10px !important; }
.node-card-stats { padding-top: 5px !important; border-top-color: rgba(181, 143, 62, .18) !important; }
.node-card-stats { gap: 4px !important; padding-top: 7px !important; }
.node-card-stats p { color: #4b5e5d !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.node-card-stats b { color: #213f41 !important; font-size: 12px !important; font-weight: 800 !important; }
.tree-connector { height: 28px !important; border-color: #c4cfcc !important; }
.tree-connector::after { background: #c4cfcc !important; }
.tree-branches { gap: 7px !important; }
.tree-branches > div > b,
.tree-branches > div:nth-child(1) > b,
.tree-branches > div:nth-child(2) > b {
    margin: -10px 0 7px !important;
    padding: 4px 10px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #075b64 !important;
    font-size: 10px !important;
}
.tree-branches .tree-node-card.empty { min-height: 92px !important; }
.bottom-nav { min-height: 59px !important; padding-top: 6px !important; }
.bottom-nav a { min-height: 49px !important; gap: 2px !important; font-size: 11px !important; }
.bottom-nav .tab-icon { font-size: 21px !important; }

@media (max-width: 360px) {
    .team-shell { padding-right: 5px !important; padding-left: 5px !important; }
    .team-header { padding-right: 2px !important; padding-left: 2px !important; }
    .team-shell .team-performance-item { padding-inline: 12px !important; }
    .zone-card { min-height: 95px !important; }
    .tree-node-card.root { width: 214px !important; }
}

/* Compact member-center rhythm: reduce empty space while preserving tap targets. */
.user-shell {
    padding: 0 8px calc(74px + env(safe-area-inset-bottom)) !important;
}
.user-shell .profile-card {
    margin: 0 -8px 6px !important;
}
.user-shell .profile-head {
    min-height: 68px !important;
    gap: 8px !important;
    padding: 10px 9px 6px !important;
}
.user-shell .asset-hub {
    gap: 6px !important;
    padding: 6px 8px 7px !important;
}
.user-shell .asset-tile {
    min-height: 68px !important;
    padding: 9px 11px !important;
}
.user-shell .asset-copy { gap: 3px !important; }
.user-shell .panel-card,
.user-shell .signin-card,
.user-shell .store-bind-card,
.user-shell .service-card,
.user-shell .guess-section,
.user-shell .red-packet-entry {
    margin-top: 6px !important;
}
.user-shell .section-head {
    min-height: 42px !important;
    padding-inline: 10px !important;
}
.user-shell .order-grid {
    padding: 8px 0 7px !important;
}
.user-shell .order-item {
    min-height: 60px !important;
    gap: 4px !important;
}
.user-shell .signin-card {
    min-height: 64px !important;
    gap: 8px !important;
    padding: 9px 10px !important;
}
.user-shell .signin-icon {
    width: 40px !important;
    height: 40px !important;
}
.user-shell .red-packet-entry {
    min-height: 68px !important;
    gap: 9px !important;
    padding: 9px 10px !important;
}
.user-shell .red-packet-entry-icon {
    width: 44px !important;
    height: 46px !important;
}
.user-shell .store-bind-card {
    min-height: 64px !important;
    padding: 9px 10px !important;
}
.user-shell .service-card {
    padding: 6px 0 !important;
}
.user-shell .service-grid {
    gap: 7px 0 !important;
}
.user-shell .service-item {
    min-height: 54px !important;
    gap: 4px !important;
}
.user-shell .service-icon {
    width: 36px !important;
    height: 36px !important;
    font-size: 22px !important;
}
.user-shell .guess-section {
    padding-bottom: 6px !important;
}

.user-shell {
    background-color: #ffffff !important;
    background-image: url("/assets/member/moban-home/page-background.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
}

/* Shared navigation and compact page chrome */
.bottom-nav {
    z-index: 50 !important;
    border-top: 1px solid rgba(231, 225, 216, .92) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 -5px 18px rgba(44, 35, 27, .055) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.bottom-nav a {
    min-height: 54px;
    color: #7a736d !important;
    transition: color .18s ease, background-color .18s ease;
}

.bottom-nav a.active,
.bottom-nav a[aria-current="page"] { color: var(--theme-accent) !important; }

.bottom-nav .tab-icon { color: inherit !important; }

.page-head,
.cart-head,
.confirm-head,
.pay-head,
.detail-head,
.register-head,
.form-head {
    color: var(--theme-ink) !important;
    border-color: var(--theme-border) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 3px 12px rgba(44, 35, 27, .04) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.page-head h1,
.cart-head h1,
.confirm-head h1,
.pay-head h1,
.detail-head h1,
.register-head h1 { font-weight: 650 !important; }

.back-btn,
.round-btn,
.home-float,
.head-home {
    color: var(--theme-ink) !important;
    background: rgba(255, 255, 255, .92) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 3px 12px rgba(44, 35, 27, .06) !important;
}

.toast {
    border-radius: 6px !important;
    background: rgba(28, 25, 23, .9) !important;
    box-shadow: 0 8px 24px rgba(28, 25, 23, .18) !important;
}

/* Home */
.mall-shell { padding-left: 10px !important; padding-right: 10px !important; }

.mall-header {
    margin: 0 -10px 10px !important;
    padding: 10px 10px 12px !important;
    overflow: visible !important;
    background: #fff4df !important;
}

.mall-header::before,
.mall-header::after { display: none !important; }

.mall-top { gap: 10px !important; padding: 0 !important; }

.brand-logo {
    color: var(--theme-ink) !important;
    font-size: 18px !important;
    font-weight: 750 !important;
}

.brand-logo img { max-width: 90px !important; height: 28px !important; }

.mall-header .search-card,
.search-card,
.category-search,
.store-search,
.node-search {
    min-height: 42px !important;
    border: 1px solid rgba(231, 225, 216, .72) !important;
    border-radius: 8px !important;
    color: var(--theme-ink) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.mall-header .search-card { grid-template-columns: minmax(0, 1fr) 36px !important; padding-left: 13px !important; }
.mall-header .search-card input { color: var(--theme-ink) !important; font-size: 14px !important; }
.mall-header .search-card input::placeholder { color: #a09a94 !important; }
.mall-header .search-card .search-icon,
.search-card button,
.category-search button,
.store-search button {
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    background: var(--theme-accent) !important;
}

.mall-header .category-tabs {
    margin-top: 8px;
    padding: 0 !important;
    border-top: 1px solid rgba(181, 124, 43, .1);
}

.mall-header .category-tabs button,
.category-tabs button {
    min-height: 36px !important;
    border-radius: 0 !important;
    color: #6d6258 !important;
    background: transparent !important;
    font-weight: 500;
}

.category-tabs button.active,
.product-tabs button.active,
.team-tabs button.active,
.tabs button.active {
    color: var(--theme-accent) !important;
    background: transparent !important;
    font-weight: 700 !important;
}

.category-tabs button.active::after,
.product-tabs button.active::after,
.team-tabs button.active::after {
    background: var(--theme-accent) !important;
}

.hero-slider,
.hero-card,
.category-banner {
    border-radius: 8px !important;
    background: #f1ede8 !important;
    box-shadow: none !important;
}

.hero-slider { margin-bottom: 10px !important; }
.hero-card img { object-fit: cover !important; }
.hero-dots button.active { background: var(--theme-accent) !important; }

.quick-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 14px 4px !important;
    margin: 0 -2px 10px !important;
    padding: 12px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.quick-item { min-width: 0 !important; color: var(--theme-ink) !important; font-size: 12px !important; }
.quick-icon {
    width: 46px !important;
    height: 46px !important;
    border: 1px solid #eadfcf !important;
    border-radius: 50% !important;
    color: var(--theme-accent) !important;
    background: #fffaf3 !important;
    box-shadow: none !important;
}

.store-card-grid { gap: 8px !important; }
.store-entry-card,
.gift-order-entry,
.red-packet-entry {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.store-entry-card::before,
.gift-order-entry::before,
.red-packet-entry::before { display: none !important; }

.store-entry-card,
.gift-order-entry,
.red-packet-entry { color: var(--theme-ink) !important; }
.store-entry-card .store-entry-icon,
.gift-order-entry-icon { color: var(--theme-accent) !important; background: var(--theme-accent-soft) !important; }
.gift-order-entry-action,
.red-packet-entry-action { color: var(--theme-accent) !important; }

.deal-section,
.elder-goods-section,
.horizontal-products,
.group-card {
    border: 0 !important;
    border-radius: 8px !important;
    background: #fff6e9 !important;
    box-shadow: none !important;
}

.section-title,
.recommend-head,
.elder-goods-head,
.category-section-head,
.section-head {
    color: var(--theme-ink) !important;
}

.section-title h2,
.recommend-head h2,
.elder-goods-head h2,
.category-section-head h2,
.section-head h2 { font-size: 17px !important; font-weight: 750 !important; }

.section-title button,
.bargain-item button,
.product-buy-btn,
.small-btn,
.primary-btn {
    min-height: 36px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    background: var(--theme-accent) !important;
    box-shadow: none !important;
}

.bargain-item,
.elder-goods-item {
    border-color: transparent !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.product-tabs {
    border-color: var(--theme-border) !important;
    background: #ffffff !important;
}

.product-grid,
.guess-grid,
.recommend-grid,
.store-product-grid {
    gap: 10px 8px !important;
}

.product-card,
.guess-card,
.recommend-card,
.store-product-card {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.product-image,
.product-card > img,
.guess-card > img,
.recommend-card > img,
.store-product-card > img {
    border-radius: 8px 8px 0 0 !important;
    background: #f5f3f0 !important;
}

.product-card h3,
.guess-card h3,
.recommend-card h3,
.store-product-card h3 {
    color: var(--theme-ink) !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}

.price,
.sale-price,
.guess-price,
.recommend-foot strong,
.store-product-foot strong,
.elder-goods-info strong,
.bargain-item strong,
.amount {
    color: var(--theme-accent) !important;
}

.mini-pill,
.badge,
.level-price-block,
.level-price-label,
.recommend-level-price,
.category-level-price,
.store-product-info .level-price-block {
    color: var(--theme-accent-strong) !important;
    border-color: #e9d3b0 !important;
    background: var(--theme-accent-soft) !important;
}

/* Category and store lists */
.category-shell,
.store-shell { padding-bottom: calc(74px + env(safe-area-inset-bottom)) !important; }

.category-layout {
    border-top: 1px solid var(--theme-border) !important;
    background: #ffffff !important;
}

.category-sidebar {
    background: #f5f3f0 !important;
    border-right: 1px solid var(--theme-border) !important;
}

.category-sidebar button {
    min-height: 52px !important;
    color: #5f5852 !important;
    background: transparent !important;
}

.category-sidebar button.active {
    color: var(--theme-accent) !important;
    background: #ffffff !important;
    font-weight: 700 !important;
}

.category-sidebar button.active::before { background: var(--theme-accent) !important; }
.category-content { background: #ffffff !important; }
.category-shortcut { border-color: var(--theme-border) !important; background: #ffffff !important; }

.sub-category-grid a {
    min-height: 40px !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 6px !important;
    color: #5f5852 !important;
    background: #ffffff !important;
}

.sub-category-grid a.active { color: #ffffff !important; border-color: var(--theme-accent) !important; background: var(--theme-accent) !important; }

.category-product {
    border-color: var(--theme-border) !important;
    background: #ffffff !important;
}

.category-product img { border-radius: 6px !important; background: #f5f3f0 !important; }
.category-product h3 { color: var(--theme-ink) !important; }

.store-overview,
.store-summary {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* Product detail */
.detail-head button,
.detail-head a { color: var(--theme-ink) !important; }
.gallery { background: #f3f1ee !important; }
.gallery-dots button.active { background: var(--theme-accent) !important; }
.gallery-index { background: rgba(28, 25, 23, .58) !important; }

.goods-summary,
.info-panel,
.detail-section,
.recommend-section {
    background: #ffffff !important;
}

.goods-summary { border-bottom: 1px solid var(--theme-border) !important; }
.goods-summary h2 { color: var(--theme-ink) !important; font-weight: 650 !important; }
.info-row { border-color: var(--theme-border) !important; }
.info-row .row-label { color: #8c857e !important; }
.section-heading span { background: #d8cbb9 !important; }

.detail-actions {
    border-color: var(--theme-border) !important;
    background: #ffffff !important;
    box-shadow: 0 -5px 18px rgba(44, 35, 27, .06) !important;
}

.detail-actions a { color: #5f5852 !important; background: #ffffff !important; }
.detail-actions .buy-now-btn,
.sheet-confirm { color: #ffffff !important; background: var(--theme-accent) !important; }

.spec-sheet {
    border-radius: 8px 8px 0 0 !important;
    background: #ffffff !important;
}

.spec-options button {
    min-height: 44px !important;
    border: 1px solid transparent !important;
    border-radius: 6px !important;
    background: #f5f3f0 !important;
}

.spec-options button.active {
    color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    background: var(--theme-accent-soft) !important;
}

.sheet-cart { color: var(--theme-accent) !important; border-color: var(--theme-accent) !important; background: #ffffff !important; }

/* Personal center */
.user-shell { padding-top: 0 !important; }

.profile-card {
    margin: 0 -10px 10px !important;
    border-radius: 0 0 8px 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.profile-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .45;
    background: linear-gradient(145deg, rgba(181, 124, 43, .10), transparent 55%);
}

.profile-card { position: relative; }
.profile-card > * { position: relative; z-index: 1; }

.avatar {
    color: var(--theme-accent) !important;
    background: #ffffff !important;
    border: 1px solid #eadfcf !important;
    box-shadow: none !important;
}

.profile-text h1 { color: var(--theme-ink) !important; }
.profile-text p { color: #6e655d !important; }
.member-level-badge {
    color: #714b16 !important;
    border: 1px solid #dfc08c !important;
    border-radius: 4px !important;
    background: #fffaf2 !important;
    box-shadow: none !important;
}

.member-identity { color: #315343 !important; background: #edf4f0 !important; box-shadow: inset 3px 0 0 #3f6654 !important; }
.profile-action,
.profile-service { color: var(--theme-accent) !important; background: rgba(255, 255, 255, .74) !important; }

.asset-hub { gap: 8px !important; }
.asset-tile {
    min-height: 78px !important;
    border: 1px solid rgba(231, 225, 216, .86) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: none !important;
}

.asset-tile strong { color: var(--theme-ink) !important; }
.asset-tile.pending-earnings-tile strong { color: var(--theme-accent) !important; }
.asset-tile.pending-performance-tile strong { color: var(--theme-sage) !important; }

.panel-card,
.signin-card,
.store-bind-card,
.service-card,
.guess-section {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.order-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.order-item,
.service-item { min-height: 68px !important; color: var(--theme-ink) !important; }
.order-icon-wrap,
.signin-icon,
.store-bind-icon { color: var(--theme-accent) !important; background: var(--theme-accent-soft) !important; box-shadow: none !important; }
.order-item .badge { color: #fff !important; background: var(--theme-accent) !important; }

/* Member-center order and recommendation hierarchy. */
.user-shell .order-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.user-shell .order-item:nth-child(5) .order-icon { color: #d55443 !important; background: #fff0ed !important; }
.user-shell .guess-grid { gap: 10px 8px !important; }
.user-shell .guess-card {
    overflow: hidden !important;
    border: 1px solid rgba(214, 195, 167, .72) !important;
    border-radius: 9px !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(82, 61, 36, .13) !important;
}
.user-shell .guess-card > img {
    aspect-ratio: 1 / .9 !important;
    border-radius: 8px 8px 0 0 !important;
    background: #f1f4f5 !important;
    box-shadow: inset 0 -1px 0 rgba(45, 63, 64, .1) !important;
}
.user-shell .guess-body {
    min-height: 92px !important;
    padding: 10px 10px 11px !important;
    background: linear-gradient(180deg, #fff 0%, #fbfaf7 100%) !important;
}
.user-shell .guess-body h3 {
    min-height: 38px !important;
    color: #263e40 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}
.user-shell .guess-meta { margin-top: 9px !important; }
.user-shell .guess-price { color: #bd7131 !important; font-size: 16px !important; font-weight: 800 !important; }
.user-shell .guess-meta button {
    height: 29px !important;
    border-radius: 6px !important;
    color: #fff !important;
    background: #b58a4a !important;
    box-shadow: 0 2px 5px rgba(119, 81, 31, .18) !important;
    font-weight: 700 !important;
}

/* Cart, checkout and payment */
.cart-item,
.cart-promise,
.recommend,
.address-panel,
.node-panel,
.order-goods-panel,
.order-options,
.price-panel,
.pay-order-card,
.pay-summary,
.pay-methods {
    border-color: var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.cart-check.is-checked,
.check-icon.is-checked,
.pay-check.active { color: #ffffff !important; border-color: var(--theme-accent) !important; background: var(--theme-accent) !important; }
.cart-price,
.cart-level-price,
.recommend-price,
.recommend-level-price,
.goods-price,
.goods-level-price { color: var(--theme-accent) !important; }

.settle-bar,
.submit-bar,
.pay-footer {
    border-color: var(--theme-border) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -5px 18px rgba(44, 35, 27, .055) !important;
}

.settle-btn,
.submit-bar button,
.pay-footer button {
    min-height: 44px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    background: var(--theme-accent) !important;
}

.delivery-tabs button.active,
.payment-row.active,
.option-row.active {
    color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    background: var(--theme-accent-soft) !important;
}

/* Feature/detail pages */
.summary-card,
.data-card,
.form-card,
.card-row,
.level-card,
.order-card,
.order-detail-card,
.pending-detail-card,
.gift-exchange-section,
.checkin-panel,
.bank-card,
.withdraw-panel,
.transfer-form-card,
.promotion-poster-card,
.return-address-card {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.summary-main,
.balance-summary,
.points-mall-summary,
.pending-earnings-summary,
.pending-performance-summary,
.bank-wallet-hero {
    color: var(--theme-ink) !important;
    border-color: var(--theme-border) !important;
    background: #fff4df !important;
    box-shadow: none !important;
}

.tabs {
    border-color: var(--theme-border) !important;
    background: #ffffff !important;
}

.tabs button { min-height: 44px !important; color: #6d655f !important; }
.tabs button.active { color: var(--theme-accent) !important; }
.status,
.pending-status,
.order-kind { border-radius: 4px !important; }
.pending-money,
.price,
.order-paid,
.order-total-card strong { color: var(--theme-accent) !important; }
.pending-pv { color: var(--theme-sage) !important; }

.gift-exchange-product {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}
.gift-exchange-product.active { border-color: var(--theme-accent) !important; background: var(--theme-accent-soft) !important; }
.gift-exchange-submit,
.balance-primary-btn,
.withdraw-btn,
.transfer-submit-btn,
.continue-payment-btn { border-radius: 6px !important; color: #fff !important; background: var(--theme-accent) !important; }

.modal-primary-btn,
.after-sale-btn,
.save-poster-btn { border-radius: 6px !important; color: #fff !important; background: var(--theme-accent) !important; }
.modal-secondary-btn { border: 1px solid var(--theme-border) !important; border-radius: 6px !important; color: var(--theme-ink) !important; background: #fff !important; }

/* Team */
.team-header {
    color: var(--theme-ink) !important;
    background: transparent !important;
    border-color: var(--theme-border) !important;
    box-shadow: none !important;
}

.team-header h1,
.team-count span { color: var(--theme-ink) !important; text-shadow: none !important; }
.team-count strong { color: var(--theme-accent) !important; text-shadow: none !important; }
.team-performance-summary {
    border: 1px solid var(--theme-border) !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: none !important;
}
.team-performance-item:nth-child(odd) { border-right-color: var(--theme-border) !important; }
.team-performance-item:nth-child(-n + 2) { border-bottom-color: var(--theme-border) !important; }
.team-performance-item span { color: var(--theme-muted) !important; }
.team-performance-item strong,
.team-performance-item.primary strong,
.team-performance-item.today strong { color: var(--theme-accent) !important; }

.team-performance-item,
.zone-card,
.team-panel,
.direct-item,
.node-structure,
.tree-node-card {
    border-color: var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.team-count strong,
.team-performance-item strong,
.zone-card strong,
.node-performance strong { color: var(--theme-accent) !important; }
.team-tabs { border-color: var(--theme-border) !important; background: #ffffff !important; }
.team-tabs button { min-height: 44px !important; }
.member-avatar { color: var(--theme-accent) !important; border-color: #eadfcf !important; background: var(--theme-accent-soft) !important; }
.member-level { color: #315343 !important; background: var(--theme-sage-soft) !important; }
.assisted-register-entry {
    color: var(--theme-ink) !important;
    border: 1px solid #dec69f !important;
    border-radius: 6px !important;
    background: #fffaf2 !important;
    box-shadow: none !important;
}
.assisted-register-icon { color: var(--theme-accent) !important; background: #ffffff !important; }
.placement-action,
.node-register-submit { border-radius: 6px !important; color: #ffffff !important; background: var(--theme-accent) !important; }

/* Address and assisted registration */
.address-card,
.address-form,
.operator-strip,
.form-section,
.package-card,
.payment-summary,
.fixed-payer,
.success-dialog {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.address-card.active,
.package-card.active,
.spec-option.active,
.market-field label.active,
.placement-market-options label.active {
    color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
    background: var(--theme-accent-soft) !important;
}

.add-address-btn,
.save-address-btn,
.submit-registration,
.package-picker-trigger,
.package-picker-action {
    min-height: 44px !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    background: var(--theme-accent) !important;
    box-shadow: none !important;
}

.field input,
.field select,
.field textarea,
.region-selects select,
.region-grid select,
.verify-field input {
    min-height: 44px !important;
    color: var(--theme-ink) !important;
    border: 1px solid #ded8d0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

.field input:focus,
.field select:focus,
.field textarea:focus,
.region-selects select:focus,
.region-grid select:focus,
.verify-field input:focus {
    border-color: var(--theme-accent) !important;
    box-shadow: 0 0 0 3px rgba(181, 124, 43, .10) !important;
}

.password-notice,
.confirmation-check,
.placement-tip { border-color: #e8d6b8 !important; border-radius: 6px !important; color: #714b16 !important; background: #fff9ef !important; }

/* Login and auth */
.login-page,
.auth-page { background: #fff8ec !important; }
.login-screen-panel,
.login-panel,
.agreement-panel {
    border: 1px solid var(--theme-border) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(44, 35, 27, .08) !important;
}
.brand-mark,
.login-brand { color: var(--theme-accent) !important; }
.login-form .submit-btn,
.login-form button[type="submit"] { min-height: 44px !important; border-radius: 6px !important; color: #fff !important; background: var(--theme-accent) !important; }
.ghost-action { color: var(--theme-accent) !important; border-color: var(--theme-accent) !important; background: #fff !important; }

/* Dialogs and guards */
.sheet-mask,
.modal-mask,
.after-sale-modal-mask,
.transfer-dialog-mask,
.success-mask,
.node-register-mask { background: rgba(28, 25, 23, .48) !important; }
.after-sale-modal,
.transfer-dialog,
.node-register-dialog,
.city-partner-dialog {
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(28, 25, 23, .18) !important;
}
.city-partner-submit,
.city-partner-retry { border-radius: 6px !important; color: #fff !important; background: var(--theme-accent) !important; }

/* Team dashboard */
.team-shell {
    padding: 0 10px calc(82px + env(safe-area-inset-bottom)) !important;
}

.team-header {
    width: auto;
    height: auto !important;
    min-height: 0;
    margin: 0 -10px !important;
    padding: calc(18px + env(safe-area-inset-top)) 18px 22px !important;
    border: 0 !important;
}

.team-title-row {
    gap: 10px;
    margin-bottom: 14px;
}

.team-header h1 {
    color: #26221e !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.assisted-register-entry {
    min-height: 44px;
    padding: 0 12px !important;
    gap: 7px;
    border: 1px solid #d9bd8e !important;
    border-radius: 7px !important;
    color: #6f4a17 !important;
    background: rgba(255, 255, 255, .88) !important;
    box-shadow: 0 4px 12px rgba(75, 54, 31, .08) !important;
}

.assisted-register-icon {
    width: 22px !important;
    height: 22px !important;
    color: #ffffff !important;
    background: var(--theme-accent) !important;
    font-size: 17px !important;
    line-height: 22px !important;
}

.team-counts { gap: 16px; }
.team-count { gap: 7px; }
.team-count strong {
    color: var(--theme-accent) !important;
    font-size: 34px !important;
    font-weight: 850 !important;
    text-shadow: none !important;
}
.team-count span {
    color: #4f4943 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.team-performance-summary {
    grid-template-rows: repeat(2, 64px) !important;
    gap: 8px;
    margin-top: 14px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.team-performance-item {
    padding: 10px 12px !important;
    gap: 5px !important;
    border: 1px solid transparent !important;
    border-left-width: 3px !important;
    border-radius: 7px;
    box-shadow: 0 4px 12px rgba(72, 52, 30, .055);
}
.team-performance-item:nth-child(1) { border-color: #e4c68f !important; background: rgba(255, 249, 237, .94) !important; }
.team-performance-item:nth-child(2) { border-color: #9dc4b5 !important; background: rgba(241, 249, 246, .94) !important; }
.team-performance-item:nth-child(3) { border-color: #e1aaa0 !important; background: rgba(255, 246, 243, .94) !important; }
.team-performance-item:nth-child(4) { border-color: #9bbdca !important; background: rgba(242, 248, 251, .94) !important; }
.team-performance-item span {
    color: #777069 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.team-performance-item strong {
    color: #26221e !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.team-performance-item.primary strong { color: var(--theme-accent) !important; }
.team-performance-item.today strong { color: var(--theme-sage) !important; }
.team-performance-item:nth-child(3) strong { color: #a95143 !important; }
.team-performance-item:nth-child(4) strong { color: #3d7084 !important; }

.team-panel {
    min-height: calc(100vh - 282px) !important;
    margin-top: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.team-tabs {
    position: sticky;
    top: 0;
    z-index: 5;
    height: auto !important;
    min-height: 52px;
    margin: 0 0 12px;
    padding: 0;
    gap: 0;
    border: 0 !important;
    border-bottom: 1px solid #ddd3c6 !important;
    border-radius: 0;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: none !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.team-tabs button {
    min-height: 44px !important;
    position: relative;
    border-radius: 0;
    color: #706961 !important;
    font-size: 14px !important;
    font-weight: 650;
}
.team-tabs button.active {
    color: #8a5b1c !important;
    background: transparent !important;
    font-weight: 750 !important;
}
.team-tabs button.active::after {
    display: block !important;
    width: 36px !important;
    height: 3px !important;
    bottom: -1px !important;
    background: var(--theme-accent) !important;
}

.team-tab-panel { padding: 0 2px 20px !important; }
.direct-list {
    min-height: 260px !important;
    display: grid;
    align-content: start;
    gap: 0;
    overflow: hidden;
    border: 1px solid #e2d8ca;
    border-radius: 8px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 6px 18px rgba(72, 52, 30, .06);
}

.direct-item {
    min-height: 82px !important;
    padding: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eee7de !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.direct-item:last-child { border-bottom: 0 !important; }
.direct-item.pending-placement { min-height: 104px !important; }
.member-avatar {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #e2cfac !important;
    color: #7b551e !important;
    background: #fff7e8 !important;
    font-size: 16px !important;
}
.member-avatar.has-logo {
    padding: 4px;
    overflow: hidden;
    background: #ffffff !important;
}
.member-avatar-logo {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: contain;
}
.direct-item:nth-child(3n + 2) .member-avatar { border-color: #aed0c3 !important; color: #356b5c !important; background: #eef8f4 !important; }
.direct-item:nth-child(3n) .member-avatar { border-color: #afcbd6 !important; color: #3d7084 !important; background: #f0f7fa !important; }
.direct-item .member-avatar.has-logo { border-color: #dfd3c3 !important; background: #ffffff !important; }
.member-name { color: #28231f !important; font-size: 15px !important; font-weight: 750 !important; }
.member-mobile { margin-top: 5px !important; color: #817a73 !important; }
.member-consumption strong { color: var(--theme-accent) !important; font-size: 15px !important; }
.member-consumption span { color: #8b837b !important; }
.placement-status { color: #76541d !important; background: #fff3d7 !important; }

.direct-list > .empty-state {
    min-height: 260px;
    padding: 24px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.direct-list > .empty-state i { color: #d0b98f !important; font-size: 44px !important; }
.direct-list > .empty-state strong { color: #736c65 !important; }

#nodesPanel {
    padding: 0 2px 24px !important;
    background: transparent !important;
}
.node-performance,
.node-structure { padding: 4px 0 8px !important; }
.node-performance h2,
.node-section-head h2 {
    padding-left: 11px !important;
    border-left: 3px solid var(--theme-accent) !important;
    color: #2c2722 !important;
    font-size: 15px !important;
}
.zone-grid { gap: 8px !important; margin-top: 12px !important; }
.zone-card {
    padding: 13px 11px !important;
    border: 1px solid rgba(222, 211, 195, .94) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 5px 14px rgba(72, 52, 30, .06) !important;
}
.zone-card h3 {
    margin-bottom: 11px !important;
    color: #5f451f !important;
    text-align: left !important;
}
.zone-card:nth-child(1) { border-top: 3px solid #c66b5c !important; background: rgba(255, 248, 246, .95) !important; }
.zone-card:nth-child(1) h3 { color: #985044 !important; }
.zone-card:nth-child(2) { border-top: 3px solid #4d8477 !important; background: rgba(244, 250, 248, .95) !important; }
.zone-card:nth-child(2) h3 { color: #356b5c !important; }
.zone-line { border-top-color: #eee5d8 !important; }
.zone-line span { color: #817a73 !important; }
.zone-line b { color: #28231f !important; }

.node-structure {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.node-section-head { margin: 14px 0 14px !important; }
.node-section-head button {
    min-height: 36px;
    padding: 0 11px !important;
    color: #315343 !important;
    background: var(--theme-sage-soft) !important;
}
.tree-node-card {
    border: 1px solid #dfd3c3 !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 5px 14px rgba(72, 52, 30, .06) !important;
}
.tree-node-card.root {
    border-color: #d3ad70 !important;
    color: #5f451f !important;
    background: #fff8eb !important;
}
.tree-node-card em { color: var(--theme-sage) !important; }
.tree-connector { border-color: #d8cbb9 !important; }
.tree-connector::after { background: #d8cbb9 !important; }
.tree-branches > div > b {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px !important;
    border-radius: 4px !important;
    color: #315343 !important;
    background: var(--theme-sage-soft) !important;
}
.tree-branches > div:nth-child(1) > b { color: #985044 !important; background: #fff0ed !important; }
.tree-branches > div:nth-child(2) > b { color: #3d7084 !important; background: #edf6fa !important; }

@media (max-width: 359px) {
    .team-header { padding-inline: 14px !important; }
    .team-header h1 { font-size: 20px !important; }
    .assisted-register-entry { padding-inline: 9px !important; font-size: 13px !important; }
    .team-performance-item { padding-inline: 9px !important; }
    .team-performance-item strong { font-size: 14px !important; }
    .direct-item { grid-template-columns: 40px minmax(0, 1fr) auto !important; gap: 9px !important; padding: 10px !important; }
    .member-avatar { width: 40px !important; height: 40px !important; }
}

@media (hover: hover) {
    button:not(:disabled),
    a { transition: color .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease; }
    button:not(:disabled):hover,
    a:hover { opacity: .88; }
}

@media (min-width: 700px) {
    .mall-shell,
    .user-shell,
    .category-shell,
    .store-shell,
    .detail-shell,
    .cart-shell,
    .confirm-shell,
    .pay-shell,
    .feature-shell,
    .team-shell,
    .address-shell,
    .register-shell,
    .login-page,
    .auth-page {
        border-left: 1px solid rgba(231, 225, 216, .75);
        border-right: 1px solid rgba(231, 225, 216, .75);
        box-shadow: 0 0 30px rgba(44, 35, 27, .055) !important;
    }
}

@media (max-width: 359px) {
    .quick-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
    .order-grid { grid-template-columns: repeat(5, minmax(54px, 1fr)) !important; overflow-x: auto; }
    .product-grid,
    .guess-grid,
    .recommend-grid { gap: 7px !important; }
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* Authoritative team reference styles. Kept last so legacy theme rules cannot override them. */
.team-shell {
    width: min(430px, 100%) !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 0 7px calc(74px + env(safe-area-inset-bottom)) !important;
    color: #294b4d !important;
    background-color: #f8fcfd !important;
    background-image:
        linear-gradient(rgba(61, 137, 147, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61, 137, 147, .045) 1px, transparent 1px),
        radial-gradient(circle at 50% 0, rgba(230, 245, 248, .72), transparent 360px) !important;
    background-repeat: repeat, repeat, no-repeat !important;
    background-position: top center !important;
    background-size: 10px 10px, 10px 10px, 100% 620px !important;
}
.team-header {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 9px 1px 0 !important;
    color: #234c4e !important;
    background: transparent !important;
    box-shadow: none !important;
}
.team-title-row { gap: 8px !important; margin: 0 0 4px !important; }
.team-header h1 {
    min-width: 0 !important;
    color: #123f43 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
    text-shadow: none !important;
}
.assisted-register-entry {
    min-height: 39px !important;
    padding: 0 10px !important;
    gap: 6px !important;
    border: 1px solid #d6bd80 !important;
    border-radius: 7px !important;
    color: #87672b !important;
    background: rgba(255, 255, 255, .9) !important;
    box-shadow: 0 2px 7px rgba(72, 61, 36, .08) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.assisted-register-icon { width: 19px !important; height: 19px !important; color: #fff !important; background: #b78a3a !important; font-size: 15px !important; line-height: 19px !important; }
.team-counts { margin: 0 0 7px !important; }
.team-count { gap: 7px !important; margin: 0 !important; }
.team-count strong { color: #b78831 !important; font-size: 30px !important; line-height: 1 !important; text-shadow: none !important; }
.team-count span { color: #31575a !important; font-size: 11px !important; font-weight: 700 !important; }
.team-shell .team-performance-summary {
    height: 178px !important;
    grid-template-rows: repeat(2, 56px) 52px !important;
    gap: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: #075b64 !important;
    box-shadow: 0 5px 12px rgba(7, 63, 70, .17) !important;
}
.team-shell .team-performance-item {
    min-width: 0 !important;
    padding: 9px 14px !important;
    gap: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.team-shell .team-performance-item:nth-child(odd) { border-right: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item:nth-child(-n + 2) { border-bottom: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item span { color: rgba(239, 250, 247, .84) !important; font-size: 10px !important; font-weight: 600 !important; }
.team-shell .team-performance-item strong,
.team-shell .team-performance-item.primary strong,
.team-shell .team-performance-item.today strong,
.team-shell .team-performance-item:nth-child(3) strong,
.team-shell .team-performance-item:nth-child(4) strong { color: #f5d784 !important; font-size: 16px !important; font-weight: 800 !important; }
.team-panel {
    position: relative !important;
    z-index: 2 !important;
    min-height: 0 !important;
    margin: -52px 0 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.team-tabs {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(224, 244, 240, .2) !important;
    border-bottom: 1px solid rgba(224, 244, 240, .18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}
.team-tabs::before {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    bottom: 14px !important;
    left: 50% !important;
    width: 1px !important;
    background: rgba(224, 244, 240, .2) !important;
    transform: translateX(-.5px) !important;
    pointer-events: none !important;
}
.team-tabs button,
.team-tabs button.active {
    min-height: 52px !important;
    color: rgba(255, 255, 255, .96) !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.team-tabs button.active::after { bottom: 4px !important; width: 30px !important; height: 3px !important; background: #e0b75e !important; }
.team-tab-panel { padding: 0 2px 18px !important; }
#nodesPanel { padding: 0 2px 18px !important; background: transparent !important; }
.node-performance, .node-structure { padding: 8px 0 4px !important; }
.node-performance h2, .node-section-head h2 { padding-left: 8px !important; border-left: 3px solid #be9140 !important; color: #274e50 !important; font-size: 14px !important; }
.zone-grid { gap: 7px !important; margin-top: 9px !important; }
.zone-card, .zone-card:nth-child(1), .zone-card:nth-child(2) {
    min-height: 97px !important;
    padding: 10px 9px !important;
    border: 1px solid #d5ddda !important;
    border-radius: 7px !important;
    background-color: rgba(255, 255, 255, .82) !important;
    background-image: linear-gradient(rgba(67, 125, 128, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(67, 125, 128, .055) 1px, transparent 1px) !important;
    background-size: 9px 9px !important;
    box-shadow: 0 2px 5px rgba(35, 57, 51, .05) !important;
}
.zone-card h3, .zone-card:nth-child(1) h3, .zone-card:nth-child(2) h3 { margin: 0 0 9px !important; color: #284e50 !important; font-size: 12px !important; }
.zone-line {
    min-height: 27px !important;
    padding-top: 7px !important;
    border-top-color: rgba(46, 95, 98, .13) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
}
.zone-line span { color: #4b5e5d !important; font-weight: 700 !important; }
.zone-line b { color: #213f41 !important; font-size: 13px !important; font-weight: 800 !important; }
.node-section-head { margin: 13px 0 10px !important; }
.node-tree { min-height: 250px !important; padding: 0 0 8px !important; }
.tree-node-card { min-height: 92px !important; padding: 9px 8px !important; border: 1px solid #d2d9d7 !important; border-radius: 7px !important; background: rgba(255, 255, 255, .78) !important; box-shadow: 0 2px 5px rgba(35, 57, 51, .05) !important; }
.tree-node-card.root { width: 214px !important; min-height: 97px !important; border-color: #c9a15a !important; background: rgba(255, 253, 247, .86) !important; }
.tree-node-card strong { color: #3f4643 !important; font-size: 13px !important; }
.tree-node-card span { color: #777f7d !important; font-size: 10px !important; }
.node-card-stats { padding-top: 5px !important; border-top-color: rgba(181, 143, 62, .18) !important; }
.node-card-stats { gap: 4px !important; padding-top: 7px !important; }
.node-card-stats p { color: #4b5e5d !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.node-card-stats b { color: #213f41 !important; font-size: 12px !important; font-weight: 800 !important; }
.tree-connector { height: 28px !important; border-color: #c4cfcc !important; }
.tree-connector::after { background: #c4cfcc !important; }
.tree-branches { gap: 7px !important; }
.tree-branches > div > b,
.tree-branches > div:nth-child(1) > b,
.tree-branches > div:nth-child(2) > b {
    margin: -10px 0 7px !important;
    padding: 4px 10px !important;
    border: 0 !important;
    border-radius: 4px !important;
    color: #fff !important;
    background: #075b64 !important;
    font-size: 10px !important;
}
.bottom-nav { min-height: 59px !important; padding-top: 6px !important; }
.bottom-nav a { min-height: 49px !important; gap: 2px !important; font-size: 11px !important; }
.bottom-nav .tab-icon { font-size: 21px !important; }
@media (max-width: 360px) {
    .team-shell { padding-right: 5px !important; padding-left: 5px !important; }
    .team-header { padding-right: 2px !important; padding-left: 2px !important; }
    .team-shell .team-performance-item { padding-inline: 12px !important; }
    .tree-node-card.root { width: 214px !important; }
}

/* Final team-page overrides matching the supplied market-details reference. */
.team-shell .team-performance-summary {
    gap: 0 !important;
    margin-top: 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #0d5961, #07505a) !important;
    box-shadow: 0 7px 14px rgba(7, 63, 70, .18) !important;
}
.team-shell .team-performance-item {
    padding: 10px 14px !important;
    gap: 3px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}
.team-shell .team-performance-item:nth-child(odd) { border-right: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item:nth-child(-n + 2) { border-bottom: 1px solid rgba(224, 244, 240, .2) !important; }
.team-shell .team-performance-item span { color: rgba(239, 250, 247, .84) !important; font-size: 10px !important; }
.team-shell .team-performance-item strong,
.team-shell .team-performance-item.primary strong,
.team-shell .team-performance-item.today strong,
.team-shell .team-performance-item:nth-child(3) strong,
.team-shell .team-performance-item:nth-child(4) strong { color: #f5d784 !important; font-size: 16px !important; }

@media (max-width: 360px) {
    .team-shell .team-header { padding-right: 10px !important; padding-left: 10px !important; }
    .team-shell .team-performance-item { padding-inline: 12px !important; }
}