.secure-trade{max-width:1180px}.partner-badge{color:#3b6500;background:#e7ffc8}.trade-protocol{display:grid;grid-template-columns:1fr .6fr .7fr 2fr;gap:8px;margin-bottom:13px;padding:10px;border:1px solid #dce1ef;border-radius:18px;background:#fff;box-shadow:0 5px 0 #d4d8e5}.trade-protocol>span{display:grid;padding:4px 9px;border-right:1px solid #e7eaf3}.trade-protocol>span:last-child{border:0}.trade-protocol small{font-size:7px;font-weight:1000;letter-spacing:1px;color:#8b94ad}.trade-protocol b,.trade-protocol code{font-size:10px;color:#18203f}.trade-protocol .hash code{color:#7751d6;font-weight:900;letter-spacing:.5px}
.secure-trade .trade-board{position:relative;overflow:hidden;padding:18px;background:radial-gradient(circle at 50% 35%,#5141a2,#151b43 48%,#0b102c);box-shadow:0 10px 0 #080d27,0 20px 40px #11163845}.secure-trade .trade-board:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#20d6da13,transparent 38%,transparent 62%,#ef54c013);pointer-events:none}.secure-trade .trade-side{position:relative;z-index:1;padding:11px;border:1px solid #ffffff21;border-radius:20px;background:#070b2466}.party-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:#fff}.party-head>span{font:900 17px 'Baloo 2'}.party-head>i{padding:4px 7px;border-radius:8px;background:#ffffff12;color:#9da8cf;font-size:7px;font-style:normal;font-weight:1000;letter-spacing:.5px}.party-head>i.confirmed{background:#b9ff3821;color:#b9ff38}.secure-trade .trade-slot{position:relative;overflow:hidden}.secure-trade .trade-slot.filled{border-color:#70eee8;box-shadow:inset 0 0 20px #8affdd22}.secure-trade .trade-slot small{position:absolute;bottom:3px;padding:2px 5px;border-radius:6px;background:#111638;color:#fff;font-size:6px}.escrow-state{display:block;margin-top:8px;text-align:center;color:#8cf0e7;font-size:7px;font-weight:1000;letter-spacing:1px}.secure-trade .trade-lock{position:relative}.secure-trade .trade-lock>span{position:relative;z-index:2;font-size:35px}.lock-rings{position:absolute;width:65px;height:65px;border:2px solid #70eee855;border-radius:50%;animation:tradeRing 2s linear infinite}.lock-rings:after{content:'';position:absolute;inset:8px;border:1px dashed #b9ff38;border-radius:50%}@keyframes tradeRing{to{transform:rotate(360deg)}}
.trade-verification{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.verify-step{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:center;padding:10px;border:1px solid #e1e5ef;border-radius:14px;background:#fff;color:#7d86a0}.verify-step>i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#edf0f7;font-style:normal;font-weight:1000}.verify-step span{display:grid}.verify-step b{font-size:8px}.verify-step small{font-size:7px;line-height:1.25}.verify-step.done{border-color:#a7e850;background:#f2ffe1;color:#345b00}.verify-step.done>i{background:#8dea17;color:#172600}.secure-trade .trade-actions{margin:9px 0 17px}.secure-trade .trade-actions p{margin:4px;color:#707a98;font-size:10px}.secure-trade .trade-actions .primary{min-width:280px}.secure-trade .trade-picker{min-height:220px}.secure-trade .trade-picker .empty{width:100%}
.trade-partner-field{display:grid;grid-template-columns:auto minmax(220px,420px);gap:10px;align-items:center;justify-content:center;margin:12px auto}.trade-partner-field span{font-size:9px;font-weight:1000;letter-spacing:1px;color:#697391}.trade-partner-field .field{text-transform:uppercase;font-weight:900;letter-spacing:1px}.trade-board.awaiting_partner .trade-lock>span{color:#ffd950}.trade-board.awaiting_partner .trade-side.partner{opacity:.75}
.trade-history{padding:16px}.trade-history-head{display:flex;align-items:center;justify-content:space-between}.trade-history-head h2{margin:2px 0}.trade-history-head>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#111638;color:#b7ff45;font-weight:1000}.trade-record{display:grid;grid-template-columns:34px minmax(170px,1fr) minmax(190px,1fr);align-items:center;gap:12px;padding:10px;border-top:1px solid #e9ecf4}.trade-record>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#fff0dd;color:#a05c00;font-style:normal}.trade-record.complete>i{background:#e8ffd0;color:#4f8b00}.record-gloobs{display:flex;align-items:center;gap:3px}.record-gloobs .gloob-svg{width:34px;height:34px}.record-gloobs>b{margin:0 5px}.trade-record>div:last-child{display:grid}.trade-record>div:last-child>b{font-size:9px}.trade-record small{font-size:7px;color:#8992ac}.trade-record code{font-size:7px;color:#7256c5}
@media(max-width:900px){.trade-protocol{grid-template-columns:repeat(3,1fr)}.trade-protocol .hash{grid-column:1/-1}.trade-verification{grid-template-columns:repeat(2,1fr)}.secure-trade .trade-board{grid-template-columns:1fr 60px 1fr}.trade-record{grid-template-columns:30px 1fr}.trade-record>div:last-child{grid-column:2}}