.hash-market-widget{order:2;display:grid;grid-template-columns:minmax(142px,auto) 76px auto;align-items:center;gap:8px;min-width:292px;min-height:52px;height:auto;padding:5px 8px 5px 11px;border:1px solid #d4dfc9;border-radius:11px;background:#fbfcf5;color:#2b4534;text-align:left;box-shadow:none;overflow:visible;font-family:var(--hl-font,system-ui,sans-serif);cursor:default;box-sizing:border-box}
.hash-market-copy{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:baseline;column-gap:7px;row-gap:1px;min-width:142px;line-height:1}.hash-market-copy small{grid-column:1/-1;font-size:8px;line-height:1.1;letter-spacing:.06em;color:#74806f}.hash-market-copy strong{grid-column:1/-1;font-size:13px;line-height:1.05;white-space:nowrap;font-variant-numeric:tabular-nums}.hash-market-copy .hash-market-usd{grid-column:1;color:#66796a;font:600 8px/1.1 inherit;white-space:nowrap}.hash-market-copy em{grid-column:2;color:#497957;font:600 8px/1.1 inherit;font-style:normal;white-space:nowrap}.hash-market-widget[data-state=down] .hash-market-copy em{color:#b55a4b}
.hash-market-chart{display:block;width:76px;height:28px;overflow:hidden}.hash-market-line{fill:none;stroke:#3c9d62;stroke-width:2;vector-effect:non-scaling-stroke}.hash-market-area{fill:#75c88b20;stroke:none}.hash-market-widget[data-state=down] .hash-market-line{stroke:#d06a58}.hash-market-widget[data-state=down] .hash-market-area{fill:#d06a5818}
.hash-market-test{position:static;display:inline-flex;align-items:center;gap:4px;justify-self:end;padding:3px 5px;border:1px solid #dfc16b;border-radius:6px;background:#fff6d8;color:#785f19;font:700 7px/1.1 Arial,'Microsoft YaHei',sans-serif;letter-spacing:.04em;white-space:nowrap}.hash-market-test::before{content:'';width:5px;height:5px;border-radius:50%;background:#d2a92f;box-shadow:0 0 0 2px #d2a92f20}
@media(max-width:1100px){.hash-market-widget{grid-template-columns:minmax(142px,1fr) auto;min-width:226px}.hash-market-chart{display:none}}
@media(max-width:760px){.hash-market-widget{order:4;grid-row:3;grid-column:2/4;width:100%;min-width:0;min-height:50px;grid-template-columns:minmax(142px,1fr) 72px auto;padding:5px 7px}.hash-market-chart{display:block;width:72px;height:24px}.hash-market-copy{min-width:142px}.hash-market-copy strong{font-size:12px}.hash-market-copy em,.hash-market-copy .hash-market-usd{font-size:7px}}
@media(max-width:470px){.hash-market-widget{grid-column:1/-1;grid-row:4;grid-template-columns:minmax(142px,1fr) 56px 67px}.hash-market-chart{width:56px;justify-self:end}.hash-market-test{font-size:6px}}

/* The shared quote card now reads the configured test token, without demo prices. */
.hash-market-widget{cursor:pointer;font:inherit;transition:background-color .15s,border-color .15s;transform:none}
.hash-market-widget:hover{border-color:#ad8735;background:#fffaf0;transform:none}
.hash-market-widget:focus-visible{outline:2px solid #a57508;outline-offset:3px}
.hash-market-network{justify-self:center;white-space:nowrap;color:#897852;font:600 10px/1.2 var(--hl-font,system-ui,sans-serif)}
.hash-market-widget[data-state=unavailable] .hash-market-copy strong{font-size:12px;color:inherit}
.hash-token-dialog{position:fixed!important;inset:0!important;width:min(520px,calc(100vw - 32px));height:min(550px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto!important;padding:0;border:1px solid #dbd4bc;border-radius:22px;background:#fffdf7;color:#252b22;box-shadow:0 24px 90px #24220f44;overflow:hidden;transform:none!important;animation:none!important;font:13px/1.6 var(--hl-font,system-ui,sans-serif)}
.hash-token-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.hash-token-dialog::backdrop{background:#292e2466;backdrop-filter:blur(4px)}
.hash-token-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid #e7e0cc}
.hash-token-dialog header small{font-size:9px;letter-spacing:.15em;color:#8c7b57}
.hash-token-dialog h2{font-size:21px;line-height:1.35;margin:5px 0 0}
.hash-token-close{flex:0 0 36px;width:36px;height:36px;border:1px solid #e0dccd;border-radius:50%;background:#f3f1e8;color:inherit;font-size:20px;cursor:pointer}
.hash-token-body{overflow:auto;min-height:0;padding:18px 24px 20px}
.hash-token-status{min-height:40px;margin:0 0 10px;color:#847346;font-size:12px}
.hash-token-dialog dl{margin:0;display:grid;gap:0}
.hash-token-dialog dl>div{display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid #eee9dc}
.hash-token-dialog dt{color:#85846f}.hash-token-dialog dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.hash-token-contract{display:grid;margin-top:12px;font-size:11px}.hash-token-contract[hidden]{display:none}.hash-token-contract>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border:1px solid #91bd48;border-radius:10px;background:#d1f45c;color:#29451f;font:700 12px/1.35 var(--hl-font,system-ui);text-decoration:none;box-shadow:0 4px 0 #9fca4c;transition:transform .12s,filter .12s}.hash-token-contract>a:hover{filter:brightness(.97);transform:translateY(-1px)}.hash-token-contract>a:active{transform:translateY(2px);box-shadow:0 2px 0 #9fca4c}
.hash-token-note{margin:16px 0 0;font-size:11px;line-height:1.8;color:#85846f}
.hash-token-dialog footer{padding:14px 24px;border-top:1px solid #e7e0cc;display:flex;justify-content:flex-end}
.hash-token-refresh{min-width:118px;height:40px;padding:0 18px;border:1px solid #a5770a;border-radius:22px;background:#986b00;color:#fffdf5;font:600 12px var(--hl-font,system-ui,sans-serif);cursor:pointer}
.hash-token-refresh:disabled{opacity:.6;cursor:wait}
.hash-token-dialog button:focus-visible,.hash-token-dialog a:focus-visible{outline:2px solid #a57508;outline-offset:3px}
@media(max-width:1100px){.hash-market-network{display:none}}
@media(max-width:760px){.hash-market-network{display:block}}
@media(max-width:420px){.hash-token-dialog header,.hash-token-body,.hash-token-dialog footer{padding-left:18px;padding-right:18px}.hash-token-dialog dl>div{grid-template-columns:100px minmax(0,1fr);gap:10px}.hash-market-network{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hash-market-widget{transition:none}}

/* Token reference shares the header frame; no obsolete chart-width column. */
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference]{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:3px 8px;min-height:var(--nav-control-height,46px);padding:4px 8px;border:1px solid var(--nav-control-line,var(--hl-line,#d7dacb));border-radius:var(--nav-control-radius,9px);background:var(--nav-control-paper,var(--hl-secondary,#eef0e7));color:var(--hl-ink,#1d2530)}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy{grid-column:1;grid-row:1/span 2;min-width:0;align-self:center;row-gap:1px}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy small{font-size:9px;line-height:10px}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy strong{line-height:14px;white-space:normal;overflow-wrap:anywhere}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy :is(.hash-market-usd,em){font:600 9px/10px var(--hl-font,system-ui,sans-serif)}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy .hash-market-usd{white-space:normal;overflow-wrap:anywhere}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-network{display:block;grid-column:2;grid-row:1;justify-self:end;align-self:end;font-size:10px}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-test{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:7px}
body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference]:hover{background:var(--hl-paper,#fbfcf8);border-color:#ad8735}
@media(min-width:361px) and (max-width:620px){
 body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference]{align-content:center;gap:3px 6px}
 body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-copy{grid-column:1/-1;grid-row:1}
 body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-network{grid-column:1;grid-row:2;justify-self:start;align-self:center}
 body.shared-theme nav.app-nav .hash-market-widget[data-source=token-reference] .hash-market-test{grid-column:2;grid-row:2;align-self:center;padding:0;border:0;background:transparent;line-height:10px}
}

/* xlayer-ca-230: the X Layer pixel mark on the explorer link. */
.hash-token-contract>a{gap:8px;box-sizing:border-box;padding:7px 12px}
.hash-token-contract>a .hash-xlayer-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:4px;background:#151713;color:transparent;font-size:0}
.hash-token-contract>a .hash-xlayer-icon::before{content:"";display:block;width:4px;height:4px;background:#fff;box-shadow:10px 0 #fff,5px 5px #fff,0 10px #fff,10px 10px #fff;transform:translate(-5px,-5px)}
.hash-token-contract>a>span:last-child{min-width:0;white-space:nowrap}
