/* Existing earnings layout and tokens are retained. */
.ufc-poster-pending{height:100%;min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:15px;padding:18px;color:#f8dbe9;background:#422c3c}
.ufc-poster-pending>span,.ufc-poster-pending>small{font-size:10px;line-height:1.4;color:#d4a9c2}
.ufc-poster-pending b{font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.ufc-drawer-monogram{display:grid;place-items:center;width:72px;height:108px;border-radius:9px;background:#422c3c;color:#f8dbe9;font-size:35px}
.earnings-display-note{margin:0 18px 12px;color:var(--ink-2);font-size:11px;line-height:1.5}
.earnings-display .pos-row .info{min-width:0}
.earnings-display .pos-row .film{white-space:normal;overflow-wrap:anywhere}
.earnings-display .en-wallet .in{color:var(--ink)}
@media(max-width:360px){.earnings-display .en-sum .grid b{font-size:12px;white-space:nowrap}}

/* r45: original overview/list composition, using the current rose/plum palette. */
.er-reference{--er-profit:#774361;--er-recovered:#8b526f;--er-recovering:#cb8eac;--er-unreleased:#e4d8df;--er-surface:#fffafd;--er-line:#e8cfdd;--er-muted:#775b6e;color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums}
.er-reference .er-overview{margin:0 18px;padding:16px;border:1px solid var(--er-line);border-radius:12px;background:var(--er-surface)}
.er-label{font-size:12px;line-height:1.5;color:var(--er-muted);margin:0}
.er-hero{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:var(--er-profit)}
.er-hero>strong{font:700 34px/1.2 var(--sans);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em;white-space:nowrap}
.er-hero>span{font-size:13px;line-height:1.5;font-weight:700;white-space:nowrap}
.er-reference .er-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--er-line);text-align:left}
.er-metrics>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.er-metrics b{font:650 15px/1.4 var(--sans);color:var(--ink);white-space:nowrap}
.er-metrics small{font:400 11px/1.5 var(--sans);color:var(--er-muted)}
.er-composition{display:flex;height:6px;overflow:hidden;border-radius:4px;background:var(--er-unreleased);margin-top:16px}
.er-composition>i{height:100%;display:block}
.er-reference .recovered{background:var(--er-recovered)}
.er-reference .recovering{background:var(--er-recovering)}
.er-reference .unreleased{background:var(--er-unreleased)}
.er-legend{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-top:8px;font-size:10.5px;line-height:1.5;color:var(--er-muted)}
.er-legend>span{white-space:nowrap}
.er-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}
.er-legend b{font-weight:400}
.er-positions{margin:26px 18px 0}
.er-section-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.er-section-head h2{font:700 17px/1.4 var(--sans);margin:0;color:var(--ink)}
.er-section-head p{font-size:11px;line-height:1.5;color:var(--er-muted);margin:0}
.er-work{border:1px solid var(--er-line);border-radius:12px;background:var(--er-surface);overflow:hidden}
.er-work+.er-work{margin-top:12px}
.er-work-summary{padding:14px;text-align:left}
.er-work-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"poster name profit" "poster meta profit";gap:6px 10px;align-items:center}
.er-poster{grid-area:poster;align-self:start;width:44px;height:44px;object-fit:cover;border-radius:8px;background:#e9d5e0}
.er-work-name{grid-area:name;min-width:0}
.er-work-name>strong{display:block;font:650 15.5px/1.3 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.er-work-meta{grid-area:meta;display:flex;align-items:center;gap:7px;min-width:0}
.er-platform,.er-platform-logo{display:inline-flex;flex:none;width:24px;height:24px}
.er-platform-logo img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.er-release-status{display:inline-flex;flex:none;align-items:center;gap:5px;padding:4px 6px;border-radius:7px;background:#f6edf2;color:#503745;font:600 10.5px/1.4 var(--sans);white-space:nowrap}
.er-release-status img{width:18px;height:18px;object-fit:contain}
.er-work-profit{grid-area:profit;align-self:start;display:flex;flex-direction:column;gap:4px;align-items:flex-end;color:var(--er-profit)}
.er-work-profit>b{font:700 17px/1.3 var(--sans);white-space:nowrap}
.er-work-profit>small{font:500 10.5px/1.4 var(--sans);white-space:nowrap}
.er-reference .is-negative{color:#a74664}
.er-work .er-metrics{margin-top:14px;padding-top:12px}
.er-work .er-metrics b{font-size:14px}
.er-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:16px}
.er-track{display:block;height:5px;overflow:hidden;border-radius:4px;background:var(--er-unreleased)}
.er-track>i{display:block;height:100%;border-radius:inherit}
.er-status{padding:3px 8px;border-radius:6px;background:#f3e8ee;color:#775b6e;font:500 11px/1.5 var(--sans);white-space:nowrap}
.er-status.is-recovered{background:#f0e1eb;color:#774361}
.er-story-button{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:6px;min-height:32px;margin-left:auto;padding:4px 8px;border:1px solid #d8b7ca;border-radius:8px;background:#f6e7ef;color:#60374f;font:600 11px/1.5 var(--sans);white-space:nowrap;cursor:pointer}
.er-story-button:hover{background:#f0dbe7;border-color:#b37e9b}
.er-story-button:focus-visible{outline:2px solid var(--er-profit);outline-offset:2px}
.er-tabs{display:flex;gap:4px;margin:22px 18px 0;padding-top:16px;border-top:1px solid var(--er-line)}
.er-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:40px;padding:8px 4px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--er-muted);font:500 11.5px/1.4 var(--sans);cursor:pointer}
.er-tabs button[aria-pressed=true]{border-color:#d8b7ca;background:#f6e7ef;color:#60374f;font-weight:650}
.er-tabs button:hover{background:#f6e7ef}
.er-tabs button:focus-visible{outline:2px solid var(--er-profit);outline-offset:2px}
.er-tabs button>span{font-size:10px}
.er-sample-note{margin:14px 18px 0;font:400 10px/1.6 var(--sans);color:var(--er-muted)}
.er-records,.er-empty{margin:18px;padding:16px;border:1px solid var(--er-line);border-radius:12px;background:var(--er-surface)}
.er-records h2,.er-empty h2{font:650 17px/1.5 var(--sans);margin:0 0 12px}
.er-records ul{padding:0;margin:0;list-style:none}
.er-records li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--er-line)}
.er-records li b{font-size:13px;font-weight:600}
.er-records li small{display:block;margin-top:5px;font-size:10px;color:var(--er-muted)}
.er-records li>strong{font:650 13px/1.5 var(--sans);white-space:nowrap;color:var(--er-profit)}
.er-records>p{display:flex;justify-content:space-between;border-top:1px solid var(--er-line);margin:0;padding-top:14px;font-size:12px;color:var(--er-muted)}
.er-empty p{font-size:12px;line-height:1.6;color:var(--er-muted)}
.er-empty a{display:block;margin-top:16px;font-size:12px;color:var(--er-profit);font-weight:600}
@media(max-width:410px){.er-work-head{grid-template-areas:"poster name profit" "meta meta meta";row-gap:10px}}
@media(max-width:370px){.er-reference .er-overview{padding:14px}.er-hero>strong{font-size:29px}.er-hero>span{font-size:11px}.er-metrics b{font-size:12.5px}.er-metrics small{font-size:10px}.er-legend{font-size:9.5px;gap:5px 8px}.er-work-head{grid-template-columns:38px minmax(0,1fr) auto;column-gap:8px}.er-poster{width:38px;height:42px}.er-work-name>strong{font-size:13px}.er-work-profit>b{font-size:14px}.er-work-profit>small{font-size:9px}.er-work .er-metrics b{font-size:12px}}