/* BPW whole-system polish layer: icons, responsive modules, and overlap guards. */
:root{
  --bpw-polish-ink:#071f3f;
  --bpw-polish-muted:#42698f;
  --bpw-polish-line:#d7e6f4;
  --bpw-polish-soft:#f7fbff;
  --bpw-polish-gold:#fdb515;
  --bpw-polish-blue:#0057a8;
}

html,body{min-width:0!important;overflow-x:hidden!important;}
*,*::before,*::after{box-sizing:border-box;}
.app-shell,.main,.card,.module-head,.modal-card,.table-wrap,.topbar,.userbox{min-width:0!important;max-width:100%!important;}

.ico{
  width:1.25em!important;
  height:1.25em!important;
  min-width:1.25em!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-size:1.08em!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  vertical-align:-.12em!important;
  overflow:visible!important;
}
.ico-emoji{
  display:inline-block!important;
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif!important;
  line-height:1!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.35));
  transform-origin:center;
}
.ico-mark{display:block;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:.82em;line-height:1;}
.ico-svg{
  display:none!important;
}
.ico-svg *{vector-effect:non-scaling-stroke!important;}
.topbar h1 .ico-svg,.module-head h2 .ico-svg,.card h2 .ico-svg{width:64%!important;height:64%!important;}
.nav .ico-svg,.btn .ico-svg,button .ico-svg{width:62%!important;height:62%!important;}
.ico-tone-blue{--ico-fg:#0057a8;--ico-bg-a:#e8f4ff;--ico-bg-b:#ffffff;--ico-border:#bdd9f4;}
.ico-tone-cyan{--ico-fg:#047c95;--ico-bg-a:#e6fbff;--ico-bg-b:#ffffff;--ico-border:#b8edf5;}
.ico-tone-teal{--ico-fg:#0f766e;--ico-bg-a:#e6fffb;--ico-bg-b:#ffffff;--ico-border:#b6eee5;}
.ico-tone-green{--ico-fg:#15803d;--ico-bg-a:#eaf8ee;--ico-bg-b:#ffffff;--ico-border:#bfe6ca;}
.ico-tone-emerald{--ico-fg:#047857;--ico-bg-a:#e8fff6;--ico-bg-b:#ffffff;--ico-border:#b6ead6;}
.ico-tone-amber{--ico-fg:#b76b00;--ico-bg-a:#fff7d6;--ico-bg-b:#ffffff;--ico-border:#f2d88a;}
.ico-tone-orange{--ico-fg:#c2410c;--ico-bg-a:#fff0e7;--ico-bg-b:#ffffff;--ico-border:#f6c9af;}
.ico-tone-red{--ico-fg:#b42318;--ico-bg-a:#fff0f0;--ico-bg-b:#ffffff;--ico-border:#f2c4c4;}
.ico-tone-rose{--ico-fg:#be185d;--ico-bg-a:#fff0f6;--ico-bg-b:#ffffff;--ico-border:#f0bfd4;}
.ico-tone-pink{--ico-fg:#be1684;--ico-bg-a:#fff0fb;--ico-bg-b:#ffffff;--ico-border:#eebee3;}
.ico-tone-purple,.ico-tone-violet{--ico-fg:#6d28d9;--ico-bg-a:#f5f0ff;--ico-bg-b:#ffffff;--ico-border:#d8c8fb;}
.ico-tone-indigo{--ico-fg:#3730a3;--ico-bg-a:#eef0ff;--ico-bg-b:#ffffff;--ico-border:#c9d0fa;}
.ico-tone-sky{--ico-fg:#0369a1;--ico-bg-a:#e8f8ff;--ico-bg-b:#ffffff;--ico-border:#bde8f8;}
.ico-tone-slate{--ico-fg:#334155;--ico-bg-a:#f1f5f9;--ico-bg-b:#ffffff;--ico-border:#cbd5e1;}

.brand .ico,.brand-mark.logo-mark{box-shadow:0 10px 24px rgba(253,181,21,.24)!important;}
.topbar h1 .ico,.module-head h2 .ico,.card h2 .ico{width:1.3em!important;height:1.3em!important;min-width:1.3em!important;border-radius:0!important;font-size:30px!important;}
.nav .ico{width:25px!important;height:1.25em!important;min-width:25px!important;border-radius:0!important;font-size:18px!important;box-shadow:none!important;}
.btn .ico,button .ico,.badge .ico{width:1.2em!important;height:1.2em!important;min-width:1.2em!important;border-radius:0!important;font-size:15px!important;box-shadow:none!important;}
.modal-head .ico{width:1.25em!important;height:1.25em!important;min-width:1.25em!important;border-radius:0!important;font-size:23px!important;}

.bpw-dash-hero>.bpw-range-card{
  background:#ffffff!important;
  border:1px solid rgba(253,181,21,.75)!important;
  box-shadow:0 12px 32px rgba(0,45,91,.16)!important;
  min-width:min(380px,100%)!important;
}
.bpw-dash-hero>.bpw-range-card b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:9px 12px!important;
  border-radius:11px!important;
  background:#07356d!important;
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.bpw-dasma-map-panel{
  overflow:visible!important;
  content-visibility:visible!important;
  contain:none!important;
}
.bpw-map-head{
  align-items:flex-start!important;
  margin-bottom:14px!important;
}
.bpw-map-head h3{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.bpw-map-metric-bar{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 14px!important;
  min-width:0!important;
}
.bpw-map-filter{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border:1px solid #cfe0ef!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#07356d!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 7px 18px rgba(7,53,109,.07)!important;
  transform:none!important;
}
.bpw-map-filter:hover,
.bpw-map-filter:focus-visible,
.bpw-map-filter.active{
  border-color:#fdb515!important;
  background:linear-gradient(135deg,#fff8d8,#eaf4ff)!important;
  color:#061d3a!important;
  outline:0!important;
  transform:none!important;
}
.bpw-dasma-map-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  min-width:0!important;
}
.bpw-dasma-map-canvas{
  position:relative!important;
  min-width:0!important;
  min-height:470px!important;
  padding:0!important;
  border:1px solid #cfd7de!important;
  border-radius:8px!important;
  background:#e9eef3!important;
  box-shadow:0 12px 28px rgba(60,64,67,.14)!important;
  overflow:hidden!important;
}
.bpw-dasma-map-canvas:before{
  display:none!important;
  content:none!important;
}
.bpw-map-toolbar{
  position:absolute!important;
  z-index:8!important;
  top:12px!important;
  left:12px!important;
  right:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
  min-width:0!important;
  pointer-events:none!important;
}
.bpw-map-search-control{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:clamp(360px,42%,520px)!important;
  max-width:calc(100% - 260px)!important;
  height:44px!important;
  min-width:0!important;
  padding:0 14px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(60,64,67,.32),0 2px 8px rgba(60,64,67,.18)!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
.bpw-map-search-control:focus-within{
  border-color:#1a73e8!important;
  box-shadow:0 1px 4px rgba(60,64,67,.32),0 2px 8px rgba(60,64,67,.18),0 0 0 2px rgba(26,115,232,.18)!important;
}
.bpw-map-search-control .bpw-icon{
  flex:0 0 auto!important;
}
.bpw-map-toolbar input{
  flex:1 1 auto!important;
  width:auto!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#061d3a!important;
  font-size:13px!important;
  font-weight:760!important;
}
.bpw-map-toolbar input:focus,
.bpw-map-toolbar input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.bpw-map-toolbar-actions{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex:0 0 auto!important;
  pointer-events:auto!important;
}
.bpw-map-reset,
.bpw-map-toolbar span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  color:#42698f!important;
  font-size:12px!important;
  font-weight:850!important;
  min-height:34px!important;
  padding:6px 9px!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 1px 5px rgba(60,64,67,.24)!important;
  pointer-events:auto!important;
}
.bpw-map-reset{
  appearance:none!important;
  border:1px solid rgba(7,53,109,.11)!important;
  color:#07356d!important;
  cursor:pointer!important;
}
.bpw-map-reset:hover,
.bpw-map-reset:focus-visible{
  border-color:#fdb515!important;
  background:#fff8d8!important;
  outline:0!important;
}
.bpw-dasma-map-grid{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(104px,1fr))!important;
  gap:8px!important;
  min-width:0!important;
}
.bpw-map-barangay{
  position:relative!important;
  display:grid!important;
  grid-template-rows:minmax(30px,1fr) auto!important;
  align-items:center!important;
  justify-items:start!important;
  min-width:0!important;
  min-height:66px!important;
  padding:9px 10px!important;
  border:1px solid rgba(7,53,109,.14)!important;
  border-radius:12px!important;
  background:
    linear-gradient(135deg,rgba(0,87,168,var(--heat-blue,.09)),rgba(253,181,21,var(--heat-gold,.12))),
    #fff!important;
  color:#061d3a!important;
  box-shadow:0 9px 22px rgba(7,53,109,.08)!important;
  text-align:left!important;
  overflow:hidden!important;
  transform:none!important;
}
.bpw-map-barangay:after{
  content:""!important;
  position:absolute!important;
  inset:auto 8px 7px 8px!important;
  height:3px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#0057a8,#fdb515)!important;
  opacity:var(--heat-line,.32)!important;
  pointer-events:none!important;
}
.bpw-map-barangay:hover,
.bpw-map-barangay:focus-visible,
.bpw-map-barangay.selected{
  border-color:#fdb515!important;
  background:
    linear-gradient(135deg,rgba(0,87,168,var(--heat-blue,.14)),rgba(253,181,21,var(--heat-gold,.17))),
    #fff!important;
  outline:0!important;
  transform:none!important;
}
.bpw-map-barangay.selected{
  box-shadow:0 0 0 2px rgba(253,181,21,.42),0 15px 30px rgba(7,53,109,.13)!important;
}
.bpw-map-barangay span{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  color:#07356d!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.16!important;
  overflow-wrap:anywhere!important;
}
.bpw-map-barangay b{
  position:relative!important;
  z-index:1!important;
  color:#061d3a!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1!important;
}
.bpw-map-barangay[hidden]{
  display:none!important;
}
.bpw-dasma-leaflet-map{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:650px!important;
  min-height:650px!important;
  border:0!important;
  border-radius:8px!important;
  background:
    linear-gradient(28deg, transparent 0 41%, rgba(251,188,4,.34) 41.4% 42.2%, transparent 42.6% 100%),
    linear-gradient(145deg, transparent 0 53%, rgba(255,255,255,.88) 53.4% 54.5%, transparent 54.9% 100%),
    linear-gradient(91deg, transparent 0 34%, rgba(255,255,255,.74) 34.4% 35.1%, transparent 35.5% 100%),
    radial-gradient(circle at 17% 24%, rgba(52,168,83,.18) 0 9%, transparent 10%),
    radial-gradient(circle at 82% 70%, rgba(52,168,83,.15) 0 12%, transparent 13%),
    linear-gradient(180deg,#eef3f6,#e8f0fe)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.bpw-dasma-leaflet-map .leaflet-container,
.bpw-dasma-leaflet-map.leaflet-container,
.bpw-dasma-leaflet-map .leaflet-container:focus,
.bpw-dasma-leaflet-map.leaflet-container:focus{
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-family:inherit!important;
  color:#061d3a!important;
  background:transparent!important;
}
.bpw-dasma-leaflet-map .leaflet-tile-pane{
  display:none!important;
}
.bpw-dasma-leaflet-map .leaflet-pane,
.bpw-dasma-leaflet-map .leaflet-top,
.bpw-dasma-leaflet-map .leaflet-bottom{
  z-index:3!important;
}
.bpw-dasma-leaflet-map .leaflet-control-container .leaflet-control{
  border:0!important;
  border-radius:3px!important;
  box-shadow:0 1px 4px rgba(60,64,67,.34),0 2px 8px rgba(60,64,67,.16)!important;
  overflow:hidden!important;
}
.bpw-dasma-leaflet-map .leaflet-container a:focus,
.bpw-dasma-leaflet-map .leaflet-control a:focus,
.bpw-dasma-leaflet-map .leaflet-container a:focus-visible,
.bpw-dasma-leaflet-map .leaflet-control a:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.bpw-dasma-leaflet-map .leaflet-top.leaflet-left{
  top:70px!important;
}
.bpw-dasma-leaflet-map .leaflet-bottom.leaflet-right{
  right:16px!important;
  bottom:72px!important;
}
.bpw-dasma-leaflet-map .leaflet-bottom.leaflet-left{
  left:12px!important;
  bottom:14px!important;
}
.bpw-dasma-leaflet-map .leaflet-control-zoom a{
  width:40px!important;
  height:40px!important;
  line-height:40px!important;
  border:0!important;
  border-bottom:1px solid #e0e0e0!important;
  background:#fff!important;
  color:#3c4043!important;
  font-size:22px!important;
  font-weight:400!important;
}
.bpw-dasma-leaflet-map .leaflet-control-zoom a:last-child{
  border-bottom:0!important;
}
.bpw-dasma-leaflet-map .leaflet-control-zoom a:hover{
  background:#f8f9fa!important;
}
.bpw-dasma-leaflet-map .leaflet-control-scale{
  margin-left:0!important;
  margin-bottom:0!important;
  box-shadow:none!important;
}
.bpw-dasma-leaflet-map .leaflet-control-scale-line{
  border:0!important;
  border-top:2px solid rgba(32,33,36,.74)!important;
  background:rgba(255,255,255,.88)!important;
  color:#202124!important;
  font-size:10px!important;
  font-weight:850!important;
  text-shadow:none!important;
  box-shadow:0 1px 4px rgba(60,64,67,.24)!important;
}
.bpw-dasma-leaflet-map .leaflet-control-attribution{display:none!important;}
.bpw-dasma-leaflet-map .leaflet-interactive{
  cursor:pointer!important;
  transition:fill-opacity .16s ease, opacity .16s ease, stroke-width .16s ease!important;
  outline:0!important;
}
.bpw-dasma-leaflet-map .leaflet-interactive:hover{
  fill-opacity:.08!important;
  stroke:#5f7284!important;
  stroke-width:1.05!important;
}
.bpw-dasma-leaflet-map .leaflet-interactive:focus,
.bpw-dasma-leaflet-map .leaflet-interactive:focus-visible,
.bpw-dasma-leaflet-map svg:focus,
.bpw-dasma-leaflet-map svg:focus-visible,
.bpw-dasma-leaflet-map svg path:focus,
.bpw-dasma-leaflet-map svg path:focus-visible{
  outline:0!important;
  box-shadow:none!important;
}
.bpw-dasma-leaflet-map *{
  -webkit-tap-highlight-color:transparent!important;
}
.bpw-map-name-label-wrap{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
.bpw-map-name-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#3c4043!important;
  font-size:10.5px!important;
  font-weight:800!important;
  line-height:1.12!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.96),
    0 -1px 0 rgba(255,255,255,.96),
    1px 0 0 rgba(255,255,255,.96),
    -1px 0 0 rgba(255,255,255,.96),
    0 1px 2px rgba(60,64,67,.32)!important;
}
.bpw-map-name-label.selected{
  padding:2px 7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#174ea6!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 1px 5px rgba(60,64,67,.3)!important;
}
.bpw-map-loading{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  color:#07356d!important;
  font-size:15px!important;
  font-weight:900!important;
  text-align:center!important;
  background:#eef3f6!important;
}
.bpw-map-tooltip{
  padding:8px 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.96)!important;
  color:#202124!important;
  box-shadow:0 2px 8px rgba(60,64,67,.3)!important;
  font-size:12px!important;
  font-weight:850!important;
}
.bpw-map-tooltip strong{
  display:block!important;
  margin-bottom:2px!important;
  color:#061d3a!important;
  font-size:13px!important;
  font-weight:950!important;
}
.bpw-map-legend{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-top:10px!important;
  color:#42698f!important;
  font-size:11px!important;
  font-weight:850!important;
}
.bpw-map-legend span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
.bpw-map-legend i{
  display:inline-block!important;
  width:20px!important;
  height:8px!important;
  border:1px solid rgba(7,53,109,.12)!important;
  border-radius:999px!important;
}
.bpw-map-legend span:nth-child(1) i{background:#d7ebff!important;}
.bpw-map-legend span:nth-child(2) i{background:#4ea3e8!important;}
.bpw-map-legend span:nth-child(3) i{background:linear-gradient(90deg,#f5ca4f,#e46b42)!important;}
.bpw-map-legend b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border:1px solid #fdb515!important;
  border-radius:999px!important;
  background:#fff8d8!important;
  color:#07356d!important;
  font-size:11px!important;
  font-weight:950!important;
}
.bpw-map-details{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid #d7e6f4!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff,#fbfcf4)!important;
  box-shadow:0 12px 32px rgba(7,53,109,.08)!important;
}
.bpw-map-selected-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
}
.bpw-map-selected-title>span{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  flex:0 0 48px!important;
  border-radius:14px!important;
  background:#eaf4ff!important;
}
.bpw-map-selected-title small{
  display:block!important;
  color:#42698f!important;
  font-size:11px!important;
  font-weight:900!important;
}
.bpw-map-selected-title strong{
  display:block!important;
  color:#061d3a!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}
.bpw-map-status-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  align-items:center!important;
}
.bpw-map-status-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:6px 10px!important;
  border:1px solid #d7e6f4!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#42698f!important;
  font-size:12px!important;
  font-weight:850!important;
}
.bpw-map-status-row .bpw-map-status{
  border-color:#fdb515!important;
  color:#07356d!important;
  background:#fff8d8!important;
}
.bpw-map-status-row .bpw-map-status.is-active{
  border-color:#9fdbad!important;
  color:#175a2d!important;
  background:#edf9ef!important;
}
.bpw-map-status-row .bpw-map-status.is-review{
  border-color:#f2b8ad!important;
  color:#8a251b!important;
  background:#fff0ed!important;
}
.bpw-map-status-row .bpw-map-status.is-below{
  border-color:#f5d46f!important;
  color:#735100!important;
  background:#fff8d8!important;
}
.bpw-map-subdivision-filter{
  position:relative!important;
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid #d7e6f4!important;
  border-radius:10px!important;
  background:#f8fbff!important;
}
.bpw-map-subdivision-filter label{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  min-width:0!important;
}
.bpw-map-subdivision-filter .field-title{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#07356d!important;
  font-size:12px!important;
  font-weight:950!important;
}
.bpw-map-subdivision-input{
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  border:1px solid #b9d2ec!important;
  border-radius:8px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.bpw-map-subdivision-input:focus-within{
  border-color:#1a73e8!important;
  box-shadow:0 0 0 3px rgba(26,115,232,.16)!important;
}
.bpw-map-subdivision-input input{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:42px!important;
  padding:0 11px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#061d3a!important;
  font-size:13px!important;
  font-weight:800!important;
}
.bpw-map-subdivision-input input:focus,
.bpw-map-subdivision-input input:focus-visible{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.bpw-map-subdivision-input input:disabled{
  color:#7a8da0!important;
  background:#f3f7fb!important;
}
.bpw-map-subdivision-input button{
  flex:0 0 auto!important;
  min-height:32px!important;
  margin-right:5px!important;
  padding:6px 9px!important;
  border:1px solid #d7e6f4!important;
  border-radius:7px!important;
  background:#fff8d8!important;
  color:#07356d!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
.bpw-map-subdivision-panel{
  position:absolute!important;
  z-index:30!important;
  left:10px!important;
  right:10px!important;
  top:calc(100% - 6px)!important;
  max-height:220px!important;
  overflow:auto!important;
  padding:6px!important;
  border:1px solid #b9d2ec!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(0,45,91,.18)!important;
}
.bpw-map-subdivision-panel[hidden]{
  display:none!important;
}
.bpw-map-subdivision-panel button{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:38px!important;
  padding:9px 11px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#07356d!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
}
.bpw-map-subdivision-panel button:hover,
.bpw-map-subdivision-panel button:focus-visible{
  border-color:#fdb515!important;
  background:#eaf4ff!important;
  color:#0057a8!important;
  outline:0!important;
}
.bpw-map-subdivision-empty{
  padding:10px 11px!important;
  color:#42698f!important;
  font-size:12px!important;
  font-weight:850!important;
}
.bpw-map-subdivision-filter small{
  color:#42698f!important;
  font-size:11px!important;
  font-weight:850!important;
}
.bpw-map-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
.bpw-map-detail-grid div{
  min-width:0!important;
  padding:10px!important;
  border:1px solid #edf3ed!important;
  border-radius:12px!important;
  background:#fbfdf8!important;
}
.bpw-map-detail-grid span{
  display:block!important;
  color:#0057a8!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.2!important;
}
.bpw-map-detail-grid b{
  display:block!important;
  margin-top:5px!important;
  color:#061d3a!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
}
.bpw-map-meta-list{
  display:grid!important;
  gap:7px!important;
}
.bpw-map-meta-list p{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0!important;
  padding:9px 0!important;
  border-bottom:1px solid #edf3ed!important;
  color:#42698f!important;
  font-size:12px!important;
  font-weight:760!important;
}
.bpw-map-meta-list p:last-child{
  border-bottom:0!important;
}
.bpw-map-meta-list b{
  color:#07356d!important;
  white-space:nowrap!important;
}
.bpw-map-meta-list span{
  text-align:right!important;
  overflow-wrap:anywhere!important;
}
.bpw-map-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:auto!important;
}
.bpw-map-actions .btn{
  width:100%!important;
}

@media(max-width:1180px){
  .bpw-dasma-map-layout{
    grid-template-columns:1fr!important;
  }
  .bpw-map-details{
    order:2!important;
  }
}
@media(max-width:760px){
  .bpw-map-head .btn{
    width:100%!important;
  }
  .bpw-dasma-map-canvas{
    min-height:0!important;
    padding:0!important;
    border-radius:8px!important;
  }
  .bpw-dasma-leaflet-map{
    height:430px!important;
    min-height:430px!important;
    border-radius:8px!important;
  }
  .bpw-dasma-leaflet-map .leaflet-top.leaflet-left{
    top:118px!important;
  }
  .bpw-dasma-leaflet-map .leaflet-bottom.leaflet-right{
    right:10px!important;
    bottom:74px!important;
  }
  .bpw-map-legend{
    justify-content:flex-start!important;
  }
  .bpw-map-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
    top:10px!important;
    left:10px!important;
    right:10px!important;
  }
  .bpw-map-search-control{
    width:100%!important;
  }
  .bpw-map-toolbar-actions{
    justify-content:space-between!important;
    width:100%!important;
  }
  .bpw-map-toolbar span{
    align-self:flex-start!important;
  }
  .bpw-dasma-map-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .bpw-map-barangay{
    min-height:72px!important;
  }
  .bpw-map-detail-grid,
  .bpw-map-actions{
    grid-template-columns:1fr!important;
  }
}

.btn,button{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.18!important;
  text-align:center!important;
}
.btn.primary{background:linear-gradient(135deg,#0057a8,#07356d)!important;color:#fff!important;border-color:#0057a8!important;}
.btn.ghost{background:#fff!important;border-color:#d8e6f4!important;color:#07356d!important;}
.btn.danger,.danger{background:linear-gradient(135deg,#b42318,#e5483d)!important;color:#fff!important;}

.topbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}
.topbar h1{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  line-height:1.12!important;
  letter-spacing:0!important;
}
.topbar-title{
  min-width:0!important;
  max-width:100%!important;
}
.topbar small{display:inline-flex!important;max-width:100%;overflow-wrap:anywhere;}
.userbox{
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.userbox span,.userbox em{min-width:0!important;max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
body.role-standard .topbar,
body.role-viewer .topbar,
.topbar{
  position:relative!important;
  z-index:2500!important;
  overflow:visible!important;
}
body.role-standard .topbar>*,
body.role-viewer .topbar>*,
.topbar>*{
  position:relative!important;
  z-index:2!important;
}
.topbar .bpw-account-shell{
  position:relative!important;
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  z-index:4500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  width:auto!important;
  inline-size:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  overflow:visible!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.topbar .kld-nextly-profile{
  position:relative!important;
  display:block!important;
  min-width:0!important;
}
.topbar .kld-nextly-profile-button,
.topbar .kld-nextly-profile-button:hover,
.topbar .kld-nextly-profile-button:focus,
.topbar .kld-nextly-profile-button:focus-visible,
.topbar .kld-nextly-profile-button:active{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,130px) 8px!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:274px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:0 16px 0 8px!important;
  border:1px solid rgba(7,53,109,.16)!important;
  border-radius:999px!important;
  outline:0!important;
  background:rgba(255,255,255,.74)!important;
  box-shadow:0 9px 24px rgba(0,87,168,.12)!important;
  color:#061d3a!important;
  cursor:pointer!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease!important;
}
.topbar .kld-nextly-profile-button:hover,
.topbar .kld-nextly-profile-button:focus-visible,
.topbar .kld-nextly-profile.open .kld-nextly-profile-button{
  border-color:rgba(7,53,109,.25)!important;
  background:rgba(255,255,255,.97)!important;
}
.topbar .kld-nextly-avatar{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#0057a8,#e59f00)!important;
  box-shadow:0 8px 18px rgba(7,53,109,.20)!important;
  color:#fff!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:820!important;
  line-height:1!important;
  text-transform:uppercase!important;
}
.topbar .kld-nextly-avatar.large{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  font-size:14px!important;
}
.topbar .kld-nextly-profile-copy{
  display:grid!important;
  min-width:0!important;
  gap:2px!important;
}
.topbar .kld-nextly-profile-copy b,
.topbar .kld-nextly-profile-copy small,
.topbar .kld-nextly-profile-head b,
.topbar .kld-nextly-profile-head small{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;
  line-height:1.2!important;
}
.topbar .kld-nextly-profile-copy b{max-width:130px!important;color:#061d3a!important;font-size:12px!important;font-weight:780!important;}
.topbar .kld-nextly-profile-copy small{max-width:130px!important;color:#42698f!important;font-size:10.5px!important;font-weight:650!important;}
.topbar .kld-nextly-profile-caret{
  display:block!important;
  width:7px!important;
  height:7px!important;
  border-right:1.6px solid currentColor!important;
  border-bottom:1.6px solid currentColor!important;
  transform:rotate(45deg)!important;
  transition:transform .18s ease!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-caret{transform:rotate(225deg)!important;}
.topbar .kld-nextly-profile-dropdown{
  position:absolute!important;
  z-index:9999!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  display:grid!important;
  gap:6px!important;
  width:280px!important;
  max-width:calc(100vw - 24px)!important;
  margin:0!important;
  padding:12px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(245,252,248,.985),rgba(251,254,244,.985))!important;
  box-shadow:0 26px 72px rgba(7,53,109,.28)!important;
  backdrop-filter:blur(26px)!important;
  -webkit-backdrop-filter:blur(26px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(-10px) scale(.98)!important;
  transform-origin:top right!important;
  transition:opacity .18s ease,transform .22s ease,visibility .18s ease!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
.topbar .kld-nextly-profile-head{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 4px!important;
  padding:8px!important;
  border-bottom:1px solid rgba(7,53,109,.12)!important;
}
.topbar .kld-nextly-profile-head>span:last-child{display:grid!important;gap:3px!important;min-width:0!important;}
.topbar .kld-nextly-profile-head b{max-width:190px!important;color:#061d3a!important;font-size:13px!important;font-weight:780!important;}
.topbar .kld-nextly-profile-head small{max-width:190px!important;color:#42698f!important;font-size:11px!important;font-weight:650!important;}
.topbar .kld-nextly-profile-action,
.topbar .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-action:focus,
.topbar .kld-nextly-profile-action:active{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  color:#07356d!important;
  cursor:pointer!important;
  font:680 12.5px/20px Inter,system-ui,sans-serif!important;
  text-decoration:none!important;
  transform:none!important;
  transition:color .18s ease,background .18s ease!important;
}
.topbar .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-action:focus-visible{color:#0057a8!important;background:rgba(7,53,109,.055)!important;}
.topbar .kld-nextly-profile-action.danger{color:#9a2a21!important;}
.topbar .kld-nextly-profile-action .ico{font-size:17px!important;width:1.2em!important;min-width:1.2em!important;}

@media (min-width:1101px){
  .topbar-title{
    grid-column:1 / 3!important;
  }
}

.bpw-portal-hero{
  align-items:center!important;
  padding:24px 28px!important;
  border:1px solid rgba(0,87,168,.16)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#ffffff,#f7fbff 55%,#fffbe8)!important;
  box-shadow:0 16px 42px rgba(6,47,99,.10)!important;
}
.bpw-portal-hero h2{
  margin:0 0 8px!important;
  font-size:clamp(21px,2vw,28px)!important;
  line-height:1.18!important;
}
.bpw-portal-actions{
  gap:16px!important;
  margin:0 0 18px!important;
}
.bpw-portal-action-card,
.bpw-portal-action-card:hover,
.bpw-portal-action-card:focus,
.bpw-portal-action-card:focus-visible,
.bpw-portal-action-card:active{
  position:relative!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  grid-template-areas:"icon title" "icon text"!important;
  align-items:start!important;
  column-gap:14px!important;
  row-gap:5px!important;
  min-height:132px!important;
  padding:22px!important;
  border:1px solid rgba(0,87,168,.16)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  box-shadow:0 12px 32px rgba(6,47,99,.08)!important;
  color:#061d3a!important;
  text-decoration:none!important;
  transform:none!important;
  filter:none!important;
  outline:0!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.bpw-portal-action-card:hover,
.bpw-portal-action-card:focus-visible{
  border-color:rgba(0,87,168,.28)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;
  box-shadow:0 14px 36px rgba(6,47,99,.12)!important;
}
.bpw-portal-action-card .ico{
  grid-area:icon!important;
  align-self:start!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  font-size:30px!important;
}
.bpw-portal-action-card strong{
  grid-area:title!important;
  min-width:0!important;
  font-size:20px!important;
  font-weight:850!important;
  line-height:1.2!important;
  overflow-wrap:anywhere!important;
}
.bpw-portal-action-card small{
  grid-area:text!important;
  min-width:0!important;
  color:#42698f!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
.bpw-portal-info-grid{
  align-items:stretch!important;
  margin-top:4px!important;
}
.bpw-portal-panel{
  padding:22px 24px!important;
  border:1px solid rgba(0,87,168,.14)!important;
  border-radius:12px!important;
  box-shadow:0 12px 34px rgba(6,47,99,.08)!important;
}
.bpw-portal-panel h2{
  margin-bottom:16px!important;
  font-size:22px!important;
}
.bpw-portal-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.bpw-portal-summary-grid>div{
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid #e3edf7!important;
  border-radius:10px!important;
  background:#fbfdff!important;
}
.bpw-portal-summary-grid span{
  display:block!important;
  margin-bottom:8px!important;
  color:#0057a8!important;
  font-size:13px!important;
  font-weight:850!important;
}
.bpw-portal-summary-grid b{
  display:block!important;
  color:#061d3a!important;
  font-size:20px!important;
  line-height:1.25!important;
  word-break:break-word!important;
}

.sidebar{scrollbar-gutter:stable!important;}
.nav-group summary{min-width:0!important;}
.nav-group-label{min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;line-height:1.2!important;}
.nav-group-label,.nav-submenu a{overflow:hidden!important;text-overflow:ellipsis!important;}
.nav-submenu a{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;}

.module-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:16px!important;
  overflow:hidden!important;
}
.module-head h2,.module-head p{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;}
.module-actions,.filter-actions,.modal-actions{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;min-width:0!important;}

.filters{
  display:grid!important;
  grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(145px,.72fr)) auto!important;
  align-items:end!important;
  gap:12px!important;
}
.filters label,.form-grid label{min-width:0!important;}
.filters input,.filters select,.form-grid input,.form-grid select,.form-grid textarea{width:100%!important;min-width:0!important;}
.field-title{min-width:0!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
.bpw-fixed-input{
  background:#f8fbff!important;
  color:#07356d!important;
  font-weight:900!important;
}
.bpw-autocomplete{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
}
.bpw-autocomplete input{
  width:100%!important;
}
.bpw-autocomplete-panel{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  z-index:130!important;
  max-height:230px!important;
  overflow:auto!important;
  padding:6px!important;
  background:#ffffff!important;
  border:1px solid #b9d2ec!important;
  border-radius:12px!important;
  box-shadow:0 18px 42px rgba(0,45,91,.18)!important;
}
.bpw-autocomplete-panel button{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:9px 11px!important;
  border:0!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#07356d!important;
  font-weight:850!important;
  text-align:left!important;
  box-shadow:none!important;
}
.bpw-autocomplete-panel button:hover,
.bpw-autocomplete-panel button:focus-visible{
  background:#eaf4ff!important;
  color:#0057a8!important;
  outline:2px solid rgba(253,181,21,.55)!important;
}
.bpw-autocomplete-empty{
  padding:10px 11px!important;
  color:#42698f!important;
  font-size:13px!important;
  font-weight:800!important;
}
.bpw-autocomplete input:disabled{
  background:#f3f7fb!important;
  color:#7a8da0!important;
}
.bpw-autocomplete-panel-portal{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:30050!important;
  max-width:calc(100vw - 24px)!important;
  max-height:min(320px,60vh)!important;
  overflow:auto!important;
  padding:6px!important;
  background:#ffffff!important;
  border:1px solid #b9d2ec!important;
  border-radius:10px!important;
  box-shadow:0 18px 46px rgba(0,45,91,.22)!important;
  pointer-events:auto!important;
}
.bpw-autocomplete-panel-portal[hidden]{
  display:none!important;
}
.bpw-autocomplete-panel-portal button{
  width:100%!important;
  min-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:10px 12px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#07356d!important;
  font-weight:850!important;
  text-align:left!important;
  box-shadow:none!important;
  transform:none!important;
}
.bpw-autocomplete-panel-portal button:hover,
.bpw-autocomplete-panel-portal button:focus-visible{
  border-color:#fdb515!important;
  background:#eaf4ff!important;
  color:#0057a8!important;
  outline:0!important;
  transform:none!important;
}

.table-wrap{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:16px!important;
  background:#fff!important;
}
.table-wrap table{
  width:100%!important;
  min-width:860px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
.table-wrap th,.table-wrap td{
  vertical-align:middle!important;
  max-width:280px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  line-height:1.32!important;
}
.table-wrap td.actions{min-width:220px!important;max-width:260px!important;}
.actions .btn{flex:0 1 auto!important;}
.module-empty-state{
  display:grid!important;
  min-height:130px!important;
  place-items:center!important;
  border:1px dashed #cddff0!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f8fbff,#fffdf0)!important;
  color:#42698f!important;
  font-weight:850!important;
}

.modal{padding:clamp(10px,2vw,22px)!important;}
.modal-card,.modal-card.wide{
  width:min(1080px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px)!important;
  border-radius:18px!important;
}
.modal-card:not(.wide){width:min(560px,calc(100vw - 28px))!important;}
.modal-card>.modal-head{
  width:100%!important;
  margin:0!important;
  padding:15px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.modal-head h3{min-width:0!important;overflow-wrap:anywhere!important;}
.modal-card>.modal-body{padding:18px!important;overflow-x:hidden!important;}
.modal-body.form-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;
  gap:14px 16px!important;
  align-items:start!important;
}
.modal-body.form-grid .form-section,.modal-body.form-grid .form-section-title,.modal-body.form-grid label:has(textarea){
  grid-column:1/-1!important;
}
.detail-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;
  gap:12px!important;
}
.detail-grid div{min-width:0!important;overflow:hidden!important;}
.detail-grid strong{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:pre-wrap!important;}

.security-pagination-wrap,.pagination-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.security-pagination,.pagination{display:flex!important;gap:6px!important;flex-wrap:wrap!important;}

.module-pagination-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  margin-top:16px!important;
  padding:12px 14px!important;
  border:1px solid #d9e8f5!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffffff,#f7fbff)!important;
  box-shadow:0 10px 28px rgba(6,29,58,.07)!important;
}
.module-page-summary{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  color:#42698f!important;
  font-size:12px!important;
  font-weight:850!important;
}
.module-page-summary span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border:1px solid #e6eef7!important;
  border-radius:999px!important;
  background:#fbfdff!important;
}
.module-page-summary b{
  margin:0 3px!important;
  color:#06264a!important;
  font-weight:950!important;
}
.module-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.module-page-link,
.module-page-gap{
  min-width:34px!important;
  height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 10px!important;
  border:1px solid #d8e5f2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#07356d!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(6,29,58,.05)!important;
  transform:none!important;
}
.module-page-link:hover,
.module-page-link:focus-visible{
  border-color:#fdb515!important;
  background:#eef7ff!important;
  color:#0057a8!important;
  outline:0!important;
}
.module-page-link.active{
  border-color:#0057a8!important;
  background:linear-gradient(135deg,#0057a8,#07356d)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(0,87,168,.22)!important;
}
.module-page-link.disabled{
  opacity:.48!important;
  pointer-events:none!important;
  box-shadow:none!important;
}
.module-page-edge{
  min-width:62px!important;
}
.module-page-gap{
  min-width:24px!important;
  padding:0 4px!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#8aa1b8!important;
}

@media (max-width:1180px){
  .main{padding:18px!important;}
  .module-head{grid-template-columns:1fr!important;align-items:stretch!important;}
  .module-actions{justify-content:flex-start!important;}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .filter-actions{grid-column:1/-1!important;justify-content:stretch!important;}
  .filter-actions .btn,.filter-actions button,.filter-actions a{flex:1 1 150px!important;}
}

@media (max-width:780px){
  .main{padding:14px!important;}
  .topbar{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:"menu title" "user user"!important;
    gap:10px!important;
  }
  .menu-btn{grid-area:menu!important;}
  .topbar>div:not(.userbox){grid-area:title!important;min-width:0!important;}
  .userbox{grid-area:user!important;justify-content:space-between!important;width:100%!important;padding:9px 10px!important;}
  .userbox span,.userbox em{max-width:44vw!important;}
  .topbar h1{font-size:clamp(18px,5.4vw,24px)!important;}
  .topbar h1 .ico{width:1.25em!important;height:1.25em!important;min-width:1.25em!important;font-size:24px!important;}
  .topbar .bpw-account-shell{justify-content:flex-end!important;width:100%!important;padding:0!important;}
  .topbar .kld-nextly-profile-button{
    grid-template-columns:36px minmax(0,1fr) 8px!important;
    min-width:min(230px,100%)!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 12px 0 7px!important;
  }
  .topbar .kld-nextly-avatar{width:36px!important;height:36px!important;min-width:36px!important;font-size:12px!important;}
  .topbar .kld-nextly-profile-copy b{max-width:150px!important;}
  .topbar .kld-nextly-profile-copy small{display:none!important;}
  .module-head,.card{padding:14px!important;border-radius:14px!important;}
  .module-pagination-wrap{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .module-page-summary,
  .module-pagination{
    justify-content:flex-start!important;
  }
  .module-page-link{
    flex:1 1 42px!important;
  }
  .module-page-edge{
    flex:1 1 84px!important;
  }
  .module-actions,.filter-actions,.modal-actions{display:grid!important;grid-template-columns:1fr!important;justify-content:stretch!important;}
  .module-actions .btn,.module-actions button,.filter-actions .btn,.filter-actions button,.modal-actions .btn,.modal-actions button{width:100%!important;}
  .filters{grid-template-columns:1fr!important;}
  .filter-actions{grid-column:auto!important;}

  .table-wrap{overflow:visible!important;border:0!important;background:transparent!important;}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .table-wrap table{display:block!important;border-spacing:0!important;background:transparent!important;}
  .table-wrap thead{display:none!important;}
  .table-wrap tbody{display:grid!important;gap:12px!important;}
  .table-wrap table tbody tr{
    display:block!important;
    border:1px solid #d9e8f5!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(6,29,58,.07)!important;
    overflow:hidden!important;
  }
  .table-wrap table tbody tr td:nth-child(n){
    display:grid!important;
    grid-template-columns:minmax(104px,38%) minmax(0,1fr)!important;
    gap:10px!important;
    align-items:start!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid #edf4fa!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  .table-wrap table tbody tr td:last-child{border-bottom:0!important;}
  .table-wrap td::before{
    content:attr(data-label);
    min-width:0;
    color:#42698f;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    overflow-wrap:anywhere;
  }
  .table-wrap td.actions{
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:flex-start!important;
    gap:8px!important;
    flex-wrap:wrap!important;
  }
  .table-wrap td.actions::before{flex:0 0 100%!important;}
  .table-wrap td.actions .btn{
    flex:1 1 86px!important;
    min-height:36px!important;
    font-size:12px!important;
    padding:8px 9px!important;
  }

  .modal{align-items:flex-start!important;padding:8px!important;}
  .modal-card,.modal-card.wide,.modal-card:not(.wide){
    width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:14px!important;
  }
  .modal-card>.modal-head{padding:13px 14px!important;border-radius:14px 14px 0 0!important;}
  .modal-card>.modal-body{padding:14px!important;}
  .modal-body.form-grid{grid-template-columns:1fr!important;}
  .detail-grid{grid-template-columns:1fr!important;}
}

@media (max-width:430px){
  .main{padding:10px!important;}
  .card,.module-head{padding:12px!important;}
  .topbar{gap:8px!important;}
  .userbox:not(.bpw-account-shell){display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;}
  .userbox em{grid-column:1/2!important;}
  .logout-link{grid-row:1/3!important;grid-column:2/3!important;}
  .topbar .bpw-account-shell{display:flex!important;justify-content:stretch!important;width:100%!important;}
  .topbar .kld-nextly-profile{width:100%!important;}
  .topbar .kld-nextly-profile-button{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:34px minmax(0,1fr) 8px!important;
  }
  .topbar .kld-nextly-avatar{width:34px!important;height:34px!important;min-width:34px!important;}
  .topbar .kld-nextly-profile-copy b{max-width:calc(100vw - 122px)!important;}
  .topbar .kld-nextly-profile-dropdown{
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:100%!important;
    transform-origin:top center!important;
  }
  .table-wrap table tbody tr td:nth-child(n){
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .table-wrap td.actions .btn{flex-basis:100%!important;}
}

@media (max-width:1180px){
  .bpw-portal-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

.topbar .kld-nextly-profile-button,
.topbar .kld-nextly-profile-button:hover,
.topbar .kld-nextly-profile-button:focus,
.topbar .kld-nextly-profile-button:focus-visible,
.topbar .kld-nextly-profile-button:active,
.topbar .kld-nextly-profile.open .kld-nextly-profile-button,
.topbar .kld-nextly-avatar,
.topbar .kld-nextly-avatar.large,
.topbar .kld-nextly-profile-dropdown,
.topbar .kld-nextly-profile-head,
.topbar .kld-nextly-profile-action,
.topbar .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-action:focus,
.topbar .kld-nextly-profile-action:focus-visible,
.topbar .kld-nextly-profile-action:active{
  border-radius:0!important;
}

.modal,
.modal.open,
.system-confirm-modal{
  z-index:20000!important;
}
.modal-card,
.modal-card.wide,
.system-confirm-card{
  position:relative!important;
  z-index:20001!important;
}

.module-search-lookup{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
form.card.filters,
.card.filters,
.filters{
  position:relative!important;
  z-index:12000!important;
  overflow:visible!important;
  contain:none!important;
  isolation:auto!important;
}
form.card.filters label,
.card.filters label,
.filters label{
  overflow:visible!important;
  contain:none!important;
  isolation:auto!important;
}
form.card.filters + .card{
  position:relative!important;
  z-index:1!important;
}
.module-search-lookup .remote-lookup-results{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 6px)!important;
  z-index:21000!important;
  display:grid!important;
  gap:0!important;
  max-height:260px!important;
  overflow:auto!important;
  padding:6px!important;
  border:1px solid #b9d2ec!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(6,29,58,.18)!important;
}
.module-search-lookup .remote-lookup-results[hidden]{
  display:none!important;
}
.module-search-lookup .remote-lookup-item,
.module-search-lookup .remote-lookup-more{
  width:100%!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  align-items:center!important;
  justify-items:start!important;
  padding:10px 14px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#07356d!important;
  box-shadow:none!important;
  text-align:left!important;
  transform:none!important;
}
.module-search-lookup .remote-lookup-item:hover,
.module-search-lookup .remote-lookup-item:focus-visible,
.module-search-lookup .remote-lookup-item.is-active{
  border-color:#fdb515!important;
  background:#eaf4ff!important;
  color:#0057a8!important;
  outline:0!important;
  transform:none!important;
}
.module-search-lookup .remote-lookup-item b{
  color:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.module-search-lookup .remote-lookup-item span,
.module-search-lookup .remote-lookup-item small,
.module-search-lookup .remote-lookup-message{
  color:#42698f!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
.module-search-lookup .remote-lookup-message{
  padding:10px 12px!important;
}

.remote-lookup-results-portal.module-search-results-portal{
  position:fixed!important;
  right:auto!important;
  bottom:auto!important;
  z-index:30000!important;
  display:grid!important;
  gap:0!important;
  max-width:calc(100vw - 24px)!important;
  overflow:auto!important;
  padding:6px!important;
  border:1px solid #b9d2ec!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(6,29,58,.22)!important;
  pointer-events:auto!important;
}
.remote-lookup-results-portal.module-search-results-portal[hidden]{
  display:none!important;
}
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item,
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-more{
  width:100%!important;
  min-height:42px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
  align-items:center!important;
  justify-items:start!important;
  padding:10px 14px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#07356d!important;
  box-shadow:none!important;
  text-align:left!important;
  transform:none!important;
}
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item:hover,
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item:focus-visible,
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item.is-active{
  border-color:#fdb515!important;
  background:#eaf4ff!important;
  color:#0057a8!important;
  outline:0!important;
  transform:none!important;
}
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item b{
  color:inherit!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item span,
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-item small,
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-message{
  color:#42698f!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
.remote-lookup-results-portal.module-search-results-portal .remote-lookup-message{
  padding:10px 12px!important;
}

@media (max-width:780px){
  .bpw-portal-hero,
  .bpw-portal-panel{
    padding:16px!important;
    border-radius:10px!important;
  }
  .bpw-portal-actions,
  .bpw-portal-info-grid,
  .bpw-portal-summary-grid{
    grid-template-columns:1fr!important;
  }
  .bpw-portal-action-card,
  .bpw-portal-action-card:hover,
  .bpw-portal-action-card:focus,
  .bpw-portal-action-card:focus-visible,
  .bpw-portal-action-card:active{
    min-height:auto!important;
    padding:18px!important;
    border-radius:10px!important;
  }
}

/* Final layer: keep floating controls above every card/header/table. */
body.modal-active .topbar,
body.modal-active .topbar .bpw-account-shell,
body.modal-active .topbar .kld-nextly-profile,
body.modal-active .topbar .kld-nextly-profile-dropdown{
  z-index:auto!important;
}
.modal,
.modal.open{
  position:fixed!important;
  inset:0!important;
  z-index:50000!important;
  isolation:isolate!important;
}
.modal-card,
.modal-card.wide,
.system-confirm-card{
  position:relative!important;
  z-index:50001!important;
}
.system-confirm-modal{
  z-index:50020!important;
}
.remote-lookup-results-portal,
.remote-lookup-results-portal.module-search-results-portal,
.bpw-autocomplete-panel-portal{
  position:fixed!important;
  z-index:51000!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  transform:none!important;
  contain:none!important;
  isolation:isolate!important;
}
.remote-lookup-results-portal[hidden],
.bpw-autocomplete-panel-portal[hidden]{
  display:none!important;
}
.remote-lookup-results-portal .remote-lookup-item,
.remote-lookup-results-portal .remote-lookup-more,
.bpw-autocomplete-panel-portal button{
  border-radius:8px!important;
  transform:none!important;
}
.remote-lookup-results-portal .remote-lookup-item:hover,
.remote-lookup-results-portal .remote-lookup-item:focus-visible,
.remote-lookup-results-portal .remote-lookup-item.is-active,
.bpw-autocomplete-panel-portal button:hover,
.bpw-autocomplete-panel-portal button:focus-visible{
  border-color:#fdb515!important;
  background:#eaf4ff!important;
  transform:none!important;
}
.topbar .kld-nextly-profile-button,
.topbar .kld-nextly-profile-button:hover,
.topbar .kld-nextly-profile-button:focus,
.topbar .kld-nextly-profile-button:focus-visible,
.topbar .kld-nextly-profile-button:active,
.topbar .kld-nextly-profile.open .kld-nextly-profile-button,
.topbar .kld-nextly-profile-dropdown,
.topbar .kld-nextly-profile-action,
.topbar .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-action:focus,
.topbar .kld-nextly-profile-action:focus-visible,
.topbar .kld-nextly-profile-action:active{
  border-radius:0!important;
  transform:none!important;
}

.workflow-table-lock{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-height:30px!important;
  white-space:nowrap!important;
}
.workflow-lock-note{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  gap:4px 10px!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:12px 14px!important;
  border:1px solid #f0c54a!important;
  border-left:5px solid #fdb515!important;
  background:#fff9df!important;
  color:#08305f!important;
}
.workflow-lock-note .ico{
  grid-row:1 / span 2!important;
}
.workflow-lock-note strong{
  font-size:14px!important;
  font-weight:900!important;
}
.workflow-lock-note span:last-child{
  color:#496580!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.audit-before-after{
  margin:0 0 18px!important;
  padding:14px!important;
  border:1px solid #c9ddf1!important;
  background:#fbfdff!important;
}
.audit-before-after h4{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 12px!important;
  color:#062b57!important;
  font-size:17px!important;
  font-weight:900!important;
}
.audit-change-table{
  display:grid!important;
  overflow:hidden!important;
  border:1px solid #d8e6f5!important;
}
.audit-change-head,
.audit-change-row{
  display:grid!important;
  grid-template-columns:minmax(120px,.8fr) minmax(160px,1fr) minmax(160px,1fr)!important;
}
.audit-change-head span{
  padding:10px 12px!important;
  background:#eef6ff!important;
  color:#07356d!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
.audit-change-row{
  border-top:1px solid #e5edf6!important;
}
.audit-change-row span{
  min-width:0!important;
  padding:10px 12px!important;
  color:#173a5f!important;
  font-size:13px!important;
  font-weight:750!important;
  overflow-wrap:anywhere!important;
}
.audit-change-row span:first-child{
  color:#062b57!important;
  font-weight:900!important;
}
@media (max-width:780px){
  .audit-change-head{
    display:none!important;
  }
  .audit-change-row{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:10px 12px!important;
  }
  .audit-change-row span{
    padding:0!important;
  }
  .audit-change-row span:nth-child(2)::before{
    content:"Before: ";
    font-weight:900!important;
    color:#496580!important;
  }
  .audit-change-row span:nth-child(3)::before{
    content:"After: ";
    font-weight:900!important;
    color:#496580!important;
  }
}

/* Dasmarinas map now uses compact Google-like map controls. */
.bpw-dasma-leaflet-map .leaflet-control-zoom,
.bpw-dasma-leaflet-map .leaflet-control-scale{
  display:flex!important;
}
.bpw-dasma-leaflet-map .leaflet-control-zoom{
  flex-direction:column!important;
}
.bpw-dasma-leaflet-map .leaflet-control-scale{
  display:block!important;
}
.bpw-dasma-leaflet-map .leaflet-control-attribution{
  display:none!important;
}

/* Responsive sweep for the BPW shell, map, and module pages. */
.module-panel-loading{
  opacity:.68!important;
  pointer-events:none!important;
}
.app-shell,
.main,
.topbar,
.topbar-title,
.bpw-dash,
.bpw-dash>*,
.bpw-dasma-map-panel,
.bpw-dasma-map-layout,
.bpw-dasma-map-canvas,
.bpw-map-details{
  min-width:0!important;
  max-width:100%!important;
}
.topbar h1,
.topbar-title h1{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
  letter-spacing:0!important;
}
.topbar-title small{
  max-width:100%!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
.bpw-map-legend{
  justify-content:flex-start!important;
}
.bpw-map-legend span:nth-child(1) i{background:#ea4335!important;}
.bpw-map-legend span:nth-child(2) i{background:#fbbc04!important;}
.bpw-map-legend span:nth-child(3) i{background:#9fd0ff!important;}
.bpw-map-legend span:nth-child(4) i{background:#86d17a!important;}
.bpw-dasma-leaflet-map{
  height:min(760px,64vh)!important;
  min-height:520px!important;
}
.bpw-map-toolbar{
  flex-wrap:wrap!important;
}
.bpw-map-search-control{
  flex:1 1 280px!important;
  width:auto!important;
  max-width:min(520px,100%)!important;
}
.bpw-map-toolbar-actions{
  flex:0 1 auto!important;
  min-width:0!important;
}

@media (max-width:1320px){
  .bpw-dasma-map-layout{
    grid-template-columns:1fr!important;
  }
  .bpw-map-details{
    order:2!important;
  }
  .bpw-map-detail-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .bpw-map-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:1024px){
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:
      "menu account"
      "title title"!important;
    align-items:start!important;
    gap:10px 12px!important;
  }
  .menu-btn{
    grid-area:menu!important;
    justify-self:start!important;
  }
  .topbar-title{
    grid-area:title!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .topbar .bpw-account-shell{
    grid-area:account!important;
    grid-column:auto!important;
    justify-self:end!important;
    width:auto!important;
    max-width:100%!important;
  }
  .topbar .kld-nextly-profile-button{
    min-width:0!important;
    width:min(274px,100%)!important;
  }
  .topbar h1{
    font-size:22px!important;
    line-height:1.16!important;
  }
  .bpw-map-metric-bar{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .bpw-map-filter{
    width:100%!important;
    min-height:36px!important;
  }
  .bpw-dasma-leaflet-map{
    height:min(700px,62vh)!important;
    min-height:500px!important;
  }
}

@media (max-width:780px){
  .topbar{
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-areas:
      "menu account"
      "title title"!important;
    padding:10px 0!important;
  }
  .topbar h1{
    display:flex!important;
    align-items:flex-start!important;
    font-size:20px!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
  .topbar h1 .ico{
    flex:0 0 auto!important;
    margin-top:1px!important;
  }
  .topbar .bpw-account-shell{
    justify-content:flex-end!important;
    width:auto!important;
  }
  .topbar .kld-nextly-profile-button{
    width:min(230px,100%)!important;
    min-width:0!important;
    grid-template-columns:36px minmax(0,1fr) 8px!important;
  }
  .topbar .kld-nextly-profile-copy b{
    max-width:130px!important;
  }
  .bpw-map-metric-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bpw-map-filter{
    justify-content:flex-start!important;
    padding:8px 10px!important;
  }
  .bpw-dasma-map-canvas{
    min-height:0!important;
  }
  .bpw-dasma-leaflet-map{
    height:min(560px,68vh)!important;
    min-height:420px!important;
  }
  .bpw-map-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    top:9px!important;
    left:9px!important;
    right:9px!important;
    gap:8px!important;
  }
  .bpw-map-search-control{
    width:100%!important;
    max-width:100%!important;
    height:42px!important;
  }
  .bpw-map-toolbar-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    justify-content:space-between!important;
  }
  .bpw-dasma-leaflet-map .leaflet-bottom.leaflet-right{
    right:10px!important;
    bottom:18px!important;
  }
  .bpw-dasma-leaflet-map .leaflet-bottom.leaflet-left{
    left:10px!important;
    bottom:12px!important;
  }
  .bpw-map-details{
    gap:9px!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  .bpw-map-selected-title{
    gap:9px!important;
  }
  .bpw-map-selected-title>span{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:10px!important;
  }
  .bpw-map-selected-title strong{
    font-size:21px!important;
  }
  .bpw-map-status-row{
    gap:6px!important;
  }
  .bpw-map-status-row span{
    min-height:26px!important;
    padding:5px 8px!important;
    font-size:11px!important;
  }
  .bpw-map-subdivision-filter{
    padding:8px!important;
  }
  .bpw-map-subdivision-input input{
    height:38px!important;
    font-size:12px!important;
  }
  .bpw-map-detail-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bpw-map-detail-grid div{
    min-height:58px!important;
    padding:8px!important;
    border-radius:10px!important;
  }
  .bpw-map-detail-grid span{
    font-size:10.5px!important;
  }
  .bpw-map-detail-grid b{
    margin-top:4px!important;
    font-size:18px!important;
  }
  .bpw-map-meta-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .bpw-map-meta-list p{
    display:grid!important;
    gap:4px!important;
    min-height:54px!important;
    padding:8px!important;
    border:1px solid #edf3ed!important;
    border-radius:10px!important;
    background:#fbfdf8!important;
  }
  .bpw-map-meta-list b{
    white-space:normal!important;
  }
  .bpw-map-meta-list span{
    text-align:left!important;
  }
  .bpw-map-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin-top:0!important;
  }
}

@media (max-width:520px){
  .main{
    padding:10px!important;
  }
  .topbar{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "menu"
      "title"
      "account"!important;
  }
  .menu-btn{
    width:42px!important;
  }
  .topbar .bpw-account-shell,
  .topbar .kld-nextly-profile,
  .topbar .kld-nextly-profile-button{
    width:100%!important;
  }
  .topbar .kld-nextly-profile-copy b{
    max-width:calc(100vw - 128px)!important;
  }
  .topbar h1{
    font-size:19px!important;
  }
  .topbar-title small{
    display:block!important;
    font-size:11px!important;
  }
  .bpw-map-head{
    display:grid!important;
    gap:8px!important;
  }
  .bpw-map-metric-bar{
    grid-template-columns:1fr 1fr!important;
  }
  .bpw-dasma-leaflet-map{
    height:500px!important;
    min-height:390px!important;
  }
  .bpw-map-toolbar-actions{
    grid-template-columns:1fr auto!important;
  }
  .bpw-map-reset,
  .bpw-map-toolbar span{
    min-height:31px!important;
    font-size:11px!important;
    padding:5px 7px!important;
  }
  .bpw-map-legend{
    gap:6px!important;
    font-size:10.5px!important;
  }
  .bpw-map-legend b{
    width:100%!important;
    justify-content:center!important;
  }
  .bpw-map-meta-list,
  .bpw-map-actions{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:380px){
  .bpw-map-detail-grid{
    gap:6px!important;
  }
  .bpw-map-detail-grid div{
    min-height:54px!important;
    padding:7px!important;
  }
  .bpw-map-detail-grid b{
    font-size:16px!important;
  }
  .bpw-map-detail-grid span{
    font-size:10px!important;
  }
}

/* Final responsive polish: keep the main header in one clean row. */
@media (max-width:1024px){
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-areas:"menu title account"!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 0!important;
  }
  .menu-btn{
    grid-area:menu!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    justify-self:start!important;
  }
  .topbar-title{
    grid-area:title!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .topbar h1,
  .topbar-title h1{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(17px,3vw,22px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .topbar h1 .ico{
    flex:0 0 auto!important;
    width:1.15em!important;
    height:1.15em!important;
    min-width:1.15em!important;
    font-size:22px!important;
  }
  .topbar-title small{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    max-width:132px!important;
    min-height:28px!important;
    padding:4px 8px!important;
    border:1px solid #d7e8f8!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.72)!important;
    color:#365d83!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .topbar .bpw-account-shell{
    grid-area:account!important;
    justify-self:end!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
  }
  .topbar .kld-nextly-profile{
    width:auto!important;
  }
  .topbar .kld-nextly-profile-button,
  .topbar .kld-nextly-profile-button:hover,
  .topbar .kld-nextly-profile-button:focus,
  .topbar .kld-nextly-profile-button:focus-visible,
  .topbar .kld-nextly-profile-button:active,
  .topbar .kld-nextly-profile.open .kld-nextly-profile-button{
    display:grid!important;
    grid-template-columns:40px!important;
    place-items:center!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .topbar .kld-nextly-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  .topbar .kld-nextly-profile-copy,
  .topbar .kld-nextly-profile-caret{
    display:none!important;
  }
  .topbar .kld-nextly-profile-dropdown{
    right:0!important;
    left:auto!important;
    top:calc(100% + 9px)!important;
    width:min(300px,calc(100vw - 22px))!important;
    max-width:calc(100vw - 22px)!important;
    z-index:1200!important;
  }
}

@media (max-width:520px){
  .main{
    padding:8px!important;
  }
  .topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:6px!important;
    min-height:44px!important;
  }
  .menu-btn,
  .topbar .kld-nextly-profile-button,
  .topbar .kld-nextly-profile-button:hover,
  .topbar .kld-nextly-profile-button:focus,
  .topbar .kld-nextly-profile-button:focus-visible,
  .topbar .kld-nextly-profile-button:active,
  .topbar .kld-nextly-profile.open .kld-nextly-profile-button{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  .topbar .kld-nextly-avatar{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    font-size:11px!important;
  }
  .topbar h1,
  .topbar-title h1{
    font-size:clamp(16px,5.3vw,19px)!important;
    gap:5px!important;
  }
  .topbar-title small{
    max-width:112px!important;
    min-height:26px!important;
    padding:4px 7px!important;
    font-size:10px!important;
  }
  .bpw-dash-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:16px!important;
  }
  .bpw-dash-hero h2{
    font-size:clamp(21px,8vw,28px)!important;
    line-height:1.05!important;
  }
  .bpw-dash-hero>.bpw-range-card{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:430px){
  .topbar-title small{
    display:none!important;
  }
}

@media (max-width:360px){
  .topbar h1,
  .topbar-title h1{
    font-size:15px!important;
  }
  .topbar h1 .ico{
    font-size:18px!important;
  }
}

/* Final mobile/tablet header and overlay fixes. */
.topbar-title-copy{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:100%!important;
}
.topbar-title-copy>span{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.topbar-title-copy .title-tablet,
.topbar-title-copy .title-mobile{
  display:none!important;
}

.topbar .kld-nextly-profile-dropdown{
  background:rgba(255,255,255,.98)!important;
  border:1px solid #cfe0ef!important;
  box-shadow:0 20px 54px rgba(6,29,58,.22)!important;
  backdrop-filter:none!important;
  color:#061d3a!important;
}
.topbar .kld-nextly-profile-dropdown,
.topbar .kld-nextly-profile-dropdown b,
.topbar .kld-nextly-profile-dropdown small,
.topbar .kld-nextly-profile-dropdown span,
.topbar .kld-nextly-profile-dropdown a{
  color:#061d3a!important;
  opacity:1!important;
  text-shadow:none!important;
}
.topbar .kld-nextly-profile-head{
  background:#f8fbff!important;
  border-color:#dbe8f5!important;
}
.topbar .kld-nextly-profile-head small{
  color:#42698f!important;
}
.topbar .kld-nextly-profile-action{
  background:#fff!important;
  border:1px solid #e2edf6!important;
  color:#07356d!important;
}
.topbar .kld-nextly-profile-action.danger{
  color:#9a2a21!important;
  background:#fff7f5!important;
  border-color:#ffd9d3!important;
}

@media (max-width:1100px){
  .sidebar{
    z-index:2400!important;
    top:0!important;
    bottom:0!important;
    width:min(360px,86vw)!important;
    max-width:86vw!important;
  }
  .sidebar.open{
    transform:translateX(0)!important;
  }
  .sidebar-backdrop{
    z-index:2300!important;
  }
  body.sidebar-open .topbar{
    z-index:1!important;
  }
  body.sidebar-open .main{
    pointer-events:none!important;
  }
  body.sidebar-open .sidebar,
  body.sidebar-open .sidebar-backdrop{
    pointer-events:auto!important;
  }
}

@media (min-width:521px) and (max-width:1024px){
  .topbar-title-copy .title-full,
  .topbar-title-copy .title-mobile{
    display:none!important;
  }
  .topbar-title-copy .title-tablet{
    display:inline!important;
  }
}

@media (max-width:520px){
  .topbar-title-copy .title-full,
  .topbar-title-copy .title-tablet{
    display:none!important;
  }
  .topbar-title-copy .title-mobile{
    display:inline!important;
  }
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
  }
  .bpw-map-details:not([hidden]){
    max-height:none!important;
  }
}

/* Map toolbar final fix. */
[data-map-subdivision-filter][hidden],
.bpw-map-subdivision-filter[hidden]{
  display:none!important;
}
.bpw-map-reset{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:76px!important;
  padding:8px 12px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.bpw-map-reset .ico,
.bpw-map-reset .bpw-icon{
  position:static!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  max-width:15px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  pointer-events:none!important;
  font-size:14px!important;
  line-height:1!important;
}
.bpw-map-toolbar-actions{
  gap:10px!important;
}
@media (max-width:780px){
  .bpw-map-toolbar-actions{
    grid-template-columns:auto auto!important;
    align-items:center!important;
  }
  .bpw-map-reset{
    min-width:72px!important;
  }
}

/* Profile dropdown readability final fix. */
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:link,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:visited,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:focus,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:focus-visible,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:active{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:46px!important;
  padding:10px 12px!important;
  border:1px solid #dce8f4!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#07356d!important;
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow:visible!important;
}
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:hover,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action:focus-visible{
  background:#f3f8ff!important;
  border-color:#b9d3ed!important;
  color:#0057a8!important;
}
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action.danger,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action.danger:hover,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action.danger:focus-visible{
  background:#fff7f5!important;
  border-color:#ffd9d3!important;
  color:#9a2a21!important;
}
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action > span:not(.ico):not(.bpw-icon){
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
}
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action .ico,
.topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action .bpw-icon{
  position:static!important;
  grid-column:1!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:17px!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

@media (max-width:520px){
  .topbar .kld-nextly-profile-dropdown{
    width:min(374px,calc(100vw - 24px))!important;
    padding:12px!important;
  }
  .topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action{
    min-height:48px!important;
    font-size:13.5px!important;
  }
  .topbar .kld-nextly-profile-dropdown .kld-nextly-profile-action > span:not(.ico):not(.bpw-icon){
    font-size:13.5px!important;
  }
}

/* Profile dropdown containment and closed-state guard. */
.topbar .kld-nextly-profile:not(.open) .kld-nextly-profile-dropdown,
.topbar .kld-nextly-profile:not(.open) .kld-nextly-profile-dropdown *{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  width:min(334px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  padding:14px!important;
  overflow:hidden!important;
  background:rgba(248,252,255,.99)!important;
  border:1px solid #cfe0ef!important;
  border-radius:18px!important;
  box-shadow:0 24px 60px rgba(6,29,58,.24)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown > *{
  position:relative!important;
  z-index:1!important;
  opacity:1!important;
  visibility:visible!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-action{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.topbar .kld-nextly-profile.open .kld-nextly-profile-action > span:not(.ico):not(.bpw-icon){
  display:block!important;
  color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:520px){
  .topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown{
    left:auto!important;
    right:0!important;
    width:min(374px,calc(100vw - 24px))!important;
  }
}

/* Security Dashboard pagination style for every BPW listing. */
.security-pagination-wrap,
.pagination-wrap,
.module-pagination-wrap,
body.portal-page .portal-pagination{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:13px!important;
  padding:11px 12px!important;
  background:#fbfff8!important;
  border:1px solid #dfeedd!important;
  border-radius:14px!important;
  color:#0057a8!important;
  box-shadow:none!important;
  overflow-anchor:none!important;
}
.page-summary,
.module-page-summary{
  display:block!important;
  color:#0057a8!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
.page-summary b,
.module-page-summary b{
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#061d3a!important;
  font-weight:900!important;
}
.security-pagination,
.pagination,
.module-pagination,
body.portal-page .portal-pagination{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:6px!important;
}
.security-pagination a,
.security-pagination span,
.pagination a,
.pagination span,
.module-page-link,
.module-page-gap,
body.portal-page .portal-pagination a,
body.portal-page .portal-pagination span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:34px!important;
  padding:0 9px!important;
  border:1px solid #daeaf8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#061d3a!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  transform:none!important;
}
.module-page-edge{
  min-width:52px!important;
}
.security-pagination a:hover,
.security-pagination a:focus-visible,
.pagination a:hover,
.pagination a:focus-visible,
.module-page-link:hover,
.module-page-link:focus-visible,
body.portal-page .portal-pagination a:hover,
body.portal-page .portal-pagination a:focus-visible{
  border-color:#daeaf8!important;
  background:#fff!important;
  color:#061d3a!important;
  box-shadow:none!important;
  outline:0!important;
  transform:none!important;
}
.security-pagination a.active,
.pagination a.active,
.module-page-link.active,
body.portal-page .portal-pagination a.active{
  background:#07356d!important;
  border-color:#07356d!important;
  color:#fff!important;
}
.security-pagination a.disabled,
.pagination a.disabled,
.module-page-link.disabled,
body.portal-page .portal-pagination a.disabled{
  opacity:.45!important;
  pointer-events:none!important;
}
.module-page-gap,
.pagination span,
.security-pagination span,
body.portal-page .portal-pagination span{
  cursor:default!important;
}

/* Dashboard heading icons patterned after the security dashboard panels. */
.bpw-panel-head.bpw-icon-head{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
}
.bpw-panel-head.bpw-icon-head > div{
  min-width:0!important;
}
.bpw-panel-icon{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  border:1px solid #dbe9f5!important;
  border-radius:10px!important;
  box-shadow:0 10px 22px rgba(6,29,58,.06)!important;
  font-size:24px!important;
  line-height:1!important;
}
.bpw-panel-icon .ico,
.bpw-panel-icon .bpw-icon{
  width:1em!important;
  min-width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:24px!important;
  line-height:1!important;
}
.bpw-panel-icon-blue{background:linear-gradient(135deg,#eef7ff,#dceeff)!important;color:#0057a8!important;}
.bpw-panel-icon-pink{background:linear-gradient(135deg,#fff0f8,#ffe1f0)!important;color:#b51e73!important;}
.bpw-panel-icon-green{background:linear-gradient(135deg,#effdf2,#dff8e4)!important;color:#0a7b36!important;}
.bpw-panel-icon-amber{background:linear-gradient(135deg,#fff9e8,#fff0ba)!important;color:#a16300!important;}
.bpw-panel-icon-purple{background:linear-gradient(135deg,#f6f0ff,#eadfff)!important;color:#6032ad!important;}
.bpw-panel-icon-cyan{background:linear-gradient(135deg,#edfbff,#d7f4ff)!important;color:#04718e!important;}
.bpw-panel-icon-orange{background:linear-gradient(135deg,#fff4e9,#ffe2ca)!important;color:#b24a05!important;}
.bpw-panel-icon-teal{background:linear-gradient(135deg,#edfff9,#d6f5eb)!important;color:#087760!important;}

/* Split person-name fields while preserving the existing combined DB column. */
.module-name-split{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #dbe9f5!important;
  border-radius:14px!important;
  background:#fbfff8!important;
}
.module-name-split legend{
  display:block!important;
  grid-column:1/-1!important;
  width:100%!important;
  margin:0 0 2px!important;
  padding:0!important;
  color:#061d3a!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.25!important;
}
.module-name-split label{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
.module-name-split input{
  width:100%!important;
  min-width:0!important;
}

@media(max-width:1180px){
  .security-pagination-wrap,
  .pagination-wrap,
  .module-pagination-wrap,
  body.portal-page .portal-pagination{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .security-pagination,
  .pagination,
  .module-pagination,
  body.portal-page .portal-pagination{
    justify-content:flex-start!important;
  }
}

@media(max-width:780px){
  .module-name-split{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:640px){
  .bpw-panel-head.bpw-icon-head{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .bpw-panel-head.bpw-icon-head > .bpw-pill,
  .bpw-panel-head.bpw-icon-head > a{
    grid-column:1/-1!important;
    justify-self:start!important;
  }
  .bpw-panel-icon{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
  .module-page-edge{
    min-width:48px!important;
  }
}

/* Final topbar mobile alignment and account dropdown containment. */
@media (max-width:1100px){
  .topbar{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    gap:8px!important;
  }
  .topbar .menu-btn{
    grid-column:1!important;
    justify-self:start!important;
  }
  .topbar-title{
    grid-column:2!important;
    justify-self:center!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .topbar-title h1{
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  .topbar-title-copy{
    justify-content:center!important;
    text-align:center!important;
  }
  .topbar .bpw-account-shell{
    grid-column:3!important;
    justify-self:end!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .topbar .kld-nextly-profile{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
  .topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown{
    position:fixed!important;
    top:74px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(360px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:calc(100dvh - 88px)!important;
    overflow:auto!important;
    z-index:2600!important;
  }
  .topbar .kld-nextly-profile-head,
  .topbar .kld-nextly-profile-action,
  .topbar .kld-nextly-profile-action:link,
  .topbar .kld-nextly-profile-action:visited{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:54px!important;
  }
}

@media (max-width:640px){
  .topbar-title small{
    display:none!important;
  }
  .topbar-title-copy .title-full,
  .topbar-title-copy .title-tablet{
    display:none!important;
  }
  .topbar-title-copy .title-mobile{
    display:inline!important;
  }
}

@media (max-width:520px){
  .topbar{
    grid-template-columns:38px minmax(0,1fr) 38px!important;
    gap:6px!important;
  }
  .topbar .bpw-account-shell,
  .topbar .kld-nextly-profile{
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
  }
  .topbar .kld-nextly-profile.open .kld-nextly-profile-dropdown{
    top:64px!important;
    width:calc(100vw - 18px)!important;
    max-width:calc(100vw - 18px)!important;
    max-height:calc(100dvh - 76px)!important;
    padding:12px!important;
  }
  .topbar .kld-nextly-profile-head,
  .topbar .kld-nextly-profile-action,
  .topbar .kld-nextly-profile-action:link,
  .topbar .kld-nextly-profile-action:visited{
    grid-template-columns:38px minmax(0,1fr)!important;
    min-height:52px!important;
  }
}