html{background:var(--desk-paper)}
body.workspace{
  background:var(--desk-paper);
  color:var(--desk-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-synthesis-weight:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Browser surfaces belong to the palette. */
.workspace ::selection{background:#dbe7ff;color:#0f172a}
[data-theme="dark"] .workspace ::selection{background:#26426f;color:#ffffff}
.workspace :is(input,textarea,[contenteditable="true"]){caret-color:var(--desk-red)}
.workspace :is(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--desk-red);
  outline-offset:2px;
}
.workspace{scrollbar-color:var(--desk-line-strong) var(--desk-paper)}
.workspace ::-webkit-scrollbar{width:10px;height:10px}
.workspace ::-webkit-scrollbar-track{background:var(--desk-paper)}
.workspace ::-webkit-scrollbar-thumb{
  background:var(--desk-line-strong);
  border:2px solid var(--desk-paper);
  border-radius:8px;
}
.workspace ::-webkit-scrollbar-thumb:hover{background:var(--desk-mute)}

/* Left rail: ink, paper text, one clear active tab. */
.workspace .app{grid-template-columns:var(--workspace-nav) minmax(0,1fr)}
.workspace .app>aside{
  background:var(--mx-side-bg);
  border-right:1px solid var(--mx-side-line);
  color:var(--mx-side-text);
  padding:18px 13px;
  box-shadow:none;
}
.workspace .brand{color:var(--mx-side-strong);font-size:19px;letter-spacing:-.02em}
.workspace .brand .logo{width:34px;height:34px;border-radius:8px}
.workspace .nav-label{
  color:var(--mx-side-mute);
  font-size:11px;
  letter-spacing:.13em;
  padding:20px 12px 7px;
}
.workspace aside a.nav{
  color:var(--mx-side-text);
  min-height:39px;
  padding:9px 11px;
  border-radius:6px;
  gap:11px;
  font-size:13px;
}
.workspace aside a.nav svg{opacity:.85}
.workspace aside a.nav:hover{background:var(--mx-side-hover);color:var(--mx-side-strong)}
.workspace aside a.nav.on{
  background:var(--mx-side-active);
  color:var(--mx-side-active-text);
  box-shadow:none;
}
.workspace aside a.nav.on svg{opacity:1}
.workspace aside>a.nav{color:var(--mx-side-mute);font-size:12.5px}
.workspace aside .side-user{border-top-color:var(--mx-side-line);margin-top:16px;padding:14px 10px 4px}
.workspace aside .side-user-name{color:var(--mx-side-strong);font-size:12.5px}
.workspace aside .side-user-bal{color:var(--mx-side-mute);font-size:11.5px}
.workspace aside .side-user-bal b{color:var(--mx-side-strong);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.workspace aside .avatar{background:var(--mx-avatar-bg);color:var(--mx-avatar-text);border:1px solid var(--mx-avatar-line)}

/* Main canvas and top bar. */
.workspace .app>main{padding:0 32px 56px;max-width:1720px}
.workspace-toolbar{
  height:70px;
  margin-bottom:22px;
  border-bottom:1px solid var(--desk-line);
  background:rgba(242,238,228,.94);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
[data-theme="dark"] .workspace-toolbar{background:rgba(18,21,17,.94);border-color:var(--desk-line)}
.workspace-location>span{
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--desk-mute);
  text-transform:uppercase;
}
.workspace-location>strong{font-size:14.5px;color:var(--desk-ink)}
.workspace-search{
  border:1px solid var(--desk-line);
  border-radius:6px;
  background:var(--desk-card);
  color:var(--desk-mute);
  font-size:12.5px;
  box-shadow:none;
}
.workspace-search:hover{border-color:var(--desk-line-strong);color:var(--desk-body);background:var(--desk-card-2)}
.workspace-search kbd{
  border:1px solid var(--desk-line);
  background:var(--desk-paper);
  color:var(--desk-mute);
  border-radius:3px;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:11px;
}
.workspace-admin{color:var(--desk-red);font-weight:650}

/* Page heading: one voice, no eyebrow. */
.workspace .workspace-eyebrow,
.workspace .mx-kicker{display:none!important}
.workspace #v-buy>.top{
  align-items:flex-end;
  gap:18px;
  margin:24px 0 18px;
}
.workspace #v-buy h2{
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Songti SC","Noto Serif SC",serif;
  font-size:36px;
  line-height:1.08;
  letter-spacing:-.025em;
  font-weight:600;
  color:var(--desk-ink);
  text-wrap:balance;
}
.workspace #v-buy>.top>.mut{font-size:13px;color:var(--desk-mute);line-height:1.5}
.workspace #v-buy>.top>.r{
  display:flex;
  align-items:center;
  gap:12px;
  border-left:1px solid var(--desk-line);
  padding-left:18px;
}
.workspace #v-buy>.top>.r .mut{
  font-size:12.5px;
  color:var(--desk-mute);
  font-variant-numeric:tabular-nums;
}
.workspace #v-buy>.top>.r .btn{
  height:34px;
  padding:0 13px;
  border:1px solid var(--desk-ink);
  border-radius:5px;
  background:transparent;
  color:var(--desk-ink);
  font-size:12px;
  font-weight:600;
}
.workspace #v-buy>.top>.r .btn:hover{background:var(--desk-ink);color:var(--desk-card)}

/* Workflow rail. */
.workspace .purchase-steps{
  gap:0;
  margin:0 0 20px;
  padding:10px 0;
  border-top:1px solid var(--desk-line);
  border-bottom:1px solid var(--desk-line);
  font-size:12px;
  color:var(--desk-mute);
}
.workspace .purchase-steps li{gap:8px;padding-right:20px;margin-right:20px;border-right:1px solid var(--desk-line)}
.workspace .purchase-steps b{
  width:18px;height:18px;
  background:var(--desk-red);
  border:0;
  color:#fff;
  font:600 10.5px/18px ui-monospace,SFMono-Regular,Consolas,monospace;
  border-radius:50%;
}
.workspace .purchase-steps li:nth-child(2) b{background:var(--desk-ink);color:var(--desk-card)}
.workspace .purchase-steps li:nth-child(3) b{background:transparent;color:var(--desk-mute);box-shadow:inset 0 0 0 1px var(--desk-line-strong)}

/* Finder: flat ledger search, not a card inside a card. */
.workspace .mx-finder{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
  margin:0 0 14px;
}
.mx-finder-head{align-items:baseline;gap:16px;margin-bottom:12px}
.mx-finder-head h3{margin:0;font-size:19px;letter-spacing:-.015em;color:var(--desk-ink);font-weight:650}
.mx-finder-head p{margin:0 0 1px auto;font-size:12.5px;color:var(--desk-mute)}
.workspace .mx-finder .srow{
  grid-template-columns:minmax(0,1fr) 152px 196px;
  gap:8px;
  margin-top:12px;
}
.workspace .mx-finder #q,
.workspace .mx-finder #ctSelect,
.workspace .mx-finder #sort{
  height:44px;
  border:1px solid var(--desk-line-strong);
  border-radius:5px;
  background:var(--desk-card);
  color:var(--desk-ink);
  font-size:13px;
  box-shadow:none;
}
.workspace .mx-finder #q{padding:0 14px}
.workspace .mx-finder #q::placeholder{color:var(--desk-mute)}
.workspace .mx-finder #q:focus,
.workspace .mx-finder #ctSelect:focus,
.workspace .mx-finder #sort:focus{
  border-color:var(--desk-red);
  box-shadow:none;
  outline:2px solid var(--desk-red);
  outline-offset:1px;
}

