/* Terminal geometry changes at viewport boundaries; desktop preferences remain intact. */
.mobile-bottom-nav,.mobile-sort,.mobile-frames,.mobile-book-close{display:none}
.mobile-gesture-guide{margin:auto;inset:0;width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:24px;background:var(--bg2,#141821);color:var(--text);border:1px solid var(--line,#1e2533);border-radius:12px;max-height:calc(100dvh - 32px);overflow:auto}
.mobile-gesture-guide::backdrop{background:#080b0fc9;backdrop-filter:blur(10px)}
.mobile-gesture-guide h2{font:600 20px Inter;margin:0 0 10px}.mobile-gesture-guide p{color:var(--muted);font-size:12px;line-height:1.5}.mobile-gesture-guide ul{padding:0;list-style:none;margin:20px 0}.mobile-gesture-guide li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.mobile-gesture-guide svg{width:22px;height:22px;flex:none;color:var(--accent)}.mobile-gesture-guide>button{min-height:44px;width:100%;border:1px solid var(--accent);border-radius:6px;background:var(--surface-active);color:var(--text)}
@media(min-width:768px) and (max-width:1023px){
 #viewScreener #screenerGrid.screener-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(280px,calc((100dvh - 170px)/2))!important}
 header .nav-views{overflow-x:auto;min-width:0}header .nav-btn{font-size:11px;padding:0 7px}.workspace-settings summary>span,.scr-btn>span{display:none}header .sc-brand{max-width:150px}
 .mini-head{flex-wrap:wrap!important}.mini-left{flex-wrap:wrap!important;min-width:0}.mini-timeframes{overflow-x:auto;max-width:100%}
}
@media(max-width:767px){
 html{overscroll-behavior:none}body{padding-top:56px!important;overflow:hidden!important}
 body>header{height:56px!important;min-height:56px!important;padding:0 10px!important;display:flex!important;flex-direction:row!important;gap:8px!important;box-sizing:border-box}
 header .hleft{width:auto!important;max-width:120px!important;height:auto!important;flex:none!important;gap:4px!important}header h1{margin:0!important}header .sc-brand{width:112px!important;max-width:112px!important}header .nav-views,header #proOpen,header #localProToggle,header .profile-plan,header #profilePlan,header .venue,header #audioToggle,header #notificationsOpen,header .picker-wrap,header .interface-palette{display:none!important}
 header .hright{height:auto!important;display:flex!important;flex:1!important;min-width:0;gap:5px!important;justify-content:flex-end!important;margin:0!important}
 header .hright [data-select=exchangeChoice]{max-width:96px;min-width:76px}header .hright .select-menu-trigger{min-width:0!important;width:100%;padding:0 5px!important;font-size:10px}header #authOpen{min-width:32px;max-width:62px;overflow:hidden;white-space:nowrap;padding:0 6px!important;font-size:10px}
 .mobile-sort{display:block;width:76px;height:32px;min-width:0;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:6px;font:11px Inter}
 main{height:calc(100dvh - 116px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;width:100%;box-sizing:border-box;padding:6px!important;overflow:hidden!important}
 .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:150;height:60px;padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:color-mix(in srgb,var(--bg2) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line)}
 .mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border:0;background:none;color:var(--muted);font:10px Inter;padding:4px 0;border-radius:0;box-shadow:none}.mobile-bottom-nav svg{width:20px;height:20px}.mobile-bottom-nav [aria-current=page]{color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
 .terminal-footer{display:none!important}#viewScreener{display:flex!important;flex-direction:column;gap:5px!important;height:100%!important;min-height:0!important}#viewScreener[style*="none"]{display:none!important}
 #viewScreener .workspace-bar{flex:none;min-height:30px;height:30px;padding:0;gap:4px;overflow:visible}#viewScreener .screener-bar{display:none}#scrFilters,.grid-choices{display:none!important}#viewScreener .workspace-identity{min-width:0;flex:1}#workspaceTabs{overflow:hidden;max-width:145px}#workspaceTabs button{font-size:10px;padding:0 6px}#favoriteFilter{max-width:110px}.workspace-summary,.screener-summary{display:none!important}
 #viewScreener #screenerGrid.screener-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-rows:var(--mobile-card-height,calc(100dvh - 194px))!important;gap:0!important;padding:0!important;align-content:start}
 #screenerGrid>.mini-card{height:var(--mobile-card-height,calc(100dvh - 194px))!important;min-height:0!important;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint size;border-radius:6px}
 .mini-head{min-height:70px!important;height:auto!important;padding:5px!important;box-sizing:border-box}.mini-left{display:flex!important;flex-wrap:wrap!important;gap:4px!important;width:100%;min-width:0}.mini-sym{font-size:12px!important}.mini-left-actions{margin-left:auto!important;gap:4px!important}.mini-left-actions button{width:30px!important;height:30px!important;min-width:30px!important}.mini-timeframes{order:3!important;display:flex!important;gap:4px!important;width:100%!important;max-width:none!important;margin:0!important;overflow:visible!important}.mini-timeframes button{height:28px!important;min-width:34px!important;font-size:11px!important}.mini-timeframes [hidden]{display:none!important}.mobile-frames{display:block;height:28px;max-width:90px;min-width:60px;color:var(--text);background:var(--bg2);border:1px solid var(--line);border-radius:5px;font:11px var(--font-mono)}
 .mini-metrics{top:78px!important;left:7px!important}.mini-cv-wrap,.mini-body{min-height:0!important}.mini-cv{touch-action:pan-y!important}.in-chart-overlay .mini-cv,.density-preview .mini-cv,#cv{touch-action:none!important}
 #chartOverlay{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;padding:0!important;margin:0!important;border-radius:0!important}#chartOverlayHost{min-height:0!important}.in-chart-overlay .mini-tools{display:flex!important}.in-chart-overlay .mini-metrics{left:42px!important}
 #viewCoins{grid-template-columns:minmax(0,1fr)!important;overflow:auto!important;min-height:0!important}#coinSidebar{width:100%!important;min-width:0!important;height:45dvh!important}.splitter{display:none!important}#chartPanel{height:calc(100dvh - 126px)!important;min-height:0!important;margin:0!important}.cbody{min-height:0!important}.ctop{flex-wrap:wrap}.chart-controls{flex-wrap:wrap}#tfs{max-width:100%;overflow-x:auto}
 :is(#coinSidebar,body)>.inline-book[open]{display:flex!important;position:fixed!important;inset:auto 0 calc(60px + env(safe-area-inset-bottom,0px))!important;z-index:180!important;margin:0!important;width:100vw!important;max-width:none!important;height:min(78dvh,720px)!important;max-height:calc(100dvh - 120px)!important;border-radius:14px 14px 0 0!important;box-shadow:0 -20px 60px #0008;animation:mobile-sheet .18s ease-out}
 .mobile-book-close{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--text)}.inline-book .popover-head{flex-wrap:wrap;gap:5px}.inline-book .book-controls{margin-left:auto}.inline-book .book-level{font-size:10px!important}.inline-book .book-level span:last-child{font-size:10px!important}
 #viewMarket,#viewEvents,#viewProfile,#viewPro,#viewAbout,#viewDocumentation{overflow:auto!important;max-height:100%;min-height:0;box-sizing:border-box;max-width:100%}.market-view-head{flex-wrap:wrap;gap:8px}#densityControls{flex-wrap:wrap;gap:7px!important}.radar-layout{display:flex!important;flex-direction:column!important}.radar-stage{width:100%!important;min-height:350px!important;height:50dvh!important}.radar-detail{width:100%;min-width:0;overflow-x:auto!important}.radar-list-columns,.radar-list{min-width:470px}.radar-order{min-width:470px}.radar-order>b{position:sticky;left:0;z-index:2;background:var(--bg2);padding:10px 5px}.radar-list-columns>span:first-child{position:sticky;left:0;z-index:3;background:var(--bg2)}
 .density-preview[open]{position:fixed!important;inset:8px 6px calc(66px + env(safe-area-inset-bottom,0px))!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;resize:none!important}.density-preview .mini-cv{touch-action:none!important}
 .event-layout,.profile-layout,.paywall-layout,.pro-checkout-layout{grid-template-columns:minmax(0,1fr)!important;display:grid!important}.pro-plan-panel{width:100%;min-width:0}.plan-grid{grid-template-columns:1fr!important}.pro-order-panel{width:100%;box-sizing:border-box}.pro-support a,.manual-payment{display:flex;width:100%;box-sizing:border-box;justify-content:center}.pro-motion-backdrop{max-height:240px;overflow:hidden}.pro-table-scroll{overflow:auto}.terminal-dialog,.auth-dialog{max-width:calc(100vw - 16px)!important;box-sizing:border-box}.event-settings,.alert-preferences{width:100%!important;max-width:100%!important;position:static!important}.documentation-layout{grid-template-columns:1fr!important}.sf-panel{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important}.sf-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.promo-toast{max-width:calc(100vw - 24px);bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}#eventToasts{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;right:8px;max-width:calc(100vw - 16px)}
}
@keyframes mobile-sheet{from{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:768px) and (max-width:1023px){
 body>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px!important}
 body>header .hleft{width:auto!important;min-width:0!important;gap:8px!important}
 body>header .sc-brand-art{width:118px!important;height:auto!important}
 body>header .nav-views{flex:1;white-space:nowrap;scrollbar-width:thin}
 body>header .nav-views button{flex:none}
 body>header .hright{width:auto!important;min-width:0!important;gap:4px!important}
 body>header .picker-wrap,body>header #audioToggle{display:none!important}
 #viewScreener #screenerGrid.screener-grid{grid-template-rows:none!important}
}
@media(max-width:767px){
 #viewPro .pro-plan-options .pricing-cards{grid-template-columns:minmax(0,1fr)}
 #viewPro .pro-plan-options .pricing-cards>button{min-height:132px;padding:16px}
 #viewPro .pricing-cards .plan-badge{min-height:0}
 #viewPro .pricing-cards b{margin:6px 0}
 #viewMarket .radar-detail{overflow-x:auto!important}
 #viewMarket .radar-list{min-width:470px!important;overflow:visible!important;max-height:none!important}
 #viewMarket .radar-order{min-width:470px!important;overflow:visible!important}
 #viewMarket .radar-order>b{left:0;min-height:28px;align-content:center;padding:0 5px;box-shadow:-26px 0 var(--bg2)}
}
@media(prefers-reduced-motion:reduce){.inline-book{animation:none!important}.mobile-bottom-nav *{transition:none!important}}

@media(max-width:767px){.pro-checkout{grid-template-columns:1fr!important}.pro-plans{grid-template-columns:1fr!important}.mobile-pro-demo{display:block;aspect-ratio:16/9;width:100%;background:var(--chart);border:1px solid var(--line);border-radius:8px;margin-bottom:16px}.mobile-book-button{display:inline-flex!important}}
@media(min-width:768px){.mobile-pro-demo,.mobile-book-button{display:none!important}}
@media(max-width:767px){
 body>header{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important}
 body>header .hleft{width:100px!important;max-width:100px!important;min-width:0!important;height:56px!important}
 body>header .sc-brand{width:100px!important;max-width:100px!important;overflow:hidden}
 body>header .sc-brand-art{width:100%!important;min-width:0!important;height:auto!important;max-height:30px}
 body>header .hright{width:auto!important;height:56px!important;gap:4px!important;overflow:visible!important}
 body>header .header-venue{width:98px!important;min-width:0!important;gap:3px!important}
 body>header .header-venue .venue-logo{width:16px;height:16px}
 body>header .profile-wrap{width:40px;min-width:0;flex:none}
 body>header #authOpen{max-width:40px!important;width:40px!important;min-width:0!important}
 body>header .mobile-sort{width:66px!important;flex:none}
 #screenerGrid .mini-head .mini-left,.density-preview .mini-head .mini-left,.in-chart-overlay .mini-head .mini-left{display:grid!important;grid-template-columns:minmax(70px,1fr) auto!important;grid-template-rows:30px 28px!important;gap:4px!important}
 #screenerGrid .mini-head,.density-preview .mini-head,.in-chart-overlay .mini-head{height:72px!important;min-height:72px!important;padding:4px!important}
 #screenerGrid .mini-head .mini-left-actions,.density-preview .mini-left-actions,.in-chart-overlay .mini-left-actions{grid-column:2;grid-row:1;position:static!important;transform:none!important;width:auto!important;display:flex!important;gap:3px!important;justify-self:end;align-self:center}
 #screenerGrid .mini-timeframes,.density-preview .mini-timeframes,.in-chart-overlay .mini-timeframes{grid-column:1/-1;grid-row:2;justify-self:start;align-self:center}
 #screenerGrid .mini-head .mini-sym{min-width:0;grid-column:1;grid-row:1}
 #screenerGrid .mini-metrics{top:78px!important;z-index:4}
 #viewScreener .workspace-bar{margin-top:0!important}
}
@media(max-width:767px){body>.inline-book[open]{flex-direction:column!important;padding:0!important;box-sizing:border-box!important;bottom:calc(60px + env(safe-area-inset-bottom,0px))!important;top:auto!important;background:var(--bg2)!important;color:var(--text)!important;overflow:hidden!important}.mobile-pro-demo{object-fit:contain}}

/* Keep the coin table and the chart usable while resizing either panel. */
#viewCoins {
 --sidebar-min: 320px;
 --chart-min: 360px;
 --splitter-size: 10px;
 --sidebar-cap: 56%;
 min-width: 0;
}
#coinSidebar { container: coin-list / inline-size; }
#viewCoins .coin-icon-button { height: 20px; }
#viewCoins .coin-avatar > img,
#viewCoins .coin-avatar > svg { display: block; object-fit: contain; }

@media (min-width: 768px) {
 #viewCoins.sidebar-motion-ready {
  grid-template-columns:
   minmax(0, var(--sidebar-reveal, clamp(var(--sidebar-min), var(--sidebar-width, 42%), min(var(--sidebar-cap), calc(100% - var(--chart-min) - var(--splitter-size))))))
   var(--splitter-reveal, var(--splitter-size))
   minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr);
 }
 #viewCoins.sidebar-motion-ready > .leftcol,
 #viewCoins.sidebar-motion-ready > #chartPanel { height: auto !important; min-height: 0; }
 #viewCoins.sidebar-motion-ready > .leftcol > :is(.search, .panel) { min-width: var(--sidebar-min); }
 #viewCoins #splitter::after {
  inset: 0 calc(50% - 1px);
 }
 #viewCoins #splitter::before {
  content: '';
  position: absolute;
  inset: calc(50% - 15px) 2px auto;
  height: 30px;
  border-radius: 4px;
  background: var(--muted);
  opacity: .6;
  z-index: 1;
 }
 #viewCoins #splitter:hover::before,
 #viewCoins #splitter:focus-visible::before,
 #viewCoins.will-collapse #splitter::before { background: var(--accent); opacity: 1; }
}
@media (768px <= width <= 1100px) {
 #viewCoins { --sidebar-cap: 42%; }
}
@media (768px <= width <= 1350px) {
 body { padding-top: 80px !important; }
 main { height: calc(100dvh - 104px); min-height: 0; }
 body > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 40px 34px;
  align-content: center;
  height: 80px;
  gap: 0 8px !important;
 }
 body > header .hleft { display: contents; }
 body > header h1 { grid-area: 1 / 1; justify-self: start; }
 body > header .hright { grid-area: 1 / 2; height: auto; width: auto; }
 body > header .nav-views {
  grid-area: 2 / 1 / 3 / 3;
  justify-content: flex-start;
  align-self: center;
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 4px;
 }
 body > header .nav-btn { height: 29px; flex: none; padding: 0 8px; }
}
@media (max-width: 767px) {
 #viewCoins { grid-template-rows: minmax(0, 34%) minmax(0, 1fr); gap: 6px; }
 #viewCoins.sidebar-collapsed { grid-template-rows: minmax(0, 1fr); }
 #viewCoins.sidebar-collapsed > #coinSidebar { display: none !important; }
 #viewCoins > #coinSidebar,
 #viewCoins > #chartPanel { height: auto !important; min-height: 0; }
}

