/* Keep wide tables inside their cards instead of widening the viewport. */
.columns{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.users-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.columns>*,.users-layout>*,.security-grid>*,.card,.field{min-width:0}
.table-wrap{max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.support-contact-card{margin-top:20px}
.support-contact-card h2{margin:0 0 8px}
.support-contact-card p{color:var(--muted);line-height:1.5}
.side-foot #support-menu-button{display:none}
@media screen and (max-width:950px){.columns{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:760px){
  .users-layout,.security-grid{grid-template-columns:minmax(0,1fr)}
  .users-card,.security-card{max-width:100%}
  .users-card p,.security-card p{overflow-wrap:anywhere}
  .field input,.field select,.field textarea{min-width:0;max-width:100%;font-size:16px}
}
@media screen and (max-width:650px){
  .content{width:100%;min-width:0}
  .heading{flex-wrap:wrap;gap:12px}
  .heading>*,.panel-head>*{min-width:0}
  .panel-head{flex-wrap:wrap}
  .side-foot{display:none!important}
  .top{flex-wrap:wrap}
  .stat b{font-size:clamp(1.1rem,5vw,1.35rem);overflow-wrap:anywhere}
  .users-card .table-wrap table{min-width:580px}
  .support-contact-card .btn{width:100%;min-height:44px}
  .user-actions button{min-height:40px}
}