.px-menu-toggle{display:none!important}
.pgx-mobile-only{display:none!important}
@media (max-width: 980px){
  .pgx-mobile-only{display:inline-flex!important}
  .px-menu-toggle{display:inline-flex!important}

  .px-shell,.app,.jp-app{display:block!important}
  .px-sidebar,.side,.jp-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,320px)!important;transform:translateX(-110%);transition:transform .22s ease;z-index:60;box-shadow:0 22px 50px rgba(15,23,42,.18)}
  body.pg-shell.menu-open .px-sidebar,body.pg-admin-shell.menu-open .side,body.backoffice-shell.menu-open .jp-sidebar{transform:translateX(0)}
  body.pg-shell::before,body.pg-admin-shell::before,body.backoffice-shell::before{content:'';position:fixed;inset:0;background:rgba(15,23,42,.36);opacity:0;pointer-events:none;transition:.2s ease;z-index:50}
  body.pg-shell.menu-open::before,body.pg-admin-shell.menu-open::before,body.backoffice-shell.menu-open::before{opacity:1;pointer-events:auto}
  .px-main,.main,.jp-main{padding:14px!important}
  .px-topbar,.top,.jp-topbar{position:sticky;top:0;z-index:20;padding-bottom:10px;background:#f8fafc!important}
  .px-topbar-left,.jp-topbar>div:first-child{min-width:0}
}
@media (max-width: 900px){
  .pgx-section-grid,.pgx-section-grid-3,.branding-grid,.grid-two{grid-template-columns:1fr!important}
  table{display:block;overflow:auto;white-space:nowrap}
}
@media (max-width: 720px){
  .px-head-row,.top,.jp-topbar{flex-direction:column!important;align-items:flex-start!important}
  .card,.px-card{border-radius:18px!important}
  .dash-chip,.btn,.px-btn{width:auto;max-width:100%}
  .profile-meta{grid-template-columns:1fr!important}
}


img,svg,video,canvas{max-width:100%;height:auto}
body{overflow-x:hidden}
.px-card,.card,.profile-card,.cfg-panel{max-width:100%}
.px-topbar>div:last-child,.top>.muted,.jp-topbar>.jp-actions{min-width:0}
.px-topbar .px-balance,.top .pp-filter-pill{max-width:100%}
.px-table-wrap,.table-wrap,.table-container,div[style*="overflow:auto"]{overflow:auto;-webkit-overflow-scrolling:touch}
.px-public-wrap,.pp-wrap{max-width:100%;overflow-x:hidden}
@media (max-width: 980px){
  .pp-sidebar-overlay{display:block}
  .px-topbar>div:last-child,.top>.muted,.jp-topbar>.jp-actions{width:100%;justify-content:flex-start!important}
  .pp-account-card,.pp-logout-link{width:100%}
  .cfg-statgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cfg-grid,.cfg-system-board,.cfg-actions,.cfg-shortcuts{grid-template-columns:1fr!important}
}
@media (max-width: 760px){
  .pp-filter-pill,.px-balance,.jp-pill,.px-userchip,.cfg-badges,.cfg-tabs{width:100%}
  .pp-filter-pill,.px-balance,.jp-pill,.px-userchip{justify-content:space-between}
  .cfg-statgrid,.cfg-field-grid,.cfg-metrics,.cfg-preview-grid{grid-template-columns:1fr!important}
  .cfg-hero,.cfg-panel,.cfg-savebar{padding:16px!important}
  .cfg-savebar{position:static!important}
  .pp-header-actions,.pp-hero-actions,.pg-alt{width:100%}
  .pp-header-actions .pp-btn,.pp-hero-actions .pp-btn{width:100%;justify-content:center}
  .px-public-header,.pp-device-head{align-items:flex-start}
}