@media (max-width: 900px){
  .ppp-header{flex-direction:column}.ppp-nav{justify-content:flex-start}.ppp-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ppp-form-grid{grid-template-columns:1fr}.ppp-span-2,.ppp-span-3{grid-column:auto}.ppp-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ppp-detail-head{flex-direction:column}
}
@media (max-width: 600px){
  .ppp-shell{padding:12px}.ppp-page-title{font-size:22px}.ppp-filters{grid-template-columns:1fr}.ppp-checkbox-grid{grid-template-columns:1fr}.ppp-nav-link,.ppp-btn{width:100%;text-align:center}.ppp-nav{width:100%}
}

@media (max-width: 900px){.ppp-help-grid{grid-template-columns:1fr}.ppp-help-item,.ppp-help-admin-row{flex-direction:column;align-items:stretch}.ppp-help-item .ppp-btn,.ppp-help-item .ppp-btn-secondary{width:100%;text-align:center}}


@media (max-width: 782px){
  .ppp-assignment-launch-head{flex-direction:column;align-items:stretch}
  .ppp-collapse-toggle-prominent{width:100%;min-width:0}
  .ppp-assignment-title{font-size:24px}
}
@media (max-width: 900px){
  .ppp-header-right{width:100%;flex-direction:column;align-items:stretch}
  .ppp-bell-wrap{width:100%}
  .ppp-bell-btn{width:100%}
  .ppp-bell-panel{left:0;right:auto;width:100%}
}

@media (max-width: 900px){.ppp-help-layout{grid-template-columns:1fr}.ppp-help-grid{grid-template-columns:1fr}.ppp-help-admin-row,.ppp-help-item{flex-direction:column;align-items:flex-start}}

@media (max-width: 780px){.ppp-help-searchbar{flex-direction:column;align-items:stretch}.ppp-help-searchbar .ppp-btn,.ppp-help-searchbar .ppp-btn-secondary{width:100%}}

/* 0.7.0 cleanup */
@media (max-width: 900px){
  .ppp-header{padding:16px}
  .ppp-brand{align-items:flex-start}
  .ppp-page-title{font-size:24px}
  .ppp-header-right{width:100%;flex-direction:column;align-items:stretch}
  .ppp-nav{justify-content:flex-start}
  .ppp-nav-link,.ppp-btn{width:100%;text-align:center;box-sizing:border-box}
}


@media (max-width: 980px){
  .ppp-messages-layout{grid-template-columns:1fr}
}

@media (max-width: 900px){
  .ppp-logo{height:56px;max-width:180px}
}
@media (max-width: 600px){
  .ppp-logo{height:48px;max-width:150px}
}


@media (max-width: 782px){
  .ppp-file-list{flex-direction:column}
  .ppp-file-chip{width:100%;box-sizing:border-box}
}


/* 0.10.1 sidebar mobile */
@media (max-width: 1100px){
  .ppp-shell{padding:20px 20px 28px 20px}
  .ppp-sidebar{transform:translateX(-120%)}
  body.ppp-app-shell.ppp-sidebar-open .ppp-sidebar{transform:translateX(0)}
  .ppp-sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(17,12,24,.42);border:0;z-index:25}
  .ppp-topbar-menu-btn{display:inline-flex}
}
@media (max-width: 900px){
  .ppp-topbar{padding:16px;top:calc(var(--ppp-admin-offset) + 8px)}
  .ppp-page-title{font-size:28px}
  .ppp-topbar-left,.ppp-topbar-right{align-items:flex-start}
  .ppp-topbar-right{gap:10px}
  .ppp-bell-panel,.ppp-account-panel{right:0;left:auto;max-width:calc(100vw - 32px)}
}
@media (max-width: 600px){
  .ppp-shell{padding:14px 14px 24px 14px}
  .ppp-topbar{align-items:flex-start;flex-direction:column}
  .ppp-topbar-right{width:100%;justify-content:space-between}
  .ppp-page-title{font-size:24px}
  .ppp-account-btn{max-width:calc(100vw - 110px)}
  .ppp-account-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ppp-bell-panel,.ppp-account-panel{width:min(320px, calc(100vw - 28px))}
}


/* 0.10.7.12 mobile sidebar and Gantt repair */
@media (max-width:1100px){
  body.ppp-app-shell .ppp-sidebar-overlay[hidden]{display:none!important;pointer-events:none!important;opacity:0!important;}
  body.ppp-app-shell.ppp-sidebar-mobile-open .ppp-sidebar-overlay:not([hidden]),
  body.ppp-app-shell.ppp-sidebar-open .ppp-sidebar-overlay:not([hidden]){display:block!important;pointer-events:auto!important;opacity:1!important;z-index:9998!important;}
  body.ppp-app-shell .ppp-sidebar{z-index:9999!important;}
  body.ppp-app-shell.ppp-sidebar-mobile-open .ppp-sidebar,
  body.ppp-app-shell.ppp-sidebar-open .ppp-sidebar{transform:translateX(0)!important;left:16px!important;}
  body.ppp-app-shell .ppp-topbar-menu-btn{display:inline-flex!important;}
}


/* 0.10.7.58 data-safety + mobile shell repair */
.ppp-notes-list,
.ppp-note-history,
.ppp-note-block .ppp-notes-list{
  max-height:none!important;
  overflow:visible!important;
}
.ppp-note-edit,
.ppp-note-edit-summary,
.ppp-note-text-preview{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.ppp-note-text-preview{
  white-space:pre-wrap;
}
@media (max-width:1100px){
  html, body.ppp-app-shell{overflow-x:hidden!important;}
  body.ppp-app-shell.ppp-sidebar-mobile-open{overflow:hidden!important;touch-action:none;}
  body.ppp-app-shell .ppp-shell{max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box;}
  body.ppp-app-shell .ppp-topbar,
  body.ppp-app-shell .ppp-card,
  body.ppp-app-shell .ppp-table-card{max-width:100%!important;box-sizing:border-box;}
  body.ppp-app-shell .ppp-sidebar{
    position:fixed!important;
    left:12px!important;
    right:auto!important;
    top:calc(var(--ppp-admin-offset, 0px) + 12px)!important;
    width:min(340px, calc(100vw - 24px))!important;
    height:calc(100dvh - var(--ppp-admin-offset, 0px) - 24px)!important;
    max-height:calc(100dvh - var(--ppp-admin-offset, 0px) - 24px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    padding-bottom:104px!important;
    box-sizing:border-box!important;
    z-index:9999!important;
  }
  body.ppp-app-shell .ppp-sidebar-scroll{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:104px!important;
  }
  body.ppp-app-shell .ppp-sidebar-overlay:not([hidden]){
    position:fixed!important;
    inset:0!important;
    z-index:9998!important;
  }
  .ppp-table-wrap,
  .ppp-gantt-scroll,
  .ppp-gantt-power-card,
  .ppp-request-list,
  .ppp-checklist-card,
  .ppp-vs-board-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media (max-width:600px){
  body.ppp-app-shell .ppp-sidebar{left:8px!important;width:calc(100vw - 16px)!important;}
  .ppp-floating-new-assignment{right:12px!important;bottom:78px!important;max-width:calc(100vw - 24px)!important;white-space:normal!important;}
  .ppp-quick-chat{right:12px!important;bottom:138px!important;}
}