/* R3 pages retain the established forest green, warm gold and white desktop palette. */
body[data-route*="/level/index"] #page,
body[data-route*="/r3Services/index"] #page,
body[data-route*="/r3Admin/index"] #page {max-width:1100px;margin-inline:auto}
body[data-route*="/level/index"] #page .main-fixed-page {height:auto!important;transform:none!important}
body[data-route*="/level/index"] #page .main-content-scroll {height:auto!important;overflow:visible!important}
body[data-route*="/level/index"] #page .header {padding:18px 0 8px}
body[data-route*="/level/index"] #page .title {font-size:27px;font-weight:700;color:#124d38}
body[data-route*="/level/index"] #page .subtitle {color:#6d7a71;font-size:14px;margin-top:8px}
body[data-route*="/level/index"] #page .tabs {display:flex;gap:8px;margin:20px 0;border-bottom:1px solid #d9e4dc;padding-bottom:12px;overflow-x:auto}
body[data-route*="/level/index"] #page .tab {display:inline-block;white-space:nowrap;padding:10px 18px;border-radius:8px;background:#f2f6f3;color:#3d6552;cursor:pointer}
body[data-route*="/level/index"] #page .tab.active {background:#0b6541;color:white;font-weight:700}
body[data-route*="/level/index"] #page .hero-card {padding:24px 26px;margin:20px 0;background:linear-gradient(115deg,#0b6042,#174932);border:1px solid #165539;border-radius:14px;color:white}
body[data-route*="/level/index"] #page .hero-title {font-size:21px;font-weight:700;margin-bottom:10px;color:#fff!important}
body[data-route*="/level/index"] #page .hero-desc {line-height:1.8;color:#e2eee5;font-size:14px}
body[data-route*="/level/index"] #page .tier-card {display:inline-flex;flex-direction:column;box-sizing:border-box;vertical-align:top;width:calc(33.333% - 14px);min-height:210px;margin:0 14px 16px 0;padding:20px;border:1px solid #dce6dd;border-radius:12px;background:#fbfdfb}
body[data-route*="/level/index"] #page .star-line {color:#ae8733;letter-spacing:1px;font-size:15px}
body[data-route*="/level/index"] #page .card-title {font-weight:700;font-size:18px;color:#184c36;margin:8px 0 12px}
body[data-route*="/level/index"] #page .card-text {font-size:14px;line-height:1.85;color:#4b6253}
body[data-route*="/level/index"] #page .card {padding:20px 24px;margin:14px 0}
body[data-route*="/level/index"] #page .kv {display:flex;justify-content:space-between;margin:16px 0 10px;font-size:15px;color:#966e23}
body[data-route*="/level/index"] #page .notice {padding:13px 17px;margin:12px 0;background:#f4f7f4;border-radius:9px;border-left:3px solid #9bb99e;font-size:14px;line-height:1.8}
body[data-route*="/level/index"] #page .notice.gold {background:#fff9ec;border-left-color:#b99b50;color:#775d28}
body[data-route*="/level/index"] #page .field {display:flex;justify-content:space-between;gap:24px;padding:20px 12px;border-bottom:1px solid #edf0eb;font-size:15px}
body[data-route*="/level/index"] #page .field-value {font-weight:700;color:#0b6842;text-align:right}
body[data-route*="/level/index"] #page .grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
body[data-route*="/level/index"] #page .stat {padding:28px;text-align:center;border:1px solid #dce6dd;border-radius:12px;background:#f6f9f5}
body[data-route*="/level/index"] #page .num {font-size:30px;color:#0a6641;font-weight:700}
body[data-route*="/level/index"] #page .label {margin-top:12px;font-size:14px;color:#6f7d6f}
body[data-route*="/level/index"] #page button {font-size:15px;min-height:42px;border-radius:8px;margin:14px 0;cursor:pointer}
body[data-route*="/level/index"] #page .btn-primary {background:#0b6541;color:white;border:0}
body[data-route*="/r3Services/index"] #page input,
body[data-route*="/r3Services/index"] #page textarea,
body[data-route*="/r3Admin/index"] #page input,
body[data-route*="/r3Admin/index"] #page textarea {box-sizing:border-box;font-size:15px;min-height:42px}
@media(max-width:900px){body[data-route*="/level/index"] #page .tier-card{width:calc(50% - 14px)}}
@media(max-width:600px){body[data-route*="/level/index"] #page .tier-card{width:100%;margin-right:0}body[data-route*="/level/index"] #page .field{display:block}body[data-route*="/level/index"] #page .field-value{text-align:left;margin-top:10px}}
.site-sidebar [hidden]{display:none!important}

/* V2.36.89 account pages: component sizes adapt to the browser, with no page scaling. */
body[data-route='pages/quick/index'] #page,
body[data-route*='/wallet/index'] #page,
body[data-route*='/income/index'] #page,
body[data-route*='/guarantees/index'] #page,
body[data-route*='/withdrawals/index'] #page,
body[data-route*='/dragonLeaderboard/index'] #page {max-width:1100px;margin-inline:auto;font-size:15px;line-height:1.65}
body[data-route='pages/quick/index'] #page .mine-page-body {width:100%;min-width:0;padding-bottom:30px}
body[data-route='pages/quick/index'] #page :is(.mine-core,.mine-service-panel,.mine-order-panel,.mine-settings-panel) {padding:22px;margin-bottom:20px;border-radius:14px}
body[data-route='pages/quick/index'] #page .asset-strip {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:18px;margin-top:18px}
body[data-route='pages/quick/index'] #page .asset-item {min-width:0;padding:0 5px}
body[data-route='pages/quick/index'] #page .asset-icon {width:40px;height:40px;margin:0 auto 7px}
body[data-route='pages/quick/index'] #page .asset-icon img {display:block;width:28px;height:28px;max-width:100%;max-height:100%;object-fit:contain}
body[data-route='pages/quick/index'] #page .mine-tools {gap:8px}
body[data-route='pages/quick/index'] #page .mine-tools .mine-tool img {display:block;flex:none;width:20px;height:20px;object-fit:contain}
body[data-route='pages/quick/index'] #page .asset-value {font-size:24px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;overflow:visible}
body[data-route='pages/quick/index'] #page .asset-label {font-size:13px;white-space:normal;line-height:1.6}
body[data-route='pages/quick/index'] #page :is(.asset-state,.asset-explanation,.growth-window,.growth-rule,.forecast-label) {font-size:13px;line-height:1.7;overflow-wrap:anywhere}
body[data-route='pages/quick/index'] #page .cash-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
body[data-route='pages/quick/index'] #page .cash-metric {min-width:0;padding:18px 12px;border:1px solid #dce9df;border-radius:12px;background:#eff7f0;text-align:center}
body[data-route='pages/quick/index'] #page .cash-label {font-size:14px;line-height:1.6}
body[data-route='pages/quick/index'] #page .cash-value {font-size:25px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
body[data-route='pages/quick/index'] #page .cash-action {font-size:13px;line-height:1.6}
body[data-route='pages/quick/index'] #page :is(.cash-note,.cash-error) {font-size:13px;line-height:1.8;overflow-wrap:anywhere}
body[data-route='pages/quick/index'] #page .cash-income-title {font-size:18px;margin-top:22px;padding-top:18px}
body[data-route='pages/quick/index'] #page .cash-income-title text {font-size:13px}
body[data-route='pages/quick/index'] #page .cash-income-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 0 8px}
body[data-route='pages/quick/index'] #page .cash-income-grid>view {min-width:0}
body[data-route='pages/quick/index'] #page .cash-income-grid text {font-size:13px}
body[data-route='pages/quick/index'] #page .cash-income-grid view view {font-size:21px;line-height:1.5;overflow-wrap:anywhere}
body[data-route='pages/quick/index'] #page :is(.income-ledger-link,.growth-more) {font-size:15px}
body[data-route='pages/home/index'] #page .asset-grid {grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
body[data-route='pages/home/index'] #page .asset-item {min-width:0}
body[data-route='pages/home/index'] #page .asset-value {font-size:22px;white-space:normal;overflow-wrap:anywhere}
body[data-route='pages/home/index'] #page .asset-label {font-size:13px;white-space:normal}

body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index'],[data-route*='/dragonLeaderboard/index']) #page :is(.page,.container,.guarantees-page,.withdrawals-page,.leaderboard-page) {width:100%;min-width:0;padding:0 0 30px!important}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page .card {padding:22px;margin:18px 0;border-radius:12px;min-width:0}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.hero,.account-hero) {padding:24px;border-radius:14px}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.heading,.title,.card-title) {font-size:21px;line-height:1.5}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.hint,.notice,.hero-note,.account-rule,.card-text,.component-note,.record-time,.record-account,.reference,.state,.detail-schema,.stat-label,.income-periods>view,.ledger-time) {font-size:14px;line-height:1.8;white-space:normal;overflow-wrap:anywhere}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.record-title,.purpose,.component,.link,.label,.ledger-desc) {font-size:15px;line-height:1.7;overflow-wrap:anywhere}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.total,.account-number,.today-income .amount) {font-size:34px;line-height:1.45;overflow-wrap:anywhere}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.between,.component,.ledger-row) {gap:16px;flex-wrap:wrap;min-width:0}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.amount,.component-amount,.stat-value,.ledger-amount) {font-size:20px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.statistics,.income-periods,.income-grid) {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body[data-route*='/wallet/index'] #page .income-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/withdrawals/index']) #page :is(.stat,.income-periods>view,.income-grid>view) {min-width:0;width:auto}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.daily-scroll,.category-scroll,.tabs) {max-width:100%;min-width:0;overflow-x:auto}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.category,.tab,.pill-tab,.daily-pill,.btn) {font-size:14px}
body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(input,textarea,button) {font-size:15px;min-height:42px;max-width:100%}
body[data-route*='/income/index'] #page .daily-strip {display:flex;gap:12px;width:max-content;max-width:none}
body[data-route*='/income/index'] #page .daily-pill {min-width:110px;white-space:normal}
body[data-route*='/income/index'] #page .daily-number {font-size:19px;overflow-wrap:anywhere}

