:root{--green: #0b6e4f;--green-dark: #084d37;--red: #c0392b;--amber: #b9770e;--bg: #f7f7f5;--surface: #ffffff;--text: #1a1a1a;--muted: #5a5a5a;--border: #d8d8d4;--focus: #1565c0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-text-size-adjust:100%;overflow-x:hidden}#root{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:1000}.skip-link:focus{left:0}header.app-bar{background:var(--green);color:#fff;padding:.6rem 1rem}.app-bar h1{font-size:1.1rem;margin:0}.app-bar p{margin:.1rem 0 0;font-size:.78rem;opacity:.95}nav.tabs{display:flex;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:500}nav.tabs button{flex:1;padding:.75rem .5rem;border:none;background:none;font-size:.9rem;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent;min-height:44px}nav.tabs button[aria-current=page]{color:var(--green-dark);font-weight:600;border-bottom-color:var(--green)}main{flex:1;min-height:0;display:flex;flex-direction:column}.container{width:100%;max-width:640px;margin:0 auto;padding:1rem}.map-wrap{position:relative;flex:1;min-height:60vh}#map{position:absolute;inset:0}.map-status{position:absolute;top:.5rem;right:.5rem;z-index:600;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;font-size:.75rem}.map-status.live{color:var(--green-dark)}.map-status.offline{color:var(--amber)}.filters{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.filters label{font-size:.78rem;color:var(--muted);display:flex;flex-direction:column;gap:.15rem}label{display:block;font-weight:600;margin:.75rem 0 .25rem}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:44px}textarea{min-height:80px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--green);color:#fff;border:none;border-radius:8px;padding:.7rem 1rem;font-weight:600;cursor:pointer;min-height:44px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--green-dark);border:1px solid var(--green)}.btn.danger{background:var(--red)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem;margin-bottom:.75rem}.badge{display:inline-block;font-size:.72rem;padding:.1rem .5rem;border-radius:999px;font-weight:600}.badge.alta{background:#fdecea;color:var(--red)}.badge.media{background:#fdf3e0;color:var(--amber)}.badge.baja{background:#e8f5e9;color:var(--green-dark)}.warning{background:#fff8e1;border:1px solid #f0d98c;border-radius:8px;padding:.6rem;font-size:.85rem}.notice{background:#e8f5e9;border:1px solid #b6e0bd;border-radius:8px;padding:.6rem;font-size:.9rem}.error{color:var(--red);font-size:.85rem}.muted{color:var(--muted);font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;background:var(--surface);cursor:pointer;font-size:.85rem;min-height:40px}.chip[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.impact{text-align:center;font-size:.85rem;color:var(--muted);padding:.5rem}@media(min-width:700px){.map-wrap{min-height:70vh}}.leaflet-div-icon.map-pin{background:transparent;border:none}.map-pin svg{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.35))}.app-bar-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.app-bar-title{min-width:0;flex:1 1 auto}.app-bar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-btn{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;flex-shrink:0;padding:.5rem .7rem;font-size:.82rem}header.app-bar .login-btn{background:#fff;color:var(--green-dark);border:none}header.app-bar .login-btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.8)}.login-status{display:flex;align-items:center;gap:.4rem;flex:0 0 auto}.login-id{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:#fff;opacity:.95;white-space:nowrap}@media(max-width:380px){.login-id span,.app-bar p{display:none}}nav.section-nav{width:100%}.section-tab{display:flex!important;flex:1 1 0!important;min-width:0;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .2rem!important;font-size:.72rem!important;line-height:1.1}.section-tab span{text-align:center;overflow-wrap:anywhere}.subnav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.subnav-tab{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border:1px solid var(--border);background:var(--surface);border-radius:999px;color:var(--muted);font-size:.82rem;cursor:pointer;white-space:nowrap;min-height:40px}.subnav-tab[aria-selected=true]{background:var(--green);color:#fff;border-color:var(--green)}.section-header{padding-top:1rem}.section-title{display:flex;align-items:center;gap:.4rem;margin:0 0 .25rem}.volunteer-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;padding-bottom:.25rem}.role-single{margin:0}.add-role-btn{white-space:nowrap}.login-prompt{text-align:center}.login-prompt .btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.modal{position:relative;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:.25rem;right:.5rem;background:none;border:none;font-size:1.6rem;line-height:1;color:var(--muted);cursor:pointer;z-index:1;min-height:44px;min-width:44px}