/* Navigation v2: the existing product shell, site tokens and card components. */
.product-shell > .sidebar {overflow-y:auto;scrollbar-width:thin;}
.product-shell > .sidebar > * {flex-shrink:0;}
.product-shell > .sidebar .side-nav {margin-top:24px;gap:4px;}
.product-shell > .sidebar .side-link {min-height:54px;}
.section-tabs {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0;}
.section-tabs button,.rank-periods button {min-height:44px;padding:10px 17px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--muted);cursor:pointer;}
.section-tabs button.active,.rank-periods button[aria-pressed="true"] {background:var(--forest);border-color:var(--forest);color:var(--lime);}
.section-tabs button:focus-visible,.creator-card-actions button:focus-visible {outline:2px solid var(--coral);outline-offset:3px;}
.creator-tools {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
.creator-tools .search-box {flex:1;min-width:200px;}
.creator-visibility {display:flex;align-items:center;gap:10px;font-size:14px;}
.creator-visibility select {min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--cream);}
.creator-card-actions {display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}
.creator-card-actions .secondary-button {flex:1;min-width:90px;min-height:44px;padding:6px 9px;font-size:12px;}
#mineGrid .card-footer .card-heat {display:block;font-size:12px;color:var(--muted);}
.site-quick-links button {min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--cream);color:var(--forest);cursor:pointer;}
.finance-panel {min-width:0;}
.finance-panel p {color:var(--muted);line-height:1.8;overflow-wrap:anywhere;}
.finance-panel .workspace-header h1 {font-size:clamp(2.3rem,4vw,4.4rem);}
.finance-panel h2 {font:500 24px/1.4 var(--serif);color:var(--forest);}
.finance-panel [data-business-notice]:empty {display:none;}
.finance-panel [data-business-notice]:not(:empty) {padding:12px 16px;background:var(--cream);border:1px solid var(--line);border-radius:10px;}
.finance-panel .error {color:var(--coral-dark);}
.finance-panel .metrics {display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin:24px 0;}
.finance-panel .metric {min-width:0;padding:23px;border:1px solid var(--line);border-radius:12px 28px 12px 12px;background:var(--cream);}
.finance-panel .metric strong {display:block;margin:12px 0;font-size:28px;color:var(--forest);overflow-wrap:anywhere;}
.finance-panel .metric span {font-size:13px;color:var(--muted);line-height:1.7;}
.finance-panel .business-block {margin:26px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface);}
.finance-panel .list-row {padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;}
.finance-panel .list-row p {margin:8px 0;font-size:14px;}
.finance-panel time {font-size:12px;color:var(--muted);}
.finance-panel form {display:flex;flex-wrap:wrap;gap:15px;align-items:end;}
.finance-panel label {display:grid;gap:8px;min-width:0;flex:1;font-size:14px;}
.finance-panel :is(input,select) {min-width:0;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--cream);padding:10px;color:var(--ink);font:inherit;}
.finance-panel button {min-height:44px;}
.finance-panel .order {padding:20px;border:1px solid var(--line);border-radius:16px;margin:16px 0;background:var(--cream);}
.finance-panel .order img {display:block;width:220px;max-width:100%;height:auto;margin:16px 0;}
.finance-panel .order form {flex-direction:column;align-items:stretch;}
.finance-panel .order details {margin-top:15px;}
.finance-panel .order summary {cursor:pointer;min-height:44px;}
.finance-panel .payment-proof-help {margin-bottom:12px;color:var(--muted);font-size:13px;}
.finance-panel .payment-proof-preview {display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:12px;align-items:center;min-height:0;}
.finance-panel .payment-proof-preview:empty {display:none;}
.finance-panel .payment-proof-preview .payment-proof-preview-image {width:220px;max-height:240px;margin:0;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--paper);}
.finance-panel .payment-proof-preview small {color:var(--muted);overflow-wrap:anywhere;}
.finance-panel .order-actions {display:flex;justify-content:flex-end;margin-top:10px;}
.finance-panel .order-actions .danger-button {color:#8e3229;border-color:rgba(142,50,41,.35);}
.section-actions,.exchange-tiers {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0;}
#recharge-tiers {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;flex-basis:100%;min-width:0;padding:0;border:0;}
#recharge-tiers legend {margin-bottom:12px;color:var(--muted);}
#recharge-tiers .recharge-tier {position:relative;padding:18px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--cream);}
#recharge-tiers .recharge-tier:has(input:checked) {outline:2px solid var(--forest);background:var(--paper-2);}
#recharge-tiers input {width:18px;min-height:18px;accent-color:var(--forest);}
#recharge-tiers small {line-height:1.6;color:var(--muted);}
.creator-income-row {display:flex;gap:16px;align-items:center;}
.creator-income-row > div {flex:1;min-width:0;}
.creator-income-row img {width:64px;height:80px;object-fit:cover;border-radius:10px;}
.creator-income-row small {display:block;margin-top:8px;color:var(--muted);}
.ranking-row {display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:16px 0;}
.ranking-number {font:500 30px var(--serif);color:var(--coral-dark);text-align:center;}
.ranking-row .character-card {display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;border:0;box-shadow:none;background:transparent;min-width:0;}
.ranking-row .card-visual {height:116px;min-height:0;border-radius:10px;}
.ranking-row .card-body {padding:10px 16px;min-width:0;}
.ranking-row .card-body h3 {font-size:20px;overflow-wrap:anywhere;}
.ranking-row .card-tagline {-webkit-line-clamp:1;min-height:0;}
.ranking-row .card-footer,.ranking-row .card-badges {display:none;}
.ranking-row .card-meta {font-size:11px;}
.site-tags-dialog {position:relative;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow);}
.site-tags-dialog h2 {padding-right:22px;overflow-wrap:anywhere;font:500 27px var(--serif);}
.site-tags-dialog p {font-size:14px;line-height:1.8;color:var(--muted);}
.site-tags-dialog label {display:grid;gap:10px;}
.site-tag-chips {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;}
.site-tag-chip {display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 8px 5px 12px;border-radius:14px;background:var(--cream);border:1px solid var(--line);overflow-wrap:anywhere;}
.site-tag-chip.is-invalid {border-color:#a34234;color:#8e3229;}
.site-tag-chip button {border:0;background:transparent;min-width:36px;min-height:36px;flex-shrink:0;font:inherit;cursor:pointer;}
.site-tag-add {display:flex;align-items:end;gap:10px;}
.site-tag-add label {flex:1;min-width:0;}
.site-tag-add input {width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cream);font:inherit;}
.site-tags-dialog :is(input,button):focus-visible {outline:3px solid var(--forest);outline-offset:3px;}
.site-tags-dialog #siteTagsStatus {overflow-wrap:anywhere;}
#siteTagsModal .modal-backdrop {position:absolute;inset:0;}
#siteTagsStatus {white-space:pre-wrap;}
@media(max-width:760px){
 .product-shell .bottom-nav {grid-template-columns:repeat(5,minmax(0,1fr));}
 .product-shell .bottom-link {min-width:0;min-height:48px;padding-inline:2px;}
 .product-shell .bottom-link small {font-size:11px;}
 .creator-tools {align-items:stretch;}
 .creator-tools .search-box {order:2;min-width:100%;}
 .section-tabs {gap:6px;}
 .section-tabs button {padding:9px 12px;font-size:13px;flex-grow:1;}
 .finance-panel .metrics {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .finance-panel .metric {padding:15px;}
 .finance-panel .metric strong {font-size:24px;}
 #creator-balances, #exchange-balances {grid-template-columns:minmax(0,1fr);}
 #creator-balances .metric, #exchange-balances .metric {text-align:center;}
 #creator-balances .metric strong, #exchange-balances .metric strong {color:var(--coral-dark);overflow-wrap:anywhere;}
 .finance-panel .business-block {padding:16px;}
 .finance-panel .creator-income-row {flex-wrap:wrap;}
 .ranking-row {grid-template-columns:25px minmax(0,1fr);gap:8px;}
 .ranking-row .character-card {grid-template-columns:66px minmax(0,1fr);}
 .ranking-row .card-visual {height:94px;}
 .ranking-row .card-body {padding:8px;}
 .ranking-row .card-body h3 {font-size:17px;}
 .ranking-number {font-size:23px;}
}
@media(max-width:760px){
 #mineView .creator-tools > .secondary-button {width:auto;flex:1 1 40%;}
 #mineGrid {grid-template-columns:minmax(0,1fr);}
 #mineGrid .character-card {display:grid;grid-template-columns:90px minmax(0,1fr);}
 #mineGrid .card-visual {height:auto;min-height:160px;}
 #mineGrid .card-body {padding:15px;min-width:0;}
 #mineGrid .card-body h3 {font-size:18px;white-space:normal;overflow-wrap:anywhere;}
 #mineGrid .card-tagline {min-height:0;}
 #mineGrid .card-footer {margin-top:10px;padding-top:8px;}
 #mineGrid .creator-card-actions {grid-column:1/-1;gap:5px;}
 #mineGrid .creator-card-actions .secondary-button {font-size:12px;min-width:80px;}
}
@media(max-width:760px){
 #mineView .creator-tools {flex-direction:row;}
 #mineGrid .card-visual,.ranking-row .card-visual {width:100%;}
 #mineGrid .card-body {padding:12px;}
 #mineGrid .card-body h3 {line-height:1.45;}
}

/* Income uses individual character cards, without changing its ledger or pagination. */
#creator-cards {display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px;}
#creator-cards .creator-income-row {display:grid;grid-template-columns:112px minmax(0,1fr) auto;gap:22px;align-items:center;padding:0 22px 0 0;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden;}
#creator-cards .creator-income-visual {position:relative;align-self:stretch;min-height:150px;display:grid;place-items:center;background:linear-gradient(145deg,var(--forest-3),var(--forest));}
#creator-cards .creator-income-initial {color:var(--cream);font-size:36px;font-family:var(--font-display,serif);}
#creator-cards .creator-income-visual img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;}
#creator-cards .creator-income-details {padding-block:20px;min-width:0;overflow-wrap:anywhere;}
#creator-cards .creator-income-details strong {display:block;font-size:20px;line-height:1.45;}
#creator-cards .creator-income-details p {margin:12px 0 0;line-height:1.7;}
#creator-cards .secondary-button {min-height:44px;white-space:nowrap;}
@media(max-width:760px){
 #creator-cards {gap:12px;}
 #creator-cards .creator-income-row {grid-template-columns:84px minmax(0,1fr);gap:0 14px;padding:0;}
 #creator-cards .creator-income-visual {grid-row:1/3;min-height:170px;}
 #creator-cards .creator-income-details {padding:16px 12px 10px 0;}
 #creator-cards .creator-income-details strong {font-size:18px;}
 #creator-cards .secondary-button {grid-column:2;justify-self:start;margin:0 12px 16px 0;}
}

.finance-panel .cdk-redeem-block {padding:16px;margin:18px 0;}
.cdk-redeem-block h2 {margin:0 0 12px;font-size:1.3rem;}
.cdk-redeem-block #code-form {display:flex;flex-wrap:nowrap;gap:10px;align-items:center;}
.cdk-redeem-block #redeem-code {flex:1;width:0;min-width:0;}
.cdk-redeem-block .primary-button {flex:none;min-height:44px;padding:0 14px;white-space:nowrap;box-shadow:none;}

/* Creator exchange: keep the balance, tiers and history visually distinct. */
#creator-exchangeView #exchange-balances {margin:24px 0;}
.exchange-balance-card {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:150px;padding:28px 32px;overflow:hidden;border-radius:18px 42px 18px 18px;background:radial-gradient(circle at 88% 20%,rgba(220,230,110,.18),transparent 13rem),linear-gradient(135deg,var(--forest-2),var(--forest));color:var(--cream);box-shadow:var(--shadow);}
.exchange-balance-copy {display:grid;gap:5px;}
.exchange-balance-label {color:rgba(255,250,240,.65);font-size:13px;}
.exchange-balance-value {font:500 clamp(2.5rem,5vw,4.2rem)/1 var(--serif);color:var(--lime);}
.exchange-balance-next {color:rgba(255,250,240,.72);font-size:13px;}
.exchange-balance-mark {font:500 clamp(3rem,7vw,6rem)/1 var(--serif);color:rgba(220,230,110,.16);}
#creator-exchangeView .exchange-tiers {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0;}
.exchange-tier-heading {grid-column:1/-1;display:grid;grid-template-columns:5px 1fr;column-gap:13px;align-items:center;margin-bottom:4px;}
.exchange-tier-heading-mark {grid-row:1/3;align-self:stretch;border-radius:999px;background:var(--coral);}
.exchange-tier-heading h2,.exchange-tier-heading p {margin:0;}
.exchange-tier-heading p {font-size:13px;}
.exchange-tier-card {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;min-width:0;min-height:152px;padding:20px 17px 15px;border:1px solid var(--line);border-radius:15px 30px 15px 15px;background:var(--cream);color:var(--forest);text-align:left;box-shadow:0 12px 28px rgba(23,37,31,.07);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.exchange-tier-card:not(:disabled):hover {transform:translateY(-4px);border-color:var(--forest-3);box-shadow:0 18px 34px rgba(23,37,31,.13);}
.exchange-tier-card:disabled {opacity:1;cursor:default;background:rgba(255,250,240,.55);}
.exchange-tier-number {position:absolute;top:13px;right:16px;color:var(--coral-dark);font-size:11px;letter-spacing:.14em;}
.exchange-tier-points,.exchange-tier-gift {display:grid;gap:4px;min-width:0;padding-top:10px;}
.exchange-tier-gift {padding-left:12px;border-left:1px solid var(--line);}
.exchange-tier-card small {color:var(--muted);font-size:11px;}
.exchange-tier-card strong {font:500 clamp(1.2rem,1.4vw,1.55rem)/1 var(--serif);letter-spacing:-.025em;white-space:nowrap;}
.exchange-tier-card em {color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap;}
.exchange-tier-action {grid-column:1/-1;margin-top:5px;padding-top:10px;border-top:1px solid var(--line);color:var(--coral-dark);font-size:12px;font-weight:800;}
.exchange-tier-card:disabled .exchange-tier-action {color:var(--muted);}
.exchange-tier-empty {grid-column:1/-1;}
.exchange-history-block {padding:22px 28px;}
.exchange-history-block > h2 {margin-top:0;}
.exchange-history-block .site-pagination {margin-bottom:0;}
@media(max-width:760px){
 #creator-exchangeView #exchange-balances {margin:18px 0;}
 .exchange-balance-card {min-height:120px;padding:21px 22px;border-radius:15px 30px 15px 15px;}
 .exchange-balance-mark {font-size:2.8rem;}
 #creator-exchangeView .exchange-tiers {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;}
 .exchange-tier-heading {margin-bottom:2px;}
 .exchange-tier-heading p {line-height:1.55;}
 .exchange-tier-card {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:145px;padding:16px 13px 12px;}
 .exchange-tier-points,.exchange-tier-gift {padding-top:9px;}
 .exchange-tier-gift {padding-left:9px;}
 .exchange-tier-card strong {font-size:1.3rem;}
 .exchange-tier-action {margin-top:3px;padding-top:8px;}
 .exchange-history-block {padding:16px;}
}

/* Creator center overview and income share the same editorial card language. */
.creator-workbench {margin:24px 0 28px;padding:18px;border:1px solid var(--line);border-radius:18px 40px 18px 18px;background:rgba(255,253,247,.58);box-shadow:var(--shadow-soft);}
.creator-entry-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.creator-entry-card {display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0;min-height:94px;padding:16px 18px;border:1px solid var(--line);border-radius:14px 28px 14px 14px;background:var(--cream);color:var(--forest);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.creator-entry-card:hover,.creator-entry-card:focus-visible {transform:translateY(-2px);border-color:var(--forest-3);outline:0;box-shadow:0 14px 28px rgba(23,37,31,.1);}
.creator-entry-card > span:nth-child(2) {display:grid;gap:5px;min-width:0;}
.creator-entry-card strong {font:500 20px/1.25 var(--serif);}
.creator-entry-card small {overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap;}
.creator-entry-card > b {color:var(--coral-dark);font-size:18px;}
.creator-entry-mark {display:grid;width:46px;height:46px;place-items:center;border-radius:12px 22px 12px 12px;background:var(--paper-2);color:var(--coral-dark);font-size:20px;}
.creator-entry-primary {border-color:transparent;background:linear-gradient(135deg,var(--forest-2),var(--forest));color:var(--cream);}
.creator-entry-primary small {color:rgba(255,250,240,.62);}
.creator-entry-primary .creator-entry-mark {background:var(--lime);color:var(--forest);}
.creator-entry-primary > b {color:var(--lime);}
.creator-filter-bar {display:flex;gap:12px;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);}
.creator-filter-bar .search-box {flex:1;max-width:none;}
.creator-filter-bar .creator-visibility {display:grid;grid-template-columns:auto 130px;gap:10px;align-items:center;}
.creator-filter-bar .creator-visibility span {color:var(--muted);font-size:12px;}
.creator-filter-bar .creator-visibility select {width:130px;}
#mineGrid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
#mineGrid .character-card {display:grid;grid-template-columns:132px minmax(0,1fr);min-height:230px;border-radius:16px 32px 16px 16px;}
#mineGrid .card-visual {height:auto;min-height:230px;}
#mineGrid .card-body {display:flex;min-width:0;flex-direction:column;padding:20px;}
#mineGrid .card-body h3 {font-size:1.35rem;white-space:normal;overflow-wrap:anywhere;}
#mineGrid .card-tagline {min-height:0;}
#mineGrid .card-footer {margin-top:auto;}
#mineGrid .creator-card-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px;}
#mineGrid .creator-card-actions .secondary-button {min-width:0;min-height:40px;padding:6px 8px;}
#creator-incomeView #creator-balances {margin:24px 0;}
.creator-balance-card {position:relative;display:flex;align-items:center;justify-content:space-between;min-height:142px;padding:25px 30px;overflow:hidden;border:1px solid var(--line);border-radius:18px 42px 18px 18px;background:radial-gradient(circle at 90% 12%,rgba(231,111,81,.12),transparent 12rem),var(--cream);box-shadow:var(--shadow-soft);}
.creator-balance-copy {display:grid;gap:5px;}
.creator-balance-label {color:var(--muted);font-size:13px;}
.creator-balance-value {font:500 clamp(2.5rem,5vw,4rem)/1 var(--serif);color:var(--coral-dark);}
.creator-balance-note {color:var(--forest-3);font-size:12px;}
.creator-balance-mark {font:800 clamp(2rem,5vw,4.5rem)/1 var(--sans);letter-spacing:.08em;color:rgba(185,75,53,.08);}
.creator-section-heading {display:grid;grid-template-columns:5px minmax(0,1fr);gap:13px;align-items:stretch;margin-bottom:16px;}
.creator-section-heading > span {border-radius:999px;background:var(--coral);}
.creator-section-heading div {display:grid;gap:2px;}
.creator-section-heading :is(p,h2) {margin:0;}
.creator-section-heading .eyebrow {font-size:10px;}
.creator-income-block,.creator-ledger-block {padding:22px 26px;}
#creator-cards {margin-top:0;}
#creator-cards .creator-income-row {grid-template-columns:100px minmax(0,1fr) auto;min-height:132px;border-radius:14px 28px 14px 14px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
#creator-cards .creator-income-row:hover {transform:translateY(-2px);border-color:rgba(49,80,65,.34);box-shadow:0 13px 27px rgba(23,37,31,.08);}
#creator-cards .creator-income-visual {min-height:132px;}
#creator-cards .creator-income-details {display:grid;gap:7px;padding-block:16px;}
#creator-cards .creator-income-details > small {color:var(--coral-dark);font-size:10px;font-weight:800;letter-spacing:.12em;}
#creator-cards .creator-income-details > strong {font:500 21px/1.35 var(--serif);}
.creator-income-points {display:flex;align-items:baseline;gap:7px;margin-top:3px;}
.creator-income-points span,.creator-income-points em {color:var(--muted);font-size:11px;font-style:normal;}
.creator-income-points strong {color:var(--forest);font:500 25px/1 var(--serif);}
#creator-ledger .creator-ledger-row {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px;}
.creator-ledger-row > div:first-child {display:grid;gap:6px;}
.creator-ledger-change {display:grid;justify-items:end;gap:3px;}
.creator-ledger-change strong {color:var(--forest-3);font:500 22px/1 var(--serif);}
.creator-ledger-change.is-negative strong {color:var(--coral-dark);}
.creator-ledger-change small {color:var(--muted);font-size:11px;white-space:nowrap;}
.creator-ledger-block .section-help,.creator-income-block .section-help {margin:6px 0 0;}
@media(max-width:760px){
 .creator-workbench {margin:18px 0 20px;padding:12px;border-radius:14px 28px 14px 14px;}
 .creator-entry-actions {gap:8px;}
 .creator-entry-card {grid-template-columns:36px minmax(0,1fr);gap:9px;min-height:84px;padding:12px 10px;border-radius:11px 22px 11px 11px;}
 .creator-entry-mark {width:36px;height:36px;border-radius:10px 18px 10px 10px;font-size:16px;}
 .creator-entry-card strong {font-size:16px;}
 .creator-entry-card small {font-size:10px;white-space:normal;line-height:1.35;}
 .creator-entry-card > b {display:none;}
 .creator-filter-bar {align-items:stretch;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;}
 .creator-filter-bar .search-box {order:0;width:100%;}
 .creator-filter-bar .creator-visibility {grid-template-columns:auto minmax(0,1fr);}
 .creator-filter-bar .creator-visibility select {width:100%;}
 #mineGrid {grid-template-columns:minmax(0,1fr);gap:12px;}
 #mineGrid .character-card {grid-template-columns:90px minmax(0,1fr);min-height:170px;}
 #mineGrid .card-visual {min-height:170px;}
 #mineGrid .card-body {padding:13px 12px;}
 #mineGrid .creator-card-actions {grid-column:auto;}
 #creator-incomeView #creator-balances {margin:18px 0;}
 .creator-balance-card {min-height:118px;padding:20px 21px;border-radius:15px 30px 15px 15px;}
 .creator-balance-mark {font-size:1.7rem;}
 .creator-income-block,.creator-ledger-block {padding:16px;}
 #creator-cards .creator-income-row {grid-template-columns:82px minmax(0,1fr);min-height:154px;}
 #creator-cards .creator-income-visual {grid-row:1/3;min-height:154px;}
 #creator-cards .creator-income-details {padding:14px 10px 8px 0;}
 #creator-cards .creator-income-details > strong {font-size:17px;}
 #creator-cards .secondary-button {grid-column:2;justify-self:start;margin:0 10px 14px 0;}
 .creator-income-points strong {font-size:22px;}
}

/* Wallet center: one balance hierarchy, compact actions and readable records. */
.wallet-center-view .section-tabs {margin-bottom:24px;}
#walletView #balances {margin:0 0 22px;}
.wallet-balance-board {display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(0,1.95fr);gap:14px;}
.wallet-balance-main {position:relative;display:grid;align-content:center;min-height:166px;padding:24px 28px;overflow:hidden;border-radius:18px 42px 18px 18px;background:radial-gradient(circle at 90% 15%,rgba(220,230,110,.16),transparent 11rem),linear-gradient(135deg,var(--forest-2),var(--forest));color:var(--cream);box-shadow:var(--shadow);}
.wallet-balance-label {color:rgba(255,250,240,.62);font-size:12px;}
.wallet-balance-value {margin:6px 0 4px;color:var(--lime);font:500 clamp(2.5rem,4vw,3.8rem)/1 var(--serif);letter-spacing:-.03em;}
.wallet-balance-note {color:rgba(255,250,240,.55);font-size:11px;}
.wallet-balance-action {position:absolute;right:22px;bottom:20px;min-height:40px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:10px 20px 10px 10px;background:rgba(255,255,255,.08);color:var(--lime);font:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.wallet-balance-action:hover,.wallet-balance-action:focus-visible {outline:0;background:var(--lime);color:var(--forest);}
.wallet-balance-details {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.wallet-balance-detail {display:grid;align-content:center;min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px 30px 15px 15px;background:var(--cream);box-shadow:0 10px 24px rgba(23,37,31,.05);}
.wallet-balance-detail span {color:var(--muted);font-size:11px;}
.wallet-balance-detail strong {margin-top:10px;color:var(--forest);font:500 clamp(1.45rem,2.2vw,2.25rem)/1 var(--serif);letter-spacing:-.025em;white-space:nowrap;}
.wallet-section-heading {display:grid;grid-template-columns:5px minmax(0,1fr);gap:13px;align-items:stretch;}
.wallet-section-heading > span {border-radius:999px;background:var(--coral);}
.wallet-section-heading > div {display:grid;gap:2px;}
.wallet-section-heading :is(p,h2) {margin:0;}
.wallet-section-heading .eyebrow {font-size:10px;}
.finance-panel .wallet-cdk-block {display:grid;grid-template-columns:minmax(170px,.32fr) minmax(0,1fr);gap:24px;align-items:center;margin:22px 0;padding:20px 24px;}
.wallet-cdk-block .wallet-section-heading {align-self:stretch;}
.wallet-cdk-block #code-form {gap:10px;margin:0;}
.wallet-cdk-block #redeem-code {width:100%;height:46px;}
.wallet-cdk-block .primary-button {min-height:46px;padding-inline:18px;}
.finance-panel .wallet-history-block {padding:24px 28px;}
.wallet-history-block .credit-history-heading {margin-bottom:14px;}
.wallet-history-block .credit-call-row {min-height:70px;padding-block:11px;}
.wallet-history-block .credit-history {box-shadow:none;}
.finance-panel .wallet-active-block {margin-top:24px;padding:19px 24px;}
.wallet-active-block #active-orders > .section-help,.wallet-active-block #active-orders > p {margin:10px 0 0;}
.finance-panel .wallet-recharge-block {padding:24px 28px;}
.wallet-recharge-block > p {margin:10px 0 18px;font-size:13px;}
#recharge-form {display:grid;grid-template-columns:minmax(0,1fr) 180px auto;gap:14px;align-items:end;}
#recharge-tiers {grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;}
#recharge-tiers .recharge-tier {position:relative;display:grid;gap:7px;min-width:0;min-height:130px;padding:17px 15px;border-radius:13px 26px 13px 13px;}
#recharge-tiers .recharge-tier input {position:absolute;top:14px;right:14px;width:16px;min-height:16px;margin:0;}
#recharge-tiers .recharge-tier strong {font:500 24px/1 var(--serif);}
#recharge-tiers .recharge-tier span {color:var(--forest-3);font-size:12px;}
#recharge-tiers .recharge-tier small {font-size:10px;}
#recharge-tiers .recharge-tier:has(input:checked) {outline:0;border-color:var(--forest);background:linear-gradient(145deg,rgba(220,230,110,.2),var(--cream));box-shadow:inset 0 0 0 1px var(--forest);}
#recharge-form > label {display:grid;gap:7px;font-size:12px;}
#recharge-form > .primary-button {min-height:44px;white-space:nowrap;}
.finance-panel .wallet-orders-block {margin-top:24px;padding:24px 28px;}
.wallet-orders-block #orders {margin-top:15px;}
.wallet-orders-block #orders > .section-help {margin:0;}
.wallet-orders-block .order {margin:10px 0;box-shadow:none;}
@media(max-width:960px) and (min-width:761px){
 .wallet-balance-board {grid-template-columns:minmax(0,1fr);}
 .wallet-balance-details {min-height:125px;}
 #recharge-tiers {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:760px){
 .wallet-center-view .section-tabs {margin-bottom:18px;}
 #walletView #balances {margin-bottom:16px;}
 .wallet-balance-board {grid-template-columns:minmax(0,1fr);gap:9px;}
 .wallet-balance-main {min-height:125px;padding:20px 21px;border-radius:15px 30px 15px 15px;}
 .wallet-balance-value {font-size:2.55rem;}
 .wallet-balance-action {right:17px;bottom:16px;min-height:36px;padding-inline:12px;}
 .wallet-balance-details {grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
 .wallet-balance-detail {min-height:86px;padding:12px 9px;border-radius:11px 21px 11px 11px;}
 .wallet-balance-detail span {font-size:9px;white-space:nowrap;}
 .wallet-balance-detail strong {margin-top:8px;font-size:clamp(1rem,5vw,1.25rem);}
 .finance-panel .wallet-cdk-block {grid-template-columns:minmax(0,1fr);gap:12px;margin:16px 0;padding:16px;}
 .wallet-cdk-block .wallet-section-heading {min-height:48px;}
 .wallet-cdk-block #code-form {display:grid;grid-template-columns:minmax(0,1fr) auto;}
 .wallet-cdk-block .primary-button {padding-inline:13px;}
 .finance-panel .wallet-history-block {padding:16px;}
 .wallet-history-block .credit-history-heading > p {font-size:11px;}
 .finance-panel .wallet-active-block,.finance-panel .wallet-recharge-block,.finance-panel .wallet-orders-block {margin-top:16px;padding:16px;}
 .finance-panel .payment-proof-preview {grid-template-columns:minmax(0,1fr);}
 .finance-panel .payment-proof-preview .payment-proof-preview-image {width:100%;max-height:260px;}
 #recharge-form {grid-template-columns:minmax(0,1fr) auto;gap:10px;}
 #recharge-tiers {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
 #recharge-tiers .recharge-tier {min-height:112px;padding:14px 12px;}
 #recharge-tiers .recharge-tier input {top:12px;right:12px;}
 #recharge-tiers .recharge-tier strong {font-size:21px;}
 #recharge-form > label {min-width:0;}
 #recharge-form > .primary-button {padding-inline:13px;}
 .wallet-orders-block #orders {margin-top:12px;}
}
.detail-tag-list { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
.detail-tag-list li { max-width:100%; padding:6px 12px; border:1px solid rgba(38,65,52,.12); border-radius:999px; background:rgba(38,65,52,.055); color:var(--forest); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#characterSiteTags:empty { display:none; }
#characterSiteTags { margin-top:20px; }
#characterSiteTags h3 { margin:0 0 10px; color:var(--muted); font-size:12px; font-weight:500; letter-spacing:.08em; }

/* Archive history is plain text: never run imported HTML/scripts. */
.archive-message-preview { padding: 14px; border: 1px solid var(--line, #ddd); border-radius: 12px; min-width: 0; }
.archive-message-preview p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.75; margin: 8px 0 0; }