#viewCoins #coinSidebar :is(.tbl, .thead, .row) { min-width: 0; }
#coinSidebar {
  --table-tracks: 16px minmax(93px, 1fr) 90px 52px 44px 50px 74px 68px;
  --coin-row-height: 38px;
}
#viewCoins #coinSidebar :is(.thead, .row) {
  grid-template-columns: var(--table-tracks);
  grid-template-rows: minmax(0, 1fr);
  height: var(--coin-row-height);
  min-height: var(--coin-row-height);
  gap: 0 5px;
  padding-inline: 7px;
}
#viewCoins #coinSidebar .row { contain-intrinsic-size: auto var(--coin-row-height); }
#viewCoins #coinSidebar .row > .pair {
  grid-template-columns: 20px minmax(0, 1fr) 20px;
  gap: 3px;
}
#viewCoins #coinSidebar .pair .favorite-flag { width: 20px; }
#viewCoins #coinSidebar .row .num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
#viewCoins #coinSidebar .thead > span { font-size: 10px; }
#viewCoins #coinSidebar .thead .arr:empty { display: none; }
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) .thead > :nth-child(n+7) {
  font-size: 9px;
  white-space: nowrap;
}
#viewCoins #coinSidebar .row .price-cell { min-width: 0; width: auto; }
#coinSidebar .coin-price-compact { display: none; }