/* Category strip: cells of one ledger, not floating pills. */
.mx-cats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border:1px solid var(--desk-line);
  border-radius:6px;
  overflow:hidden;
  background:var(--desk-card);
}
.mx-cat{
  min-height:52px;
  padding:9px 11px;
  border:0;
  border-right:1px solid var(--desk-line);
  border-bottom:1px solid var(--desk-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.mx-cat:nth-child(4n){border-right:0}
.mx-cat:nth-last-child(-n+4){border-bottom:0}
.mx-cat:hover{background:var(--desk-hover);border-color:var(--desk-line);transform:none}
.mx-cat.on{background:var(--desk-ink);border-color:var(--desk-ink);color:var(--desk-card);box-shadow:none}
.mx-cat-icon{display:none!important}
.mx-cat-copy b{font-size:12.5px;line-height:1.25;color:inherit}
.mx-cat-copy small{font-size:11px;color:var(--desk-mute);margin-top:2px}
.mx-cat.on .mx-cat-copy small{color:#cdd3dc}
.mx-cat-count{
  font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  color:var(--desk-mute);
  font-variant-numeric:tabular-nums;
}
.mx-cat.on .mx-cat-count{color:#93b4ff}
.mx-hotrow{
  margin-top:0;
  padding-top:12px;
  border-top:1px solid var(--desk-line);
}
.mx-hotlabel{font-size:11px;letter-spacing:.1em;color:var(--desk-mute)}
.mx-hot button{
  border:1px solid var(--desk-line);
  border-radius:4px;
  background:transparent;
  color:var(--desk-body);
  font-size:11.5px;
  padding:5px 9px;
}
.mx-hot button:hover{border-color:var(--desk-ink);color:var(--desk-ink);background:var(--desk-card)}

/* Catalog. */
.workspace .buylayout{grid-template-columns:minmax(0,1fr) 348px;gap:20px}
.workspace .side{width:348px;position:sticky;top:92px}
.workspace .card{
  border:1px solid var(--desk-line);
  border-radius:10px;
  box-shadow:var(--desk-shadow);
  background:var(--desk-card);
}
.workspace .card>.hd{
  min-height:52px;
  padding:13px 18px;
  font-size:12.5px;
  letter-spacing:0;
  color:var(--desk-body);
  background:var(--desk-card-2);
  border-bottom:1px solid var(--desk-line);
}
.workspace #cnt{color:var(--desk-ink);font-weight:650;font-size:13.5px}
.workspace #list>.row{
  grid-template-columns:40px minmax(0,1fr) 100px 64px 112px 10px;
  gap:14px;
  min-height:64px;
  padding:12px 18px;
  border:0;
  border-bottom:1px solid var(--desk-line);
}
.workspace #list>.row:hover{background:var(--desk-hover)}
.workspace #list>.row.on{
  background:var(--desk-select);
  border-left:0;
  box-shadow:inset 0 0 0 1px rgba(178,60,38,.35);
}
.workspace #list>.row::after{
  width:6px;height:6px;
  border-right:1.5px solid var(--desk-line-strong);
  border-top:1.5px solid var(--desk-line-strong);
}
.mx-mark{
  width:34px;height:34px;
  border-radius:6px;
  display:grid;place-items:center;
  font:700 10.5px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.02em;
  background:var(--desk-paper-2);
  color:var(--desk-body);
  border:1px solid var(--desk-line);
}
.mx-mark[data-tone="0"]{background:#e4e7ec;color:#475467;border-color:#cdd3dc}
.mx-mark[data-tone="1"]{background:var(--desk-green-soft);color:var(--desk-green);border-color:#d1fadf}
.mx-mark[data-tone="2"]{background:var(--desk-amber-soft);color:var(--desk-amber);border-color:#fedf89}
.mx-mark[data-tone="3"]{background:#e9d7fe;color:#6941c6;border-color:#d6bbfb}
.mx-mark[data-tone="4"]{background:var(--desk-red-soft);color:var(--desk-red);border-color:#fecdca}
.workspace #list .namecell{gap:12px;max-width:none}
.workspace #list .namebox{max-width:none;flex:1 1 auto;min-width:0}
.workspace #list .nm{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--desk-ink)}
.workspace #list .sub{font-size:11.5px;color:var(--desk-mute);margin-top:3px}
.mx-cat-inline{
  display:inline-block;margin-left:7px;padding:0 4px;
  border:1px solid var(--desk-line);border-radius:3px;
  background:transparent;color:var(--desk-mute);
  font-size:11px;font-weight:600;vertical-align:1px;
}
.workspace #list>.row>.st{
  font-size:12px;
  color:var(--desk-body);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  text-align:right;
}
.workspace #list>.row>.st:first-of-type{font-weight:600;color:var(--desk-ink);font-size:12.5px}
.workspace #list .pr{
  font-size:15px;
  font-weight:700;
  color:var(--desk-red);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-variant-numeric:tabular-nums;
  text-align:right;
  letter-spacing:-.02em;
}
.workspace #list>.row.is-empty{background:var(--desk-card-2)}
.workspace #list>.row.is-empty:hover{background:var(--desk-hover)}
.workspace #list>.row.is-empty .pr{color:var(--desk-mute)}
.workspace #more{
  color:var(--desk-red);
  background:var(--desk-card-2);
  font-size:12.5px;
  font-weight:600;
  border-radius:0 0 10px 10px;
}
.workspace #more:hover{background:var(--desk-hover)}

/* Order ticket. */
.workspace .side .card{
  margin-bottom:14px;
  border-color:var(--desk-line-strong);
  box-shadow:var(--desk-shadow);
}
.workspace .side .card>.hd{
  background:transparent;
  border-bottom:1px dashed var(--desk-line-strong);
  color:var(--desk-ink);
  font-size:14.5px;
  font-weight:650;
  padding:15px 18px 12px;
}
.workspace .side .card>.hd .mut{font-size:11.5px;color:var(--desk-mute);font-weight:400}
.workspace .side .sum{padding:12px 18px 6px}
.workspace .side .kv{
  font-size:12px;
  color:var(--desk-mute);
  padding:8px 0;
  margin:0;
  border-bottom:1px dotted var(--desk-line);
}
.workspace .side .sum .kv:last-child{border-bottom:0}
.workspace .side .kv .k{font-size:12px;color:var(--desk-mute);gap:6px}
.workspace .side .kv .v{font-size:12.5px;color:var(--desk-ink);font-weight:600}
.workspace .side .kv .mut,
.workspace .side .kv .k .mut{font-size:11.5px!important;color:var(--desk-mute)!important;font-weight:400!important}
.workspace #tierBox{display:grid!important;gap:6px!important;width:100%!important}
.workspace #tierBox .chip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid var(--desk-line)!important;
  border-radius:5px!important;
  background:var(--desk-card)!important;
  color:var(--desk-body)!important;
  font-size:12.5px!important;
  text-align:left!important;
  box-shadow:none!important;
}
.workspace #tierBox .chip small{
  margin-left:8px!important;
  color:var(--desk-mute)!important;
  font-size:11.5px!important;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
}
.workspace #tierBox .chip:hover{border-color:var(--desk-ink)!important}
.workspace #tierBox .chip.on{
  background:var(--desk-ink)!important;
  border-color:var(--desk-ink)!important;
  color:var(--desk-card)!important;
  font-weight:600!important;
}
.workspace #tierBox .chip.on small{color:#c7d7fe!important}
.workspace #pfInline .chip,
.workspace #pfBox .chip{
  font-size:11.5px!important;
  padding:5px 8px!important;
  border-radius:4px!important;
}
.workspace #pfSearch,
.workspace #couponIn{
  height:36px!important;
  border:1px solid var(--desk-line)!important;
  border-radius:4px!important;
  background:var(--desk-card)!important;
  color:var(--desk-ink)!important;
  font-size:12.5px!important;
  box-shadow:none!important;
}
.workspace .qty{border:1px solid var(--desk-line);border-radius:4px;overflow:hidden;background:var(--desk-card)}
.workspace .qty button{width:36px;height:34px;background:var(--desk-paper-2);color:var(--desk-body);border:0}
.workspace .qty button:hover{background:var(--desk-paper-3);color:var(--desk-ink)}
.workspace .qty input{
  width:54px;height:34px;
  background:var(--desk-card);
  color:var(--desk-ink);
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:13px;
}
.workspace .side .total{
  padding:14px 18px;
  border-top:1px dashed var(--desk-line-strong);
  background:var(--desk-card-2);
}
.workspace .side .total .k{font-size:12px;color:var(--desk-mute)}
.workspace .side .total b{
  font-size:26px;
  color:var(--desk-red);
  letter-spacing:-.03em;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-variant-numeric:tabular-nums;
}
.workspace .side .buy{
  width:calc(100% - 36px);
  min-height:48px;
  margin:12px 18px 10px;
  border:1px solid var(--desk-red);
  border-radius:6px;
  background:var(--desk-red);
  color:#fff;
  font-size:14px;
  font-weight:650;
  letter-spacing:0;
  box-shadow:none;
}
.workspace .side .buy:hover{background:var(--desk-red-deep);border-color:var(--desk-red-deep)}
.workspace .side .buy:disabled{
  background:var(--desk-paper-2);
  border-color:var(--desk-line);
  color:var(--desk-mute);
  cursor:not-allowed;
}
.workspace .side #abBuyBtn{
  width:calc(100% - 36px)!important;
  margin:0 18px 16px!important;
  min-height:38px;
  border:1px solid var(--desk-line-strong)!important;
  border-radius:6px!important;
  background:transparent!important;
  color:var(--desk-body)!important;
  font-size:12px!important;
}
.workspace .side #abBuyBtn:hover{background:var(--desk-card-2)!important;border-color:var(--desk-ink)!important}
.workspace .side .bd{padding:14px 18px 16px}
.workspace .side .bd .mut{font-size:12px!important;color:var(--desk-mute)!important;line-height:1.55}

