/* The approved redesign applies only to desktop. Mobile keeps the original board. */
.board-heading { display: contents; }
.board-heading h1, .board-tools { display: none; }
@media (min-width:761px) {
/* Approved customer board mockup. Other board skins retain their existing layout. */
html[data-board]:is([data-board="ios"],[data-board="classic"]) {
  --br-bg: var(--bg); --br-card: var(--surface-solid, var(--surface));
  --br-ink: var(--text); --br-muted: var(--text-dim);
  --br-buy: var(--up-ink); --br-buy-bg: var(--act-buy-bg);
  --br-sell: var(--gold-ink); --br-sell-bg: color-mix(in srgb,var(--gold) 13%,var(--br-card));
  --br-price-width: 150px; --br-gap: 12px;
  --br-shadow: 0 5px 24px -16px #32385755;
  --br-width: calc(100vw - 204px); --br-inset:164px;
}
html[data-board]:is([data-board="ios"],[data-board="classic"])[data-pal="gold"][data-theme="light"] {
  --bg: #f2f2f7; --surface-solid: #fff; --surface: #fff;
  --br-ink: #202133; --br-muted: #77798b;
  --br-buy: #157655; --br-buy-bg: #e8f3ee;
  --br-sell: #9d741a; --br-sell-bg: #f7f0dc;
}
html[data-board]:is([data-board="ios"],[data-board="classic"])[data-pal="gold"]:not([data-theme="light"]) {
  --bg: #000; --surface: #1c1c1e; --surface-solid: #1c1c1e;
  --br-ink: #f5f5fa; --br-muted: #9a9aa6;
  --br-buy: #6bcc9f; --br-buy-bg: #173329;
  --br-sell: #e6bd5a; --br-sell-bg: #342d1d;
  --br-shadow: 0 5px 24px -16px #000;
}
html[data-board]:is([data-board="ios"],[data-board="classic"]) body { background: var(--bg); color:var(--br-ink); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .topbar { height:80px; padding-inline:40px; background:var(--bg); border:0; box-shadow:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .brand-txt b { color:var(--gold-ink); font-size:17px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .brand .mark { width:44px; height:44px; border-radius:13px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) #viewPrices { width:var(--br-width); max-width:none; margin-inline:var(--br-inset) 40px; padding:0 0 30px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading { display:flex; align-items:center; justify-content:space-between; height:60px; width:var(--br-width); max-width:none; margin-inline:var(--br-inset) 40px; gap:15px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading h1 { display:block; font-size:30px; font-weight:600; letter-spacing:-.8px; margin:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading .updbar:not([hidden]) { display:flex!important; margin:0; padding:0; background:none; width:auto; max-width:none; color:var(--br-muted); font-size:11px; border:0; box-shadow:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .banner,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .bnrs { width:var(--br-width); max-width:none; margin-inline:var(--br-inset) 40px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick:not([hidden]) { display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:20px; max-width:none; margin:0; padding:14px 28px; height:72px; border-radius:24px; background:linear-gradient(110deg,#232f6c,#111735); border:0; box-shadow:0 12px 26px -20px #101734; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-head { display:flex; flex-direction:column; gap:2px; align-items:flex-start; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-t { font-size:12px; font-weight:400; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-big { display:flex; flex-direction:row; gap:4px; margin:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-big b { font-size:28px; font-weight:500; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-row { grid-column:auto; display:flex; gap:26px; justify-content:flex-end; max-width:none; width:auto; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-mini { background:none; display:flex; align-items:center; gap:13px; padding:0; box-shadow:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-mini + .wt-mini { padding-inline-start:26px; border-inline-start:1px solid #ffffff20; box-shadow:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-mini b { font-size:21px; font-weight:500; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-wave { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .stickybar { position:static; padding:0; max-width:none; margin:0; background:none; backdrop-filter:none; border:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:62px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tabs-wrap { min-width:0; max-width:70%; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tabs { display:flex; overflow-x:auto; padding:4px; border-radius:30px; background:color-mix(in srgb,var(--br-card) 75%,transparent); gap:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab { border:0; border-radius:24px; height:34px; padding:0 20px; background:transparent; color:var(--br-muted); font-size:13px; white-space:nowrap; flex-shrink:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab.active { background:var(--br-card); color:var(--br-ink); box-shadow:0 2px 8px #161c4210; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab .cnt { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-search { min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .search { display:flex; align-items:center; gap:8px; background:var(--br-card); border-radius:25px; padding:0 12px; margin:0; height:35px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .search svg { width:16px; height:16px; fill:none; stroke:var(--br-muted); stroke-width:1.5; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .search input { min-width:0; width:128px; min-height:0; padding:0; border:0; background:none; color:var(--br-ink); font-size:12px; outline:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) #qClear { background:none; border:0; color:var(--br-muted); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead { display:block; margin:0 0 7px; border:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .bh-grp { display:block; border:0; padding:0; text-align:end; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .bh-grp.dup,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .bh-buy,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .bh-sell { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:0; max-width:none; margin:0; align-items:start; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list.board-single { grid-template-columns:minmax(0,1fr); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-column { display:flex; flex-direction:column; gap:20px; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-group { min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead { position:static; display:grid; grid-template-columns:minmax(0,1fr) var(--br-price-width) var(--br-price-width); gap:var(--br-gap); padding:0 14px 10px; margin:0; background:none; border:0; box-shadow:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead::before { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-group-title { display:flex; align-items:center; gap:7px; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-ico { width:18px; height:18px; padding:6px; background:var(--br-sell-bg); color:var(--br-sell); border-radius:10px; flex-shrink:0; box-sizing:content-box; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-name { font-size:17px; color:var(--br-ink); font-weight:500; white-space:normal; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-unit { font-size:11px; color:var(--br-muted); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-n { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-buy-label,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-sell-label { text-align:center; font-size:12px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-buy-label { color:var(--br-buy); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-sell-label { color:var(--br-sell); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group { display:flex; flex-direction:column; background:none; border:0; border-radius:0; padding:0; gap:8px; overflow:visible; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group .card:not(.ref) { display:grid; grid-template-columns:minmax(0,1fr) var(--br-price-width) var(--br-price-width); gap:var(--br-gap); padding:8px 12px; min-height:60px; background:var(--br-card); border:0; border-radius:19px; box-shadow:var(--br-shadow); max-width:none; margin:0; align-items:center; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group .card::before { display:none; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card:not(.ref) > .ci { grid-column:1; grid-row:1; text-align:start; padding:0 2px; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card:not(.ref) > .px.buy { grid-column:2; grid-row:1; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card:not(.ref) > .px.sell { grid-column:3; grid-row:1; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card .card-title { font-size:15px; font-weight:500; white-space:normal; overflow:visible; text-overflow:clip; -webkit-line-clamp:unset; line-height:1.7; color:var(--br-ink); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card .card-unit { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:3px; font-size:10px; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px { min-height:44px; padding:5px 4px; border-radius:12px; border:0; box-shadow:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px.buy { background:var(--br-buy-bg); color:var(--br-buy); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px.sell { background:var(--br-sell-bg); color:var(--br-sell); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px .val { font-size:18px; font-weight:500; letter-spacing:-.35px; white-space:nowrap; font-variant-numeric:tabular-nums; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px .gram { font-size:9px; opacity:.7; color:inherit; white-space:nowrap; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px.off { opacity:.65; background:color-mix(in srgb,var(--br-card) 60%,var(--br-buy-bg)); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px.off.sell { background:color-mix(in srgb,var(--br-card) 60%,var(--br-sell-bg)); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .drawer { grid-column:1 / -1; grid-row:2; min-width:0; background:var(--br-card); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .listfoot,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .trust-line { max-width:none; padding-inline:4px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav { inset:210px 40px auto auto; transform:none; width:88px; max-width:none; height:auto; display:flex; flex-direction:column; gap:4px; margin:0; padding:8px 0; border:0; border-radius:27px; background:color-mix(in srgb,var(--br-card) 78%,transparent); backdrop-filter:blur(22px); box-shadow:var(--br-shadow); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav .bnav { min-height:70px; margin:0 8px; border-radius:20px; color:var(--br-muted); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav .bnav.active { background:var(--br-sell-bg); color:var(--br-sell); }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav .bnav::before { display:none; }
@media (min-width:1750px) { html[data-board]:is([data-board="ios"],[data-board="classic"]) { --br-price-width:180px; } }
@media (max-width:1440px) and (min-width:761px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .topbar { height:70px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading { height:52px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick:not([hidden]) { height:68px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools { min-height:56px; }
}
@media (max-width:1320px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) { --br-width:calc(100vw - 150px); --br-inset:126px; --br-price-width:127px; --br-gap:8px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list { gap:18px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px .val { font-size:16px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card .card-title { font-size:13px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav { right:24px; width:78px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-mini b { font-size:19px; }
}
@media (max-width:1100px) and (min-width:761px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) { --br-width:calc(100vw - 114px); --br-inset:98px; --br-price-width:108px; --br-gap:5px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list { gap:12px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card:not(.ref) { padding:9px 8px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px .val { font-size:14px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card .card-title { font-size:12px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead { padding-inline:8px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-name { font-size:14px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .bottomnav { right:16px; width:68px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-row { gap:14px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick .wt-mini { gap:8px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab { padding-inline:12px; }
}


/* The price heading follows the existing customer view navigation. */
html[data-board]:is([data-board="ios"],[data-board="classic"]):has(#viewPrices[hidden]) .board-heading { display:none; }
/* Shared units belong to the approved group heading; item-specific units remain visible. */
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group.uni .card-unit > .u { display:none; }
/* Whole rows stretch to the approved column width despite older flex overrides. */
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group { align-items:stretch; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group .card { width:100%; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab { min-height:34px; background:transparent!important; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tab.active { background:var(--br-card)!important; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .tabs-wrap { margin-top:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .stickybar { display:flex; align-items:center; gap:12px; width:100%; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools { flex:1; min-width:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead { margin:0; flex-shrink:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .bh-cur { font-size:11px; display:flex; align-items:center; gap:6px; white-space:nowrap; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick:not([hidden]) { grid-template-columns:1.7fr 1fr 1fr; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item { display:flex; align-items:center; gap:18px; min-width:0; padding-inline-start:26px; border-inline-start:1px solid #ffffff20; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item:first-child { border:0; padding:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item > div { display:flex; align-items:center; gap:4px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-gold > div:first-child { flex-direction:column; align-items:flex-start; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item span { font-size:12px; color:#ccd0e4; white-space:nowrap; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item b { font-size:23px; font-weight:500; white-space:nowrap; color:#f0d780; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-gold b { font-size:28px; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item em { font-style:normal; font-size:11px; color:#b4b8cf; }
@media(max-width:1320px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) #viewPrices,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .banner,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .bnrs { margin-inline-end:24px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item { padding-inline-start:15px; gap:10px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item b { font-size:19px; }
}
@media(max-width:1100px) and (min-width:761px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) #viewPrices,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .banner,
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .bnrs { margin-inline-end:16px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .boardhead .live-age { display:none; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .br-world-item { gap:8px; }
}

/* Compact laptop dimensions from the approved implementation pass. */
html[data-board]:is([data-board="ios"],[data-board="classic"]) .stickybar,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools { box-shadow:none; border:0; }
html[data-board]:is([data-board="ios"],[data-board="classic"]) .stickybar::before,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .stickybar::after,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools::before,
html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools::after { display:none; }
@media(min-width:761px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) body { padding-bottom:0; }
}
@media(min-width:761px) and (max-width:1440px) and (max-height:800px) {
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .topbar { height:64px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-heading { height:44px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .wtick:not([hidden]) { height:62px; padding-block:10px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-tools { min-height:48px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead { min-height:28px; padding-bottom:6px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .grouphead .gh-ico { width:16px; height:16px; padding:4px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group .card:not(.ref) { min-height:56px; padding-block:7px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .card > .px { min-height:40px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .list .cat-group { gap:6px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .board-column { gap:14px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .trust-line { margin-top:12px; padding-block:4px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) .listfoot { padding-block:2px 6px; }
 html[data-board]:is([data-board="ios"],[data-board="classic"]) #viewPrices { padding-bottom:12px; }
}
/* Approved mobile disclosure: all existing search behavior remains available. */
.board-search-toggle { display:none; }



}