.platinum-amount { display: inline-flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; vertical-align: middle; font-variant-numeric: tabular-nums; }
.account-chip .platinum-amount { display: inline-flex; }
.quote-summary .platinum-amount { display: inline-flex; }
.account-chip .account-fee, .account-chip .account-chevron { display: inline-flex; }
.row-prices .platinum-amount, .row-prices .platinum-amount > span, .quote-summary .platinum-amount, .quote-summary .platinum-amount > span, .quote-impact .platinum-amount, .quote-impact .platinum-amount > span { color: inherit; font-size: inherit; font-weight: inherit; margin: 0; }
.platinum-amount > .platinum-icon { display: inline-block; flex: 0 0 auto; width: 26px; height: 26px; object-fit: contain; border: 0; background: none; padding: 0; filter: drop-shadow(0 1px 2px #0008); }
.account-dropdown summary { gap: 14px; padding: 8px 10px; }
.account-chevron { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; margin-left: 6px; border: 1px solid #8e7950; border-radius: 8px; background: #c6a65d16; transition: background .15s, border-color .15s; }
.account-chevron::after { content: ""; width: 10px; height: 10px; border-right: 2px solid #ecd399; border-bottom: 2px solid #ecd399; transform: translateY(-3px) rotate(45deg); transition: transform .15s; }
.account-dropdown[open] .account-chevron { background: #c6a65d2b; border-color: #c6a65d; }
.account-dropdown[open] .account-chevron::after { transform: translateY(3px) rotate(225deg); }
.account-dropdown summary:hover .account-chevron { background: #c6a65d35; }
.account-menu { width: 320px; padding: 10px; }
.account-menu button { align-items: center; min-height: 58px; gap: 20px; padding: 12px 16px; font-size: 16px; }
.account-menu button[data-account-action="rename"] { min-height: 64px; }
.account-fee { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 0 0 78px; min-height: 40px; padding: 4px 8px; border: 1px solid #a2864a80; border-radius: 8px; background: linear-gradient(135deg, #b9964833, #b9964814); color: #f1d995; }
.account-fee .platinum-amount { font-size: 18px; line-height: 1.2; }
.account-fee .platinum-icon { width: 24px; height: 24px; }
.account-fee > small { font-size: 11px; line-height: 1.3; letter-spacing: 2px; }
#account-balance { display: flex; align-items: center; gap: 5px; }
#account-balance .platinum-icon { width: 23px; height: 23px; }
.rename-fee-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px 16px; margin: 20px 0; padding: 16px 20px; border: 1px solid #b8975180; border-radius: 10px; background: linear-gradient(125deg, #b8975126, #b8975110); }
.rename-fee-panel.hidden { display: none; }
.rename-fee-panel > span { font-size: 15px; color: #ddc899; }
.rename-fee-panel > strong { color: #f3d58f; font-size: 28px; }
.rename-fee-panel .platinum-icon { width: 38px; height: 38px; }
.rename-fee-panel strong small { font-size: 13px; font-weight: 400; }
.rename-fee-panel > small { grid-column: 1 / -1; text-align: center; color: #aeb6b8; font-size: 12px; }
#account-submit .platinum-icon { width: 25px; height: 25px; }
.row-prices strong .platinum-icon { width: 28px; height: 28px; }
.quote-total .platinum-icon { width: 38px; height: 38px; }
.quota-row > strong { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.quota-row > strong > small .platinum-icon { width: 20px; height: 20px; }
.history-row > span { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
@media (max-width: 600px) {
    .account-dropdown summary { gap: 8px; }
    .account-chevron { flex-basis: 32px; width: 32px; height: 32px; margin-left: 0; }
    .account-menu { width: min(320px, calc(100vw - 32px)); }
    .rename-fee-panel { padding: 14px; }
}

/* Align labels and numeric baselines; helper text must not lift one input. */
.trade-form { align-items: start; }
.trade-form > label:not(.hidden) { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.trade-form > label > input, .trade-form > label > select { margin-top: 0; height: 46px; }
.trade-form select:disabled { opacity: 1; color: var(--text); cursor: default; }
.trade-form .trade-actions { grid-column: 1 / -1; }
.trade-form .trade-actions .button { width: auto; min-width: 220px; }
#recycle-batch-help:empty { display: none; }
#recycle-batch-help { margin: 0; font-size: 12px; line-height: 1.5; }
.row-prices > div { gap: 4px; align-content: center; }
.row-prices strong { display: flex; align-items: center; min-height: 30px; }
.row-prices .platinum-amount { justify-content: flex-start; gap: 7px; }
.row-prices .platinum-amount > span { font-size: 17px; line-height: 30px; font-variant-numeric: tabular-nums; }

.item-identity .trade-notice { color: #e5c788; font-size: 12px; line-height: 1.5; margin: 6px 0 0; }