/* Policy / notes: flat rules inside the ticket, no nested cards. */
.mx-policy{
  grid-template-columns:32px minmax(0,1fr) auto;
  gap:12px;
  padding:12px 14px;
  margin:0 0 16px;
  background:var(--desk-amber-soft);
  border:1px solid #fedf89;
  border-radius:6px;
  color:#93370d;
}
.mx-policy-icon{width:30px;height:30px;background:#fec84b;color:#7a2e0e;font-size:14px}
.mx-policy strong{font-size:12.5px;color:#93370d}
.mx-policy p{font-size:11.5px;line-height:1.55;color:#b54708}
.mx-policy p b{color:var(--desk-red);font-weight:700}
.mx-policy button{
  border:1px solid #fec84b;
  background:#fffaeb;
  color:#b54708;
  border-radius:4px;
  padding:6px 10px;
  font-size:11.5px;
  font-weight:600;
}
.mx-prefix-tip{
  margin:8px 0 0!important;
  padding:8px 0 0!important;
  border:0!important;
  border-top:1px solid var(--desk-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--desk-mute)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
.mx-prefix-tip b{color:var(--desk-red)!important;font-size:11.5px!important}
.mx-order-note{
  margin:10px 18px 12px!important;
  padding:10px 0 0!important;
  border:0!important;
  border-top:1px solid var(--desk-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--desk-mute)!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
.mx-order-note b{display:block;color:var(--desk-red)!important;font-size:11.5px!important;margin-bottom:3px}

/* Empty / loading / error states. */
.mx-empty{color:var(--desk-mute)}
.mx-empty b{font-size:14px;color:var(--desk-ink)}
.mx-empty span{font-size:12px}
.mx-empty button{
  border:1px solid var(--desk-line-strong);
  background:var(--desk-card);
  color:var(--desk-red);
  border-radius:4px;
  padding:7px 11px;
  font-size:12px;
  font-weight:600;
}

/* Buttons, fields and tables across the workspace. */
.workspace .btn{
  border-radius:5px;
  border:1px solid var(--desk-line-strong);
  background:var(--desk-card);
  color:var(--desk-ink);
  font-weight:600;
  box-shadow:none;
}
.workspace .btn:hover{border-color:var(--desk-ink);background:var(--desk-card-2)}
.workspace .btn:disabled{opacity:1;background:var(--desk-paper-2);border-color:var(--desk-line);color:var(--desk-mute)}
.workspace input,
.workspace select,
.workspace textarea{
  border:1px solid var(--desk-line);
  border-radius:5px;
  background:var(--desk-card);
  color:var(--desk-ink);
  box-shadow:none;
}
.workspace input::placeholder,
.workspace textarea::placeholder{color:var(--desk-mute)}
.workspace table{font-size:12.5px}
.workspace th{
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--desk-mute);
  background:var(--desk-card-2);
  border-bottom:1px solid var(--desk-line);
}
.workspace td{border-bottom:1px solid var(--desk-line)}
.workspace tbody tr:hover{background:var(--desk-hover)}
.chip{border-radius:4px;border-color:var(--desk-line);background:var(--desk-card);color:var(--desk-body)}
.chip.on{background:var(--desk-ink);border-color:var(--desk-ink);color:var(--desk-card);box-shadow:none}
.chip.on small{color:#c7d7fe}

/* Mobile order sheet. */
#__buy_sheet{background:rgba(20,22,18,.52)!important}
#__bs_card{
  width:min(100%,560px)!important;
  margin:0 auto!important;
  background:var(--desk-card)!important;
  color:var(--desk-ink)!important;
  border-radius:12px 12px 0 0!important;
  border-top:1px solid var(--desk-line-strong)!important;
  box-shadow:0 -12px 34px rgba(20,22,18,.28)!important;
}
#__bs_card b{color:var(--desk-ink)!important}
#__bs_card .mut{color:var(--desk-mute)!important}
#__bs_card > div{border-color:var(--desk-line)!important}
#__bs_close{
  border:1px solid var(--desk-line-strong)!important;
  background:transparent!important;
  color:var(--desk-body)!important;
  border-radius:4px!important;
}
#__bs_tiers .chip{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  margin:0 0 6px!important;
  padding:10px 11px!important;
  border:1px solid var(--desk-line)!important;
  border-radius:5px!important;
  background:var(--desk-card)!important;
  color:var(--desk-body)!important;
  font-size:12.5px!important;
}
#__bs_tiers .chip small{color:var(--desk-mute)!important;font-size:11.5px!important}
#__bs_tiers .chip.on{background:var(--desk-ink)!important;border-color:var(--desk-ink)!important;color:var(--desk-card)!important}
#__bs_tiers .chip.on small{color:#c7d7fe!important}
#__bs_buy{
  background:var(--desk-red)!important;
  border:1px solid var(--desk-red)!important;
  color:#fff!important;
  border-radius:5px!important;
  min-height:46px!important;
  font-weight:650!important;
}
#__bs_pfq{border:1px solid var(--desk-line)!important;border-radius:4px!important;background:var(--desk-card)!important;color:var(--desk-ink)!important}
#__bs_total{color:var(--desk-red)!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}

/* Mobile shell. */
@media (max-width:900px){
  .workspace .app>main{padding:0 14px 150px;max-width:none}
  .workspace-toolbar{height:58px;margin-bottom:16px}
  .workspace #v-buy>.top{margin:16px 0 14px;gap:10px}
  .workspace #v-buy h2{font-size:27px;letter-spacing:-.02em}
  .workspace #v-buy>.top>.mut{font-size:12px}
  .workspace #v-buy>.top>.r{border-left:0;padding-left:0;gap:8px}
  .workspace .purchase-steps{display:none}
  .workspace .mx-finder{padding:0;border:0;background:transparent}
  .mx-finder-head{display:block;margin-bottom:10px}
  .mx-finder-head h3{font-size:17px}
  .mx-finder-head p{font-size:11.5px;margin-top:3px}
  .workspace .mx-finder .srow{grid-template-columns:minmax(0,1fr) 128px;gap:8px;margin-top:10px}
  .workspace .mx-finder #q{grid-column:1/-1}
  .workspace .mx-finder #q,
  .workspace .mx-finder #ctSelect,
  .workspace .mx-finder #sort{height:42px!important;font-size:12.5px!important}
  .mx-cats{
    display:flex;flex-wrap:nowrap;gap:6px;
    border:0;border-radius:0;background:transparent;overflow-x:auto;overflow-y:hidden;
    padding:1px 0 3px;scrollbar-width:none;
  }
  .mx-cats::-webkit-scrollbar{display:none}
  .mx-cat{
    flex:0 0 auto;min-height:36px;padding:7px 11px;
    border:1px solid var(--desk-line)!important;border-radius:4px!important;
    background:var(--desk-card);white-space:nowrap;
  }
  .mx-cat.on{background:var(--desk-ink)!important;border-color:var(--desk-ink)!important}
  .mx-cat:nth-last-child(-n+4){border-bottom:1px solid var(--desk-line)!important}
  .mx-cat-copy small{display:none}
  .mx-cat-count{font-size:10.5px}
  .mx-hotrow{flex-direction:row;align-items:center;gap:8px;margin-top:10px;padding-top:10px}
  .mx-hotlabel{font-size:10.5px}
  .workspace .buylayout{grid-template-columns:1fr;gap:14px}
  .workspace .side{width:100%;position:static;margin-top:0}
  .workspace #list>.row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:64px;padding:11px 12px}
  .workspace #list>.row::after{display:none}
  .workspace #list .nm{font-size:14px}
  .workspace #list .sub{font-size:11px}
  .workspace #list .pr{font-size:14px}
  .workspace .side .card{box-shadow:none}
  .workspace .side{display:block}
  .buybar{
    display:flex;
    bottom:calc(62px + env(safe-area-inset-bottom))!important;
    background:#0f172a!important;
    border-top:1px solid #1f2937!important;
    box-shadow:0 -8px 22px rgba(20,22,18,.18)!important;
    padding:10px 14px!important;
  }
  .buybar .bb-l b{color:#f8fafc!important;font-size:13px!important}
  .buybar .bb-l span{color:#98a2b3!important;font-size:11.5px!important}
  .buybar .bb-r b{
    color:#93b4ff!important;
    font-size:16px!important;
    font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;
  }
  .buybar .bb-r .btn{
    background:var(--desk-red)!important;
    border:1px solid var(--desk-red)!important;
    color:#fff!important;
    border-radius:5px!important;
    min-height:40px!important;
    padding:0 15px!important;
    font-size:13px!important;
  }
  .tabbar{
    background:var(--desk-card)!important;
    border-top:1px solid var(--desk-line)!important;
  }
  .tabbar a{color:var(--desk-mute)!important;font-size:11px!important}
  .tabbar a.on{color:var(--desk-red)!important}
}


/* Compact desktop rows: keep the project name readable at 901–1279px. */
@media (min-width:901px) and (max-width:1279px){
  .workspace #list>.row{
    grid-template-columns:34px minmax(0,1fr) 92px;
    grid-template-rows:auto auto;
    column-gap:10px;
    row-gap:1px;
    min-height:64px;
    padding:10px 12px;
    align-items:center;
  }
  .workspace #list>.row>.mx-mark{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:32px;
    height:32px;
  }
  .workspace #list>.row>.namecell{
    grid-column:2;
    grid-row:1;
    align-self:end;
    gap:0;
  }
  .workspace #list>.row .nm{font-size:14px;line-height:1.25}
  .workspace #list>.row .sub{font-size:11px;margin-top:2px}
  .workspace #list>.row>.st{
    grid-column:2;
    grid-row:2;
    align-self:start;
    justify-self:start;
    margin-top:2px;
    font-size:11px;
    line-height:1.2;
    color:var(--desk-mute);
    text-align:left;
    white-space:nowrap;
  }
  .workspace #list>.row>.st + .st{display:none}
  .workspace #list>.row>.pr{
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
    font-size:14px;
    white-space:nowrap;
  }
  .workspace #list>.row::after{display:none}
  .mx-cat-inline{margin-left:5px}
}