#coinSidebar[data-table-mode="compact"] {
  --table-tracks: 16px minmax(86px, 1fr) 89px 53px 50px 74px;
  --coin-row-height: 40px;
}
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) :is(.thead, .row) {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
#viewCoins #coinSidebar[data-table-mode="compact"] :is(.thead, .row) > :nth-child(-n+6) {
  grid-row: 1 / -1 !important;
}
#viewCoins #coinSidebar[data-table-mode="compact"] :is(.thead, .row) > :nth-child(5),
#viewCoins #coinSidebar[data-table-mode="compact"] .row > .row-signals:empty,
#viewCoins #coinSidebar[data-table-mode="compact"] .pair small { display: none; }
#viewCoins #coinSidebar[data-table-mode="compact"] :is(.thead, .row) > :nth-child(6) { grid-column: 5 !important; }
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) :is(.thead, .row) > :nth-child(n+7) {
  grid-column: -2 !important;
}
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) :is(.thead, .row) > :nth-child(7) {
  grid-row: 1 !important;
  align-self: end;
}
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) :is(.thead, .row) > :nth-child(8) {
  grid-row: 2 !important;
  align-self: start;
}
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) .row > .volume-cell {
  font-weight: 700;
  color: var(--text);
}
#viewCoins #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) .row > .trades-cell {
  font-size: 11px;
  color: #8492a5;
  font-weight: 500;
}
#coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) .trades-cell::after { content: ' сд.'; }
:lang(en) #coinSidebar:is([data-table-mode="compact"], [data-table-mode="ultra"]) .trades-cell::after { content: ' tr.'; }

