/* R44 — auditoria global de responsividade e contenção. */
html,body{max-width:100%;overflow-x:hidden}
.app-main,.content,.card,.table-card,.settings-layout,.settings-grid,.two-columns,.stat-grid,.form-grid{min-width:0}
img,video,canvas,svg{max-width:100%}
.table-card,.permission-matrix,.report-table{max-width:100%;overflow-x:auto}
.page-heading>*{min-width:0}.page-actions,.row-actions,.toolbar{max-width:100%}
input,textarea,select,button{max-width:100%}
@media (min-width:1440px){
  .content:not(:has(>.workspace-page)){width:min(calc(100vw - 268px - 32px),1880px)!important;max-width:1880px!important;margin-inline:auto!important}
  .settings-layout,.settings-grid,.team-layout,.knowledge-layout{gap:22px!important}
  .card{padding:clamp(20px,1.35vw,28px)!important}
}
@media (min-width:1920px){
  .content:not(:has(>.workspace-page)){width:min(calc(100vw - 268px - 48px),2040px)!important;max-width:2040px!important}
  .workspace-page{width:min(calc(100vw - 268px - 36px),2100px)!important;max-width:2100px!important;margin-inline:auto!important}
  .workspace-page .chat-layout-focused,.workspace-page .ticket-layout{grid-template-columns:minmax(0,1fr) minmax(350px,410px)!important}
}
@media (min-width:2400px){
  .content:not(:has(>.workspace-page)){max-width:2240px!important}
  .workspace-page{max-width:2280px!important}
  .stat-grid{gap:20px!important}.two-columns{gap:24px!important}
}
@media (max-width:1180px){
  .topbar-actions{min-width:0;max-width:calc(100vw - 86px);overflow-x:auto;scrollbar-width:none}
  .topbar-actions::-webkit-scrollbar{display:none}
}
@media (max-width:760px){
  html,body{overflow-x:hidden!important}
  .content{width:100%!important;max-width:100%!important}
  .card,.table-card{border-radius:14px!important}
  .page-heading,.card-head,.profile-summary{min-width:0}
  .page-heading h1,.card h2,.card h3,.list-row-main,.conversation-copy{overflow-wrap:anywhere}
  input:not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable="true"]{font-size:16px!important}
  .table-card{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .topbar-actions{gap:6px!important}
  .presence{min-width:112px!important}
}