@media (min-width:901px) and (max-width:1100px){
  .workspace #list>.row .mx-cat-inline{display:none}
}


/* Warm ink rail and ledger chips must also win over the legacy navy dark theme. */
html[data-theme="dark"] .workspace .app>aside{
  background:var(--mx-side-bg);
  border-right-color:var(--mx-side-line);
  color:var(--mx-side-text);
}
html[data-theme="dark"] .workspace aside a.nav:hover{
  background:var(--mx-side-hover);
  color:var(--mx-side-strong);
}
html[data-theme="dark"] .workspace aside a.nav.on{
  background:var(--mx-side-active);
  color:var(--mx-side-active-text);
  box-shadow:none;
}
html[data-theme="dark"] .workspace .chip{
  background:var(--desk-card);
  border-color:var(--desk-line);
  color:var(--desk-body);
}
html[data-theme="dark"] .workspace .chip.on{
  background:var(--desk-ink);
  border-color:var(--desk-ink);
  color:var(--desk-card);
  box-shadow:none;
}
html[data-theme="dark"] .workspace .chip.on small{color:#c7d7fe}
html[data-theme="dark"] .workspace .mx-cats{background:var(--desk-card)}
html[data-theme="dark"] .workspace .mx-cat{background:transparent}
html[data-theme="dark"] .workspace .mx-cat.on{background:var(--desk-ink);border-color:var(--desk-ink);color:var(--desk-card)}
html[data-theme="dark"] .workspace .mx-cat.on .mx-cat-copy small{color:#cdd3dc}
html[data-theme="dark"] .workspace .mx-cat.on .mx-cat-count{color:#93b4ff}


html[data-theme="dark"] .workspace .card,
html[data-theme="dark"] .workspace .side .card,
html[data-theme="dark"] .workspace .side .total{
  background:var(--desk-card);
  border-color:var(--desk-line);
  color:var(--desk-ink);
}
html[data-theme="dark"] .workspace .card>.hd{
  background:var(--desk-card-2);
  border-color:var(--desk-line);
  color:var(--desk-body);
}
html[data-theme="dark"] .workspace .mx-finder #q,
html[data-theme="dark"] .workspace .mx-finder #ctSelect,
html[data-theme="dark"] .workspace .mx-finder #sort,
html[data-theme="dark"] .workspace #pfBox input,
html[data-theme="dark"] .workspace #pfBox select,
html[data-theme="dark"] .workspace #pfBox .chip,
html[data-theme="dark"] .workspace #pfq,
html[data-theme="dark"] .workspace .qty input{
  background:var(--desk-card);
  border-color:var(--desk-line-strong);
  color:var(--desk-ink);
}
html[data-theme="dark"] .workspace .mx-hot button{
  background:transparent;
  border-color:var(--desk-line);
  color:var(--desk-body);
}
html[data-theme="dark"] .workspace .mx-hot button:hover{
  background:var(--desk-card);
  border-color:var(--desk-line-strong);
  color:var(--desk-ink);
}
html[data-theme="dark"] .workspace .workspace-search{
  background:var(--desk-card);
  border-color:var(--desk-line);
  color:var(--desk-mute);
}
html[data-theme="dark"] .workspace .workspace-search kbd{
  background:var(--desk-paper-2);
  border-color:var(--desk-line);
  color:var(--desk-mute);
}
html[data-theme="dark"] .workspace .purchase-steps b{
  background:var(--desk-red);
  border-color:var(--desk-red);
  color:#fff;
}
html[data-theme="dark"] .workspace .purchase-steps li:nth-child(2) b{
  background:var(--desk-ink);
  border-color:var(--desk-ink);
  color:var(--desk-card);
}
html[data-theme="dark"] .workspace .purchase-steps li:nth-child(3) b{
  background:transparent;
  border-color:var(--desk-line-strong);
  color:var(--desk-mute);
}
html[data-theme="dark"] .workspace #more{
  background:var(--desk-card);
  border-color:var(--desk-line);
  color:var(--desk-body);
}
html[data-theme="dark"] .workspace .mx-rule{
  background:var(--desk-line);
  border-color:var(--desk-line);
}
html[data-theme="dark"] .workspace .chip.on small,
html[data-theme="dark"] .workspace #tierBox .chip.on small{color:#1d4ed8!important}
html[data-theme="dark"] .workspace #pfInline .chip.on small,
html[data-theme="dark"] .workspace #pfBox .chip.on small{color:#1d4ed8}
html[data-theme="dark"] #__bs_tiers .chip.on small{color:#1d4ed8!important}


html[data-theme="dark"] .workspace .side .card>.hd{
  background:var(--desk-card-2);
  border-color:var(--desk-line);
  color:var(--desk-body);
}
html[data-theme="dark"] .workspace #cnt{color:var(--desk-ink)}
html[data-theme="dark"] .workspace #list>.row:hover{background:var(--desk-hover)}
html[data-theme="dark"] .workspace #list>.row.on{
  background:var(--desk-select);
  box-shadow:inset 0 0 0 1px rgba(224,106,79,.38);
}

/* Dark theme component corrections. */
[data-theme="dark"] .workspace #list>.row.on{box-shadow:inset 0 0 0 1px rgba(224,106,79,.38)}
[data-theme="dark"] .mx-mark[data-tone="0"]{background:#1f2937;border-color:#344054;color:#cdd3dc}
[data-theme="dark"] .mx-mark[data-tone="1"]{background:#0f2a20;border-color:#1f4a38;color:#75e0a7}
[data-theme="dark"] .mx-mark[data-tone="2"]{background:#2c2110;border-color:#344054;color:#fec84b}
[data-theme="dark"] .mx-mark[data-tone="3"]{background:#211b38;border-color:#3b2d6b;color:#c3b5fd}
[data-theme="dark"] .mx-mark[data-tone="4"]{background:#162447;border-color:#24416f;color:#93b4ff}
[data-theme="dark"] .mx-policy{background:var(--desk-amber-soft);border-color:#344054;color:#fedf89}
[data-theme="dark"] .mx-policy strong{color:#fec84b}
[data-theme="dark"] .mx-policy p{color:#fec84b}
[data-theme="dark"] .mx-policy button{background:#2c2110;border-color:#513a12;color:#fec84b}
[data-theme="dark"] .workspace .buybar{background:#0b0f19!important}
[data-theme="dark"] .workspace .side .buy{color:#0b0f19}


/* Mobile header: keep the control rail on one line. */
@media (max-width:900px){
  .workspace .workspace-toolbar{
    height:56px;
    gap:8px;
    margin-bottom:16px;
    overflow:visible;
  }
  .workspace .workspace-toolbar .workspace-location{
    min-width:0;
    flex:1 1 auto;
    gap:0;
    overflow:hidden;
  }
  .workspace .workspace-toolbar .workspace-location>span{
    display:none;
  }
  .workspace .workspace-toolbar .workspace-location>strong{
    display:block;
    font-size:13px;
    line-height:1.2;
    letter-spacing:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .workspace .workspace-toolbar .workspace-search{
    flex:0 0 auto;
    width:auto;
    min-width:88px;
    height:34px;
    margin-left:0;
    padding:0 10px;
    gap:0;
    border-radius:6px;
    font-size:0;
    line-height:1;
  }
  .workspace .workspace-toolbar .workspace-search::before{
    content:"搜索功能";
    font-size:11px;
    font-weight:600;
    letter-spacing:.02em;
  }
  .workspace .workspace-toolbar .workspace-search kbd{display:none}
  .workspace .workspace-toolbar .lang-switch{
    flex:0 0 auto;
    gap:1px;
    padding:2px;
    border-radius:7px;
    background:var(--desk-paper-2);
    border-color:var(--desk-line);
    box-shadow:none;
    backdrop-filter:none;
  }
  .workspace .workspace-toolbar .lang-switch button{
    min-width:32px;
    padding:4px 6px;
    border-radius:5px;
    font-size:10.5px;
    line-height:1.2;
  }
  .workspace .workspace-toolbar .lang-switch button[aria-pressed="true"]{
    background:var(--desk-card);
    color:var(--desk-ink);
    box-shadow:none;
  }
  .workspace .workspace-menu{
    flex:0 0 34px;
    width:34px;height:34px;
    padding:0;
    border-radius:6px;
    border-color:var(--desk-line-strong);
    background:var(--desk-card);
    color:var(--desk-ink);
    font-size:17px;
    line-height:1;
  }
}
@media (max-width:560px){
  .workspace .workspace-toolbar .workspace-search{
    width:36px;
    min-width:36px;
    padding:0;
    justify-content:center;
  }
  .workspace .workspace-toolbar .workspace-search::before{
    content:"搜索";
    letter-spacing:0;
  }
}

@media (prefers-reduced-motion:reduce){
  .workspace *,
  .workspace *::before,
  .workspace *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ==========================================================================
   sms688 · Cobalt Market 2026 v2
   Light is the primary workplace: cool neutral canvas, white tool surfaces,
   one cobalt action color, ink prices. Dark is a separately composed night
   shift. Presentation only; no layout logic or API.
   ========================================================================== */

:root{
  --desk-paper:#f6f7f9;
  --desk-paper-2:#f1f3f6;
  --desk-paper-3:#e8ebf0;
  --desk-card:#ffffff;
  --desk-card-2:#f8f9fb;
  --desk-ink:#0f172a;
  --desk-body:#344054;
  --desk-mute:#667085;
  --desk-line:#e4e7ec;
  --desk-line-strong:#cdd3dc;
  --desk-red:#2563eb;
  --desk-red-deep:#1d4ed8;
  --desk-red-soft:#eff4ff;
  --desk-green:#067647;
  --desk-green-soft:#ecfdf3;
  --desk-amber:#b54708;
  --desk-amber-soft:#fffaeb;
  --desk-hover:#f7f9fc;
  --desk-select:#f0f4ff;
  --desk-price:#101828;
  --desk-accent:#2563eb;
  --desk-accent-deep:#1d4ed8;
  --desk-accent-soft:#eff4ff;
  --desk-accent-line:#c7d7fe;
  --desk-shadow:0 1px 2px rgba(16,24,40,.04);

  --mx-bg:var(--desk-paper);
  --mx-surface:var(--desk-card);
  --mx-surface-2:var(--desk-card-2);
  --mx-ink:var(--desk-ink);
  --mx-body:var(--desk-body);
  --mx-mute:var(--desk-mute);
  --mx-line:var(--desk-line);
  --mx-line-strong:var(--desk-line-strong);
  --mx-accent:var(--desk-accent);
  --mx-accent-2:var(--desk-accent-deep);
  --mx-accent-soft:var(--desk-accent-soft);
  --mx-navy:#0f172a;
  --mx-navy-2:#182230;
  --mx-side-bg:#ffffff;
  --mx-side-line:#e4e7ec;
  --mx-side-text:#475467;
  --mx-side-strong:#0f172a;
  --mx-side-hover:#f7f9fc;
  --mx-side-active:#edf3ff;
  --mx-side-active-line:#dbe7ff;
  --mx-side-active-text:#1d4ed8;
  --mx-side-mute:#98a2b3;
  --mx-avatar-bg:#eef4ff;
  --mx-avatar-text:#1d4ed8;
  --mx-avatar-line:#dbe7ff;
  --mx-warn:var(--desk-amber);
  --mx-warn-bg:var(--desk-amber-soft);
  --mx-warn-line:#fedf89;
  --mx-ok:var(--desk-green);
  --mx-radius:10px;
  --mx-shadow:var(--desk-shadow);

  --bg:var(--desk-paper);
  --card:var(--desk-card);
  --line:var(--desk-line);
  --text:var(--desk-ink);
  --mut:var(--desk-mute);
  --brand:var(--desk-accent);
  --soft:var(--desk-accent-soft);
  --hover:var(--desk-hover);
  --ok:var(--desk-green);
  --warn:var(--desk-amber);
  --err:#b42318;
  --gold:var(--desk-accent);
}

[data-theme="dark"]{
  --desk-paper:#0b0f19;
  --desk-paper-2:#111827;
  --desk-paper-3:#172033;
  --desk-card:#111827;
  --desk-card-2:#0f172a;
  --desk-ink:#f8fafc;
  --desk-body:#cbd5e1;
  --desk-mute:#94a3b8;
  --desk-line:#243044;
  --desk-line-strong:#344054;
  --desk-red:#7aa2ff;
  --desk-red-deep:#a8c1ff;
  --desk-red-soft:#162447;
  --desk-green:#75e0a7;
  --desk-green-soft:#0f2a20;
  --desk-amber:#fec84b;
  --desk-amber-soft:#2c2110;
  --desk-hover:#131c2e;
  --desk-select:#14213d;
  --desk-price:#f8fafc;
  --desk-accent:#7aa2ff;
  --desk-accent-deep:#a8c1ff;
  --desk-accent-soft:#162447;
  --desk-accent-line:#284574;
  --desk-shadow:0 1px 2px rgba(0,0,0,.28);

  --mx-bg:var(--desk-paper);
  --mx-surface:var(--desk-card);
  --mx-surface-2:var(--desk-card-2);
  --mx-ink:var(--desk-ink);
  --mx-body:var(--desk-body);
  --mx-mute:var(--desk-mute);
  --mx-line:var(--desk-line);
  --mx-line-strong:var(--desk-line-strong);
  --mx-accent:var(--desk-accent);
  --mx-accent-2:var(--desk-accent-deep);
  --mx-accent-soft:var(--desk-accent-soft);
  --mx-side-bg:#0f172a;
  --mx-side-line:#1e293b;
  --mx-side-text:#cbd5e1;
  --mx-side-strong:#f8fafc;
  --mx-side-hover:#111a2c;
  --mx-side-active:#162447;
  --mx-side-active-line:#284574;
  --mx-side-active-text:#a8c1ff;
  --mx-side-mute:#7f8da3;
  --mx-avatar-bg:#17233c;
  --mx-avatar-text:#b9cdff;
  --mx-avatar-line:#284574;
  --mx-warn:var(--desk-amber);
  --mx-warn-bg:var(--desk-amber-soft);
  --mx-warn-line:#513a12;
  --mx-ok:var(--desk-green);

  --bg:var(--desk-paper);
  --card:var(--desk-card);
  --line:var(--desk-line);
  --text:var(--desk-ink);
  --mut:var(--desk-mute);
  --brand:var(--desk-accent);
  --soft:var(--desk-accent-soft);
  --hover:var(--desk-hover);
  --ok:var(--desk-green);
  --warn:var(--desk-amber);
  --err:#fda29b;
  --gold:var(--desk-accent);
}

html{background:var(--desk-paper)}
body.workspace{
  background:var(--desk-paper);
  color:var(--desk-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
.workspace ::selection{background:#dbe7ff;color:#0f172a}
[data-theme="dark"] .workspace ::selection{background:#26426f;color:#ffffff}
.workspace :is(input,textarea,[contenteditable="true"]){caret-color:var(--desk-accent)}
.workspace :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--desk-accent);outline-offset:2px}
.workspace{scrollbar-color:var(--desk-line-strong) var(--desk-paper)}
.workspace ::-webkit-scrollbar-track{background:var(--desk-paper)}
.workspace ::-webkit-scrollbar-thumb{background:var(--desk-line-strong);border-color:var(--desk-paper)}

/* Left rail: white, quiet, and clearly separate from the canvas. */
.workspace .app>aside{
  background:var(--mx-side-bg);
  border-right:1px solid var(--mx-side-line);
  color:var(--mx-side-text);
  padding:16px 12px;
  box-shadow:none;
}
.workspace .brand{color:var(--mx-side-strong);font-size:19px;font-weight:750;letter-spacing:-.035em}
.workspace .brand .logo{width:34px;height:34px;border-radius:9px;box-shadow:0 1px 2px rgba(37,99,235,.18)}
.workspace .nav-label{color:var(--mx-side-mute);font-size:10.5px;letter-spacing:.12em;font-weight:600;padding:20px 11px 7px}
.workspace aside a.nav{color:var(--mx-side-text);min-height:40px;padding:9px 11px;border-radius:8px;gap:11px;font-size:13px;font-weight:500}
.workspace aside a.nav svg{opacity:.82}
.workspace aside a.nav:hover{background:var(--mx-side-hover);color:var(--mx-side-strong)}
.workspace aside a.nav.on{
  background:var(--mx-side-active);
  color:var(--mx-side-active-text);
  box-shadow:inset 0 0 0 1px var(--mx-side-active-line);
  font-weight:600;
}
.workspace aside a.nav.on svg{opacity:1;color:var(--desk-accent)}
.workspace aside>a.nav{color:var(--mx-side-mute);font-size:12.5px}
.workspace aside .side-user{border-top-color:var(--mx-side-line);margin-top:16px;padding:14px 9px 4px}
.workspace aside .side-user-name{color:var(--mx-side-strong);font-size:12.5px;font-weight:600}
.workspace aside .side-user-bal{color:var(--mx-side-mute);font-size:11.5px}
.workspace aside .side-user-bal b{color:var(--mx-side-strong)}
.workspace aside .avatar{background:var(--mx-avatar-bg);color:var(--mx-avatar-text);border-color:var(--mx-avatar-line)}

/* Top bar and page heading. */
.workspace-toolbar{
  height:72px;
  margin-bottom:22px;
  border-bottom:1px solid var(--desk-line);
  background:rgba(246,247,249,.94);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
[data-theme="dark"] .workspace-toolbar{background:rgba(11,15,25,.94);border-color:var(--desk-line)}
.workspace-location>span{font-size:11px;letter-spacing:.08em;color:var(--desk-mute);font-weight:600}
.workspace-location>strong{font-size:14px;color:var(--desk-ink);font-weight:600}
.workspace-search{border:1px solid var(--desk-line);border-radius:9px;background:var(--desk-card);color:var(--desk-mute);font-size:12.5px}
.workspace-search:hover{border-color:var(--desk-line-strong);color:var(--desk-body);background:var(--desk-card)}
.workspace-search kbd{border:1px solid var(--desk-line);background:var(--desk-paper-2);color:var(--desk-mute);border-radius:5px}
.workspace-admin{color:var(--desk-accent);font-weight:650}
.workspace #v-buy>.top{margin:22px 0 18px;gap:20px}
.workspace #v-buy h2{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:34px;
  line-height:1.12;
  letter-spacing:-.038em;
  font-weight:700;
  color:var(--desk-ink);
}
.workspace #v-buy>.top>.mut{font-size:13px;color:var(--desk-mute)}
.workspace #v-buy>.top>.r{border-left:1px solid var(--desk-line);padding-left:18px}
.workspace #v-buy>.top>.r .btn{height:36px;border:1px solid var(--desk-line-strong);border-radius:8px;background:var(--desk-card);color:var(--desk-ink)}
.workspace #v-buy>.top>.r .btn:hover{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep)}

/* Purchase steps stay directional, not decorative. */
.workspace .purchase-steps{border-color:var(--desk-line);color:var(--desk-mute)}
.workspace .purchase-steps li{border-right-color:var(--desk-line)}
.workspace .purchase-steps b{background:var(--desk-accent);color:#fff;font-weight:700}
.workspace .purchase-steps li:nth-child(2) b{background:var(--desk-ink);color:var(--desk-card)}
.workspace .purchase-steps li:nth-child(3) b{background:transparent;color:var(--desk-mute);box-shadow:inset 0 0 0 1px var(--desk-line-strong)}

/* Finder and filters. */
.mx-finder-head h3{font-size:19px;font-weight:700;letter-spacing:-.025em}
.mx-finder-head p{color:var(--desk-mute)}
.workspace .mx-finder #q,
.workspace .mx-finder #ctSelect,
.workspace .mx-finder #sort{height:44px;border:1px solid var(--desk-line-strong);border-radius:9px;background:var(--desk-card);color:var(--desk-ink)}
.workspace .mx-finder #q:focus,
.workspace .mx-finder #ctSelect:focus,
.workspace .mx-finder #sort:focus{border-color:var(--desk-accent);outline:2px solid var(--desk-accent);outline-offset:1px}
.mx-cats{border-color:var(--desk-line);border-radius:10px;background:var(--desk-card)}
.mx-cat:hover{background:var(--desk-hover);border-color:var(--desk-line)}
.mx-cat.on{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep);box-shadow:inset 0 0 0 1px var(--desk-accent-line)}
.mx-cat.on .mx-cat-copy small{color:#536fd4}
.mx-cat.on .mx-cat-count{color:var(--desk-accent-deep)}
.mx-hotlabel{color:var(--desk-mute);font-weight:600}
.mx-hot button{border-radius:999px;border-color:var(--desk-line);color:var(--desk-body);background:var(--desk-card)}
.mx-hot button:hover{border-color:var(--desk-accent-line);color:var(--desk-accent-deep);background:var(--desk-accent-soft)}

/* Catalog. */
.workspace .card{border:1px solid var(--desk-line);border-radius:12px;box-shadow:var(--desk-shadow);background:var(--desk-card)}
.workspace .card>.hd{min-height:54px;padding:14px 18px;color:var(--desk-ink);background:var(--desk-card);border-bottom:1px solid var(--desk-line);font-weight:600}
.workspace #cnt{color:var(--desk-ink);font-weight:700;font-size:14px}
.workspace #list>.row{min-height:66px;padding:12px 18px;border-bottom-color:var(--desk-line)}
.workspace #list>.row:hover{background:var(--desk-hover)}
.workspace #list>.row.on{background:var(--desk-select);box-shadow:inset 0 0 0 1px var(--desk-accent-line)}
.workspace #list>.row::after{border-color:var(--desk-line-strong)}
.workspace #list .nm{font-size:14.5px;font-weight:650;color:var(--desk-ink)}
.workspace #list .sub{font-size:11.5px;color:var(--desk-mute)}
.workspace #list>.row>.st{color:var(--desk-body)}
.workspace #list>.row>.st:first-of-type{color:var(--desk-ink);font-weight:650}
.workspace #list .pr{color:var(--desk-price);font-size:14.5px;font-weight:700}
.workspace #list>.row.is-empty{background:var(--desk-card-2)}
.workspace #more{color:var(--desk-accent);background:var(--desk-card-2);font-weight:600}
.workspace #more:hover{background:var(--desk-hover)}
.mx-mark{border-radius:8px;background:var(--desk-paper-2);color:var(--desk-body);border-color:var(--desk-line)}
.mx-mark[data-tone="0"]{background:#f2f4f7;color:#475467;border-color:#e4e7ec}
.mx-mark[data-tone="1"]{background:#ecfdf3;color:#067647;border-color:#bbf7d0}
.mx-mark[data-tone="2"]{background:#fffaeb;color:#b54708;border-color:#fedf89}
.mx-mark[data-tone="3"]{background:#f4f3ff;color:#5925dc;border-color:#d9d6fe}
.mx-mark[data-tone="4"]{background:#eff4ff;color:#1d4ed8;border-color:#c7d7fe}
.mx-cat-inline{border-color:var(--desk-line);color:var(--desk-mute)}

/* Order ticket. */
.workspace .side .card{margin-bottom:14px;border-color:var(--desk-line);box-shadow:var(--desk-shadow)}
.workspace .side .card>.hd{background:var(--desk-card);border-bottom:1px solid var(--desk-line);color:var(--desk-ink);font-weight:700;padding:16px 18px 13px}
.workspace .side .kv{color:var(--desk-mute);border-bottom:1px solid var(--desk-line)}
.workspace .side .kv .v{color:var(--desk-ink);font-weight:600}
.workspace #tierBox .chip{border-color:var(--desk-line);border-radius:8px;background:var(--desk-card);color:var(--desk-body)}
.workspace #tierBox .chip:hover{border-color:var(--desk-accent-line);background:var(--desk-card-2)}
.workspace #tierBox .chip.on{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep);box-shadow:inset 0 0 0 1px var(--desk-accent-line)}
.workspace #tierBox .chip.on small{color:var(--desk-accent-deep)!important}
.workspace #pfSearch,
.workspace #couponIn{height:38px!important;border-color:var(--desk-line);border-radius:8px!important;background:var(--desk-card)!important;color:var(--desk-ink)!important}
.workspace .qty{border-color:var(--desk-line);border-radius:8px;background:var(--desk-card)}
.workspace .qty button{background:var(--desk-paper-2);color:var(--desk-body)}
.workspace .qty button:hover{background:var(--desk-paper-3);color:var(--desk-ink)}
.workspace .qty input{background:var(--desk-card);color:var(--desk-ink)}
.workspace .side .total{padding:15px 18px;border-top:1px solid var(--desk-line);background:var(--desk-card-2)}
.workspace .side .total b{font-size:27px;color:var(--desk-price);font-weight:700}
.workspace .side .buy{min-height:48px;border:1px solid var(--desk-accent);border-radius:8px;background:var(--desk-accent);color:#fff;font-weight:650;box-shadow:0 1px 2px rgba(37,99,235,.18)}
.workspace .side .buy:hover{background:var(--desk-accent-deep);border-color:var(--desk-accent-deep)}
.workspace .side .buy:disabled{background:var(--desk-paper-2);border-color:var(--desk-line);color:var(--desk-mute);box-shadow:none}
.workspace .side #abBuyBtn{border-color:var(--desk-line-strong)!important;border-radius:8px!important;color:var(--desk-body)!important}
.workspace .side #abBuyBtn:hover{background:var(--desk-card-2)!important;border-color:var(--desk-accent-line)!important;color:var(--desk-accent-deep)!important}

/* Policy note is informational, not another warning color block. */
.mx-policy{background:#f5f8ff;border:1px solid #dbe6ff;border-radius:8px;color:#344054}
.mx-policy-icon{background:#e6efff;color:var(--desk-accent);border-radius:7px}
.mx-policy strong{color:var(--desk-ink)}
.mx-policy p{color:#475467}
.mx-policy p b{color:var(--desk-accent-deep)}
.mx-policy button{border:1px solid #c7d7fe;background:#fff;color:var(--desk-accent-deep);border-radius:6px}
.mx-prefix-tip{color:var(--desk-mute)!important}
.mx-prefix-tip b{color:var(--desk-accent)!important}
.mx-order-note{color:var(--desk-mute)!important}
.mx-order-note b{color:var(--desk-accent)!important}

/* Shared controls. */
.workspace .btn{border-radius:8px;border-color:var(--desk-line-strong);background:var(--desk-card);color:var(--desk-ink)}
.workspace .btn:hover{border-color:var(--desk-accent-line);background:var(--desk-accent-soft);color:var(--desk-accent-deep)}
.workspace .btn:disabled{background:var(--desk-paper-2);border-color:var(--desk-line);color:var(--desk-mute)}
.workspace input,.workspace select,.workspace textarea{border-color:var(--desk-line);border-radius:8px;background:var(--desk-card);color:var(--desk-ink)}
.workspace input:focus,.workspace select:focus,.workspace textarea:focus{border-color:var(--desk-accent);outline:2px solid var(--desk-accent);outline-offset:1px}
.workspace th{color:var(--desk-mute);background:var(--desk-card-2);border-bottom-color:var(--desk-line)}
.workspace td{border-bottom-color:var(--desk-line)}
.workspace tbody tr:hover{background:var(--desk-hover)}
.chip{border-radius:7px;border-color:var(--desk-line);background:var(--desk-card);color:var(--desk-body)}
.chip:hover{border-color:var(--desk-accent-line)}
.chip.on,.workspace #pfInline .chip.on,.workspace #pfBox .chip.on{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep);box-shadow:none}
.chip.on small,.workspace #pfInline .chip.on small,.workspace #pfBox .chip.on small{color:var(--desk-accent-deep)}
.mx-empty button{border-color:var(--desk-line-strong);color:var(--desk-accent);border-radius:6px}

/* Mobile order sheet. */
#__buy_sheet{background:rgba(15,23,42,.52)!important}
#__bs_card{border-radius:16px 16px 0 0!important;border-top-color:var(--desk-line)!important;box-shadow:0 -12px 34px rgba(15,23,42,.24)!important}
#__bs_close{border-radius:6px!important}
#__bs_tiers .chip{border-radius:8px!important;border-color:var(--desk-line)!important;background:var(--desk-card)!important;color:var(--desk-body)!important}
#__bs_tiers .chip.on{background:var(--desk-accent-soft)!important;border-color:var(--desk-accent-line)!important;color:var(--desk-accent-deep)!important;box-shadow:inset 0 0 0 1px var(--desk-accent-line)!important}
#__bs_tiers .chip.on small{color:var(--desk-accent-deep)!important}
#__bs_buy{background:var(--desk-accent)!important;border-color:var(--desk-accent)!important;color:#fff!important;border-radius:8px!important}
#__bs_total{color:var(--desk-price)!important}

@media (max-width:900px){
  .buybar{background:rgba(255,255,255,.97)!important;border-top:1px solid var(--desk-line)!important;box-shadow:0 -6px 20px rgba(16,24,40,.08)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .buybar .bb-l b{color:var(--desk-ink)!important}
  .buybar .bb-l span{color:var(--desk-mute)!important}
  .buybar .bb-r b{color:var(--desk-price)!important;font-weight:700!important}
  .buybar .bb-r .btn{background:var(--desk-accent)!important;border-color:var(--desk-accent)!important;color:#fff!important;border-radius:8px!important}
  .mx-cat.on{background:var(--desk-accent-soft)!important;border-color:var(--desk-accent-line)!important;color:var(--desk-accent-deep)!important}
  .tabbar{background:var(--desk-card)!important;border-top-color:var(--desk-line)!important}
  .tabbar a{color:var(--desk-mute)!important}
  .tabbar a.on{color:var(--desk-accent)!important}
}

/* Dark mode: navy-black surfaces with low-chroma borders, not green-black. */
html[data-theme="dark"] .workspace .app>aside{background:var(--mx-side-bg);border-right-color:var(--mx-side-line);color:var(--mx-side-text)}
html[data-theme="dark"] .workspace aside a.nav:hover{background:var(--mx-side-hover);color:var(--mx-side-strong)}
html[data-theme="dark"] .workspace aside a.nav.on{background:var(--mx-side-active);color:var(--mx-side-active-text);box-shadow:inset 0 0 0 1px var(--mx-side-active-line)}
html[data-theme="dark"] .workspace .mx-cats{background:var(--desk-card);border-color:var(--desk-line)}
html[data-theme="dark"] .workspace .mx-cat.on{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep);box-shadow:inset 0 0 0 1px var(--desk-accent-line)}
html[data-theme="dark"] .workspace .mx-cat.on .mx-cat-copy small{color:#b9cdff}
html[data-theme="dark"] .workspace .mx-cat.on .mx-cat-count{color:var(--desk-accent-deep)}
html[data-theme="dark"] .workspace .card,
html[data-theme="dark"] .workspace .side .card,
html[data-theme="dark"] .workspace .side .total{background:var(--desk-card);border-color:var(--desk-line);color:var(--desk-ink)}
html[data-theme="dark"] .workspace .card>.hd,
html[data-theme="dark"] .workspace .side .card>.hd{background:var(--desk-card);border-color:var(--desk-line);color:var(--desk-ink)}
html[data-theme="dark"] .workspace #list>.row.on{background:var(--desk-select);box-shadow:inset 0 0 0 1px var(--desk-accent-line)}
html[data-theme="dark"] .workspace .chip.on,
html[data-theme="dark"] .workspace #tierBox .chip.on,
html[data-theme="dark"] #__bs_tiers .chip.on{background:var(--desk-accent-soft)!important;border-color:var(--desk-accent-line)!important;color:var(--desk-accent-deep)!important;box-shadow:inset 0 0 0 1px var(--desk-accent-line)!important}
html[data-theme="dark"] .workspace .chip.on small,
html[data-theme="dark"] .workspace #tierBox .chip.on small,
html[data-theme="dark"] #__bs_tiers .chip.on small{color:var(--desk-accent-deep)!important}
html[data-theme="dark"] .workspace .side .buy{color:#07101f}
html[data-theme="dark"] .workspace .side .buy:hover{color:#061022}
html[data-theme="dark"] .mx-policy{background:#111c35;border-color:#253d6b;color:#cbd5e1}
html[data-theme="dark"] .mx-policy-icon{background:#1a2e57;color:#8eb0ff}
html[data-theme="dark"] .mx-policy strong{color:#f8fafc}
html[data-theme="dark"] .mx-policy p{color:#aebbd0}
html[data-theme="dark"] .mx-policy p b{color:#8eb0ff}
html[data-theme="dark"] .mx-policy button{background:#0b1427;border-color:#284574;color:#b9cdff}
html[data-theme="dark"] .mx-mark[data-tone="0"]{background:#1a2232;border-color:#2a3547;color:#cbd5e1}
html[data-theme="dark"] .mx-mark[data-tone="1"]{background:#0f2a20;border-color:#1f4a38;color:#75e0a7}
html[data-theme="dark"] .mx-mark[data-tone="2"]{background:#2c2110;border-color:#513a12;color:#fec84b}
html[data-theme="dark"] .mx-mark[data-tone="3"]{background:#211b38;border-color:#3b2d6b;color:#c3b5fd}
html[data-theme="dark"] .mx-mark[data-tone="4"]{background:#14233f;border-color:#24416f;color:#93b4ff}
html[data-theme="dark"] .workspace .buybar{background:rgba(11,15,25,.97)!important;border-top-color:var(--desk-line)!important;box-shadow:0 -6px 20px rgba(0,0,0,.24)!important}
html[data-theme="dark"] .workspace .buybar .bb-l b{color:var(--desk-ink)!important}
html[data-theme="dark"] .workspace .buybar .bb-l span{color:var(--desk-mute)!important}
html[data-theme="dark"] .workspace .buybar .bb-r b{color:var(--desk-price)!important}
html[data-theme="dark"] .workspace .buybar .bb-r .btn{background:var(--desk-accent)!important;border-color:var(--desk-accent)!important;color:#07101f!important}
html[data-theme="dark"] .workspace .purchase-steps b{background:var(--desk-accent);border-color:var(--desk-accent);color:#07101f}
html[data-theme="dark"] .workspace .purchase-steps li:nth-child(2) b{background:var(--desk-ink);border-color:var(--desk-ink);color:var(--desk-card)}
html[data-theme="dark"] .workspace .purchase-steps li:nth-child(3) b{background:transparent;border-color:var(--desk-line-strong);color:var(--desk-mute)}
html[data-theme="dark"] .workspace .mx-hot button{background:transparent;border-color:var(--desk-line);color:var(--desk-body)}
html[data-theme="dark"] .workspace .mx-hot button:hover{background:var(--desk-accent-soft);border-color:var(--desk-accent-line);color:var(--desk-accent-deep)}
html[data-theme="dark"] .workspace .workspace-search{background:var(--desk-card);border-color:var(--desk-line)}
html[data-theme="dark"] .workspace .workspace-search kbd{background:var(--desk-paper-2);border-color:var(--desk-line)}
html[data-theme="dark"] .workspace #more{background:var(--desk-card);border-color:var(--desk-line);color:var(--desk-accent)}
html[data-theme="dark"] .workspace #list>.row.is-empty{background:var(--desk-card-2)}
html[data-theme="dark"] .workspace .mx-prefix-tip{color:var(--desk-mute)!important}
html[data-theme="dark"] .workspace .mx-prefix-tip b{color:var(--desk-accent)!important}
html[data-theme="dark"] .workspace .mx-order-note b{color:var(--desk-accent)!important}

@media (max-width:900px){
  .workspace #v-buy h2{font-size:27px;letter-spacing:-.03em}
}

/* v2.1 · one current step in the purchase rail */
.workspace .purchase-steps li:nth-child(2) b{background:var(--desk-card);color:var(--desk-mute);border-color:var(--desk-line-strong);box-shadow:inset 0 0 0 1px var(--desk-line-strong)}
html[data-theme="dark"] .workspace .purchase-steps li:nth-child(2) b{background:transparent;color:var(--desk-mute);border-color:var(--desk-line-strong);box-shadow:inset 0 0 0 1px var(--desk-line-strong)}


/* ==========================================================================
   2026-10-23 · selected-state + purchase CTA contrast fix
   - The selected tier row uses the blue accent tint instead of the old ink
     block, matching the rest of the buy panel.
   - "立即购买" keeps a white label on hover/focus/active; previously the
     generic .btn:hover colour turned it blue-on-blue and hid the text.
   ========================================================================== */
.workspace #tierBox .chip.on{
  background:var(--desk-accent-soft)!important;
  border-color:var(--desk-accent-line)!important;
  color:var(--desk-accent-deep)!important;
  box-shadow:inset 0 0 0 1px var(--desk-accent-line)!important;
}
.workspace #tierBox .chip.on small{color:var(--desk-accent-deep)!important}
#__bs_tiers .chip.on{
  background:var(--desk-accent-soft)!important;
  border-color:var(--desk-accent-line)!important;
  color:var(--desk-accent-deep)!important;
}
#__bs_tiers .chip.on small{color:var(--desk-accent-deep)!important}
html[data-theme="dark"] .workspace #tierBox .chip.on{
  background:var(--desk-accent-soft)!important;
  border-color:var(--desk-accent-line)!important;
  color:var(--desk-accent-deep)!important;
}
html[data-theme="dark"] .workspace #tierBox .chip.on small{color:var(--desk-accent-deep)!important}
html[data-theme="dark"] #__bs_tiers .chip.on{
  background:var(--desk-accent-soft)!important;
  border-color:var(--desk-accent-line)!important;
  color:var(--desk-accent-deep)!important;
}
html[data-theme="dark"] #__bs_tiers .chip.on small{color:var(--desk-accent-deep)!important}
.workspace .side .buy:not(:disabled):hover,
.workspace .side .buy:not(:disabled):focus-visible,
.workspace .side .buy:not(:disabled):active{
  background:var(--desk-accent-deep)!important;
  border-color:var(--desk-accent-deep)!important;
  color:#fff!important;
}
html[data-theme="dark"] .workspace .side .buy:not(:disabled):hover,
html[data-theme="dark"] .workspace .side .buy:not(:disabled):focus-visible,
html[data-theme="dark"] .workspace .side .buy:not(:disabled):active{color:#061022!important}