/* Match the existing task cards, pills and green switches. */
.trading-card{--quest-paper:#f0e8fa;--quest-ink:#9168b8;--trading-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239168b8' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='5' width='13' height='16' rx='3'/%3E%3Cpath d='M4 16 2.6 6.8a3 3 0 0 1 2.5-3.4L14 2M10 10h7m-3-3 3 3-3 3m3 3h-7m3-3-3 3 3 3'/%3E%3C/svg%3E")}.trading-head h3{margin:0}.trading-card-actions{align-self:end}.trading-card .trading-toggle{cursor:pointer}.trading-card .trading-toggle:disabled{cursor:not-allowed}
.trading-dialog{box-sizing:border-box;display:none;position:fixed;margin:auto;padding:0;width:min(700px,calc(100vw - 28px));max-height:calc(100dvh - 32px);border:2px solid #d7c2e8;border-radius:22px;background:#fffdf8;color:#58416e;box-shadow:0 24px 80px #25123955;font:14px/1.65 'Microsoft YaHei UI','PingFang SC',sans-serif}.trading-dialog[open]{display:flex;flex-direction:column}.trading-dialog::backdrop{background:#24153680}.trading-dialog *{box-sizing:border-box}.trading-dialog [hidden]{display:none!important}
.trading-dialog-header{display:flex;align-items:center;gap:12px;padding:22px 24px 16px;flex:none}.trading-dialog-header>div{min-width:0;flex:1}.trading-dialog h2{font-size:21px;font-weight:750;line-height:1.35;color:#5c4076;margin:0 0 4px}.trading-dialog p{margin:6px 0}.trading-dialog-header .trading-muted{margin:0;font-size:12px;overflow-wrap:anywhere}.trading-icon{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border:1.5px solid #d0b9e8;background:#f2eafa;border-radius:13px;color:#8d60b8;box-shadow:0 2px #e7dcf1}.trading-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.trading-dialog button{font:inherit;cursor:pointer;touch-action:manipulation}.trading-dialog button:disabled{opacity:.5;cursor:default}.trading-dialog .trading-close{align-self:flex-start;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:9px;background:transparent;color:#997eaf;font-size:25px;line-height:1;flex:none}.trading-dialog .trading-close:hover{background:#f0e8f8}.trading-tabs{display:flex;padding:4px;gap:4px;margin:0 24px 4px;background:#f0e8f7;border-radius:12px;flex:none}.trading-tabs button{flex:1;border:0;background:transparent;color:#9a81ac;border-radius:9px;padding:9px 12px;font-size:13px;font-weight:650}.trading-tabs button[aria-selected=true]{background:#fffdfa;color:#795293;box-shadow:0 1px 4px #51346c10}.trading-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 24px 20px;scrollbar-width:thin;scrollbar-color:#d7c1e8 transparent}.trading-muted{color:#8d789d;font-size:12px;line-height:1.75}
.trading-enable-row{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:13px 15px;background:#f1f6e9;border:1px solid #dfe8d0;border-radius:13px;margin-bottom:20px}.trading-enable-row strong{color:#617845;font-size:14px}.trading-enable-row p{font-size:11px;color:#899575;margin:3px 0 0}.trading-dialog .trading-enable-control{font-size:0;line-height:0;margin:0;flex:none}.trading-enable-control input{appearance:none;display:block;width:44px;height:26px;margin:0;padding:0;border:1px solid var(--tata-switch-off-border,#c7b9d8);border-radius:999px;background:var(--tata-switch-off,#e7dfef);position:relative;cursor:pointer}.trading-enable-control input:before{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;border:1px solid #c3b7d2;border-radius:50%;background:#fffefa;box-shadow:0 1px 2px #69547d35}.trading-enable-control input:checked{background:var(--tata-switch-on,#99c761);border-color:var(--tata-switch-on-border,#7ca64f)}.trading-enable-control input:checked:before{transform:translateX(18px);border-color:#7ca64f}
.trading-section+.trading-section{margin-top:20px;padding-top:18px;border-top:1px solid #eae0f1}.trading-dialog h3{color:#62437b;font-size:14px;font-weight:750;margin:0 0 12px}.trading-dialog label{display:block;margin:10px 0;color:#7d628e;font-size:12px}.trading-dialog select,.trading-dialog input[type=search]{width:100%;min-width:0;max-width:100%;min-height:42px;border:1px solid #d9c7ea;border-radius:10px;background:#fff;color:#60457b;padding:9px 12px;font:inherit;font-size:13px;box-shadow:0 1px 2px #51346c03}.trading-dialog select{margin-top:6px}.trading-dialog input::placeholder{color:#b09bbb}.trading-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trading-fields fieldset{min-width:0;border:1px solid #e5d8ef;background:#fcf9ff;border-radius:12px;margin:0;padding:9px 10px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.trading-fields legend{font-size:12px;color:#836698;padding:0 5px}.trading-fields fieldset label{position:relative;margin:0;min-width:0;cursor:pointer}.trading-fields fieldset input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0}.trading-fields fieldset label span{display:block;text-align:center;border:1px solid #e4d7ef;border-radius:8px;background:#fff;padding:8px 2px;white-space:nowrap;font-size:12px;color:#ac95b9}.trading-fields fieldset input:checked+span{color:#795095;background:#ebddf8;border-color:#bc96db;box-shadow:inset 0 0 0 1px #d8bde9}.trading-fields fieldset input:focus-visible+span{outline:2px solid #9166ba;outline-offset:2px}.trading-pick-info{display:block;margin-top:5px;color:#a18aac;font-size:11px;line-height:1.7}
.trading-dialog .trading-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.trading-dialog .trading-actions button,.trading-confirm button{padding:9px 13px;min-height:38px;border:1px solid #d9c5ea;border-radius:10px;background:#efe5f8;color:#845c9f;font-size:12px;font-weight:600;box-shadow:0 2px #e5d8ee}.trading-dialog .trading-actions .secondary{background:#fffdf9}.trading-section>.trading-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.trading-section>.trading-actions button{padding:8px 4px;font-size:11px;min-width:0;white-space:normal}.trading-dialog .trading-actions button.on{background:#e8d5f8;border-color:#af83d1;color:#72438d;box-shadow:inset 0 0 0 1px #c4a2dd}
.trading-shiny-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trading-shiny-head h3{margin:0}.trading-shiny-state{padding:3px 9px;border-radius:7px;background:#f1eaf7;font-size:11px;color:#9477a8}.trading-shiny-section>.trading-actions{display:flex;margin-bottom:0}.trading-confirm{padding:14px;border:1px solid #e7cc94;border-radius:12px;background:#fff7e7;margin-top:13px}.trading-confirm strong{color:#94703b;font-size:13px}.trading-confirm label{color:#967846;line-height:1.8}.trading-confirm input{accent-color:#9363b5}.trading-confirm button{margin:8px 8px 0 0}.trading-confirm button:not(.secondary){background:#99cb60;border-color:#7aab4e;color:#345225}.trading-rule-note{padding-top:16px;color:#a18aad;font-size:11px;line-height:1.8}
.trading-dialog-footer{flex:none;border-top:1px solid #e8ddef;padding:10px 24px 18px;background:#fffdf8;border-radius:0 0 20px 20px}.trading-dialog-footer .trading-actions{justify-content:flex-end;margin:9px 0 0}.trading-dialog-footer .trading-actions button{min-height:42px;padding:10px 16px}.trading-dialog-footer .trading-actions .trading-primary{background:#99cb60;border-color:#7ca94f;color:#345020;box-shadow:0 2px #cfdfb5}.trading-status{min-height:20px;color:#7b9261;font-size:11px;line-height:1.7;margin:0!important;overflow-wrap:anywhere}.trading-status.error{color:#b64d56}
.trading-album-panel>h3{font-size:16px;margin-bottom:3px}.trading-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0}.trading-metrics>div{padding:12px 13px;background:#f4edf9;border:1px solid #e8ddf2;border-radius:12px}.trading-metrics span{display:block;color:#a088b2;font-size:11px}.trading-metrics strong{display:block;font-size:19px;color:#77518e;margin-top:2px;overflow-wrap:anywhere}.trading-inventory-filter{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}.trading-inventory-filter label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.trading-inventory-filter input{accent-color:#9162b5}.trading-result-count{font-size:11px;color:#ad98b9;white-space:nowrap}.trading-inventory{border-top:1px solid #e9def0}.trading-inventory-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 1px;border-bottom:1px solid #eee5f4}.trading-card-number{display:grid;place-items:center;width:36px;height:42px;border:1px solid #d6bde9;border-radius:9px;background:#f0e5fa;color:#9161b4;font-size:14px;font-weight:700}.trading-card-info strong{display:block;font-size:13px;font-weight:650;color:#79578d;overflow-wrap:anywhere}.trading-card-info>span{display:block;color:#b19abd;font-size:10px;margin-top:3px}.trading-card-counts{display:flex;gap:18px}.trading-card-counts>div{text-align:right;min-width:54px}.trading-card-counts span{display:block;font-size:10px;color:#ae99b9}.trading-card-counts b{display:block;font-size:12px;font-weight:600;color:#887299;margin-top:2px}.trading-empty{padding:32px 10px;text-align:center;color:#9b83ac}.trading-empty .trading-icon{margin-bottom:10px}.trading-empty strong{display:block;font-size:13px}.trading-empty p{font-size:11px;color:#af99bd;line-height:1.9}.trading-dialog :is(button,select,input):focus-visible{outline:2px solid #9166ba;outline-offset:3px}
@media(max-width:520px){.trading-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}.trading-dialog-header{padding:18px 16px 13px;gap:10px}.trading-dialog h2{font-size:18px}.trading-icon{width:39px;height:39px;border-radius:11px}.trading-dialog-header .trading-muted{font-size:10px}.trading-tabs{margin:0 16px 2px}.trading-scroll{padding:15px 16px 16px}.trading-fields{grid-template-columns:1fr;gap:10px}.trading-enable-row{padding:11px 12px;gap:10px;margin-bottom:16px}.trading-enable-row p{max-width:220px;font-size:10px}.trading-dialog-footer{padding:10px 16px 15px}.trading-dialog-footer .trading-actions{display:grid;grid-template-columns:minmax(0,1fr) auto}.trading-dialog-footer .trading-actions button{padding:9px 11px;font-size:11px;line-height:1.5}.trading-dialog-footer .trading-actions:has(button[hidden]){grid-template-columns:1fr}.trading-shiny-head{gap:6px}.trading-metrics{gap:6px}.trading-metrics>div{padding:10px 9px}.trading-metrics strong{font-size:16px}.trading-metrics span{font-size:10px}.trading-card-counts{gap:9px}.trading-card-counts>div{min-width:43px}.trading-inventory-row{grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.trading-card-number{width:32px;height:38px;font-size:12px}.trading-card-info strong{font-size:12px}}

body .trading-card .m-name:before{background-image:var(--trading-icon)!important}