/* ScanMAP LUCI 2026–27: DEV-only external tourism-filter dock.
   Topbar (64px, landscape 56px) > independent horizontal filter bar >
   LIST (automatically shortened). Does not affect production URLs. */
html.scanmap-responsive body[data-scanmap-page="luci"] #app.luci-dev-external-categories #luciDevCategoryBar {
  position:absolute!important;
  inset:auto 0 auto 0!important;
  top:var(--luci-dev-dock-top,64px)!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:5px 9px 6px!important;
  box-sizing:border-box!important;
  z-index:2700!important; /* below topbar, above LIST and map */
  background:linear-gradient(90deg,#0e3247 0%,#16384a 55%,#123348 100%)!important;
  border-top:1px solid rgba(244,211,139,.55)!important;
  border-bottom:1px solid #d6a543!important;
  box-shadow:0 3px 10px rgba(5,20,29,.34)!important;
  overflow:hidden!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 2px 1px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll::-webkit-scrollbar{
  display:none!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll button{
  appearance:none!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  max-height:35px!important;
  border:1px solid rgba(242,202,115,.66)!important;
  border-radius:999px!important;
  background:#214355!important;
  color:#f7f0e5!important;
  padding:6px 10px!important;
  box-sizing:border-box!important;
  text-align:center!important;
  font:750 11px/1.15 system-ui,-apple-system,sans-serif!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  scroll-snap-align:start!important;
  touch-action:pan-x!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll button.is-active{
  color:#0a2539!important;
  background:linear-gradient(115deg,#f6d783,#dda837)!important;
  border-color:#fff0b7!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll button:focus-visible{
  outline:2px solid #fff!important;
  outline-offset:-3px!important;
}
html.scanmap-responsive body[data-scanmap-page="luci"] #app.luci-dev-external-categories #floatingPopup[data-scanmap-list-mode="luci"]{
  top:var(--luci-dev-list-top,120px)!important;
  bottom:var(--luci-dev-list-bottom,88px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
/* Keep the category dock visible even when LIST is toggled closed;
   scrolling/tapping the dock must not cause the underlying map to pan. */
@media (max-height:460px){
  html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar .luci-dev-category-scroll button {
    min-height:31px!important;
    padding-block:5px!important;
  }
  html.scanmap-responsive body[data-scanmap-page="luci"] #app #luciDevCategoryBar{
    padding-block:4px!important;
  }
}