#coinSidebar[data-table-mode="ultra"] {
  --table-tracks: minmax(0, 1.16fr) minmax(0, 1fr) minmax(0, .86fr);
  --coin-row-height: 42px;
}
#viewCoins #coinSidebar[data-table-mode="ultra"] :is(.thead, .row) > :is(:first-child, :nth-child(5), :nth-child(6)),
#viewCoins #coinSidebar[data-table-mode="ultra"] .thead .coin-price-wide,
#viewCoins #coinSidebar[data-table-mode="ultra"] :is(.pair small, #info) { display: none; }
#viewCoins #coinSidebar[data-table-mode="ultra"] .coin-price-compact { display: inline; }
#viewCoins #coinSidebar[data-table-mode="ultra"] :is(.thead, .row) > :nth-child(2) {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: end;
}
#viewCoins #coinSidebar[data-table-mode="ultra"] .row > .pair { align-self: center; }
#viewCoins #coinSidebar[data-table-mode="ultra"] .thead > :nth-child(3),
#viewCoins #coinSidebar[data-table-mode="ultra"] .row .price-cell > .p {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end;
}
#viewCoins #coinSidebar[data-table-mode="ultra"] :is(.thead, .row) > :nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start;
}
#viewCoins #coinSidebar[data-table-mode="ultra"] .row > .price-cell { display: contents; }
#viewCoins #coinSidebar[data-table-mode="ultra"] .price-cell > .spread-badge {
  grid-column: 1;
  grid-row: 2;
  justify-self: start;
  align-self: start;
}
#viewCoins #coinSidebar[data-table-mode="ultra"] .thead > :nth-child(2) { grid-row: 1 / -1 !important; align-self: center; }

