.trading-panel{border:1px solid #40334e;border-radius:10px;background:linear-gradient(130deg,#1c1925,#15161e 60%);margin:0 0 27px;overflow:hidden}.trading-panel .panel-heading{border-bottom:1px solid #302a3d;align-items:flex-start}.trading-panel h2{font-size:22px;margin-top:7px}.trading-panel h3{font-size:15px;font-weight:600;margin:0;line-height:1.5}.trade-body{padding:22px 23px}.trade-connection{font-size:12px;line-height:1.5;border:1px solid #394a42;border-radius:20px;padding:6px 11px;color:#a7cfb8;white-space:nowrap}.trade-connection[data-state=offline]{border-color:#4e4240;color:#c6aaa3}.trade-help{font-size:13px;color:#a19aac;line-height:1.7;margin:10px 0}.trade-feedback{color:#c7b6dc;font-size:14px;line-height:1.6;margin:0}.trade-feedback:not(:empty){margin-bottom:15px}.trade-fields,.trade-modes{border:0;padding:0;margin:0;min-width:0}.trade-fields:disabled{opacity:.65}.trade-modes{display:flex;gap:5px;background:#11121a;border:1px solid #302b3c;border-radius:7px;padding:4px;width:max-content;max-width:100%}.trade-modes label{cursor:pointer;position:relative}.trade-modes input{position:absolute;opacity:0;width:1px;height:1px}.trade-modes span{display:block;border:1px solid transparent;border-radius:5px;color:#a59caf;font-size:14px;font-weight:550;padding:9px 16px;white-space:nowrap}.trade-modes input:checked+span{background:#31243f;border-color:#58416e;color:#e1cef7}.trade-modes input:focus-visible+span{outline:2px solid #c5a8ef;outline-offset:2px}.trade-form-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:20px}.trade-account-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:11px}.trade-account-heading h3{margin-right:auto}.trade-text-button{background:transparent;border:0;color:#c3a5e8;font-size:12px;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.trade-text-button:hover{color:#e1c8ff}.trade-accounts{border:1px solid #302c3b;border-radius:6px;max-height:260px;overflow:auto;background:#14141d}.trade-accounts>.trade-help{margin:0;padding:18px}.trade-account{display:flex;align-items:center;gap:11px;padding:11px 12px;cursor:pointer}.trade-account+.trade-account{border-top:1px solid #282430}.trade-account:hover{background:#201b2b}.trade-account input{accent-color:#c5a8ef;width:16px;height:16px;flex:none}.trade-account-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:3px}.trade-account-name{font-size:14px;color:#dfd7e8;overflow-wrap:anywhere}.trade-account-meta{font-size:12px;color:#9a8fa6;line-height:1.5}.trade-account-status{font-size:11px;color:#a6c6b5;white-space:nowrap}.trade-account-status[data-state=offline]{color:#938799}.trade-account-status[data-state=busy]{color:#d8b47b}.trade-settings{display:flex;flex-direction:column;gap:16px}.trade-field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550;color:#cdc1da;min-width:0}.trade-field input,.trade-field select{width:100%;border:1px solid #40364d;background:#15131e;border-radius:6px;color:#e5daef;min-height:41px;font:inherit;padding:10px 11px;font-weight:400}.trade-field input::placeholder{color:#8f819d}.trade-field input:focus-visible,.trade-field select:focus-visible{outline:2px solid #bd9de9;outline-offset:2px}.trade-field .trade-help{font-weight:400;margin:0;font-size:12px}.trade-item-filters{display:flex;flex-direction:column;gap:15px}.trade-plan-action{display:flex;align-items:center;gap:16px;margin-top:18px}.trade-plan-action .trade-help{margin:0}.trade-preview{margin-top:23px;border:1px solid #4b3b5b;border-radius:8px;background:#1e1928;overflow:hidden;padding:19px}.trade-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.trade-preview-heading h3{font-size:19px;margin-top:6px}.trade-preview-heading>span{font-size:13px;color:#c8b3df}.trade-table-wrap{overflow:auto;border:1px solid #3a3047;border-radius:6px;margin-top:15px;background:#14111c;max-height:340px}.trade-plan-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.trade-plan-table th{position:sticky;top:0;background:#211a2c;padding:11px 12px;color:#a992be;font-size:11px;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;font-weight:550}.trade-plan-table td{border-top:1px solid #302537;padding:11px 12px;color:#d9cbe6;vertical-align:top;line-height:1.6}.trade-plan-table .trade-gold{color:#e5c78c;font-variant-numeric:tabular-nums;white-space:nowrap}.trade-plan-table td:first-child{color:#9781ac}.trade-item-list summary{cursor:pointer;color:#c4a3e6;white-space:nowrap}.trade-item-list ul{padding-left:16px;margin:8px 0 0;font-size:12px;min-width:150px}.trade-item-list li{margin:4px 0}.trade-item-list small{display:block;color:#8e799f;overflow-wrap:anywhere}.trade-preview-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:8px;margin-top:13px}.trade-balance{border:1px solid #392f46;border-radius:5px;padding:10px;font-size:12px;color:#bfaacd;line-height:1.7}.trade-balance strong{display:block;color:#e0cdef;font-weight:550;overflow-wrap:anywhere}.trade-balance span{font-variant-numeric:tabular-nums}.trade-control{display:flex;align-items:flex-start;gap:16px;margin-top:22px;padding-top:21px;border-top:1px solid #34293e}.trade-control .trade-field{flex:1;max-width:550px}.trade-control>.button{margin-top:26px;flex:none}.trade-danger{background:#302027;border-color:#62404c;color:#e9abbc}.trade-danger:hover:not(:disabled){background:#402a32}.trade-operation{border:1px solid #4c4160;border-radius:8px;background:#201b2b;margin:0 0 23px;padding:18px}.trade-operation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.trade-operation-heading h3{font-size:19px;margin-top:6px}.trade-status{font-size:12px;border:1px solid #66507d;background:#382a49;border-radius:20px;color:#d9bfea;padding:5px 10px;white-space:nowrap}.trade-status[data-state=completed]{border-color:#47614f;background:#23362b;color:#b8ddc2}.trade-status[data-state=outcome_unknown],.trade-status[data-state=paused]{border-color:#735c3e;background:#372c20;color:#e6c58c}.trade-status[data-state=cancelled]{border-color:#5e4a53;background:#2c232b;color:#cbb4bf}.trade-operation progress{display:block;accent-color:#c5a8ef;width:100%;height:7px;border:0;border-radius:9px;overflow:hidden;background:#110f18;margin-top:14px}.trade-operation progress::-webkit-progress-bar{background:#110f18}.trade-operation progress::-webkit-progress-value{background:#b28cda}.trade-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.trade-log{border-top:1px solid #3b3147;padding-top:12px;margin-top:15px}.trade-log>summary{cursor:pointer;color:#ba9ed5;font-size:13px}.trade-log ol{list-style:none;padding:0;margin:10px 0 0;max-height:185px;overflow:auto;font-size:12px;line-height:1.7;color:#bfb0cc}.trade-log li{padding:6px 0;border-bottom:1px solid #32273e}.trade-log time{color:#8d7ba0;margin-right:9px;font-variant-numeric:tabular-nums}.trading-panel .button:disabled{opacity:.45;cursor:not-allowed}.trading-panel button:focus-visible{outline:2px solid #c5a8ef;outline-offset:3px}
@media(max-width:1050px){.trade-form-grid{grid-template-columns:1fr;gap:18px}.trade-settings{display:grid;grid-template-columns:1fr 1fr;align-items:start}.trade-item-filters{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.trade-item-filters>.trade-field:last-of-type,.trade-item-filters>.trade-help{grid-column:1/-1}}
@media(max-width:650px){.trade-body{padding:18px 14px}.trading-panel .panel-heading{padding:18px 14px;flex-wrap:wrap}.trade-modes{width:100%;gap:2px}.trade-modes label{flex:1}.trade-modes span{font-size:12px;padding:9px 6px;text-align:center}.trade-settings{grid-template-columns:1fr}.trade-plan-action{align-items:flex-start;flex-direction:column;gap:9px}.trade-control{flex-direction:column;gap:12px}.trade-control .trade-field{max-width:none;width:100%}.trade-control>.button{margin-top:0;width:100%}.trade-preview{padding:14px}.trade-preview-heading{align-items:flex-start;flex-wrap:wrap;gap:10px}.trade-operation{padding:14px}.trade-operation-heading{align-items:flex-start;flex-wrap:wrap}.trade-account-heading{gap:10px}.trade-account-heading h3{flex-basis:100%}.trade-account-status{font-size:11px}.trade-account{padding:11px 9px;gap:8px}.trade-accounts{max-height:235px}.trade-plan-table th,.trade-plan-table td{padding:9px}.trade-item-filters{grid-template-columns:1fr}.trade-item-filters>.trade-field:last-of-type,.trade-item-filters>.trade-help{grid-column:auto}.trade-actions .button{flex:1}}

.trade-item-filters{display:block;margin-top:24px;padding-top:22px;border-top:1px solid #342b40}.trade-picker-filters,.trade-upgrade-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.trade-wide{grid-column:1/-1}.trade-picker-filters>.trade-help,.trade-upgrade-settings>.trade-help{margin:0}.trade-picker-filters .trade-field .trade-help{font-size:11px}.trade-find-action{display:flex;align-items:center;gap:15px;margin-top:18px}.trade-find-action>.button{flex:none}.trade-find-action>.trade-help{margin:0}.trade-item-results{margin-top:21px;border:1px solid #3c304a;border-radius:8px;padding:16px;background:#17131f}.trade-picker-heading{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.trade-selection-count{font-size:13px;color:#d0b6e8;font-variant-numeric:tabular-nums}.trade-picker-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}.trade-picker-toolbar .trade-field{flex:1;min-width:180px}.trade-picker-toolbar .trade-text-button{white-space:nowrap}.trade-picker-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.trade-picker-pagination .trade-help{margin:0;text-align:center;font-size:12px}.trade-picker-pagination .button{font-size:12px;padding:8px 12px}.trade-picker-table th:first-child{width:34px}.trade-picker-table td:first-child{vertical-align:middle}.trade-picker-table input,.trade-check-field input,.trade-upgrade-slots input,.trade-upgrade-card>input{accent-color:#c5a8ef;width:16px;height:16px;flex:none}.trade-picker-table td:nth-child(2){min-width:160px}.trade-picker-table td strong{display:block;color:#ded0ec;font-size:13px;font-weight:550}.trade-picker-owner,.trade-picker-id{display:block;color:#ac96bf;font-size:12px;overflow-wrap:anywhere}.trade-picker-id{font-size:10px;color:#887394}.trade-item-values{font-variant-numeric:tabular-nums;white-space:nowrap}.trade-capacity-warning{color:#e7be85}.trade-picker-empty{font-size:13px;line-height:1.7;padding:15px 0;color:#ae9bbe}.trade-server-tag{font-size:10px;font-family:monospace;letter-spacing:.1px;color:#93849e}.trade-account-status[data-state=mismatch]{color:#e7b87d}.trade-upgrade-options,#trade-upgrade-options{margin-top:24px;padding-top:22px;border-top:1px solid #342b40}.trade-upgrade-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trade-upgrade-target{border:1px solid #3a3047;border-radius:6px;background:#14121c;padding:12px}.trade-check-field{display:flex;gap:10px;align-items:flex-start;color:#d7c9e2;font-size:13px;line-height:1.6;cursor:pointer}.trade-check-field input{margin:3px 0 0}.trade-check-field strong{font-weight:550;overflow-wrap:anywhere;display:block}.trade-check-field .trade-help{display:block;font-size:11px;margin:2px 0 0;font-weight:400}.trade-upgrade-targets .trade-help{font-size:11px}.trade-manual-level{margin-top:12px;font-size:12px}.trade-manual-level input{min-height:36px;font-size:12px}.trade-upgrade-settings>.trade-field,.trade-upgrade-slots{grid-column:span 2}.trade-upgrade-slots{border:1px solid #3a3047;border-radius:6px;padding:11px 13px;display:flex;gap:15px;align-items:center;margin:0}.trade-upgrade-slots legend{font-size:13px;color:#cdc1da;padding:0 4px}.trade-upgrade-slots label{display:flex;gap:7px;align-items:center;font-size:13px;color:#cfc0dc}.trade-upgrade-list{display:flex;flex-direction:column;gap:9px;margin-top:14px}.trade-upgrade-card{display:flex;align-items:flex-start;gap:13px;cursor:pointer;padding:14px;border:1px solid #44344f;background:#201827;border-radius:7px}.trade-upgrade-card>input{margin:4px 0 0}.trade-upgrade-copy{flex:1;min-width:0}.trade-upgrade-copy>strong{display:block;font-size:14px;font-weight:600;color:#e0cdee;overflow-wrap:anywhere}.trade-upgrade-route{display:block;font-size:11px;color:#aa91be;margin-top:3px}.trade-upgrade-comparison{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:12px;margin-top:13px}.trade-upgrade-comparison>div{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#d4bfdf;overflow-wrap:anywhere}.trade-upgrade-comparison small{color:#937aa5;font-size:9px;letter-spacing:1px}.trade-upgrade-comparison .trade-item-values{color:#c5a9df;font-size:12px}.trade-upgrade-arrow{color:#a180b8}.trade-upgrade-benefit{display:block;color:#a2c8b3;font-size:11px;line-height:1.7;margin-top:11px;overflow-wrap:anywhere}.trade-health-loss{display:block;color:#e6ba85}.trade-log ul{font-size:12px;color:#bda9cd;line-height:1.8;padding-left:18px}.trade-fields .trade-item-results[hidden],.trade-fields .trade-item-filters[hidden],.trade-fields #trade-upgrade-options[hidden]{display:none}
@media(max-width:1100px){.trade-picker-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-upgrade-targets{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-modes{flex-wrap:wrap;width:100%}.trade-modes label{flex:1}.trade-modes span{text-align:center}}
@media(max-width:650px){.trade-picker-filters,.trade-upgrade-settings,.trade-upgrade-targets{grid-template-columns:1fr}.trade-upgrade-settings>.trade-field,.trade-upgrade-slots{grid-column:auto}.trade-find-action{align-items:flex-start;flex-direction:column;gap:9px}.trade-picker-toolbar{gap:12px}.trade-picker-toolbar>.trade-field{flex-basis:100%}.trade-item-results{padding:12px}.trade-picker-pagination{gap:5px}.trade-picker-pagination .button{padding:7px 9px}.trade-upgrade-comparison{grid-template-columns:1fr;gap:8px}.trade-upgrade-arrow{transform:rotate(90deg);width:16px;text-align:center}.trade-upgrade-card{padding:11px;gap:10px}.trade-upgrade-slots{flex-wrap:wrap}.trade-modes{display:grid;grid-template-columns:1fr 1fr}.trade-modes span{white-space:normal}.trade-wide{grid-column:auto}}
.trade-form-grid.trade-single-column{grid-template-columns:1fr}.trade-single-column>.trade-settings{display:none}

.trade-control>.button{margin-top:0}
