/* Bản đồ nhỏ cho chấm công (bms-tile-map.js): nền OpenStreetMap, vòng vùng xưởng, ghim, chấm điện thoại. */
.bms-tmap { position: relative; overflow: hidden; background: #F2EFE9; touch-action: pan-y; user-select: none; }
.bms-tmap.pickable { cursor: crosshair; touch-action: none; }
.bms-tmap-tiles, .bms-tmap-layer { position: absolute; inset: 0; }
.bms-tmap-tiles img { position: absolute; width: 256px; height: 256px; max-width: none; pointer-events: none; }
.bms-tmap-layer { width: 100%; height: 100%; pointer-events: none; }
.bms-tmap-zone { fill: rgba(0, 159, 77, .16); stroke: #009F4D; stroke-width: 3; }
.bms-tmap-acc { fill: rgba(43, 131, 253, .16); stroke: rgba(43, 131, 253, .5); stroke-width: 1.5; }
.bms-tmap-me { fill: #2B83FD; stroke: #fff; stroke-width: 3; }
.bms-tmap-pin { fill: #E5484D; stroke: #fff; stroke-width: 2; }
.bms-tmap-pin-dot { fill: #fff; }
.bms-tmap-zoom { position: absolute; right: 8px; top: 8px; display: grid; background: #fff; border: 1px solid #CCD2DA; border-radius: 6px; overflow: hidden; }
.bms-tmap-zoom button { width: 32px; height: 32px; border: 0; background: #fff; color: #222; font: 600 18px/1 system-ui, sans-serif; cursor: pointer; }
.bms-tmap-zoom button + button { border-top: 1px solid #DDE2E8; }
.bms-tmap-attr { position: absolute; right: 0; bottom: 0; padding: 1px 4px; background: rgba(255, 255, 255, .78); color: #333; font: 500 10px/1.3 system-ui, sans-serif; pointer-events: none; }