/* WattAtlas v1.14.26 – consolidated tablet/smartphone hardening.
   Loaded last so older release layers cannot override the responsive contract. */
html,body{max-width:100%;}
body{overflow-x:clip;}
main,.header,.header-actions,.mobile-nav,.footer,.panel,.atlas-shell,.atlas-v2,.monitor-board,.page-head,.subnav{min-width:0;}
img,svg,canvas,video{max-width:100%;}
.table-scroll{display:block;max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.table-scroll>table,.table-scroll .sample-table,.table-scroll .comparison{width:max-content;min-width:100%;max-width:none;}
.comparison{max-width:100%;}
.monitor-counters>* , .data-admin-kpis>* , .status-cards>* , .source-expansion-grid>* , .reserve-db-grid>*{min-width:0;}
.admin-statusline,.notice,.monitor-check p,.monitor-check small,.data-next-action,.raw-prepare-detail,.data-repair-detail{overflow-wrap:anywhere;word-break:normal;}

@media(max-width:1100px){
 main{padding-left:18px!important;padding-right:18px!important;}
 .header{padding-left:18px!important;padding-right:18px!important;gap:14px!important;}
 .brand-logo{max-width:155px;height:auto;}
 .header-actions{margin-left:auto;justify-content:flex-end;gap:9px!important;}
 .mobile-nav{display:flex!important;justify-content:flex-start!important;gap:18px!important;padding:6px 18px!important;overflow-x:auto!important;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;}
 .mobile-nav a{flex:0 0 auto;min-height:42px;display:flex;align-items:center;white-space:nowrap;}
 .page-admin .page-head{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:10px!important;}
 .page-admin .page-head>.pill{justify-self:start;}
 .page-admin .subnav{max-width:100%!important;overflow-x:auto!important;justify-content:flex-start!important;scrollbar-width:thin;}
 .page-admin .subnav a{flex:0 0 auto!important;white-space:nowrap!important;}
 .monitor-counters{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .data-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .status-cards,.quality-gates{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .two-columns{grid-template-columns:minmax(0,1fr)!important;}
 .page-atlas .atlas-recovery .atlas-body.map-workspace,.atlas-v2 .map-workspace{display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;gap:12px!important;}
 .page-atlas .atlas-recovery .map-area,.atlas-v2 .map-area{width:100%!important;min-width:0!important;height:520px!important;min-height:520px!important;max-height:520px!important;}
 .page-atlas .atlas-recovery .layers-panel,.atlas-v2 .layers-panel{width:100%!important;min-width:0!important;max-width:none!important;position:static!important;}
 .layers-panel .layer-options{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
 .atlas-v2 .atlas-toolbar{flex-wrap:wrap!important;}
 .atlas-v2 .search-wrap{width:100%!important;min-width:0!important;flex:1 1 100%!important;}
 .atlas-v2 .tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
}

@media(max-width:700px){
 body{font-size:14px;}
 main{padding-left:12px!important;padding-right:12px!important;padding-bottom:34px!important;}
 .header{min-height:62px!important;padding:8px 12px!important;flex-wrap:nowrap!important;}
 .header .brand-lockup{flex:0 1 auto;min-width:0;}
 .header .brand-logo{max-width:118px!important;height:auto!important;}
 .header-actions{flex:0 1 auto!important;min-width:0!important;gap:7px!important;flex-wrap:nowrap!important;}
 .header-actions .text-link{font-size:10px!important;white-space:nowrap;}
 .header-actions .button.small{min-height:38px!important;padding:7px 9px!important;font-size:10px!important;gap:4px!important;white-space:nowrap;}
 .header-actions form{display:block!important;}
 .header-actions .icon-button{width:38px;height:38px;min-width:38px;}
 .mobile-nav{padding:4px 12px!important;gap:15px!important;border-bottom:1px solid var(--line);background:#fff;}
 .mobile-nav a{font-size:10px!important;min-height:40px!important;}
 .page-head{padding-top:22px!important;}
 .page-admin .page-head h1{font-size:31px!important;line-height:1.05!important;}
 .page-admin .subnav{margin-bottom:10px!important;}
 .panel{padding-left:14px!important;padding-right:14px!important;}
 .monitor-counters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .monitor-counter{min-width:0!important;padding:11px!important;}
 .monitor-counter strong{font-size:23px!important;}
 .page-admin .monitor-times>div{grid-template-columns:minmax(0,1fr)!important;gap:2px!important;}
 .page-admin .monitor-times dd{text-align:left!important;overflow-wrap:anywhere;}
 .page-admin .monitor-group-title,.page-admin .monitor-group-meta{align-items:flex-start!important;}
 .page-admin .monitor-group-meta{flex-direction:column!important;}
 .data-admin-kpis,.status-cards,.quality-gates,.reserve-db-grid,.source-expansion-grid{grid-template-columns:minmax(0,1fr)!important;}
 .review-readiness{grid-template-columns:minmax(0,1fr)!important;}
 .inline-actions,.monitor-controls{max-width:100%;}
 .inline-actions .button,.monitor-controls .button{min-height:44px;}
 .source-review-panel>summary,.source-v110-status>summary,.admin-fold>summary,.admin-import-fold>summary{min-width:0;flex-wrap:wrap!important;}
 .source-review-badges,.source-v110-badges{max-width:100%;flex-wrap:wrap!important;justify-content:flex-start!important;}
 .source-staging-inventory,.table-scroll{margin-left:0;margin-right:0;}
 .comparison th:first-child{min-width:130px!important;}
 .comparison th:not(:first-child){min-width:120px!important;}
 .page-atlas .atlas-recovery .map-area,.atlas-v2 .map-area{height:460px!important;min-height:460px!important;max-height:460px!important;}
 .atlas-v2 .map-list-drawer{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;bottom:112px!important;}
 .layers-panel .layer-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .layers-panel .layer-option{min-width:0!important;}
 .layers-panel .layer-option strong,.layers-panel .layer-option small{overflow-wrap:anywhere;}
 .atlas-v2 .detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .atlas-v2 .compare-bar>div{max-width:100%;flex-wrap:wrap;}
 .footer{padding-left:12px!important;padding-right:12px!important;}
 .footer>div{min-width:0;max-width:100%;display:flex;flex-wrap:wrap!important;gap:10px 14px!important;}
 .footer .footer-copyright{flex-basis:100%;overflow-wrap:anywhere;}
}

@media(max-width:420px){
 main{padding-left:10px!important;padding-right:10px!important;}
 .header{padding-left:10px!important;padding-right:10px!important;gap:7px!important;}
 .header .brand-logo{max-width:102px!important;}
 .header-actions .text-link{display:none!important;}
 .header-actions .admin-header-button{max-width:150px;overflow:hidden;text-overflow:ellipsis;}
 .mobile-nav{padding-left:10px!important;padding-right:10px!important;gap:13px!important;}
 .monitor-counters{grid-template-columns:minmax(0,1fr)!important;}
 .monitor-counter{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;}
 .atlas-v2 .detail-kpis{grid-template-columns:minmax(0,1fr)!important;}
 .page-atlas .atlas-recovery .map-area,.atlas-v2 .map-area{height:420px!important;min-height:420px!important;max-height:420px!important;}
 .atlas-v2 .map-list-drawer{bottom:96px!important;}
 .layers-panel .layer-options{grid-template-columns:minmax(0,1fr)!important;}
 .feature-shortcuts{grid-template-columns:minmax(0,1fr)!important;}
 .feature-shortcuts a:last-child{grid-column:auto!important;}
}