.trade-drafts[hidden]{display:none!important}.trade-drafts{margin:18px 0 0;padding:20px;border:1px solid #c7d9ef;border-radius:18px;background:#f4f8fe;color:#183451;scroll-margin-top:110px}.trade-drafts-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.trade-drafts h2{font-size:1.2rem!important;color:#183451!important;margin:0 0 5px!important;line-height:1.45}.trade-drafts p{margin:0;color:#52677c;font-size:.84rem;line-height:1.65}.trade-drafts button{font:inherit;cursor:pointer;min-height:44px;border-radius:11px;padding:10px 14px;font-weight:800}.trade-drafts button:disabled{opacity:.55;cursor:not-allowed}.trade-draft-save,.trade-draft-restore{border:1px solid #1c57aa;background:#1557b0;color:#fff}.trade-draft-save{flex-shrink:0}.trade-draft-remove{border:1px solid #bfcedd;background:#fff;color:#52677c}.trade-drafts button:focus-visible,.trade-drafts summary:focus-visible{outline:3px solid #bd7600;outline-offset:3px}.trade-drafts details{margin-top:14px;border-top:1px solid #d1deed}.trade-drafts summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:7px 0;color:#25476e;font-weight:800;list-style:none}.trade-drafts summary::-webkit-details-marker{display:none}.trade-drafts summary::before{content:'▸';width:12px}.trade-drafts details[open]>summary::before{content:'▾'}.trade-draft-count{margin-left:auto;font-size:.82rem;border-radius:20px;background:#dfebfa;padding:3px 9px}.trade-draft-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trade-draft-card{min-width:0;background:#fff;border:1px solid #cfdded;border-radius:14px;padding:14px}.trade-draft-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-bottom:12px}.trade-draft-head strong{font-size:.9rem;color:#1b395e}.trade-draft-head time{font-size:.75rem;color:#64768d}.trade-draft-side+ .trade-draft-side{border-top:1px dashed #d6e1ed;padding-top:9px;margin-top:9px}.trade-draft-side>strong{font-size:.8rem;color:#385673}.trade-draft-icons{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;align-items:center}.trade-draft-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:60px;min-width:0}.trade-draft-item img{height:44px;width:44px;object-fit:contain;filter:drop-shadow(0 3px 4px #142c5822)}.trade-draft-item>span{font-size:.75rem;line-height:1.3;overflow-wrap:anywhere;margin-top:3px}.trade-draft-item small{font-size:.68rem;color:#607188;margin-top:3px;line-height:1.3}.trade-draft-extra,.trade-draft-empty-side{font-size:.78rem;color:#687c91}.trade-draft-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trade-draft-actions button{font-size:.81rem}.trade-draft-empty{grid-column:1/-1;padding:12px 0}.trade-drafts .trade-draft-status{min-height:1.6em;margin-top:10px;font-size:.82rem;color:#185786}.trade-drafts .trade-draft-note{font-size:.75rem;margin-top:6px;line-height:1.6;color:#607188}
body.dark-mode .trade-drafts{background:#142c42;border-color:#3d5f80;color:#e6effc}body.dark-mode .trade-drafts h2,body.dark-mode .trade-draft-head strong{color:#e6effc!important}body.dark-mode .trade-drafts p,body.dark-mode .trade-drafts .trade-draft-note,body.dark-mode .trade-draft-item small,body.dark-mode .trade-draft-head time,body.dark-mode .trade-draft-empty-side,body.dark-mode .trade-draft-extra{color:#b8cde0}body.dark-mode .trade-drafts summary,body.dark-mode .trade-draft-side>strong{color:#c4ddfa}body.dark-mode .trade-drafts details,body.dark-mode .trade-draft-side+.trade-draft-side{border-color:#3d5f80}body.dark-mode .trade-draft-card{background:#1c354d;border-color:#486584}body.dark-mode .trade-draft-count{background:#294c71}body.dark-mode .trade-draft-remove{background:#263f59;border-color:#7291ad;color:#e0eafb}body.dark-mode .trade-drafts .trade-draft-status{color:#acd9fc}
.trade-draft-confirm[hidden]{display:none!important}.trade-draft-confirm{border:1px solid #bf900f;background:#fff9e8;border-radius:12px;padding:14px;margin:12px 0;display:flex;flex-wrap:wrap;gap:10px}.trade-draft-confirm p{width:100%;color:#624705}.trade-draft-confirm button{flex:1}body.dark-mode .trade-draft-confirm{background:#3b321d;border-color:#a78b4a}body.dark-mode .trade-draft-confirm p{color:#f4ddb0}
@media(max-width:900px){.trade-draft-list{grid-template-columns:1fr}.trade-draft-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-draft-side+.trade-draft-side{margin:0;padding:0;border:0;border-left:1px dashed #d6e1ed;padding-left:12px}.trade-draft-actions .trade-draft-restore{flex:1}}
@media(max-width:560px){.trade-drafts{padding:14px}.trade-drafts-top{align-items:stretch;flex-direction:column;gap:12px}.trade-draft-item{width:52px}.trade-draft-sides{gap:8px}.trade-draft-side+.trade-draft-side{padding-left:8px}}