.dio-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;border:0}.dio-modes legend{width:100%;margin-bottom:4px;font-weight:750}.dio-modes label{position:relative;cursor:pointer}.dio-modes input{position:absolute;opacity:0}.dio-modes span{display:block;min-height:42px;padding:9px 14px;border:1px solid #dbe3e8;border-radius:10px;background:#fff;color:#607080}.dio-modes input:checked+span{border-color:#0b746f;background:#e8f7f5;color:#064e4b;font-weight:750}
.dio-customer{display:grid;gap:18px}.dio-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dio-customer label{display:grid;gap:7px;font-weight:650}.dio-customer input,.dio-customer textarea{width:100%;border:1px solid #dbe3e8;border-radius:6px;padding:10px 12px;background:#fff;color:#17212b;font:inherit}.dio-customer input:focus,.dio-customer textarea:focus{border-color:#0f8f8a;outline:3px solid rgba(15,143,138,.16)}
.dio-location{min-width:0;margin:0;padding:0;border:0}.dio-location legend{font-weight:750}.dio-location__hint{max-width:65ch;margin:4px 0 10px;color:#607080}.dio-map{position:relative;isolation:isolate;height:300px;overflow:hidden;border:1px solid #dbe3e8;border-radius:14px;background:#f4f7f9;touch-action:none;cursor:crosshair}.dio-map:focus-visible,.dio-map__actions button:focus-visible,.dio-modes input:focus-visible+span{outline:3px solid #0f8f8a;outline-offset:3px}.dio-map__tiles{position:absolute;inset:0}.dio-map__tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none}.dio-map__marker{position:absolute;z-index:3;inset:50% auto auto 50%;width:24px;height:24px;border:4px solid #fff;border-radius:50% 50% 50% 0;background:#0b746f;box-shadow:2px 5px 14px rgba(7,58,56,.34);transform:translate(-50%,-100%) rotate(-45deg);pointer-events:none}
.dio-map__controls{position:absolute;z-index:4;inset-block-start:10px;inset-inline-start:10px;display:grid;gap:4px}.dio-map__controls button{width:40px;height:40px;border:1px solid #dbe3e8;border-radius:6px;background:#fff;color:#17212b;font:700 1.2rem/1 inherit;cursor:pointer}.dio-map__attribution{position:absolute;z-index:4;inset-inline-end:5px;bottom:4px;max-width:80%;padding:2px 5px;background:rgba(255,255,255,.9);color:#607080;font-size:.79rem}.dio-map__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.dio-coordinate{display:block;margin-top:7px;color:#607080;direction:ltr;text-align:start}.dio-coordinate[data-selected="true"]{color:#064e4b;font-weight:700}.dio-review-line--summary{padding-block:9px}.dio-distance{display:block;margin-top:10px;color:#607080}
@media(max-width:520px){.dio-fields{grid-template-columns:1fr}.dio-map{height:250px}.dio-map__actions .dio-button{flex:1}}
.dio-dialog .dio-button:focus-visible,.dio-dialog .dio-icon:focus-visible,.dio-dialog .dio-quantity button:focus-visible,.dio-dialog .dio-remove:focus-visible{outline:3px solid #0f8f8a;outline-offset:3px}.dio-trigger:focus-visible{outline:3px solid #fff;outline-offset:3px}.dio-header h2:focus-visible{outline:3px solid #0f8f8a;outline-offset:4px}.dio-icon,.dio-quantity button,.dio-remove,.dio-map__controls button{min-width:44px;min-height:44px}.dio-modes span{display:flex;min-height:44px;align-items:center}