/* Maps + address autocomplete styles (Leaflet, admin maps, suggestions). */

/* Suggestion dropdown */
.addr-suggest {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1500;
    background: #fff;
    border: 1px solid var(--gray-200, #e5e7eb);
    border-radius: 10px;
    box-shadow: 0 12px 30px -10px rgba(0, 0, 0, 0.25);
    margin-top: 4px;
    max-height: 260px;
    overflow-y: auto;
}
.addr-suggest-item {
    padding: 0.6rem 0.9rem;
    font-size: 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid var(--gray-100, #f3f4f6);
}
.addr-suggest-item:last-child { border-bottom: none; }
.addr-suggest-item:hover { background: var(--gray-50, #f9fafb); color: var(--primary, #0ea5e9); }

/* Address mini-map */
.addr-map {
    height: 240px;
    width: 100%;
    border-radius: 12px;
    margin-top: 0.75rem;
    border: 1px solid var(--gray-200, #e5e7eb);
    z-index: 0;
}

/* Larger admin map */
.ops-map {
    height: 560px;
    width: 100%;
    border-radius: 14px;
    border: 1px solid var(--gray-200, #e5e7eb);
    z-index: 0;
}
.match-map {
    height: 320px;
    width: 100%;
    border-radius: 12px;
    border: 1px solid var(--gray-200, #e5e7eb);
    margin-top: 1rem;
    z-index: 0;
}

/* divIcon pins (no image dependency) */
.addr-pin { background: transparent; border: none; }
.addr-pin-dot {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg);
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

/* Map legend */
.map-legend {
    display: flex;
    gap: 1.25rem;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    color: var(--gray-600, #4b5563);
}
.map-legend .dot {
    display: inline-block;
    width: 12px; height: 12px;
    border-radius: 50%;
    margin-right: 0.35rem;
    vertical-align: middle;
}
.map-legend .dot.cust { background: #0ea5e9; }
.map-legend .dot.clean { background: #10b981; }