.service-area{--area-line:color-mix(in srgb,var(--accent,#235d47) 60%,#fff);width:100%;max-width:100%;border:1px solid var(--border,#dce4df);border-radius:var(--radius,18px);overflow:hidden;background:var(--surface,#fff);color:var(--ink,#213b2f)}
.service-area [hidden]{display:none!important}
.area-stage{height:clamp(240px,45vw,360px);position:relative;isolation:isolate;background:#edf2ef}
.area-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;text-align:center;box-sizing:border-box}
.area-placeholder svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.35}
.area-placeholder svg path{stroke:#b0c0b4;stroke-width:8;fill:none}.area-placeholder svg circle{fill:#e0ebe3;fill:color-mix(in srgb,var(--accent,#235d47) 18%,#fff);stroke:var(--accent,#235d47);stroke-width:2;stroke-dasharray:4 3}.area-placeholder svg .area-center{fill:var(--accent,#235d47);stroke:none}
.area-placeholder strong{font-size:clamp(22px,4vw,30px);font-weight:800}.area-placeholder>span{font-size:14px}.area-placeholder small{max-width:300px;font-size:12px;line-height:1.35;color:#52685a}.area-placeholder .button{margin-top:6px;min-height:44px;max-width:100%;font:inherit;cursor:pointer}
.area-canvas{height:100%;width:100%;z-index:0;background:#e5ebe7}.area-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:60px;padding:8px 10px;box-sizing:border-box;border-top:1px solid var(--border,#dce4df)}
.area-radius-badge{margin-right:auto;font-size:13px;font-weight:800}.area-control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:7px 10px;border:1px solid var(--border,#dce4df);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}.area-control[aria-pressed=true]{background:var(--accent,#235d47);color:var(--on-accent,#fff)}
.area-address,.area-status{font-size:12px;line-height:1.4;margin:0;padding:0 11px 10px;overflow-wrap:anywhere}.area-status{color:#52685a}.area-center-pin{border:0!important;background:transparent!important;text-align:center;font-size:29px;line-height:42px;filter:drop-shadow(0 2px 2px #3335)}
.service-area .leaflet-container{font-family:inherit}.service-area .leaflet-control-attribution{font-size:10px;background:#ffffffe8!important;color:#31493c}.service-area .leaflet-control-attribution a{color:#215638;text-decoration:underline}.service-area .leaflet-control-zoom a{min-height:35px;min-width:35px;line-height:35px;color:#213b2f}
.area-editor-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.area-editor-actions a{font-size:13px}.area-editor-link{margin-top:12px}.area-editor-link input{width:100%;box-sizing:border-box}.area-editor-link .button{margin-top:7px}.area-editor-selected{font-size:13px;color:#52685a;line-height:1.4}
@media(max-width:400px){.area-control{min-height:40px;padding-inline:7px}.area-toolbar{gap:5px}.area-radius-badge{font-size:12px}.area-placeholder small{font-size:11px}}

@media(max-width:480px){.area-control-caption{display:none}.area-control{min-width:44px;min-height:44px}}