:root{--mobile-safe-bottom:max(10px,env(safe-area-inset-bottom));--mobile-safe-top:max(8px,env(safe-area-inset-top));}
@media (max-width:1180px){
  .export-data-panel,.data-range-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel{max-width:min(94vw,760px)!important;}
  .data-tools-dialog{width:min(96vw,1000px)!important;}
  .dt-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important;}
}
@media (max-width:900px){
  body{overscroll-behavior:none;}
  .app-header{padding-top:var(--mobile-safe-top)!important;}
  .brand-card h1{font-size:clamp(15px,2.8vw,20px)!important;}
  .map-legend-card{max-width:72vw!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none;}
  .responsive-menu-dock{left:8px!important;right:8px!important;bottom:var(--mobile-safe-bottom)!important;width:auto!important;max-width:none!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;padding:6px!important;}
  .responsive-menu-button{min-width:0!important;min-height:44px!important;padding:6px!important;}
  .analysis-icon-rail{display:none!important;}
  .export-data-panel,.data-range-panel,.spi-panel,.dependable-flow-panel,.neraca-air-panel{inset:calc(var(--mobile-safe-top) + 54px) 8px calc(var(--mobile-safe-bottom) + 62px) 8px!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;border-radius:16px!important;overflow:auto!important;contain:layout paint style;}
  .data-tools-backdrop{padding:var(--mobile-safe-top) 0 var(--mobile-safe-bottom)!important;align-items:stretch!important;}
  .data-tools-dialog{width:100vw!important;max-width:100vw!important;height:100%!important;max-height:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;contain:layout paint style;}
  .data-tools-head{position:sticky!important;top:0!important;z-index:4!important;padding:12px 14px!important;}
  .data-tools-head-copy p{display:none!important;}
  .data-tools-tabs{position:sticky!important;top:62px!important;z-index:3!important;background:#fff!important;padding:6px 8px!important;}
  .data-tools-body{padding:10px!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
  .dt-span-12,.dt-span-7,.dt-span-5,.dt-span-6,.dt-span-4,.dt-span-8{grid-column:1/-1!important;}
  .dt-card{padding:12px!important;content-visibility:auto;contain-intrinsic-size:260px;}
  .dt-result-row{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;}
  .dt-result-row>.dt-chip,.dt-result-row>.dt-btn,.dt-result-actions{grid-column:2!important;justify-self:start!important;}
  .dt-result-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
  .dt-table-wrap{max-height:52vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch;}
  .fullscreen-toggle{display:none!important;}
}
@media (max-width:600px){
  .legend-stack{display:none!important;}
  .brand-card{max-width:calc(100vw - 72px)!important;}
  .responsive-menu-dock{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .responsive-menu-button .rui-label,.responsive-menu-button>span:not(.rui-icon){font-size:9px!important;line-height:1.05!important;}
  .responsive-menu-button{border-radius:10px!important;}
  .data-tools-head-copy h2{font-size:18px!important;}
  .data-tools-tab{padding:9px 11px!important;font-size:12px!important;}
  .dt-dropzone{min-height:96px!important;padding:12px!important;}
  .export-data-header,.data-range-header{position:sticky!important;top:0!important;z-index:5!important;background:inherit!important;}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}