body[data-route*='/dragonLeaderboard/index'] #page :is(.board-hero,.board-card,.annual-card,.login-card) {padding:22px;border-radius:14px;min-width:0}
body[data-route*='/dragonLeaderboard/index'] #page .board-title {font-size:30px}
body[data-route*='/dragonLeaderboard/index'] #page :is(.board-subtitle,.board-rule-link,.board-switch-item text,.board-head-sub,.board-unit,.scope-tip,.board-notice,.board-self-note,.annual-note,.annual-grid text,.login-desc) {font-size:13px;line-height:1.7;white-space:normal}
body[data-route*='/dragonLeaderboard/index'] #page :is(.board-head-title,.annual-title,.login-title) {font-size:19px}
body[data-route*='/dragonLeaderboard/index'] #page .board-head {gap:18px;flex-wrap:wrap}
body[data-route*='/dragonLeaderboard/index'] #page .board-switch-item strong {font-size:17px}
body[data-route*='/dragonLeaderboard/index'] #page .rank-row {display:grid;grid-template-columns:minmax(44px,64px) minmax(0,1fr) minmax(90px,32%);gap:15px;align-items:center;padding:18px 4px;min-width:0}
body[data-route*='/dragonLeaderboard/index'] #page .rank-number {min-width:0;max-width:none;width:100%;font-size:16px;padding:10px 6px}
body[data-route*='/dragonLeaderboard/index'] #page .rank-person {padding:0;min-width:0}
body[data-route*='/dragonLeaderboard/index'] #page .rank-name {font-size:16px}
body[data-route*='/dragonLeaderboard/index'] #page .rank-member {font-size:13px}
body[data-route*='/dragonLeaderboard/index'] #page .rank-points {min-width:0;overflow-wrap:anywhere}
body[data-route*='/dragonLeaderboard/index'] #page .rank-points strong {font-size:21px;line-height:1.5}
body[data-route*='/dragonLeaderboard/index'] #page .rank-points text {font-size:13px}
body[data-route*='/dragonLeaderboard/index'] #page :is(.filter-scroll,.categories) {max-width:100%;min-width:0}
body[data-route*='/dragonLeaderboard/index'] #page .filter-chip {font-size:14px;padding:8px 14px}

