@media (max-width:760px){
  body{font-size:14px!important;overflow-x:hidden}
  .top{height:auto!important;padding:10px!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
  .top>b{width:100%;font-size:17px;line-height:1.4;margin-bottom:2px}
  .top>a,.top>span{float:none!important;margin:0!important;flex:1 1 calc(50% - 7px);text-align:center;padding:8px 6px;border-radius:5px;background:#233c55;color:#fff;text-decoration:none;white-space:normal}
  .wrap{width:100%!important;max-width:none!important;margin:0!important;padding:9px!important}
  .group-nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px!important;position:relative!important}
  .group-nav>b{grid-column:1/-1}
  .group-nav>a{display:flex;align-items:center;justify-content:center;min-height:42px;text-align:center;padding:7px 5px!important;line-height:1.25}
  .stats,.family-grid,.server-grid,.cards{grid-template-columns:1fr!important;gap:8px!important}
  .card,.panel,.deployment{padding:11px!important;margin-top:9px!important;border-radius:6px!important;min-width:0}
  .card b{font-size:23px!important;overflow-wrap:anywhere}
  .family-card,.server-card{padding:11px!important;overflow-wrap:anywhere}
  .family-title,.server-title,.group-title{padding:9px!important;margin:10px 0 6px!important;overflow-wrap:anywhere;line-height:1.45}
  .server-domains{display:block!important;margin:4px 0 0!important;overflow-wrap:anywhere}
  .filters{display:block!important}
  .filters>*,.filters label{display:block!important;width:100%!important;margin:0 0 9px!important}
  .filters input,.filters select,.filters button,.filters .btn{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:42px}
  input,select,button{font-size:16px!important;max-width:100%}
  .btn{min-height:40px;text-align:center}
  .notice{padding:10px!important;margin:7px 0!important;overflow-wrap:anywhere}
  .notice h3{font-size:16px;line-height:1.4;margin:8px 0}
  .meta{display:flex!important;flex-direction:column!important;gap:2px!important;overflow-wrap:anywhere}
  .msg{font-size:14px;line-height:1.65;overflow-wrap:anywhere}
  .day-group{margin:7px 0!important}
  .day-group>summary{padding:10px!important;font-size:15px}
  .browser,.msg,.err{overflow-wrap:anywhere}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  form.inline{display:block;margin-top:8px}
  form.inline .btn{width:100%}
}
@media (max-width:380px){
  .top>a,.top>span{flex-basis:100%}
  .group-nav{grid-template-columns:1fr!important}
  .group-nav>b{grid-column:1}
}
.pwa-tools{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9999;display:flex;gap:7px;filter:drop-shadow(0 5px 12px #0004)}
.pwa-tools button{border:0;border-radius:22px;background:#1687d9;color:#fff;padding:10px 14px;font-weight:bold;cursor:pointer;min-height:42px}
.pwa-tools button+button{background:#08784c}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top{padding-top:max(10px,env(safe-area-inset-top))!important}}