/* overflow:hidden on body creates a non-scrolling sticky ancestor. Clip does not. */
html:has(body.dropos-workspace) { overflow-x:clip; }
body.dropos-workspace { overflow-x:clip; overflow-y:visible; }
body.dropos-workspace.dw-nav-open,body.dropos-workspace.dw-preview-open { overflow:hidden; }
body.dropos-workspace #ppAside { --pp-top:120px; gap:10px; }
body.dropos-workspace #ppAside .pp-phone { box-sizing:border-box; width:var(--pp-width,270px);height:var(--pp-height,540px);flex:none; }
body.dropos-workspace #ppAside iframe { transform:scale(var(--pp-scale,.63));height:var(--pp-frame-height,813px); }
body.dropos-workspace #ppAside .pp-name { max-width:280px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-size:12px; }
body.dropos-workspace #ppAside .pp-acts { gap:6px; }
body.dropos-workspace #ppAside .pp-acts .btn { min-height:36px;padding:0 10px;font-size:12px; }
@media(min-width:1181px) {
  body.dropos-workspace #ppGrid { align-items:start; }
  body.dropos-workspace #ppGrid>.table-wrap { grid-column:1;grid-row:1; }
  body.dropos-workspace #ppAside { grid-column:2;grid-row:1;position:sticky;top:var(--pp-top);align-self:start; }
}
@media(max-width:1180px) {
  body.dropos-workspace #ppAside { position:fixed;inset:0;gap:8px;padding:12px;overflow:auto;overscroll-behavior:contain;background:#080b13ee;backdrop-filter:blur(6px); }
  body.dropos-workspace #ppAside .pp-name { max-width:min(360px,95vw); }
}