:root{--cgreen:#43e47b;--cline:#29414d;--ctext:#edf6f1;--cmuted:#758b94}
#tccCommanderJourney,#tccPreTradeCommander{width:100%;color:var(--ctext);background:linear-gradient(180deg,#0a151c,#071017);border:1px solid var(--cline);border-radius:11px}
#tccCommanderJourney{margin:10px 0 14px;padding:10px 12px}
.cj-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px}
.cj-head b{color:var(--cgreen);font-size:8px;letter-spacing:1px}.cj-head span{color:#617780;font-size:7px}
.cj-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}
.cj-step{min-height:48px;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #243842;border-radius:8px;background:#081118;color:#768b94;text-align:left;cursor:pointer}
.cj-step.current{border-color:#52798a;color:#edf6f1;background:#0b1820}.cj-step.complete{border-color:#2b6b43;color:#dcebe1;background:#09160e}
.cj-step i{width:22px;height:22px;display:grid;place-items:center;border:1px solid #364d58;border-radius:50%;font-style:normal;font-size:8px;font-weight:900}
.cj-step.complete i{border-color:#2e7e4b;background:#0d2515;color:var(--cgreen)}
.cj-step span{display:grid;gap:2px;min-width:0}.cj-step b{font-size:8px}.cj-step small{font-size:6.5px;color:#627780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-step em{margin-left:auto;color:transparent;font-style:normal;font-size:10px}.cj-step.complete em{color:var(--cgreen)}
#tccPreTradeCommander{margin:0 0 14px;padding:18px;box-shadow:0 14px 36px rgba(0,0,0,.18)}
.pt-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #20343e}
.pt-head>div:first-child>span{color:var(--cgreen);font-size:8px;font-weight:900;letter-spacing:1px}.pt-head h2{margin:5px 0 0;font-size:22px}.pt-head p{margin:7px 0 0;color:var(--cmuted);font-size:9px}
.pt-score{min-width:150px;padding:10px 12px;border:1px solid #2d4652;border-radius:9px;background:#071017;display:grid;grid-template-columns:1fr auto;align-items:end}
.pt-score small{grid-column:1/-1;color:#71868f;font-size:7px}.pt-score strong{color:var(--cgreen);font-size:30px;line-height:1}.pt-score i{font-style:normal;color:#71868f;font-size:9px}
.pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.pt-block{padding:13px;border:1px solid #243842;border-radius:9px;background:#081118}
.pt-block h3{margin:0;color:#dce8e3;font-size:10px}.pt-block p{margin:4px 0 0;color:#687e87;font-size:7.5px}
.pt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.pt-chips button{min-height:30px;padding:0 9px;border:1px solid #314752;border-radius:999px;background:#071017;color:#81959d;font-size:7.5px;font-weight:800;cursor:pointer}
.pt-chips button.selected{border-color:#2e7e4b;background:#0c2114;color:#dff2e5}
.pt-alert{margin-top:9px;padding:9px 10px;border:1px solid #725a2e;border-radius:7px;background:#171208;color:#cfaa62;font-size:7.5px}
.pt-boundaries{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.pt-boundaries span{padding:7px 8px;border:1px solid #314752;border-radius:7px;background:#071017;color:#738992;font-size:7.5px}.pt-boundaries .ready{border-color:#2b6b43;color:#b8d8c2}.pt-boundaries .missing{border-color:#5c4a2a;color:#b9a06e}
.pt-secondary{margin-top:10px;min-height:31px;padding:0 10px;border:1px solid #35505c;border-radius:7px;background:#0a151c;color:#9cafb6;font-size:7.5px;font-weight:900;cursor:pointer}
.pt-checks{display:grid;gap:6px;margin-top:11px}.pt-checks button{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:7px 9px;border:1px solid #2c424c;border-radius:7px;background:#071017;color:#83979f;text-align:left;font-size:8px;cursor:pointer}
.pt-checks i{width:18px;height:18px;display:grid;place-items:center;border:1px solid #3a505a;border-radius:5px;color:transparent;font-style:normal}.pt-checks button.complete{border-color:#2d6843;background:#09160e;color:#c3dac9}.pt-checks button.complete i{border-color:#2e7e4b;background:#0d2515;color:var(--cgreen)}
.pt-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.pt-breakdown>div{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #253a44;border-radius:7px;background:#071017;color:#6e838c;font-size:7.5px}.pt-breakdown>div.done{border-color:#2b6340;color:#a9c8b3}.pt-breakdown>div.done b{color:var(--cgreen)}
.pt-actions{display:flex;justify-content:space-between;gap:15px;margin-top:11px;padding-top:11px;border-top:1px solid #20343e;align-items:center}.pt-actions>span{color:#728790;font-size:8px}.pt-actions>span.ready{color:#9bc5a7}.pt-actions>span.flash{color:#d6a84f}
.pt-actions button{min-height:38px;padding:0 14px;border:1px solid #3c4c54;border-radius:7px;background:#0c1317;color:#5e7078;font-size:8px;font-weight:900}.pt-actions button.ready{border-color:#2d8a4d;background:linear-gradient(180deg,#153a21,#0c2615);color:#edf8f0;cursor:pointer}
@media(max-width:900px){.cj-steps{grid-template-columns:1fr}.pt-grid{grid-template-columns:1fr}}
@media(max-width:620px){.cj-head,.pt-head,.pt-actions{flex-direction:column;align-items:flex-start}.pt-score{width:100%}.pt-breakdown{grid-template-columns:1fr 1fr}.pt-actions button{width:100%}}