.map-fullscreen-button {
  margin-left: auto; padding: 10px 14px; border: 1px solid #bfd1dc; border-radius: 9px;
  background: #fff; color: #17324d; font-weight: 800; cursor: pointer;
}
.map-fullscreen-button:hover { border-color: #258cc2; color: #1e77a5; }
.map-fullscreen-button span { font-size: 19px; vertical-align: -1px; margin-right: 4px; }
.map-panel:fullscreen,
.map-panel.map-fullscreen-fallback {
  box-sizing: border-box; width: 100vw; height: 100vh; margin: 0; padding: 18px;
  border-radius: 0; background: #f4f7f8; overflow: auto;
}
.map-panel.map-fullscreen-fallback { position: fixed; inset: 0; z-index: 9000; }
body.map-projected { overflow: hidden; }
.map-panel:fullscreen .map-layout,
.map-panel.map-fullscreen-fallback .map-layout {
  height: calc(100vh - 188px); min-height: 420px; grid-template-columns: minmax(0, 1fr) 330px;
}
.map-panel:fullscreen #technicians-map,
.map-panel.map-fullscreen-fallback #technicians-map { height: 100%; min-height: 420px; }
.map-panel:fullscreen .technician-list,
.map-panel.map-fullscreen-fallback .technician-list { max-height: 100%; overflow: auto; }
@media (max-width: 760px) {
  .map-fullscreen-button { width: 100%; margin-top: 10px; }
  .map-panel:fullscreen .map-layout,
  .map-panel.map-fullscreen-fallback .map-layout {
    height: auto; grid-template-columns: 1fr; grid-template-rows: minmax(55vh, 1fr) auto;
  }
  .map-panel:fullscreen .technician-list,
  .map-panel.map-fullscreen-fallback .technician-list { max-height: 28vh; }
}