/* Isolated role-aware desktop alert preview. */
.trade-alerts{position:fixed;top:8px;left:50vw;transform:translateX(-50%);width:480px;max-width:calc(100vw - 24px);z-index:35;pointer-events:none;display:grid;gap:7px}
.trade-alert{--role:#b9a7fa;--panel:#22202f;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:36px minmax(0,1fr) 101px 25px;align-items:center;gap:10px;min-height:90px;padding:10px 10px 10px 12px;background:linear-gradient(110deg,color-mix(in srgb,var(--role) 13%,var(--panel)),var(--panel) 75%);color:#f9f9fc;border:1px solid color-mix(in srgb,var(--role) 72%,#50505e);border-radius:10px;box-shadow:0 0 0 1px #09090dcc,0 8px 24px #0007;pointer-events:auto;animation:trade-arrive .22s ease-out both}
.role-sniper{--role:#ffad70;--panel:#29201e}.role-kol{--role:#e7c268;--panel:#27251b}.role-genius{--role:#68ded0;--panel:#182a2b}.role-scalper{--role:#dba0f7;--panel:#292032}
.trade-alert>*:not(.alert-role-art){position:relative;z-index:1}.alert-role-art{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;color:var(--role)}.alert-role-art svg{position:absolute;width:125px;height:94px;right:111px;top:-1px;opacity:.24}.alert-role-art svg:nth-child(n+2){display:none}.alert-role-art .v-fill{fill:currentColor;fill-opacity:.08}
.trade-alert-symbol{display:grid;place-items:center;background:#11131bdd;border:1px solid color-mix(in srgb,var(--role) 35%,#30303a);border-radius:8px;font-weight:700;width:36px;height:36px;color:#fff;font-size:17px}.trade-alert-main{min-width:0}.trade-alert-wallet{display:flex;gap:6px;align-items:center;line-height:18px;font-size:12px}.trade-alert-wallet b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}.trade-alert-action{font-size:11px;font-weight:700;flex:none}.trade-alert-action.buy{color:var(--up)}.trade-alert-action.sell{color:var(--down)}.trade-alert-line{display:flex;gap:7px;align-items:baseline;margin-top:2px;min-width:0}.trade-alert-line strong{font-size:15px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-alert-line small{font-size:10px;color:#bcbcc9;flex:none}.trade-alert-labels{display:flex;gap:4px;margin-top:3px}.trade-alert-labels span{font-size:9px;line-height:13px;font-weight:700;color:var(--role);text-transform:uppercase;letter-spacing:.04em}.trade-alert-labels .unlabelled{color:#a3a3b4}
.alert-value-grid{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:7px;border-left:1px solid color-mix(in srgb,var(--role) 27%,transparent);padding-left:8px}.trade-value{font-size:14px;line-height:20px;font-weight:700;white-space:nowrap}.trade-alert button{background:transparent;border:0;box-shadow:none;min-height:26px;color:#dedbea;padding:0 3px;font-size:10px;border-radius:4px;transition:background .15s,color .15s;transform:none!important}.trade-alert .alert-view{font-weight:700;white-space:nowrap}.trade-alert button:hover{background:#ffffff18}.trade-alert button:focus-visible,.alert-stack-footer button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trade-alert-close{font-size:18px!important;width:25px;align-self:start}.trade-alert button:disabled{opacity:.5;cursor:default}
.alert-stack-footer{display:flex;justify-content:space-between;background:var(--raise);border:1px solid var(--line-2);border-radius:7px;padding:3px 8px;box-shadow:0 5px 15px #0004;pointer-events:auto}.alert-stack-footer button{font-size:11px;min-height:30px;color:var(--text-1);background:transparent;border:0;padding:0 4px;transform:none!important}.alert-stack-footer span{font-weight:500;color:var(--text-3)}
.trade-alert-list{pointer-events:auto;max-height:min(540px,70vh);overflow:auto;background:var(--raise);border:1px solid var(--line-2);border-radius:10px;box-shadow:0 8px 25px #0005}.trade-alert-list header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;position:sticky;top:0;background:var(--raise);border-bottom:1px solid var(--line-2);z-index:1}.trade-alert-list header b{font-size:13px}.trade-alert-list header span{color:var(--text-3);margin-left:5px}.trade-alert-list button{background:transparent;color:var(--accent-ink);border:0;min-height:30px;font-size:11px;padding:0 5px}.history-trade{display:grid;grid-template-columns:minmax(0,1fr) 52px 75px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:12px}.history-trade>div{min-width:0}.history-trade>div b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.history-trade small{display:block;font-size:10px;color:var(--text-3);margin-top:3px}.history-trade>b{text-align:right;font-variant-numeric:tabular-nums}.history-trade>strong{font-size:11px}
.alert-card-focus{outline:2px solid var(--accent)!important;outline-offset:3px}.trade-alert-settings{padding:12px;border-bottom:1px solid var(--line);background:var(--raise)}.trade-alert-settings>b{display:block;margin-bottom:8px;font-size:12px}.demo-actions,.demo-audio{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.demo-actions>span{font-size:10px;color:var(--text-3);margin-right:6px}.trade-alert-settings button,.trade-alert-settings select{font-size:11px;min-height:30px;padding:5px 9px;background:var(--raise-2);border:1px solid var(--line);border-radius:5px;color:var(--text-1);transform:none!important}.trade-alert-settings button[data-test-sound]{background:var(--accent);color:var(--on-accent);font-weight:700}.trade-alert-settings button[aria-pressed=true]:not([data-test-sound]){color:var(--accent-ink)}.demo-audio{margin-top:7px;border-top:1px solid var(--line);padding-top:7px}.demo-audio label{display:flex;flex-direction:row;align-items:center;gap:6px;color:var(--text-2);font-size:11px}.demo-audio input{width:85px;padding:0;accent-color:var(--accent)}.demo-audio output{width:27px}.demo-audio audio{width:190px;height:30px}.demo-audio span{font-size:10px;color:var(--text-2);max-width:245px}.demo-audio a{font-size:11px;color:var(--accent-ink)}
:root:not([data-theme=dark]) .trade-alert{--panel:#fbf8ff;color:#181821;box-shadow:0 0 0 1px #ffffff,0 7px 24px #29223638;background:linear-gradient(110deg,color-mix(in srgb,var(--role) 18%,#fff),#fff 85%)}:root:not([data-theme=dark]) .role-sniper{--role:#ac531c}:root:not([data-theme=dark]) .role-kol{--role:#8b6a08}:root:not([data-theme=dark]) .role-genius{--role:#127e72}:root:not([data-theme=dark]) .role-scalper{--role:#8750a8}:root:not([data-theme=dark]) .trade-alert-symbol{background:#fff;color:#24232a}:root:not([data-theme=dark]) .trade-alert button{color:#49425a}:root:not([data-theme=dark]) .trade-alert-line small{color:#696573}:root:not([data-theme=dark]) .trade-alert button:hover{background:#0000000d}
@keyframes trade-arrive{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1649px){.trade-alerts{top:56px}}
@media(max-width:700px){.trade-alerts,.trade-alert-settings{display:none}}
@media(prefers-reduced-motion:reduce){.trade-alert{animation:none}.trade-alert button{transition:none}}

.trade-alert-settings audio{display:none}.trade-alert-settings .demo-audio{align-items:center}.trade-alert-settings .demo-audio label{flex:1}.trade-alert-settings .demo-audio span{width:100%}.trade-alert-labels{flex-wrap:wrap}

.trade-alert-audio{display:none}