.mod-traccar-map { width: 100%; min-height: 200px; }
.leaflet-container { background: #e6e6e6; }
.leaflet-control-fullscreen a {
  background: no-repeat center/27px 27px url("data:image/svg+xml;utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%0A%20%20%3Cpath%20d='M4%209V4h5v2H6v3H4z'/%3E%20%20%20%20%20%20%20%20%20%20%20%3C!--%20top-left%20outward%20--%3E%0A%20%20%3Cpath%20d='M20%209V4h-5v2h3v3h2z'/%3E%20%20%20%20%20%20%20%20%20%3C!--%20top-right%20outward%20--%3E%0A%20%20%3Cpath%20d='M9%2020H4v-5h2v3h3v2z'/%3E%20%20%20%20%20%20%20%20%20%3C!--%20bottom-left%20outward%20--%3E%0A%20%20%3Cpath%20d='M20%2015v5h-5v-2h3v-3h2z'/%3E%20%20%20%20%20%20%3C!--%20bottom-right%20outward%20--%3E%0A%3C/svg%3E") !important;
}
@media (prefers-color-scheme: dark) {.leaflet-control-fullscreen a {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23fff' d='M9 3H3v6h2V5h4V3zm12 0h-6v2h4v4h2V3zM3 21h6v-2H5v-4H3v6zm18-6h-2v4h-4v2h6v-6z'/></svg>") !important;
}}
/* v1.3.12: Ensure fullscreen control has a visible icon and contrast on any baselayer */
.leaflet-control-fullscreen a{background:#fff !important;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.25);width:26px;height:26px;display:block;border-radius:4px;position:relative;overflow:hidden}
.leaflet-control-fullscreen a::before{content:"";position:absolute;inset:0;background:center/18px 18px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M7 14H5v5h5v-2H7v-3zm12 5h-5v-2h3v-3h2v5zM7 7h3V5H5v5h2V7zm10 0v3h-3v2h5V5h-2z'/></svg>")}
.leaflet-control-fullscreen a:hover{filter:brightness(0.95)}.leaflet-control-fullscreen a:active{filter:brightness(0.9)}
.leaflet-control-container{z-index:1000}

/* === v1.3.13-fsicon: enforce file-based fullscreen icon === */
.mod-traccar-map .leaflet-control-fullscreen a {
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.2) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.25) !important;
  display: block !important;
  border-radius: 4px !important;
  position: relative !important;
  overflow: hidden !important;

  background-image: url("/media/mod_traccar_map/icons/fullscreen-fixed.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 26px 26px !important;
  width: 26px !important;
  height: 26px !important;
}
@media (prefers-color-scheme: dark) {
  .mod-traccar-map .leaflet-control-fullscreen a {
    background: #fff !important;
    background-image: url("/media/mod_traccar_map/icons/fullscreen-fixed.svg") !important;
  }
}