.trade-shell{max-width:960px}.trade-admin-shell{max-width:1240px}.trade-panel,.trade-checkout{padding:30px}.trade-checkout{max-width:700px;margin:auto}.trade-panel h1,.trade-checkout h1{margin:8px 0 22px;color:#163f4c}.trade-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.trade-heading h1{margin-bottom:12px}.trade-summary,.trade-order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;padding:20px;background:#f0f6f3;border:1px solid #d5e3dc;border-radius:10px}.trade-summary div,.trade-order-grid div{display:flex;flex-direction:column;gap:7px;min-width:0}.trade-summary span,.trade-order-grid span{font-size:.85rem;color:#66777c}.trade-summary strong,.trade-order-grid strong{overflow-wrap:anywhere;color:#173c49}.trade-amount{font-size:1.15rem}.trade-form{display:grid;gap:16px}.trade-form label,.trade-filter label{display:grid;gap:8px;font-weight:700;color:#254653}.trade-form input,.trade-form select,.trade-form textarea,.trade-filter input,.trade-filter select{width:100%;border:1px solid #bfd1ce;border-radius:8px;padding:12px;background:#fffdfa;color:#193e4b;font:inherit;box-sizing:border-box}.trade-form input:focus,.trade-form textarea:focus,.trade-filter input:focus{outline:2px solid #0b7488;outline-offset:2px}.trade-help{color:#647578;line-height:1.75;font-size:.9rem;margin:4px 0 14px}.trade-submit{width:100%;min-height:48px}.trade-query-link{display:inline-block;margin-top:20px;color:#0d6375;font-weight:700}.trade-query-form{max-width:530px}.trade-query-session{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.trade-query-session form{margin:0}.trade-order-card{border:1px solid #d6dfd8;background:rgba(255,255,255,.62);border-radius:12px;padding:22px;margin:20px 0}.trade-order-id{font-size:.95rem;overflow-wrap:anywhere;letter-spacing:.03em}.trade-status{display:inline-flex;padding:6px 12px;border-radius:30px;font-size:.84rem;white-space:nowrap;font-weight:800}.status-unpaid{background:#fbebcd;color:#895c1f}.status-paid{background:#dff1f4;color:#176b7b}.status-completed{background:#dfefe3;color:#35694b}.trade-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0}.trade-actions{display:flex;gap:10px;flex-wrap:wrap}.trade-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.trade-metrics div{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid #d2ded8;border-radius:10px;background:#f6f8ee}.trade-metrics strong{font-size:1.8rem;color:#195262}.trade-filter{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:14px;margin:24px 0}.trade-table-scroll{overflow-x:auto;margin-top:18px}.trade-table{border-collapse:collapse;width:100%;min-width:880px}.trade-table th,.trade-table td{padding:14px 12px;text-align:left;border-bottom:1px solid #d8dfd7;font-size:.85rem;vertical-align:top}.trade-table th{background:#eef3ea;color:#325863;white-space:nowrap}.trade-table small{display:block;color:#647477;margin-top:6px;overflow-wrap:anywhere}.trade-table .ink-button{padding:7px 10px;font-size:.8rem;white-space:nowrap}.trade-pagination{display:flex;gap:18px;justify-content:flex-end;margin-top:20px;color:#527076}.trade-status-form{max-width:580px;margin-bottom:28px}.trade-receipt{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px;background:#f1f5ef;border-radius:9px;margin-bottom:12px}.trade-receipt small{width:100%;overflow-wrap:anywhere;color:#65767c}.trade-history{list-style:none;padding:0}.trade-history li{border-left:2px solid #c2d6ce;padding:8px 16px;margin:8px 0}.trade-history time{display:block;color:#687a7e;font-size:.8rem;margin-bottom:5px}.trade-history p{margin:7px 0;white-space:pre-wrap}.trade-order-card .trade-heading small{color:#768384}.trade-form .ink-button:focus-visible{outline:3px solid #bf9148;outline-offset:3px}@media(max-width:680px){.trade-panel,.trade-checkout{padding:18px}.trade-summary,.trade-order-grid{grid-template-columns:1fr;padding:15px}.trade-summary div{flex-direction:row;justify-content:space-between;gap:14px}.trade-filter{grid-template-columns:1fr}.trade-metrics{gap:8px}.trade-metrics div{padding:12px;flex-direction:column;gap:8px}.trade-order-card{padding:16px}.trade-query-session{align-items:flex-start;flex-direction:column}}
.payment-wait-panel{max-width:760px;margin:0 auto;text-align:center;padding:34px}.payment-status-icon{width:76px;height:76px;margin:18px auto;display:grid;place-items:center;border-radius:50%;font-size:38px;font-weight:800;color:#0b6977;background:#e0eff0;border:1px solid #bddcde}.payment-status-icon.is-waiting{animation:payment-pulse 1.6s ease-in-out infinite}.payment-status-icon.is-paid{color:#fff;background:#187459;border-color:#187459}.payment-wait-summary{grid-template-columns:1fr;text-align:left}.payment-wait-summary>div{flex-direction:row;justify-content:space-between;gap:20px}.payment-wait-summary strong{overflow-wrap:anywhere;text-align:right}.payment-wait-actions{justify-content:center;margin:22px 0}.payment-wait-panel h1{margin-bottom:12px}.payment-success-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100vh - 48px);overflow:auto;border:1px solid #ceded6;border-radius:16px;padding:30px;background:#fffdf5;color:#214b58;box-shadow:0 28px 90px rgba(0,0,0,.26);text-align:left}.payment-success-dialog:not([open]){display:none}.payment-success-dialog::backdrop{background:rgba(8,27,36,.62)}.payment-success-dialog h2{margin:8px 0 12px;color:#176d54}.payment-dialog-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eaf0e9;color:#2d5359;font-size:25px;cursor:pointer}.payment-detail-list{margin:20px 0}.payment-detail-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:15px;border-bottom:1px solid #e0e7de;padding:11px 0}.payment-detail-list dt{color:#698080}.payment-detail-list dd{margin:0;overflow-wrap:anywhere;font-weight:700}[data-payment-open][hidden],[data-success-details][hidden],[data-popup-help][hidden],[data-payment-error][hidden]{display:none!important}@keyframes payment-pulse{50%{opacity:.6;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.payment-status-icon.is-waiting{animation:none}}@media(max-width:600px){.payment-wait-panel,.payment-success-dialog{padding:20px}.payment-wait-summary>div{flex-direction:column;gap:5px}.payment-wait-summary strong{text-align:left}.payment-detail-list>div{grid-template-columns:84px minmax(0,1fr);gap:10px}.payment-wait-actions .ink-button{flex:1 1 44%}}
