/* User shell only: compact header plus an independent informational ticker. */
#appView{--user-header-height:56px;--user-ticker-height:34px;--user-safe-top:env(safe-area-inset-top,0px)}
#appView>.market-topbar{box-sizing:border-box!important;height:calc(var(--user-header-height) + var(--user-safe-top))!important;min-height:0;padding:calc(4px + var(--user-safe-top)) max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px))!important;background:#fff!important;color:#263238;flex-shrink:0}
#appView>.market-topbar .brand-mini .brand-logo-img{width:34px;height:34px;box-shadow:none}
#appView>.market-topbar .topbar-actions{gap:8px;color:#263238}
#appView>.market-topbar .top-icon-btn{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important}
#appView>.market-topbar .top-icon-btn{color:#263238!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;animation:none!important}
#appView>.market-topbar .top-icon-btn .top-icon-wrap{background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important}
#appView>.market-topbar .top-icon-btn.has-unread{color:#d92f3c!important}
#appView>.market-topbar .topbar-line-icon{display:block;width:22px;height:22px}
#appView>.market-topbar .top-icon-btn:focus-visible{outline:2px solid #159447;outline-offset:2px}
#appView>.market-topbar .online-status{color:#40544a;background:#f7f9f8;border-color:#e4ebe6}
#appView>.market-main{height:calc(100dvh - var(--user-header-height) - var(--user-ticker-height) - var(--user-safe-top))}
#appView>.market-ticker{box-sizing:border-box!important;height:var(--user-ticker-height);display:flex;align-items:stretch;gap:0;position:relative;z-index:45;overflow:hidden;background:#F0FDF4;color:#263238;border-bottom:1px solid #e0eee4;padding-right:env(safe-area-inset-right,0px);padding-left:env(safe-area-inset-left,0px);font-family:var(--font-fa);font-variant-numeric:tabular-nums}
.market-ticker-label{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:0 13px;border-left:1px solid #dfece3;background:#F0FDF4;color:#346344;text-decoration:none;font-size:10px;font-weight:700;z-index:1}
.market-ticker-label>span{font-size:15px;color:#15803D}
.market-ticker-viewport{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;direction:ltr}
.market-ticker-viewport[role=button]{cursor:pointer}
.market-ticker-viewport:focus-visible{outline:2px solid #4bba87;outline-offset:-2px}
.market-ticker-track{display:flex;width:max-content;flex-shrink:0;direction:ltr;will-change:transform;animation:marketTickerScroll var(--ticker-duration,75s) linear infinite}
.market-ticker-track:has(.market-ticker-placeholder){animation:none}
.market-ticker-list{display:flex;align-items:center;flex-shrink:0;list-style:none;gap:0;margin:0;padding:0;direction:ltr}
.market-ticker-item{display:flex;align-items:center;direction:rtl;white-space:nowrap;gap:7px;font-size:10px;line-height:1.5;padding:0 18px;border-right:1px solid #dcebe1}
.market-ticker-item .ticker-name{font-weight:600;color:#263238}.market-ticker-item .ticker-price{font-weight:700;color:#263238;font-size:11px}.market-ticker-item .ticker-unit{color:#6b7e71;font-size:9px}.ticker-change{font-size:10px;font-weight:600;direction:ltr;unicode-bidi:isolate}.ticker-change.up{color:#15803D}.ticker-change.down{color:#DC2626}.ticker-change.flat{color:#64746a}.ticker-stale{font-size:8px;color:#976328}.ticker-missing{font-size:9px;color:#7b897e}.market-ticker-placeholder{margin:0;padding:0 16px;font-size:10px;color:#6b7e71;direction:rtl}
.market-ticker-pause{flex-shrink:0;width:34px;border:0;border-right:1px solid #dfece3;background:#F0FDF4;color:#405c49;cursor:pointer;font:12px var(--font-fa);padding:0}.market-ticker-pause:focus-visible,.market-ticker-label:focus-visible{outline:2px solid #15803D;outline-offset:-3px}
.market-ticker.is-paused .market-ticker-track,.market-ticker:focus-within .market-ticker-track{animation-play-state:paused}
@media(hover:hover){.market-ticker:hover .market-ticker-track{animation-play-state:paused}.market-ticker-pause:hover{background:#e2f5e8}}
.market-ticker-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes marketTickerScroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:430px){#appView{--user-header-height:52px}#appView>.market-topbar{padding-right:max(12px,env(safe-area-inset-right,0px))!important;padding-left:max(12px,env(safe-area-inset-left,0px))!important}#appView>.market-topbar .brand-mini .brand-logo-img{width:30px;height:30px}#appView>.market-topbar .topbar-actions{gap:5px}.market-ticker-label{padding:0 9px;font-size:9px}.market-ticker-item{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.market-ticker-track{animation:none!important;transform:none!important;will-change:auto}.market-ticker-viewport{overflow-x:auto;scrollbar-width:none}.market-ticker-viewport::-webkit-scrollbar{display:none}.market-ticker-list[aria-hidden="true"]{display:none}}

#appView>.market-ticker[hidden]{display:none!important}
#appView:has(>.market-ticker[hidden])>.market-main{height:calc(100dvh - var(--user-header-height) - var(--user-safe-top))}