.browser-map-office{display:block;width:36px;height:36px;border:2px solid #fff;border-radius:6px;background:#3779b6 url('kyosei-rentem-office.jpg?v=20261001a') center/cover no-repeat;box-shadow:0 0 0 1px #1d456a6b,0 2px 6px #142e4e6b}
.map-canvas .office-tooltip{margin-top:8px;border-color:#3b7fb8;color:#245f92}.map-canvas .machine-tooltip{margin-bottom:5px}.map-canvas .browser-map-distance{transform:translateY(-4px)}
.map-route-main{stroke-dasharray:10 8;animation:map-route-flow 1.25s linear infinite}
.map-route-main.online{stroke:#23a263}
.map-route-main.offline{stroke:#778392;animation:none;opacity:.82}
.mobile-machine-detail{display:none}
.map-details{padding:0;background:#f8fafc}
.map-detail-heading{padding:14px;border-bottom:1px solid #dfe5ed}
.map-detail-eyebrow{color:#748196;font-size:10px;font-weight:800}
.map-detail-machine{margin-top:3px;color:#202d3d;font-size:15px;font-weight:850;line-height:1.3;word-break:break-word}
.map-detail-sub{margin-top:3px;color:#667488;font-size:11px;font-weight:650}
.map-detail-status{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:5px 8px;border-radius:4px;background:#e8f6ee;color:#18724b;font-size:11px;font-weight:800}
.map-detail-status:before{content:'';width:7px;height:7px;border-radius:50%;background:#23a263}
.map-detail-status.offline{background:#e2e6ec;color:#596473}.map-detail-status.offline:before{background:#7b8797}
.map-detail-alert{display:grid;gap:4px;margin:10px 12px 0;padding:10px 11px;border:2px solid #ec2828;border-radius:6px;background:#fff;color:#c71f27}
.map-detail-alert strong{font-size:13px;line-height:1.35}
.map-detail-alert span{color:#26364b;font-size:11px;line-height:1.35}
.map-detail-section{padding:12px 14px;border-bottom:1px solid #dfe5ed}
.map-detail-section h3{margin:0 0 9px;color:#526176;font-size:10.5px;font-weight:850}
.map-detail-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8e0e9;border-radius:5px;overflow:hidden;background:#fff}
.map-detail-item{min-width:0;padding:8px 9px;border-right:1px solid #e4e9f0;border-bottom:1px solid #e4e9f0}.map-detail-item:nth-child(2n){border-right:0}.map-detail-item:nth-last-child(-n+2){border-bottom:0}
.map-detail-item .label,.map-detail-wide .label{display:block;color:#7a8798;font-size:9.5px;font-weight:700}.map-detail-item .value,.map-detail-wide .value{display:block;margin-top:3px;color:#26364b;font-size:11px;font-weight:800;line-height:1.35;word-break:break-word}.map-detail-item .value.muted,.map-detail-wide .value.muted{color:#9aa5b4}.map-detail-item .value.attention{color:#b83e32}
.map-detail-wide{padding:7px 9px;border:1px solid #d8e0e9;border-radius:5px;background:#fff}.map-detail-wide+.map-detail-wide{margin-top:6px}
.office-popup-wrap .leaflet-popup-content{margin:11px 13px}
.office-popup{display:grid;gap:4px;min-width:220px;max-width:280px;color:#27364a;font:12px/1.45 "Yu Gothic UI",Meiryo,sans-serif}
.office-popup strong{color:#245c92;font-size:13px}
.office-popup span{display:block;white-space:normal;word-break:break-word}
.office-popup-source{display:inline-flex;width:max-content;margin-top:4px;color:#245c92;font-weight:700;text-decoration:none}
.office-popup-source:hover{text-decoration:underline}
@media(prefers-reduced-motion:reduce){.map-route-main{animation:none}}