/* Animação puramente visual: mostra logo em painel de gravação JÁ EXISTENTE.
   Quem decide sucesso, erro e fechamento continua sendo o fluxo original do sistema. */
.trade-save-orbit{width:170px;height:78px;margin:0 auto 16px;position:relative;overflow:visible}
.trade-save-orbit span{display:none!important}
.trade-save-orbit i{position:absolute;inset:0;display:block;font-size:0!important;border:0!important;border-radius:0!important;background:transparent url('trade-logo.svg') center / contain no-repeat!important;animation:trade-brand-pulse 1.85s ease-in-out infinite}
.trade-save-panel:has(.trade-save-orbit){border-radius:22px}
.trade-action-spinner{background:transparent url('trade-logo.svg') center / contain no-repeat;width:32px;height:24px;border:0;animation:trade-brand-pulse 1.85s ease-in-out infinite}
@keyframes trade-brand-pulse{0%,100%{opacity:.68;filter:brightness(1)}50%{opacity:1;filter:brightness(1.1)}}
@media(prefers-reduced-motion:reduce){.trade-save-orbit i,.trade-action-spinner{animation:none!important;opacity:1!important}}

/* Mesmo indicador compacto do canto, centralizado sobre a operação em curso. */
.trade-save-backdrop{background:rgba(16,43,79,.13)!important;backdrop-filter:blur(2px)!important}
.trade-save-panel{width:auto!important;min-width:185px;max-width:min(310px,calc(100vw - 36px));padding:13px 19px!important;display:flex;align-items:center;gap:12px;text-align:left!important;border-radius:16px!important;border:1px solid #bfdcf4!important;box-shadow:0 10px 28px #103d601a!important;background:#fff!important}
.trade-save-orbit{width:38px!important;height:42px!important;margin:0!important;flex:none}
.trade-save-orbit i{inset:0!important}
.trade-save-panel .trade-save-eyebrow,.trade-save-panel p,.trade-save-panel small,.trade-save-panel .trade-save-line{display:none!important}
.trade-save-panel h2{font-size:14px!important;letter-spacing:0!important;margin:0!important;font-weight:650!important;line-height:1.4!important;color:#08487e!important}
@media(max-width:450px){.trade-save-panel{padding:12px 16px!important}}

/* Identidade animada: GSAP gira a logo enquanto a operação está pendente.
   CSS faz o fallback caso a biblioteca ainda não tenha carregado. */
.trade-save-orbit i{animation:trade-logo-rotate 1.65s linear infinite!important;transform-origin:center center;will-change:transform}
.trade-save-orbit i.trade-logo-gsap{animation:none!important}
.trade-save-orbit::after{content:"";position:absolute;inset:-4px -6px;border-radius:50%;border:2px solid transparent;border-top-color:#f3701f;border-right-color:#1167b155;pointer-events:none;animation:trade-logo-rotate 2.3s linear infinite}
@keyframes trade-logo-rotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.trade-save-orbit i,.trade-save-orbit::after{animation:none!important;will-change:auto!important}}
/* A camada já existente bloqueia o restante da interface enquanto a gravação reconhecida está pendente. */
.trade-save-backdrop{pointer-events:auto!important;overscroll-behavior:contain;touch-action:none}

/* Loader central maior, mantendo a mesma identidade visual compacta. */
.trade-save-panel{min-width:290px!important;max-width:min(400px,calc(100vw - 36px))!important;min-height:106px!important;padding:20px 28px!important;gap:22px!important;border-radius:20px!important;border-top:3px solid #00b1c5!important;box-shadow:0 26px 80px #0a36503b!important}
.trade-save-orbit{width:86px!important;height:86px!important;flex-shrink:0!important}
.trade-save-orbit::after{inset:-7px!important;border-width:3px!important}
.trade-save-panel h2{font-size:19px!important;font-weight:750!important;line-height:1.3!important;color:#073c73!important}
.trade-save-backdrop{background:rgba(13,42,78,.30)!important;backdrop-filter:blur(4px)!important}
@media(max-width:450px){.trade-save-panel{min-width:0!important;width:min(350px,calc(100vw - 28px))!important;padding:18px!important;gap:16px!important}.trade-save-orbit{width:74px!important;height:74px!important}.trade-save-panel h2{font-size:17px!important}}

/* Somente a logo giratória no centro, sem cartão, texto ou borda. */
.trade-save-backdrop{background:rgba(13,42,78,.31)!important;backdrop-filter:blur(4px)!important}
.trade-save-panel{width:unset!important;min-width:unset!important;max-width:unset!important;min-height:unset!important;height:auto!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;gap:0!important;border:0!important;border-top:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.trade-save-orbit{width:160px!important;height:160px!important;margin:0!important;display:block!important;filter:drop-shadow(0 12px 24px rgba(6,40,75,.24))}
.trade-save-orbit::after{inset:0!important;border:3px solid transparent!important;border-top-color:#f3701f!important;border-right-color:#0f72b8!important}
.trade-save-orbit i{inset:18px!important}
.trade-save-panel h2,.trade-save-panel p,.trade-save-panel small,.trade-save-panel .trade-save-eyebrow,.trade-save-panel .trade-save-line{display:none!important}
@media(max-width:450px){.trade-save-orbit{width:128px!important;height:128px!important}}
@media(prefers-reduced-motion:reduce){.trade-save-orbit::after{animation:none!important}}