/* Website-only additions: page background, follow stars, live badges, virtual account. */
:root{
  /* Page background — replaced with the card-search site's background once its URL is confirmed. */
  --page-bg: var(--bg);
  --page-bg-image: none;
  --gold:#c98a00;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--gold:#f2b632}}
:root[data-theme="dark"]{--gold:#f2b632}
html{background:var(--page-bg)}
body{background:var(--page-bg);background-image:var(--page-bg-image);background-attachment:fixed;background-size:cover}
main.wrap{background:var(--bg)}
.mast{background:var(--bg)}

.star{border:0;background:none;padding:2px 4px;font-size:16px;line-height:1;color:var(--line)}
.star[aria-pressed="true"]{color:var(--gold)}
.star:hover{color:var(--gold)}
.livebadge{display:inline-flex;align-items:center;gap:4px;font:600 10px var(--f-data);text-transform:uppercase;letter-spacing:.06em;padding:1px 6px;border-radius:3px;background:var(--up-soft);color:var(--up)}
.livebadge.snap{background:var(--surface);color:var(--muted)}
.flash-up{animation:fu 1.2s}
.flash-down{animation:fd 1.2s}
@keyframes fu{0%{background:var(--up-soft)}100%{background:transparent}}
@keyframes fd{0%{background:var(--down-soft)}100%{background:transparent}}
.wl-tabs{display:flex;gap:2px;border:1px solid var(--line);border-radius:var(--r);padding:2px}
.wl-tabs button{border:0;background:none;padding:3px 10px;border-radius:4px;font:600 12px var(--f-body)}
.wl-tabs button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}

/* Trade ticket */
.ticket{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface)}
.ticket label{font-size:12px;color:var(--muted)}
.ticket input{width:96px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);font:500 14px var(--f-data)}
.btn{border:1px solid transparent;border-radius:var(--r);padding:7px 16px;font:700 13px var(--f-display);text-transform:uppercase;letter-spacing:.05em}
.btn.buy{background:var(--up);color:#fff}
.btn.sell{background:var(--down);color:#fff}
.btn.ghost{background:var(--bg);border-color:var(--line);color:var(--ink);text-transform:none;letter-spacing:0;font:600 13px var(--f-body)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.ticket .est{font:500 13px var(--f-data)}
.ticket .msg{font-size:12px;flex-basis:100%}

/* Account */
.acct-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.acct-kpis div{background:var(--bg);padding:12px 14px;display:grid;gap:2px}
.acct-kpis dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.acct-kpis dd{margin:0;font:600 22px var(--f-data)}
.acct-kpis dd small{font-size:13px}
.acct-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-top:16px}
@media (max-width:980px){.acct-grid{grid-template-columns:1fr}}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{background:var(--surface);text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl .r{text-align:right}
.tbl tr[data-sym]{cursor:pointer}
.tbl tr[data-sym]:hover{background:var(--surface)}
.equity{height:200px;border:1px solid var(--line);border-radius:var(--r)}
.setup{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.setup input{width:140px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);color:var(--ink);font:500 14px var(--f-data)}
.confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}