/* css/trade.css — M-42b: jendela dagang (js/ui/trade-ui.js). */
.trade{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;width:min(560px,96vw);max-height:90vh;overflow:auto;background:#10151ef2;border:1px solid #4a5a78;border-radius:10px;padding:10px;color:#fff;font:13px/1.35 system-ui,sans-serif}
.trade[hidden]{display:none}
.trade h3{margin:0 0 6px;font-size:15px;display:flex;justify-content:space-between}
.tcols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tcol{background:#0b0f16;border:1px solid #2d3a52;border-radius:8px;padding:6px;min-height:110px}
.tcol.ok{border-color:#4caf50}
.tcol b{display:block;margin-bottom:4px}
.tline{display:flex;justify-content:space-between;gap:4px;padding:2px 0;border-bottom:1px solid #1d2636;word-break:break-word}
.tline button{min-width:32px;min-height:28px}
.tadd{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.tadd select{flex:1 1 180px;min-height:36px;font-size:16px}
.tadd input{width:70px;min-height:36px;font-size:16px}
.tbtn{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}
.trade button{min-height:36px;padding:0 12px;border-radius:6px;border:1px solid #4a5a78;background:#1c2740;color:#fff;font-size:14px}
.trade button:disabled{opacity:.45}
.tstat{font-size:12px;opacity:.85;margin-top:4px}
.treq{position:fixed;left:50%;top:84px;transform:translateX(-50%);z-index:31;display:flex;gap:8px;align-items:center;background:#10151ef2;border:1px solid #4a5a78;border-radius:8px;padding:8px 12px;color:#fff;font:13px system-ui,sans-serif}
.treq[hidden]{display:none}
.treq button{min-height:36px;padding:0 12px;border-radius:6px;border:1px solid #4a5a78;background:#1c2740;color:#fff}
body.invopen .treq{display:none}