/* TDP Water Infrastructure — optimized homepage/header map */
.tdp-water-app.tdp-water-mode-header{
  --tdp-deep:#154b67;
  --tdp-blue:#29abe2;
  --tdp-ink:#173746;
  --tdp-muted:#6b7f8a;
  --tdp-line:rgba(21,75,103,.17);
  --tdp-glass:rgba(255,255,255,.94);
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--tdp-ink);
  font-family:"Oxygen",Arial,sans-serif!important;
  container-type:inline-size;
  isolation:isolate;
}
.tdp-water-app.tdp-water-mode-header *,
.tdp-water-app.tdp-water-mode-header *::before,
.tdp-water-app.tdp-water-mode-header *::after{box-sizing:border-box}
.tdp-water-app.tdp-water-mode-header button{font:inherit;cursor:pointer}
.tdp-water-app.tdp-water-mode-header .map-widget,
.tdp-water-app.tdp-water-mode-header .map-frame,
.tdp-water-app.tdp-water-mode-header .map-canvas,
.tdp-water-app.tdp-water-mode-header .leaflet-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.tdp-water-app.tdp-water-mode-header .map-widget{position:relative;background:transparent}
.tdp-water-app.tdp-water-mode-header .map-frame{
  position:relative;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:.89;
  overflow:hidden!important;
  background:transparent;
}
.tdp-water-app.tdp-water-mode-header .map-canvas,
.tdp-water-app.tdp-water-mode-header .leaflet-container{
  position:absolute!important;
  inset:0!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
  cursor:default!important;
  touch-action:pan-y!important;
  -ms-touch-action:pan-y!important;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  isolation:isolate;
}
.tdp-water-app.tdp-water-mode-header .leaflet-map-pane,
.tdp-water-app.tdp-water-mode-header .leaflet-pane,
.tdp-water-app.tdp-water-mode-header .leaflet-marker-pane,
.tdp-water-app.tdp-water-mode-header .leaflet-overlay-pane{
  touch-action:pan-y!important;
  -ms-touch-action:pan-y!important;
}
.tdp-water-app.tdp-water-mode-header .leaflet-grab,
.tdp-water-app.tdp-water-mode-header .leaflet-dragging .leaflet-grab{cursor:default!important}
.tdp-water-app.tdp-water-mode-header .leaflet-pane,
.tdp-water-app.tdp-water-mode-header .leaflet-control,
.tdp-water-app.tdp-water-mode-header .leaflet-tooltip{font-family:"Oxygen",Arial,sans-serif!important}
.tdp-water-app.tdp-water-mode-header .leaflet-tile{
  max-width:none!important;
  max-height:none!important;
  filter:saturate(.82) brightness(1.035);
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basemap-pane{will-change:clip-path}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basemap-pane.is-satellite .leaflet-tile{filter:saturate(.96) brightness(.98) contrast(1.02)}
.tdp-water-app.tdp-water-mode-header .leaflet-overlay-pane svg,
.tdp-water-app.tdp-water-mode-header .leaflet-pane>svg{overflow:visible}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-pane,
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-pane svg{pointer-events:none!important}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-pane .leaflet-interactive{pointer-events:auto!important;cursor:help}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-div-icon{border:0!important;background:transparent!important}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-marker{
  --marker:#29abe2;
  display:block;
  width:32px;
  height:36px;
  border:0;
  background:transparent;
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.22));
  transition:transform .14s ease,filter .14s ease;
  transform-origin:50% 100%;
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-marker:hover,
.tdp-water-app.tdp-water-mode-header .leaflet-marker-icon:focus .tdp-leaflet-marker{
  transform:scale(1.1);
  filter:drop-shadow(0 6px 9px rgba(0,0,0,.27));
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-marker-pin{
  display:grid;
  place-items:center;
  width:29px;
  height:29px;
  margin:0 auto;
  border:1.7px solid #fff;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  background:var(--marker);
  box-shadow:0 0 0 1px rgba(21,75,103,.14);
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-marker-pin svg{
  width:15px;
  height:15px;
  transform:rotate(45deg);
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-tooltip,
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-tooltip{
  z-index:1300!important;
  max-width:min(330px,calc(100vw - 22px));
  border:0!important;
  border-radius:7px!important;
  padding:6px 8px!important;
  background:rgba(16,54,73,.94)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(0,0,0,.2)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-name-tooltip{
  display:block!important;
  width:max-content!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  text-align:left!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-tooltip{
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  text-align:center!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-tooltip::before,
.tdp-water-app.tdp-water-mode-header .tdp-leaflet-basin-tooltip::before{border-top-color:rgba(16,54,73,.94)!important}
.tdp-water-app.tdp-water-mode-header .map-control-stack{
  position:absolute;
  z-index:1400;
  top:6px;
  left:6px;
  display:flex;
  flex-direction:column;
  width:29px;
  overflow:visible;
  border:1px solid rgba(21,75,103,.15);
  border-radius:8px;
  background:rgba(255,255,255,.96);
  box-shadow:0 5px 13px rgba(23,55,70,.18);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button{
  position:relative;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-bottom:1px solid rgba(21,75,103,.13)!important;
  border-radius:0!important;
  padding:0!important;
  background:rgba(255,255,255,.97)!important;
  color:#263c4c!important;
  box-shadow:none!important;
}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button:first-child{border-radius:7px 7px 0 0!important}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button:hover,
.tdp-water-app.tdp-water-mode-header .map-control-stack>button:focus-visible,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:hover,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:focus-visible{
  z-index:2;
  background:#eef8fc!important;
  color:#087da8!important;
  outline:none!important;
}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button.active,
.tdp-water-app.tdp-water-mode-header .map-control-stack>button[aria-pressed="true"],
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button.active,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button.has-filter{
  background:#e9f7fd!important;
  color:#087da8!important;
}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button.is-loading svg{animation:tdp-header-pulse 1s ease-in-out infinite}
@keyframes tdp-header-pulse{0%,100%{opacity:.45}50%{opacity:1}}
.tdp-water-app.tdp-water-mode-header .map-control-stack svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tdp-water-app.tdp-water-mode-header .control-label{
  position:absolute;
  left:35px;
  top:50%;
  transform:translateY(-50%);
  display:none;
  white-space:nowrap;
  padding:4px 6px;
  border-radius:6px;
  background:rgba(17,51,67,.93);
  color:#fff;
  font-size:8.5px;
  font-weight:700;
  box-shadow:0 4px 12px rgba(0,0,0,.16);
}
.tdp-water-app.tdp-water-mode-header .map-control-stack>button:hover .control-label,
.tdp-water-app.tdp-water-mode-header .map-control-stack>button:focus-visible .control-label,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:hover .control-label,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:focus-visible .control-label{display:block}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-picker{
  position:relative;
  width:28px;
  height:28px;
  flex:0 0 28px;
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button{
  border-bottom:0!important;
  border-radius:0 0 7px 7px!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu{
  position:absolute;
  z-index:1500;
  top:0;
  left:35px;
  display:flex;
  flex-direction:column;
  width:min(330px,calc(100vw - 48px));
  max-height:min(500px,calc(100vh - 32px));
  overflow:hidden;
  padding:11px;
  border:1px solid rgba(21,75,103,.16);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  color:var(--tdp-deep);
  box-shadow:0 18px 42px rgba(9,49,69,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu[hidden]{display:none!important}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-head{
  flex:0 0 auto;
  margin:0 0 8px;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-head strong{
  display:block;
  color:var(--tdp-deep);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-actions{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-bottom:7px;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-actions button{
  width:auto!important;
  height:28px!important;
  min-width:0!important;
  border:1px solid rgba(21,75,103,.13)!important;
  border-radius:7px!important;
  background:#f3f8fb!important;
  color:var(--tdp-deep)!important;
  font-size:9px!important;
  font-weight:700!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-actions button:hover,
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-actions button:focus-visible{
  background:#eaf7fc!important;
  border-color:rgba(41,171,226,.5)!important;
  outline:none!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-options{
  min-height:0;
  display:grid;
  gap:3px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:2px;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option{
  --option:#29abe2;
  width:100%!important;
  min-height:38px!important;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr) 17px!important;
  align-items:center!important;
  gap:9px!important;
  padding:4px 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--tdp-deep)!important;
  text-align:left!important;
  opacity:1!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:hover,
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:focus-visible{
  background:#eef8fc!important;
  outline:none!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:var(--option);
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:#fff!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-copy{display:block;min-width:0}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-copy strong{
  display:block;
  min-width:0;
  overflow:hidden;
  color:var(--tdp-deep);
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
  word-break:normal;
  writing-mode:horizontal-tb;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-check{
  width:17px!important;
  height:17px!important;
  opacity:0;
  fill:none!important;
  stroke:var(--tdp-blue)!important;
  stroke-width:2.4!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option.is-active .tdp-header-category-check{opacity:1}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:not(.is-active) .tdp-header-category-icon{opacity:.38}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:not(.is-active) .tdp-header-category-copy strong{color:var(--tdp-muted)}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-apply{
  flex:0 0 auto;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin-top:8px!important;
  border:1px solid var(--tdp-deep)!important;
  border-radius:8px!important;
  background:var(--tdp-deep)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1!important;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-apply:hover,
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-apply:focus-visible{
  background:#0f3e56!important;
  outline:2px solid rgba(41,171,226,.28)!important;
  outline-offset:1px;
}
.tdp-water-app.tdp-water-mode-header .attribution{
  position:absolute;
  z-index:1200;
  right:5px;
  bottom:4px;
  padding:2px 5px;
  border-radius:4px;
  background:rgba(255,255,255,.82);
  color:#607683;
  font-size:8px;
  line-height:1.25;
}
.tdp-water-app.tdp-water-mode-header .attribution a{color:#276f90;text-decoration:none}
.tdp-water-app.tdp-water-mode-header .empty-map,
.tdp-water-app.tdp-water-mode-header .status-pill,
.tdp-water-app.tdp-water-mode-header .tdp-map-legend{display:none!important}
.tdp-water-app.tdp-water-mode-header .tdp-instant-map-preview{
  position:absolute;
  z-index:12;
  inset:0;
  display:block;
  overflow:hidden;
  background:#edf2f4;
  pointer-events:none;
  opacity:1;
  transition:opacity .18s ease;
}
.tdp-water-app.tdp-water-mode-header .tdp-instant-map-preview.is-hidden{opacity:0}
.tdp-water-app.tdp-water-mode-header .tdp-instant-map-preview svg{display:block;width:100%;height:100%}
.tdp-water-app.tdp-water-mode-header .tdp-instant-map-preview path{
  fill:#f8fbfc;
  stroke:#154b67;
  stroke-width:1.6;
  stroke-linejoin:round;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.tdp-water-app.tdp-water-mode-header .tdp-instant-map-preview circle{vector-effect:non-scaling-stroke}
@media(max-width:620px){
  .tdp-water-app.tdp-water-mode-header .map-frame{aspect-ratio:.875}
  .tdp-water-app.tdp-water-mode-header .control-label{display:none!important}
  .tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu{
    width:min(310px,calc(100vw - 44px));
    max-height:min(480px,calc(100vh - 24px));
  }
  .tdp-water-app.tdp-water-mode-header .tdp-header-category-option{
    grid-template-columns:28px minmax(0,1fr) 16px!important;
    min-height:36px!important;
  }
  .tdp-water-app.tdp-water-mode-header .tdp-header-category-icon{width:28px;height:28px}
  .tdp-water-app.tdp-water-mode-header .tdp-header-category-copy strong{font-size:10.5px}
}


/* Animated, quick-loading header selector. */
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu{
  transform-origin:left top;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  opacity:1;transform:translateY(0) scale(1);visibility:visible;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu[hidden]{display:block!important;opacity:0;transform:translateY(-7px) scale(.975);visibility:hidden;pointer-events:none}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-head{display:grid;gap:3px}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-head span{color:var(--tdp-muted);font-size:8.5px;line-height:1.35;font-weight:400}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-options{display:grid;gap:8px}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option{animation:tdpHeaderCategoryIn .22s both}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:nth-child(2){animation-delay:.025s}.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:nth-child(3){animation-delay:.05s}.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:nth-child(4){animation-delay:.075s}.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:nth-child(5){animation-delay:.1s}.tdp-water-app.tdp-water-mode-header .tdp-header-category-option:nth-child(6){animation-delay:.125s}
@keyframes tdpHeaderCategoryIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}
.tdp-water-app.tdp-water-mode-header .tdp-header-category-copy small{display:block;margin-top:1px;color:#0f766e;font-size:7.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
@media(prefers-reduced-motion:reduce){.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu,.tdp-water-app.tdp-water-mode-header .tdp-header-category-option{transition:none;animation:none}}

/* Version 1.13 quick-category control animation. */
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button svg{
  transition:transform .2s ease;
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button[aria-expanded="true"] svg{
  transform:rotate(8deg) scale(1.08);
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button.has-filter::after{
  content:'';
  position:absolute;
  right:3px;
  top:3px;
  width:5px;
  height:5px;
  border:1px solid #fff;
  border-radius:50%;
  background:#29abe2;
  animation:tdpHeaderFilterPulse 1.8s ease-in-out infinite;
}
@keyframes tdpHeaderFilterPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(41,171,226,.35)}
  50%{box-shadow:0 0 0 4px rgba(41,171,226,0)}
}
@media(prefers-reduced-motion:reduce){
  .tdp-water-app.tdp-water-mode-header .header-infrastructure-button svg{transition:none}
  .tdp-water-app.tdp-water-mode-header .header-infrastructure-button.has-filter::after{animation:none}
}


/* Version 1.15: flat category list and bold infrastructure-control invitation. */
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-options{
  display:grid;
  gap:2px;
  padding:3px;
  border:1px solid rgba(21,75,103,.1);
  border-radius:10px;
  background:rgba(255,255,255,.74);
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button{
  color:#fff!important;
  background:#154b67!important;
  animation:tdpHeaderInfrastructureAttention 2.4s cubic-bezier(.2,.8,.2,1) infinite;
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:hover,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button:focus-visible,
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button[aria-expanded="true"]{
  color:#fff!important;
  background:#087da8!important;
  animation:none;
}
.tdp-water-app.tdp-water-mode-header .header-infrastructure-button::before{
  content:'';
  position:absolute;
  inset:-4px;
  border:2px solid rgba(41,171,226,.72);
  border-radius:11px;
  opacity:0;
  pointer-events:none;
  animation:tdpHeaderInfrastructureRing 2.4s ease-out infinite;
}
@keyframes tdpHeaderInfrastructureAttention{
  0%,58%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(41,171,226,0)}
  68%{transform:scale(1.16);box-shadow:0 0 0 6px rgba(41,171,226,.18)}
  78%{transform:scale(1.04);box-shadow:0 0 0 10px rgba(41,171,226,0)}
}
@keyframes tdpHeaderInfrastructureRing{
  0%,58%{opacity:0;transform:scale(.75)}
  68%{opacity:1;transform:scale(1)}
  88%,100%{opacity:0;transform:scale(1.35)}
}
@media(prefers-reduced-motion:reduce){
  .tdp-water-app.tdp-water-mode-header .header-infrastructure-button,
  .tdp-water-app.tdp-water-mode-header .header-infrastructure-button::before{animation:none}
}


/* Version 1.16: the fixed header map yields vertical touch gestures to the WordPress page. */
.tdp-water-app.tdp-water-mode-header .map-canvas,
.tdp-water-app.tdp-water-mode-header .leaflet-container{
  touch-action:pan-y!important;
  -ms-touch-action:pan-y!important;
  overscroll-behavior-y:auto!important;
}

/* Version 1.17: keep the infrastructure selection panel visible and usable on phones. */
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu{
  pointer-events:auto!important;
  touch-action:auto!important;
  -ms-touch-action:auto!important;
  max-width:calc(100% - 16px);
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-options{
  touch-action:pan-y!important;
  -ms-touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch;
}
.tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu button{
  touch-action:manipulation!important;
  -ms-touch-action:manipulation!important;
}
@media(max-width:620px){
  .tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-menu{
    width:auto;
    min-width:0;
    max-width:none;
    padding:10px;
    border-radius:12px;
  }
  .tdp-water-app.tdp-water-mode-header .tdp-header-infrastructure-options{
    min-height:120px;
  }
}