@container (width < 520px) {
 #chartPanel .chart-quote { margin-left: auto; width: auto; }
 #chartPanel .chart-controls { flex-wrap: wrap; }
 #chartPanel #tfs { flex: 1 0 100%; box-sizing: border-box; }
 #chartPanel #tfs button { min-width: 0; flex: 1; padding-inline: 4px; }
}

#screenerScroll {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
#viewScreener #screenerGrid { overflow: visible; scrollbar-gutter: auto; }
#screenerPaging { min-height: 36px; }
#screenerPaging:not(.at-end) { visibility: hidden; }

/* Keep paging, filters and grid controls in the layout flow. */
@media (min-width: 768px) {
  #viewScreener {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto minmax(0, 1fr);
  }
  #viewScreener > .workspace-bar { grid-area: 1 / 1; }
  #viewScreener > .screener-bar {
    grid-area: 1 / 2;
    justify-self: end;
    flex-wrap: nowrap;
    margin: 0;
  }
  #viewScreener > #screenerScroll { grid-area: 2 / 1 / 3 / -1; }
}
@media (768px <= width <= 1479px) {
  #viewScreener {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto minmax(0, 1fr);
  }
  #viewScreener > .screener-bar {
    grid-area: 2 / 1 / 3 / -1;
    justify-self: stretch;
    justify-content: space-between;
  }
  #viewScreener > #screenerScroll { grid-area: 3 / 1 / 4 / -1; }
}
@media (max-width: 767px) {
  #screenerScroll { overflow-y: scroll; overflow-x: hidden; scroll-snap-type: y mandatory; }
  #screenerPaging { scroll-snap-align: end; }
  #screenerGrid > .pro-grid-stub { scroll-snap-align: start; }
}
@container (width <= 510px) {
  #screenerGrid > .mini-card .mini-head .mini-left {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 28px 28px;
    gap: 4px;
  }
  #screenerGrid > .mini-card .mini-head { height: auto; min-height: 70px; box-sizing: border-box; }
  #screenerGrid > .mini-card .mini-sym { grid-area: 1 / 1; min-width: 0; }
  #screenerGrid > .mini-card .mini-sym > span { overflow: hidden; text-overflow: ellipsis; }
  #screenerGrid > .mini-card .mini-left-actions { grid-area: 1 / 2; align-self: center; justify-self: end; }
  #screenerGrid > .mini-card .mini-timeframes {
    grid-area: 2 / 1 / 3 / -1;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
  #screenerGrid > .mini-card .mini-metrics { top: 78px !important; }
}
@media (768px <= width <= 1023px) {
  #viewScreener .grid-choices > [data-grid] { display: none; }
}
@media (max-width: 1023px) {
  body > header .hright #audioToggle { display: inline-grid !important; place-items: center; flex: 0 0 30px; width: 30px; min-width: 30px; padding: 0; }
  body > header .hright #audioToggle .control-label { display: none; }
}
@media (max-width: 410px) {
  body > header { grid-template-columns: 76px minmax(0, 1fr) !important; }
  body > header .hleft, body > header .sc-brand { width: 76px !important; }
  body > header .header-venue { width: 78px !important; }
  body > header .mobile-sort { width: 54px !important; }
}
@media (max-width: 767px) {
  #viewScreener .workspace-settings .settings-popover { left: auto; right: 0; }
}
@media (max-width: 360px) {
  body > header { grid-template-columns: 88px minmax(0, 1fr) !important; }
  body > header .hleft, body > header .sc-brand { width: 88px !important; }
  body > header .header-venue { width: 78px !important; }
  body > header .mobile-sort { width: 56px !important; }
}