.trade-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.trade-actions input{flex:1;min-width:180px}.trade-actions [aria-pressed=true]{border-color:var(--blue);font-weight:700}.trade-table{overflow:auto;max-width:100%;border:1px solid var(--line,#64748b);border-radius:12px}.trade-table table{min-width:1100px;width:100%;border-collapse:collapse}.trade-table th,.trade-table td{padding:12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--line,#64748b)}.trade-table th{font-size:12px}.trade-dialog{width:min(960px,94vw);max-height:90vh;overflow:auto;background:var(--panel,#172333);color:var(--text,#e9eef5);border:1px solid var(--line,#64748b);border-radius:16px;padding:24px}.trade-dialog::backdrop{background:#0008}.trade-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.trade-fields label{display:grid;gap:6px;font-size:13px}.trade-fields input,.trade-fields select,.trade-fields textarea{width:100%;box-sizing:border-box}.trade-fields p,.trade-linked{grid-column:1/-1}.trade-fields label:has(textarea){grid-column:1/-1}.trade-preview{max-height:40vh;overflow:auto}.trade-workspace button{white-space:nowrap}@media(max-width:700px){.trade-fields{grid-template-columns:1fr}.trade-dialog{padding:16px}.trade-actions{gap:8px}}

.trade-workspace>nav.trade-actions{display:flex;flex-direction:row}.trade-workspace>nav.trade-actions button{width:auto;margin:0;flex:0 0 auto}

.trade-workspace [hidden]{display:none!important}.trade-workspace input[type=checkbox]{width:1rem;min-width:1rem;height:1rem;cursor:pointer}.trade-workspace .trade-actions input[type=date]{width:auto}.trade-workspace .trade-actions select{width:auto}
.trade-dialog details{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.trade-dialog summary{cursor:pointer;font-weight:600}.trade-dialog details table{width:100%;table-layout:fixed}.trade-dialog details th{width:34%;text-align:left}.trade-dialog details td{overflow-wrap:anywhere;white-space:pre-wrap}.trade-dialog form input[type=search]{width:100%;margin-bottom:8px}
.trade-dialog details th{white-space:normal;overflow-wrap:anywhere;padding:10px 8px}.trade-dialog details td{padding:10px 8px}