/* Settlement receipts use the same restrained palette as account panels. */
#orderNotices{width:min(280px,calc(100vw - 32px));right:16px;bottom:calc(24px + env(safe-area-inset-bottom,0px));gap:6px;max-height:45dvh;scrollbar-width:thin}
#orderNotices .order-notice{padding:9px 42px 9px 12px;background:#11171c;border:1px solid #2a333b;border-radius:10px;box-shadow:0 6px 20px #0004;color:#e3e8ec;min-width:0}
#orderNotices p{margin:0;color:#929faa;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
#orderNotices strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:3px;font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#dbe4ea;overflow-wrap:anywhere}
#orderNotices .order-notice[data-result=win]{background:linear-gradient(#67c9a51f,#67c9a51f),#11171c}
#orderNotices .order-notice[data-result=loss]{background:linear-gradient(#e38a961f,#e38a961f),#11171c}
#orderNotices [data-result=win] strong{color:#67c9a5}
#orderNotices [data-result=loss] strong{color:#e38a96}
#orderNotices strong small{font-size:11px;font-weight:500;color:#929faa;letter-spacing:.04em}
#orderNotices button{position:absolute;margin:0;display:grid;place-items:center;right:4px;top:4px;width:40px;height:40px;padding:0;border:0;border-radius:6px;background:transparent;color:#929faa;font-size:22px;line-height:1;outline:none}
#orderNotices button:hover{color:#e3e8ec;background:#ffffff08}
#orderNotices button:focus-visible{outline:1px solid #bcc6ce;outline-offset:-5px}
@media(max-width:480px){#orderNotices{right:12px;width:min(280px,calc(100vw - 24px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}}