:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#18302b}*{box-sizing:border-box}html,body,#map{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}.brand{position:absolute;z-index:500;top:max(12px,env(safe-area-inset-top));left:12px;display:flex;gap:9px;align-items:center;background:#fff;padding:9px 13px;border-radius:13px;box-shadow:0 2px 13px #0002;font-size:18px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:500;color:#62736b}.brand-icon{font-size:27px}.toolbar{position:absolute;z-index:500;left:12px;top:87px;display:grid;gap:9px}.rightbar{position:absolute;z-index:500;right:15px;bottom:max(26px,env(safe-area-inset-bottom));display:grid;justify-items:end;gap:12px}.control{width:46px;height:46px;background:white;border:0;border-radius:12px;box-shadow:0 2px 14px #0003;font-size:24px;color:#1f553e}.add{width:70px;height:70px;border:0;border-radius:50%;background:#176b46;color:white;font-size:33px;box-shadow:0 4px 18px #0005;position:relative}.add small{position:absolute;font-size:23px;top:6px;right:10px}.legend{position:absolute;z-index:400;bottom:max(12px,env(safe-area-inset-bottom));left:12px;background:#fffffff0;padding:7px;border-radius:10px;font-size:11px;display:flex;align-items:center;gap:5px}.gradient{display:inline-block;width:74px;height:9px;background:linear-gradient(90deg,#42c987,#ffe363,#f44336);border-radius:6px}#toast{position:absolute;z-index:900;top:20%;left:50%;transform:translateX(-50%);padding:10px 16px;border-radius:12px;background:#17382f;color:white;max-width:86vw;display:none;text-align:center;box-shadow:0 2px 15px #0004}.overlay{position:absolute;z-index:1000;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:14px}.hidden{display:none!important}.panel{background:white;border-radius:18px;width:min(100%,420px);max-height:90dvh;overflow:auto;padding:22px;position:relative;box-shadow:0 8px 40px #0004}.panel h2{margin:0 40px 16px 0;font-size:22px}.close{position:absolute;right:14px;top:14px;background:#f0f2ee;border:0;border-radius:9px;width:36px;height:36px}.panel button.primary{display:block;width:100%;padding:13px;background:#176b46;color:#fff;border:0;border-radius:10px;font-weight:700;margin-top:14px}.panel button.secondary{padding:11px;background:#ecf2ee;color:#185137;border:0;border-radius:9px;margin-top:9px}.panel label{display:block;margin:12px 0 5px;font-size:13px;font-weight:700}.panel input,.panel select{width:100%;padding:12px;border:1px solid #bac7be;border-radius:9px}.panel p{font-size:14px;line-height:1.5;color:#52665c}.panel .option{padding:12px 0;border-bottom:1px solid #e5eae7}.panel .option input{width:auto}.panel .muted{font-size:12px;color:#65786c}.panel .error{color:#bb3030}.panel .user{padding:9px 0;border-bottom:1px solid #edf0ed;font-size:13px}.leaflet-control-zoom{display:none} .poop-marker{background:none;border:0;text-align:center;filter:drop-shadow(0 1px 3px #0009);font-size:23px}@media(max-width:430px){.brand{font-size:16px}.brand-icon{font-size:23px}}

/* Confirmación no modal: permite tocar y desplazar el marcador en el mapa */
.map-confirm{position:absolute;z-index:800;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(440px,calc(100% - 110px));background:#fff;padding:12px;border-radius:15px;box-shadow:0 4px 22px #0004;font-size:13px}.map-confirm p{margin:0 0 9px;color:#36574b}.map-confirm .actions{display:flex;gap:8px}.map-confirm button{border:0;border-radius:9px;padding:11px 8px;font-weight:650;flex:1;background:#176b46;color:#fff}.map-confirm button:disabled{opacity:.45;cursor:not-allowed}.map-confirm button.secondary{background:#edf2ee;color:#27503c}@media(max-width:500px){.map-confirm{bottom:110px;left:12px;transform:none;width:calc(100% - 24px)}}