/* Readable auxiliary views and compact market selection across Pro themes. */
#vRisk{grid-auto-rows:max-content;grid-template-rows:max-content;align-content:start}
#T>.VW.on{overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:18px}
.mover-identity{display:flex;flex-direction:column;gap:3px;min-width:0}
.mover-symbol{font-size:12px;white-space:nowrap}
.mover-name{font-size:10px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mover-row:focus-visible{outline:2px solid var(--red);outline-offset:-2px}
.mzp-name strong{overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}
.mzp-current{margin-left:5px;vertical-align:middle}
@media(max-width:1024px){
  /* Desktop cell-hover backgrounds must not become separate blocks in cards. */
  #T.mz-mobile-ready #dk:is([data-mobile-dock="pos"],[data-mobile-dock="ord"],[data-mobile-dock="his"]) table.g td,
  #T.mz-mobile-ready #dk:is([data-mobile-dock="pos"],[data-mobile-dock="ord"],[data-mobile-dock="his"]) table.g tr:hover td{background:transparent;box-shadow:none}
  #T.mz-mobile-ready #dk:is([data-mobile-dock="pos"],[data-mobile-dock="ord"],[data-mobile-dock="his"]) table.g tr::before{display:none}
  #T.mz-mobile-ready #dk[data-mobile-dock="pos"] td:first-child{border:0!important;box-shadow:none}
  #T.mz-mobile-ready #dk .movers-table{display:block;min-width:0;width:100%;table-layout:fixed}
  #T.mz-mobile-ready #dk .movers-table thead{display:none}
  #T.mz-mobile-ready #dk .movers-table tbody{display:block}
  #T.mz-mobile-ready #dk .movers-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:14px 8px;border-bottom:1px solid var(--l);min-height:76px}
  #T.mz-mobile-ready #dk .movers-table td{display:block;padding:0;border:0;background:transparent;min-width:0;height:auto;white-space:nowrap}
  #T.mz-mobile-ready #dk .movers-table .mover-market{grid-column:1;grid-row:1/3;align-self:center;text-align:left}
  #T.mz-mobile-ready #dk .movers-table .mover-price{grid-column:2;grid-row:1;text-align:right;font-size:15px;font-variant-numeric:tabular-nums}
  #T.mz-mobile-ready #dk .movers-table .mover-change{grid-column:2;grid-row:2;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
  #T.mz-mobile-ready #dk .movers-table .mover-range,
  #T.mz-mobile-ready #dk .movers-table .mover-signal{display:none}
  #T.mz-mobile-ready #dk .movers-table .nt{display:flex;gap:10px;min-width:0}
  #T.mz-mobile-ready #dk .movers-table .cn{width:30px;height:30px;flex-basis:30px}
  #T.mz-mobile-ready #dk .movers-table .mover-symbol{font-size:14px;overflow:hidden;text-overflow:ellipsis}
  #T.mz-mobile-ready #dk .movers-table .mover-name{font-size:11px;max-width:100%}
  #T.mz-mobile-ready>.VW.on{scrollbar-gutter:auto;padding-bottom:18px;overflow-x:hidden}
  #T.mz-mobile-ready>.VW .vh{flex-direction:column;align-items:flex-start;gap:5px;padding:8px 2px 12px}
  #T.mz-mobile-ready>.VW .vh p{font-size:12px;line-height:1.5}
  #T.mz-mobile-ready .rkres>div{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:700px){
  .mz-market-picker{position:fixed;inset:var(--mzp-top,0px) 0 auto;margin:0;width:100vw;height:var(--mzp-height,100dvh);max-height:var(--mzp-height,100dvh);border:0;border-radius:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}
  .mzp-shell{height:100%;max-height:none;min-height:0}
  .mzp-header{padding:8px 14px 6px;gap:12px;background:var(--p)}
  .mzp-header h2{font-size:20px;letter-spacing:-.035em;line-height:1.3}
  .mzp-eyebrow,.mzp-shortcut,.mzp-hints{display:none}
  .mzp-close{width:44px;height:44px}
  .mzp-search{margin:4px 14px 0;height:46px;min-height:46px;padding:0 12px;gap:10px}
  .mzp-search input{font-size:16px}
  .mzp-categories{padding:8px 14px;gap:4px;mask-image:linear-gradient(to right,#000 94%,transparent);scroll-padding-inline:14px}
  .mzp-categories button{min-height:44px;padding:0 12px;font-size:12px;border-radius:8px}
  .mzp-columns{display:none}
  .mzp-results{padding:0 10px;border-top:1px solid var(--l);min-height:0;scrollbar-gutter:stable}
  .mzp-row{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;min-height:76px;padding:12px 8px;border-radius:9px;border-bottom:1px solid var(--l)}
  .mzp-row.is-current::before{top:20px;bottom:20px}
  .mzp-identity{grid-column:1;grid-row:1/4;gap:10px}
  .mzp-logo{width:32px;height:32px;flex-basis:32px}
  .mzp-name{gap:4px;min-width:0}
  .mzp-name strong{font-size:14px;line-height:1.3}
  .mzp-name>span{max-width:none;font-size:11px}
  .mzp-current{display:inline-flex}
  .mzp-price{grid-column:2;grid-row:1;font-size:14px}
  .mzp-change{grid-column:2;grid-row:2;font-size:12px}
  .mzp-status{grid-column:2;grid-row:3;font-size:10px;max-width:130px;line-height:1.2;align-self:auto}
  .mzp-footer{padding:10px 16px;min-height:38px;font-size:11px}
  #T.mz-mobile-ready #vRisk .rkgrid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){
  .mzp-row{column-gap:8px;padding-inline:6px}
  .mzp-identity{gap:7px}
  .mzp-logo{width:28px;height:28px;flex-basis:28px}
  .mzp-name strong{font-size:13px}
  .mzp-price{font-size:13px}
  #T.mz-mobile-ready #dk .movers-table tr{padding-inline:4px;column-gap:8px}
}

/* Desktop positions follow the center panel width, not the full viewport.
   Keep reduction actions visible without changing their handlers or hit order. */
@media(min-width:1025px){
  #T #dk:has(table.positions-table){container-type:inline-size;container-name:mz-position-dock;min-width:0;overflow-x:auto;scrollbar-gutter:stable;overflow-anchor:none}
  #T #dk table.g.positions-table{table-layout:fixed;width:100%;min-width:0;border-collapse:separate;border-spacing:0}
  #T #dk table.g.positions-table :is(th,td){padding:7px;vertical-align:middle;box-sizing:border-box;font-variant-numeric:tabular-nums}
  #T #dk table.g.positions-table th{font-size:9px;letter-spacing:.035em;white-space:normal;line-height:1.35}
  #T #dk table.g.positions-table td{font-size:11px;line-height:1.4}
  #T #dk table.g.positions-table th:nth-child(1){width:13%}
  #T #dk table.g.positions-table th:nth-child(2){width:5.5%}
  #T #dk table.g.positions-table th:nth-child(3){width:8%}
  #T #dk table.g.positions-table th:nth-child(4),#T #dk table.g.positions-table th:nth-child(5){width:9%}
  #T #dk table.g.positions-table th:nth-child(6){width:6%}
  #T #dk table.g.positions-table th:nth-child(7){width:10.5%}
  #T #dk table.g.positions-table th:nth-child(8){width:23%}
  #T #dk table.g.positions-table th:nth-child(9){width:16%}
  #T #dk table.g.positions-table .nt{gap:6px;min-width:0}
  #T #dk table.g.positions-table .nt .cn{width:22px;height:22px;flex:0 0 22px;font-size:9px}
  #T #dk table.g.positions-table .nt>b{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
  #T #dk table.g.positions-table .sd{padding:3px 4px;font-size:9px;white-space:nowrap}
  #T #dk table.g.positions-table .bkg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%;max-width:none}
  #T #dk table.g.positions-table .bkg :is(.bkadd,.bkv,.bki){height:44px;min-height:44px}
  #T #dk table.g.positions-table .bkg .bked{padding:0 5px;gap:4px;font-size:11px;white-space:normal;overflow-wrap:anywhere;text-align:left}
  #T #dk table.g.positions-table .bkg .bked i{font-size:9px;flex:none}
  #T #dk table.g.positions-table .bkg .bkdl{flex-basis:28px}
  #T #dk table.g.positions-table .bkg .bki{padding:0 5px;font-size:11px}
  #T #dk table.g.positions-table :is(th,td):last-child{position:sticky;right:0;z-index:3;background:var(--p);box-shadow:-1px 0 0 var(--l),-7px 0 12px color-mix(in srgb,var(--bg) 45%,transparent);white-space:nowrap}
  #T #dk table.g.positions-table th:last-child{z-index:4;background:var(--p2)}
  #T #dk table.g.positions-table tr:hover td:last-child,#T #dk table.g.positions-table tr.on td:last-child{background:var(--p2)}
  #T #dk table.g.positions-table td:last-child .xb{min-height:44px;height:44px;padding:0 7px;font-size:11px;vertical-align:middle}
  #T #dk table.g.positions-table td:last-child [data-cl]:not([data-frac]){color:var(--red);border-color:var(--rb);background:var(--ra)}
  @container mz-position-dock (max-width:1079px){
    #T #dk table.g.positions-table :is(th,td):nth-child(5),#T #dk table.g.positions-table :is(th,td):nth-child(6){display:none}
    #T #dk table.g.positions-table th:nth-child(1){width:15%}
    #T #dk table.g.positions-table th:nth-child(2){width:7%}
    #T #dk table.g.positions-table th:nth-child(3){width:10%}
    #T #dk table.g.positions-table th:nth-child(4){width:12%}
    #T #dk table.g.positions-table th:nth-child(7){width:13%}
    #T #dk table.g.positions-table th:nth-child(8){width:25%}
    #T #dk table.g.positions-table th:nth-child(9){width:18%}
    #T #dk table.g.positions-table .bkg{grid-template-columns:minmax(0,1fr);gap:4px}
    #T #dk table.g.positions-table td:last-child{font-size:0;white-space:normal!important}
    #T #dk table.g.positions-table td:last-child [data-shp],#T #dk table.g.positions-table td:last-child [data-frac]{display:inline-flex;align-items:center;justify-content:center;width:calc((100% - 4px)/2);min-height:32px;height:32px;padding:0 2px;font-size:10px}
    #T #dk table.g.positions-table td:last-child [data-shp]{margin-right:4px}
    #T #dk table.g.positions-table td:last-child [data-cl]:not([data-frac]){display:flex;align-items:center;justify-content:center;width:100%;min-width:44px;margin-top:4px;font-size:11px}
  }
  @container mz-position-dock (max-width:620px){
    #T #dk table.g.positions-table :is(th,td){padding-left:5px;padding-right:5px}
    #T #dk table.g.positions-table .nt .cn{display:none}
    #T #dk table.g.positions-table th:nth-child(1){width:14%}
    #T #dk table.g.positions-table th:nth-child(2){width:8%}
    #T #dk table.g.positions-table .sd{padding-left:2px;padding-right:2px;font-size:8px}
    #T #dk table.g.positions-table .bkg .bked{font-size:10px;gap:3px;padding-left:4px;padding-right:4px}
  }
}

/* The legacy stack starts at1100px; native mobile starts at1024px.
   Keep this intermediate desktop window bounded without changing either mode. */
@media(min-width:1025px) and (max-width:1100px){
  body:has(#T:not(.dojo-on):not(.streak-active)){overflow:hidden}
  #T:not(.dojo-on):not(.streak-active){
    height:calc(100svh - var(--anb,0px));min-height:0;overflow:hidden;
    grid-template-columns:minmax(0,1fr) 304px;
    grid-template-rows:auto minmax(0,1fr) clamp(168px,26vh,220px) 24px;
    grid-template-areas:"top top" "chart side" "dock side" "st st";
  }
  #T:not(.dojo-on):not(.streak-active)>:is(.wl,.sig){display:none}
  #T:not(.dojo-on):not(.streak-active)>:is(.ch,.side,.dock){height:auto;min-height:0;max-height:none}
  #T:not(.dojo-on):not(.streak-active)>.side{overflow:auto;overscroll-behavior:contain}
  #T:not(.dojo-on):not(.streak-active)>.dock{overflow:hidden}
  #T:not(.dojo-on):not(.streak-active)>.dock>.dk{min-height:0;overflow:auto}
  #T:is(.vw,.flow):not(.dojo-on):not(.streak-active){
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr) 24px;
    grid-template-areas:"top" "of" "st";
  }
  #T:not(.dojo-on):not(.streak-active)>:is(.VW.on,.OF){height:auto;min-height:0;max-height:100%;overflow:auto;overscroll-behavior:contain}
  #T.fs:not(.dojo-on):not(.streak-active){grid-template-areas:"top top" "chart chart" "chart chart" "st st"}
}

/* Desktop mouse: one compact line per position (Claude, 15 Oct). Touch keeps the 44px targets above. */
@media(min-width:1025px) and (pointer:fine){
  #T #dk table.g.positions-table :is(th,td){padding-top:6px;padding-bottom:6px}
  #T #dk table.g.positions-table .bkg{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  #T #dk table.g.positions-table .bkg :is(.bkadd,.bkv,.bki){height:28px;min-height:28px}
  #T #dk table.g.positions-table .bkg .bkadd{font-size:11px;padding:0 4px;white-space:nowrap}
  /* a stop or target price never breaks mid-number (Claude, 17 Oct) */
  #T #dk table.g.positions-table .bkg .bked{white-space:nowrap;overflow-wrap:normal;text-overflow:clip;gap:3px;padding:0 4px 0 6px}
  #T #dk table.g.positions-table .bkg .bkdl{flex-basis:22px}
  #T #dk table.g.positions-table td:last-child{font-size:0;white-space:nowrap!important}
  #T #dk table.g.positions-table td:last-child .xb,
  #T #dk table.g.positions-table td:last-child [data-shp],
  #T #dk table.g.positions-table td:last-child [data-frac],
  #T #dk table.g.positions-table td:last-child [data-cl]:not([data-frac]){display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:0;min-height:28px;height:28px;margin:0 0 0 4px;padding:0 9px;font-size:11px}
  #T #dk table.g.positions-table td:last-child .xb:first-child{margin-left:0}
  @container mz-position-dock (max-width:1079px){
    #T #dk table.g.positions-table td:last-child .xb,
    #T #dk table.g.positions-table td:last-child [data-shp],
    #T #dk table.g.positions-table td:last-child [data-frac],
    #T #dk table.g.positions-table td:last-child [data-cl]:not([data-frac]){padding:0 6px;margin:0 0 0 3px;width:auto;font-size:10.5px}
    #T #dk table.g.positions-table td:last-child .xb:first-child{margin-left:0}
    #T #dk table.g.positions-table th:nth-child(8){width:27%}
    #T #dk table.g.positions-table th:nth-child(9){width:19%}
  }
}