/* Keep the next decision in one place inside the trading panel. */
.order-panel{position:relative;display:flex;flex-direction:column;padding-bottom:16px}
.panel-title{min-height:24px}
.panel-content{display:grid;min-height:390px}
.panel-content>div{grid-area:1/1;align-self:start;min-width:0}
.panel-content>div[hidden]{display:block!important;visibility:hidden;pointer-events:none}
.position-pnl{padding-block:15px}
.position-card #close-position{height:40px;min-height:40px;padding:0 14px;justify-content:center;background:#263629;border-color:#57774a;color:#dbebcf}
.position-note{margin-top:12px}
.form-error{position:absolute;left:22px;right:22px;bottom:142px;margin:0;line-height:14px}
.panel-actions{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.panel-next-slot{height:48px}
.panel-actions #next{width:100%;height:48px;min-height:48px;padding:0 16px;white-space:nowrap;font-size:14px}
.panel-actions #next-icon{font-size:21px}
.panel-actions #keyboard-hint{display:block;min-height:16px;line-height:16px;margin:7px 0 0;font-size:9px}
.panel-actions #finish{display:block;width:100%;height:31px;min-height:31px;padding:4px 0;margin:2px 0 0}

/* A small, two-second receipt leaves the chart and controls visible. */
.trade-closed-notice{position:fixed;z-index:81;left:24px;bottom:20px;width:420px;max-width:calc(100% - 32px);min-height:76px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 31px 10px 13px;border:1px solid #b6cb82;border-left:4px solid #c8e69d;border-radius:7px;background:#263424;box-shadow:0 8px 28px #0007;color:#e2edce;animation:closure-appear .22s ease-out}
.trade-closed-notice.closed-profit{background:#1e392a;border-color:#78dba3;border-left-color:#a6f1c0;color:#d1f7df}
.trade-closed-notice.closed-loss{background:#3b2525;border-color:#db9891;border-left-color:#f6b0a4;color:#ffddd7}
.closed-icon,.closed-copy #closed-note{display:none}
.closed-copy{min-width:0}
.closed-eyebrow{font-family:var(--mono);letter-spacing:1.2px;font-size:8px;font-weight:bold;display:block;line-height:12px}
.closed-copy h3{font-size:14px;font-weight:650;line-height:19px;margin:2px 0}
.closed-copy #closed-detail{font-family:var(--mono);font-size:10px;line-height:14px;margin:0;color:inherit;opacity:.8;white-space:nowrap}
.closed-result{text-align:right;white-space:nowrap}
.closed-result span{display:block;font-size:9px;line-height:14px;opacity:.8}
.closed-result strong{display:block;font-family:var(--mono);font-size:22px;line-height:27px;font-weight:500;letter-spacing:-.7px}
.trade-closed-notice #dismiss-closed{position:absolute;right:2px;top:2px;border:0;background:transparent;color:inherit;width:28px;height:28px;border-radius:4px;font-size:21px;line-height:1}
.trade-closed-notice #dismiss-closed:hover{background:#ffffff13}
@keyframes closure-appear{from{translate:0 10px}to{translate:0 0}}

/* Light follows the existing ball artwork; the character image stays intact. */
.orb-light{left:58%;top:59.5%;width:37%;height:33%;border-radius:50%;color:#54e967;background:radial-gradient(ellipse at 48% 45%,#f4ffed55 0%,currentColor 32%,transparent 73%);background-color:transparent;filter:blur(1px);mix-blend-mode:normal;box-shadow:inset 0 0 8px 1px currentColor,0 0 18px 4px currentColor;opacity:0;animation:crystal-signal 10s ease-in-out infinite}
@keyframes crystal-signal{0%,6%{color:#54e967;opacity:0}18%{color:#54e967;opacity:.48}32%,40%{color:#54e967;opacity:0}50%,56%{color:#ee515b;opacity:0}68%{color:#ee515b;opacity:.52}82%,90%{color:#ee515b;opacity:0}100%{color:#54e967;opacity:0}}
@media(max-width:700px){.panel-content{min-height:340px}.panel-actions #keyboard-hint{display:none}.panel-actions #finish{height:36px;min-height:36px;margin-top:7px}.trade-closed-notice{left:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:360px;gap:9px;padding-left:11px}.closed-copy h3{font-size:13px}.closed-result strong{font-size:21px}}
@media(max-width:370px){.trade-closed-notice{gap:7px;padding-right:27px}.closed-copy h3{font-size:12px}.closed-copy #closed-detail{font-size:9px}.closed-result strong{font-size:19px}.closed-result span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.trade-closed-notice,.orb-light{animation:none!important}.orb-light{opacity:.2;filter:blur(1px)}}