/* Approved role palette. No layout, payment or account behavior changes. */
:root {
 --eagle-gold:#ffda88;
 --eagle-gold-fill:#f4bf56;
 --eagle-gold-ink:#402808;
 --eagle-gold-surface:#362812;
 --eagle-cyan:#82e7e3;
 --eagle-cyan-fill:#82e7e3;
 --eagle-cyan-ink:#103936;
 --eagle-cyan-surface:#153431;
 --eagle-green:#9be9bd;
 --eagle-green-surface:#17392b;
 --eagle-lime:#d6ff80;
 --eagle-lime-ink:#25320b;
 --eagle-lime-surface:#253115;
 --eagle-pink:#ffd0e3;
 --eagle-pink-surface:#3c1d31;
 --eagle-focus:#e2c2ff;
}
img.coin-icon { width:24px; height:24px; object-fit:contain; }
.account-primary-nav>[data-account-page=coins] { color:var(--eagle-gold); }
.account-primary-nav>[data-account-page=coins][aria-current=page] { color:var(--eagle-gold); background:var(--eagle-gold-surface); }
.account-primary-nav>[data-account-page=coins]:hover { color:#ffe8b8; background:#443319; }
.account-more-menu [data-account-page=orders],.account-more-menu [data-account-page=help] { color:var(--eagle-cyan); }
.account-more-menu a[href="#shop"] { color:var(--eagle-lime); }
.account-more-menu a[href="#shop"]:hover { background:var(--eagle-lime-surface); }
.account-more-menu .logout-button { color:var(--eagle-pink); background:var(--eagle-pink-surface); }
.account-more-menu .logout-button:hover { background:#522841; }
.account-support-link { background:var(--eagle-green-surface); color:var(--eagle-green); border-color:#569d79; }
.account-support-link:hover,.account-support-link[aria-current=page] { background:#224c39; border-color:#80cea3; color:#c8ffdf; }
.account-support-link .support-nav-badge { color:#102b23; background:var(--eagle-green); }
.account-payment-link { color:var(--eagle-cyan); border-color:#46645e; }
.account-payment-link:hover { color:#b5fffb; }
.account-refresh { color:var(--eagle-cyan); border-color:#528d89; background:var(--eagle-cyan-surface); }
.account-refresh:hover:not(:disabled) { background:#224c47; }
.account-open .empty-account .button,.account-open .account-more-menu a[href="#shop"] { color:var(--eagle-lime); border-color:#799743; }
.account-open .owned-card .button[data-connections],.coins-account .coin-balance>.button { background:var(--eagle-lime); color:var(--eagle-lime-ink); border-color:var(--eagle-lime); }
.account-open .owned-card .button[data-connections]:hover:not(:disabled),.coins-account .coin-balance>.button:hover:not(:disabled) { background:#e4ffa7; filter:none; }
.account-open .owned-card a[download].button { color:var(--eagle-lime); background:var(--eagle-lime-surface); border-color:#799743; }
.account-open .owned-card a[download].button:hover { background:#354620; filter:none; }
.account-open .owned-card .button:is([data-copy-dns],[data-copy-open],[data-copy-sub],[data-copy-config],[data-open-credentials]) { color:var(--eagle-cyan); background:var(--eagle-cyan-surface); border-color:#528d89; }
.account-open .owned-card .button:is([data-copy-dns],[data-copy-open],[data-copy-sub],[data-copy-config],[data-open-credentials]):hover:not(:disabled) { background:#224c47; filter:none; }
.account-open .owned-card .app-downloads a,.account-open .owned-card .service-guide-link { color:var(--eagle-cyan); }
.account-open .owned-card .app-downloads a:hover,.account-open .owned-card .service-guide-link:hover { color:#b5fffb; }
.account-open .order-item a[href^="/api/payments/go"] { background:var(--eagle-lime); color:var(--eagle-lime-ink); }
.account-open .order-item [data-reconcile] { color:var(--eagle-cyan); border-color:#528d89; background:var(--eagle-cyan-surface); }
.coins-account #coins-heading { display:flex; align-items:center; gap:10px; }
.coins-account #coins-heading .coin-icon { width:36px; height:36px; }
.coins-account .coin-balance>div>span,.coins-account .coin-balance strong,.coins-account .coin-balance .coin-value,.coins-account .coin-rewards article>strong { color:var(--eagle-gold); }
.coins-account .coin-rewards .button { color:var(--eagle-gold-ink); background:var(--eagle-gold-fill); border-color:var(--eagle-gold-fill); }
.coins-account .coin-rewards .button:hover:not(:disabled) { background:#ffda88; filter:none; }
.coins-account .coin-invite>.button { color:var(--eagle-cyan-ink); background:var(--eagle-cyan-fill); border-color:var(--eagle-cyan-fill); }
.coins-account .coin-invite>.button:hover:not(:disabled) { background:#b5fffb; filter:none; }
.coins-account .coin-invite input { color:#d1fffb; background:var(--eagle-cyan-surface); border-color:#528d89; caret-color:var(--eagle-cyan); }
.coins-account .coin-invite input::selection { color:var(--eagle-cyan-ink); background:var(--eagle-cyan); }
.coins-account .button[data-action=coins-refresh] { color:var(--eagle-gold); background:var(--eagle-gold-surface); border-color:#a88444; }
.coins-account .button[data-action=coins-refresh]:hover:not(:disabled) { background:#443319; filter:none; }
.coins-account .button:disabled { color:#b4a8c2; background:#2b2236; border-color:#655371; opacity:1; cursor:not-allowed; filter:none; }
.coins-account :is(button,a,input):focus-visible,.account-open :is(button,a,summary,select):focus-visible { outline:2px solid var(--eagle-focus); outline-offset:4px; }
.plan-card .purchase-coins,.order-coins strong { color:var(--eagle-gold); }
.coin-checkout { background:#fcf0d6; color:#4a310d; }
.coin-checkout .coin-use small { color:#715020; }
.coin-checkout .coin-use input { accent-color:#9e681b; }
.coin-checkout .coin-earning strong { color:#4a310d; }
.coin-checkout .text-button { color:#70400a; }
.coin-checkout input:focus-visible { outline-color:#94601a; }
.coin-checkout .coin-error { color:#821b40; }
#checkout-dialog .form-submit[data-action=pay] { color:var(--eagle-lime-ink); background:var(--eagle-lime); }
#checkout-dialog .form-submit[data-action=pay]:hover:not(:disabled) { background:#e4ffa7; }
#checkout-dialog .form-submit[data-action=pay]:disabled { color:#63586d; background:#e5deec; opacity:1; }
.account-open .website-support .button.support-primary { background:var(--eagle-green); color:#102b23; border-color:var(--eagle-green); }
.account-open .website-support .button.support-primary:hover:not(:disabled) { background:#c8ffdf; }
.account-open .website-support .button:disabled { background:#29382f; color:#bdccbf; border-color:#64876f; opacity:1; }
.account-open .website-support .support-upload input::file-selector-button { color:var(--eagle-cyan); background:var(--eagle-cyan-surface); }
.account-open .website-support .support-previews button { color:var(--eagle-pink); }
.account-open ::selection { color:#241331; background:#d7b2f2; }