/* ABU_RESPONSIVE_V7: layout-only, no scripts or server settings */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
*,*::before,*::after{box-sizing:border-box}
body{max-width:100%;overflow-x:hidden}
img,video,canvas,iframe{max-width:100%}
svg{max-width:100%}
/* Protect grid children from forcing viewport overflow */
.bottom-grid > *, .abu-v6-grid > *, .abu-v6-card, .abu-v6-chart,
.abu-wan-panel > *, .abu-alerts > * {min-width:0;max-width:100%}
/* Dashboard cards and monitoring panels */
#abuWanV6,#abuWanAnalytics,#abuWanMonitor,#abuWanAlerts{
 width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;
}
#abuWanV6 svg,#abuWanAnalytics svg{display:block;width:100%;height:auto;min-height:130px}
#abuWanV6 .abu-v6-grid,#abuWanAnalytics .abu-v6-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px
}
#abuWanV6 .abu-v6-head,#abuWanAnalytics .abu-v6-head{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px
}
#abuWanV6 .abu-v6-buttons,#abuWanAnalytics .abu-v6-controls{
 display:flex;flex-wrap:wrap;gap:7px
}
#abuWanV6 button,#abuWanAnalytics button{min-height:36px;touch-action:manipulation}
@media(max-width:760px){
 body{width:100%;min-width:0}
 #abuWanV6,#abuWanAnalytics,#abuWanMonitor,#abuWanAlerts{margin-inline:0;padding:clamp(10px,3vw,16px)}
 #abuWanV6 .abu-v6-grid,#abuWanAnalytics .abu-v6-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #abuWanV6 .abu-v6-card,#abuWanAnalytics .abu-v6-card{padding:12px}
 #abuWanV6 h2,#abuWanAnalytics h2{font-size:clamp(16px,4.5vw,20px);line-height:1.45}
 #abuWanV6 h3,#abuWanAnalytics h3{font-size:clamp(13px,3.8vw,16px)}
 #abuWanV6 .abu-v6-legend,#abuWanAnalytics .abu-v6-legend{font-size:clamp(12px,3.2vw,15px);line-height:1.6;overflow-wrap:anywhere}
 #abuWanV6 .abu-v6-buttons button,#abuWanAnalytics .abu-v6-controls button{font-size:13px;padding:8px 11px}
 #abuWanV6 svg,#abuWanAnalytics svg{min-height:155px}
 .bottom-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(min-width:761px) and (max-width:1100px){
 #abuWanV6 .abu-v6-grid,#abuWanAnalytics .abu-v6-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:380px){
 #abuWanV6 .abu-v6-grid,#abuWanAnalytics .abu-v6-grid{gap:9px}
 #abuWanV6 svg,#abuWanAnalytics svg{min-height:125px}
}