/* Shared responsive guarantees for admin and customer workspaces. */
.content{min-width:0;overflow-x:hidden}
.content>*{max-width:100%}
.tbl-wrap,[data-table-scroll]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl-wrap table,[data-table-scroll] table{min-width:680px}
.modal-bg,.standalone-modal-bg,.app-modal-bg{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important}
.modal,.standalone-modal-panel{max-height:calc(100dvh - max(32px,env(safe-area-inset-top) + env(safe-area-inset-bottom)))!important;overscroll-behavior:contain}
.modal-head{top:0!important}.modal-foot{bottom:0!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}
.premium-page-header,.section-heading-row,.ops-panel-head,.wpb-section-head{min-width:0}
.premium-page-header>div,.section-heading-row>div,.ops-panel-head>div,.wpb-section-head>div{min-width:0}
.premium-page-header h1,.section-heading-row h2,.ops-panel-head h2,.wpb-section-head h2{overflow-wrap:anywhere}
.download-release-status{max-width:800px;margin:0 auto 18px;display:flex;align-items:center;gap:11px;padding:13px 15px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.download-release-status>.material-symbols-rounded{color:var(--green)}.download-release-status>div{display:flex;min-width:0;flex:1;flex-direction:column}.download-release-status strong{font-size:12px}.download-release-status small{color:var(--text3);font-size:10px}.download-release-status a{color:var(--accent);font-size:11px;font-weight:700}

@media(max-width:1100px){
  .content{padding:22px 20px!important}
  .premium-client-grid,.item-grid,.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important}
  .ops-main-grid,.ops-bottom-grid{grid-template-columns:1fr!important}
  .modal-xl{max-width:calc(100vw - 32px)!important}
}

@media(max-width:768px){
  .content{padding:18px 14px calc(22px + env(safe-area-inset-bottom))!important}
  .topbar{padding-left:14px!important;padding-right:14px!important}
  .premium-page-header,.section-heading-row,.wpb-site-head,.wpb-section-head{align-items:flex-start!important;flex-direction:column!important}
  .premium-page-header>.btn,.premium-page-header>.wpb-actions,.wpb-actions{width:100%;flex-wrap:wrap}
  .premium-page-header .btn,.wpb-actions .btn,.wpb-actions a{flex:1 1 150px}
  .download-release-status{align-items:flex-start;flex-wrap:wrap}.download-release-status a{width:100%;padding-left:35px}
  .modal-bg,.standalone-modal-bg,.app-modal-bg{align-items:flex-end!important;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important}
  .modal,.standalone-modal-panel{width:100%!important;max-width:none!important;max-height:calc(100dvh - 16px)!important;border-radius:16px 16px 10px 10px!important}
  .modal-head,.modal-body,.modal-foot{padding-left:16px!important;padding-right:16px!important}
  .modal-foot{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}
  .modal-foot .btn{width:100%}
  .form-grid,.ticket-form,.ticket-detail-meta,.ticket-manage-grid{grid-template-columns:1fr!important}
  .form-group.full,.ticket-form .full{grid-column:auto!important}
  button,.btn,.nav-item,summary,select,input{min-height:40px}
}

@media(max-width:480px){
  .content{padding-left:11px!important;padding-right:11px!important}
  .premium-client-grid,.item-grid,.cards-grid,.mr-grid{grid-template-columns:1fr!important}
  .modal-foot{grid-template-columns:1fr}
  .ticket-kpis,.dashboard-metrics,.client-overview-strip,.api-overview-strip{grid-template-columns:1fr!important}
}