.lbl.gap { margin-top: 16px; }
.toksel { flex: none; max-width: 48%; background: none; border: 0; outline: 0; color: var(--txt); font: 500 16px var(--body); cursor: pointer; }
.toksel option { background: var(--panel); color: var(--txt); }
.card.wide { margin-top: 16px; }
.facts > div > span:first-child { color: var(--dim); }
.tw { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 8px 6px; border-bottom: 1px solid var(--line); white-space: nowrap; }
th { color: var(--dim); font-weight: 500; }
td button { margin-right: 6px; }
.note.good { color: var(--good); }
.note a { color: var(--accent); }
.pick { display: flex; gap: 8px; margin: 0 0 12px; }
.pick[hidden] { display: none; }
.chip:not(#acct)::after { display: none; }
@media (min-width: 840px) { .hdrin, main { max-width: 560px; } }
.tabs { display: flex; gap: 6px; margin: 0 0 12px; }
.tab { flex: 1; appearance: none; cursor: pointer; padding: 11px; border-radius: 12px; border: 1px solid var(--line); background: var(--panel); color: var(--dim); font: 500 15px var(--body); }
.tab[aria-selected="true"] { background: var(--mark); border-color: var(--mark); color: #fff; }
.under { margin-bottom: 0; }
.under a { font: 13px var(--mono); }
.balmax { display: inline-flex; align-items: center; gap: 10px; }
.usd { min-height: 18px; margin: 4px 2px 12px; font: 13px/18px var(--mono); color: var(--dim); }
.toksel.wide { width: 100%; max-width: 100%; }
#sbalrow:not([hidden]) + #savail { margin-left: 12px; }
.netlbl { padding: 3px 9px; border-radius: 999px; font: 600 12px var(--body); white-space: nowrap; color: var(--good); background: color-mix(in srgb, var(--good) 14%, transparent); }
.netlbl:empty { display: none; }
body[data-net="Preview"] .netlbl { color: #d97706; background: rgba(217, 119, 6, .15); }
@media (max-width: 600px) {
  .hdrin { flex-wrap: wrap; row-gap: 8px; }
  .hdrin::after { content: ''; order: 2; flex-basis: 100%; height: 0; margin-top: -8px; }
  .tog { order: 1; margin-left: auto; }
  .netlbl { order: 3; }
  .acctw { order: 4; }
  .hdrin:has(#acct:not([hidden])) .brand span { display: inline; }
  .hdrin:has(#acct:not([hidden])) .brand { font-size: 18px; gap: 8px; }
}
/* Your offers: one line on wider screens; on a phone line 1 is the offer and Withdraw, line 2 under the price is a new price and Change. */
#mine td { vertical-align: top; }
#mine td:not(.ed):not(.wc) { padding-top: 13px; }
#minecard th, #minecard td { padding-left: 4px; padding-right: 4px; }
#mine td.wc { padding-left: 10px; }
.mp, .pa, .ph { display: none; }
.acts { display: flex; align-items: flex-start; justify-content: flex-end; gap: 4px; }
.mini { display: block; width: 62px; height: 34px; padding: 0 6px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel2); color: var(--txt); font: 16px var(--mono); outline: 0; }
.mini:focus { border-color: var(--accent); }
.chg { display: block; width: 0; margin-top: 3px; font: 12px var(--mono); color: var(--dim); white-space: nowrap; }
.chg:empty { display: none; }
.acts .chip, .wc .chip { height: 34px; margin: 0; padding: 0 7px; justify-content: center; border-radius: 9px; font: 500 13px var(--body); }
.acts .chip::after, .wc .chip::after { display: none; }
.acts .chip:disabled { opacity: .45; }
.acts .chip[data-act=reprice]:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.wc .chip { color: var(--bad); border-color: var(--bad); font-weight: 600; }
@media (max-width: 480px) {
  #minecard table, #minecard thead, #minecard tbody { display: block; }
  #minecard tr { display: grid; grid-template-columns: 76px 1fr auto; column-gap: 12px; row-gap: 10px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--line); }
  #minecard thead tr { padding: 0 0 8px; }
  #minecard th, #minecard td { padding: 0; border: 0; }
  #mine td:not(.ed):not(.wc) { padding-top: 7px; }
  #minecard .pc, #minecard .pl, #minecard .wd, #minecard th.ed { display: none; }
  #minecard .pa, #minecard .mp { display: block; }
  #minecard .ph { display: inline; }
  #minecard .wc { grid-row: 1; grid-column: 3; justify-self: end; }
  #minecard .ed { grid-row: 2; grid-column: 2 / -1; }
  .mp { margin-top: 3px; font-size: 12px; color: var(--dim); }
  .acts { justify-content: flex-start; gap: 8px; }
  .mini { width: 104px; height: 36px; padding: 0 10px; }
  .acts .chip, .wc .chip { height: 36px; padding: 0 11px; font-size: 14px; }
}