�.container {
    position: relative;
    width: 100%;
}

.map {
    height: 400px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

.instructions {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #475569;
    text-align: center;
}

.error {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #dc2626;
    text-align: center;
}

.info {
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #16a34a;
    text-align: center;
    font-weight: 500;
}

/* Override Leaflet-Geoman styles for better mobile UX */
:global(.leaflet-pm-toolbar) {
    margin-top: 10px !important;
}

:global(.leaflet-pm-action) {
    min-width: 40px !important;
    min-height: 40px !important;
}

:global(.leaflet-pm-actions-container) {
    padding: 4px !important;
}

/* Make markers and vertices larger on touch devices */
@media (hover: none) and (pointer: coarse) {

    :global(.leaflet-marker-icon),
    :global(.leaflet-pm-draggable) {
        width: 20px !important;
        height: 20px !important;
    }
}
�*cascade082file:///c:/Users/Victoria/OneDrive/Escritorio/Proyectos%20Antigravity/Derpa%20Tech/web/src/components/map/DrawingMap.module.css