
/* V41.19 — refined desktop layout; mobile unchanged */
@media screen and (min-width: 769px){

  /* Make the map the dominant element */
  
  .v41-shell{height:100vh!important;min-height:100vh!important}
  .v41-map,#v41-map,.v41-map-shell{
    height:100vh!important;
    min-height:100vh!important;
  }

  /* Top control block: narrower, lighter, less coverage */
  .v41-top{
    width:min(780px,calc(100vw - 220px))!important;
    top:7px!important;
    gap:4px!important;
    padding:0!important;
  }

  .v41-tabs,.v41-chips{
    min-height:0!important;
    padding:3px 4px!important;
    gap:4px!important;
    border-radius:9px!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
    backdrop-filter:blur(4px);
  }

  /* Purpose buttons: compact but readable */
  .v41-tabs .v41-chip{
    flex:1 1 0!important;
    min-width:72px!important;
    height:27px!important;
    min-height:27px!important;
    padding:0 8px!important;
    font-size:11.5px!important;
    line-height:25px!important;
    border-radius:7px!important;
  }

  /* Property + governorate chips: content-sized, never huge */
  .v41-chips{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    scrollbar-width:none!important;
  }
  .v41-chips::-webkit-scrollbar{display:none!important}
  .v41-chips .v41-chip{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    height:26px!important;
    min-height:26px!important;
    padding:0 8px!important;
    font-size:11px!important;
    line-height:24px!important;
    border-radius:7px!important;
  }

  /* Any icon inside top controls */
  .v41-top svg,.v41-top img{
    width:12px!important;
    height:12px!important;
    min-width:12px!important;
    max-width:12px!important;
  }

  /* Desktop apps button: very compact */
  .v419-desktop-apps{
    top:7px!important;
    left:7px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0 7px!important;
    gap:5px!important;
    font-size:11px!important;
    border-radius:7px!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
  }
  .v419-desktop-apps svg{
    width:12px!important;
    height:12px!important;
    max-width:12px!important;
    max-height:12px!important;
  }

  /* Governorate labels: smallest box possible, same readable text */
  .gov-map-icon{
    width:auto!important;
    min-width:0!important;
    height:24px!important;
  }
  .gov-map-name{
    width:max-content!important;
    min-width:0!important;
    height:23px!important;
    padding:0 5px!important;
    font-size:12px!important;
    line-height:23px!important;
    border-radius:6px!important;
    white-space:nowrap!important;
  }

  /* Leaflet controls smaller and less intrusive */
  .leaflet-control-zoom a{
    width:25px!important;
    height:25px!important;
    line-height:25px!important;
    font-size:16px!important;
  }
  .leaflet-control-layers-toggle{
    width:28px!important;
    height:28px!important;
    background-size:17px 17px!important;
  }
  .leaflet-control{
    font-size:10px!important;
  }

  /* Filter modal/button if present */
  .v41-filter-btn,.v41-search{
    min-height:28px!important;
    height:28px!important;
    padding:0 8px!important;
    font-size:11px!important;
    border-radius:7px!important;
  }

  /* Slight transparency helps map stay visually dominant */
  .v41-tabs,.v41-chips,.v419-desktop-apps{
    background:rgba(255,255,255,.94)!important;
  }
}
