#window-market{width:620px;max-width:calc(100vw - 100px);border:8px solid transparent;border-image:url('/assets/ui/native-detail-frame.png') 8 / 8px / 0 stretch;background:#171e16}
#window-market .window-header{background:linear-gradient(#33291966,#201c12aa),url('/assets/ui/native-detail-wood.png');color:#ead9b1}
#window-market .window-body{overflow:auto;padding:10px;max-height:calc(100dvh - 110px)}
.market-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.market-note{font-size:11px;color:#c4b895}.market-list-form{display:grid;grid-template-columns:minmax(0,2fr) 65px minmax(90px,1fr);gap:7px;margin:8px 0}.market-list-form button{grid-column:1/-1}.market-list-form label,.market-purchase label{font-size:11px}
#window-market :is(input,select){box-sizing:border-box;max-width:100%;width:100%;min-height:30px;border:1px solid #89724a;background:#0e160f;color:#eadcbd;padding:4px}
.market-sell{border-bottom:1px solid #786744;padding:8px 0}.market-sell summary{cursor:pointer;color:#e1c991;font-size:13px}#window-market [data-market-search-form]{display:flex;align-items:end;gap:8px;margin:10px 0}#window-market [data-market-search-form] label{flex:1;font-size:11px}
.market-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #86744350;font-size:12px}.market-row small{display:block;color:#c6b99b;margin-top:3px}.market-row b{overflow-wrap:anywhere}.market-row .native-item-icon,.market-row canvas{width:30px;height:30px}.market-row strong{font-size:11px;color:#e3c17d}
.market-purchase{padding:10px;border:1px solid #aa8c54;background:#263222;display:grid;grid-template-columns:1fr 1fr;gap:6px}.market-purchase>span,.market-purchase>b{grid-column:1/-1}.market-purchase strong{font-size:13px;align-self:center;color:#eed39b}
.touch-client #window-market .market-row{gap:6px}.touch-client #window-market{width:620px}.market-summary button,.market-row button,.market-purchase button{min-height:32px}
/* Match the existing carved circular rail controls. */
body.desktop-client .function-rail>button[data-panel="market"]{position:relative;background:none!important;color:transparent;font-size:0}
body.desktop-client .function-rail>button[data-panel="market"]::before{content:"";position:absolute;inset:4px;background:url('/assets/ui/native-round-bezel.png') center/contain no-repeat,radial-gradient(circle at 40% 32%,#293a42 0,#101b22 65%,transparent 67%);border-radius:50%;pointer-events:none}
body.desktop-client .function-rail>button[data-panel="market"]::after{content:"$";position:absolute;inset:4px;display:grid;place-items:center;background:none;clip-path:none;color:#efd295;font:bold 26px/1 Georgia,serif;text-shadow:0 2px 2px #080c08;pointer-events:none}
body.desktop-client .function-rail>button[data-panel="market"]>span{display:none}

/* 2026-11-05（使用者：交易版圖片再靠左）：圖示鈕被通用按鈕規則加了 min-width 48px／左右內距，撐出 30px 欄位壓到品名；固定 30px、靠左。 */
.market-row>button.market-info-toggle,.desktop-client .client-window .window-body .market-row>button.market-info-toggle{width:30px!important;min-width:0!important;max-width:30px!important;height:30px!important;padding:0!important;margin:0!important;justify-content:flex-start!important;justify-self:start;place-items:center start!important;overflow:visible}