body[data-route='pages/glory/index'] .gl-wrap {width:100%;min-width:0;padding:16px 0 40px}
body[data-route='pages/glory/index'] .gl-rank {grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-route='pages/glory/index'] .gl-rank a {display:block;text-decoration:none;color:#07583f}
body[data-route='pages/glory/index'] .gl-assets {grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-route='pages/glory/index'] .gl-assets>a {display:block;min-width:0;padding:14px 10px;border:1px solid #eadfc6;border-radius:10px;background:#fffaf0;text-align:center;text-decoration:none;overflow-wrap:anywhere}
body[data-route='pages/glory/index'] .gl-assets span {display:block;font-size:13px}
body[data-route='pages/glory/index'] .gl-assets b {font-size:23px;line-height:1.6}
body[data-route='pages/glory/index'] .gl-finance {display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:14px 16px;background:#f4f8f4;border:1px solid #dce7df;border-radius:10px}
body[data-route='pages/glory/index'] .gl-finance a {color:#07583f;text-decoration:none}
body[data-route='pages/glory/index'] .gl-finance b {display:block;font-size:23px;overflow-wrap:anywhere}
body[data-route='pages/glory/index'] .gl-finance-links {display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px}
body[data-route='pages/glory/index'] .gl-journal-scroll {width:100%;overflow-x:auto}
body[data-route='pages/glory/index'] .gl-journal-scroll table {min-width:580px}

@media(max-width:600px) {
 body[data-route='pages/quick/index'] #page :is(.mine-core,.mine-service-panel,.mine-order-panel,.mine-settings-panel) {padding:14px;margin-bottom:14px}
 body[data-route='pages/quick/index'] #page .asset-strip {gap:5px}
 body[data-route='pages/quick/index'] #page .asset-item {padding:0}
 body[data-route='pages/quick/index'] #page .asset-icon {width:32px;height:32px}
 body[data-route='pages/quick/index'] #page .asset-icon img {width:24px;height:24px}
 body[data-route='pages/quick/index'] #page .asset-value {font-size:16px;font-variant-numeric:tabular-nums}
 body[data-route='pages/quick/index'] #page .mine-tools {gap:4px}
 body[data-route='pages/quick/index'] #page .mine-tools .mine-tool {font-size:12px;gap:4px;padding-inline:2px}
 body[data-route='pages/quick/index'] #page .mine-tools .mine-tool img {width:16px;height:16px}
 body[data-route='pages/quick/index'] #page .asset-label {font-size:12px}
 body[data-route='pages/quick/index'] #page .cash-metrics {gap:8px}
 body[data-route='pages/quick/index'] #page .cash-metric {padding:12px 7px}
 body[data-route='pages/quick/index'] #page .cash-label {font-size:12px}
 body[data-route='pages/quick/index'] #page .cash-value {font-size:17px}
 body[data-route='pages/quick/index'] #page .cash-action {font-size:12px}
 body[data-route='pages/quick/index'] #page .cash-income-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-route='pages/quick/index'] #page .cash-income-grid view view {font-size:18px}
 body[data-route='pages/home/index'] #page .asset-value {font-size:17px}
 body[data-route='pages/home/index'] #page .asset-label {font-size:12px}
 body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.card,.hero,.account-hero) {padding:15px}
 body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.heading,.title,.card-title) {font-size:19px}
 body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.total,.account-number,.today-income .amount) {font-size:29px}
 body:is([data-route*='/wallet/index'],[data-route*='/income/index'],[data-route*='/guarantees/index'],[data-route*='/withdrawals/index']) #page :is(.statistics,.income-periods,.income-grid) {gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-route*='/guarantees/index'] #page .component>view:first-child {flex:1;min-width:0}
 body[data-route*='/dragonLeaderboard/index'] #page :is(.board-hero,.board-card,.annual-card,.login-card) {padding:14px}
 body[data-route*='/dragonLeaderboard/index'] #page .rank-row {grid-template-columns:44px minmax(0,1fr) minmax(80px,34%);gap:10px}
 body[data-route*='/dragonLeaderboard/index'] #page .rank-number {font-size:14px}
 body[data-route*='/dragonLeaderboard/index'] #page .rank-name {font-size:14px}
 body[data-route*='/dragonLeaderboard/index'] #page .rank-points strong {font-size:16px}
 body[data-route*='/dragonLeaderboard/index'] #page .board-switch-item strong {font-size:14px}
 body[data-route='pages/glory/index'] .gl-rank {grid-template-columns:1fr}
 body[data-route='pages/glory/index'] .gl-assets {gap:6px}
 body[data-route='pages/glory/index'] .gl-assets>a {padding:10px 5px}
 body[data-route='pages/glory/index'] .gl-assets b {font-size:17px}
 body[data-route='pages/glory/index'] .gl-assets i {font-size:12px;line-height:1.5}
 body[data-route='pages/glory/index'] .gl-sec {padding:14px 12px}
 body[data-route='pages/glory/index'] .gl-finance {padding:12px}
}
