/* Invoice Generator on the website: make room for the sticky site bar.
   (The module's own styles are in app.html and stay untouched.) */
@media (min-width: 861px) {
  .ms-page .rail { top: var(--ms-bar-h); height: calc(100vh - var(--ms-bar-h)); }
  .ms-page .toolbar { top: var(--ms-bar-h); }
  .ms-page .pvcol { top: calc(var(--ms-bar-h) + 84px); }
  .ms-page .cl-list { top: calc(var(--ms-bar-h) + 16px); }
}
/* On phones the module's own top bar is enough; the site bar scrolls away. */
@media (max-width: 860px) {
  .ms-sticky .ms-bar { position: relative; }
}