@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;}
}