:root{--bg:#07131d;--bg2:#0b1c27;--panel:#10232f;--line:rgba(139,178,205,.22);--text:#f4f7f8;--muted:#a7b7c2;--accent:#57d3ff;--blue:#1597ff;--green:#19d66b;--purple:#9b5cff;--orange:#ff991c;--red:#ff4d4d;--yellow:#ffd60a;--shadow:0 18px 36px rgba(3,9,16,.45)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#040d14 0,#0a1822 100%);color:var(--text);font-family:Inter,"Segoe UI",sans-serif}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{max-width:1500px;margin:0 auto;padding:18px}.topbar{display:grid;grid-template-columns:230px minmax(260px,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(8,23,35,.96);box-shadow:var(--shadow)}.brand-wrap{display:flex;align-items:center;gap:10px}.brand-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7ee3ff,#48b9ec);color:#082235}.brand-text{font-size:12px;font-weight:800;letter-spacing:.13em}.search-wrap{height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid rgba(145,183,211,.2);border-radius:12px;background:#0d2130}.search-icon{color:var(--muted);font-size:20px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.search-wrap input::placeholder{color:#718692}.top-actions{display:flex;gap:8px}.primary-btn,.ghost-btn,.filter-button,.menu-action,.mini-btn{border-radius:10px;padding:10px 13px;font-weight:700;border:1px solid rgba(130,181,214,.2);color:var(--text);background:rgba(130,181,214,.08);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.primary-btn{border:0;background:linear-gradient(135deg,#72d9ff,#56c3f0);color:#06263a}.ghost-btn:hover,.menu-action:hover,.filter-button:hover,.mini-btn:hover{background:rgba(87,211,255,.12);border-color:rgba(87,211,255,.35)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:18px;margin-top:18px;position:relative}.left-sidebar,.right-sidebar{border:1px solid var(--line);border-radius:18px;background:rgba(11,27,40,.92);box-shadow:var(--shadow)}.left-sidebar{position:absolute;left:12px;top:12px;width:250px;max-height:calc(100% - 24px);overflow:auto;z-index:1200;padding:16px}.section-title{margin:0 0 12px;color:#8fa8b7;font-size:10px;font-weight:800;letter-spacing:.15em}.filter-group{margin-bottom:15px}.filter-group label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin-bottom:7px}.filter-group select{width:100%;height:38px;border:1px solid rgba(152,178,197,.2);border-radius:9px;background:#0f202b;color:var(--text);padding:0 10px}.filter-group.inline{position:relative}.filter-group.inline span{position:absolute;right:0;top:0;color:var(--accent);font-size:11px}.filter-group input[type=range]{width:100%}.filter-button{width:100%}.legend-box{padding:16px 0;border-top:1px solid rgba(139,178,205,.13);border-bottom:1px solid rgba(139,178,205,.13);margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin:7px 0}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-blue{background:var(--blue)}.dot-green{background:var(--green)}.dot-purple{background:var(--purple)}.dot-orange{background:var(--orange)}.dot-red{background:var(--red)}.dot-yellow{background:var(--yellow)}.nav-menu{display:flex;flex-direction:column;gap:6px;padding-top:16px}.menu-action{text-align:left;width:100%;background:transparent}.menu-action.active{background:rgba(87,211,255,.12);border-color:rgba(87,211,255,.32)}.map-panel{position:relative;height:800px;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#0b1c27;box-shadow:var(--shadow)}#map{width:100%;height:800px}.leaflet-container{background:#0b1c27;font-family:Inter,"Segoe UI",sans-serif}.map-hint{position:absolute;left:14px;right:14px;bottom:12px;z-index:500;padding:8px 11px;border:1px solid rgba(139,178,205,.18);border-radius:9px;background:rgba(5,16,25,.9);color:#9db0bb;font-size:10px;pointer-events:none}.pin{display:block;width:18px;height:18px;border:2px solid #06131d;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.72),0 5px 14px #0009}.pin.blue{background:var(--blue)}.pin.green{background:var(--green)}.pin.purple{background:var(--purple)}.pin.orange{background:var(--orange);animation:pinPulse 1.5s infinite}.pin.red{background:var(--red);animation:pinPulse 1.1s infinite}.pin.yellow{background:var(--yellow);animation:pinPulse 1.5s infinite}@keyframes pinPulse{50%{transform:scale(1.28);box-shadow:0 0 0 5px rgba(255,77,77,.15),0 5px 16px #0009}}.collection-center-marker{background:transparent!important;border:0!important}.collection-center-pin{display:grid;width:32px;height:32px;place-items:center;font-size:26px;line-height:32px;filter:drop-shadow(0 2px 4px #0009);transform-origin:center bottom}.right-sidebar{padding:16px;display:flex;flex-direction:column;gap:14px;min-height:800px;grid-column:2}.summary-box{padding-bottom:14px;border-bottom:1px solid rgba(139,178,205,.13)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:10px;border:1px solid rgba(139,178,205,.14);border-radius:11px;background:rgba(13,30,41,.85)}.stat strong{display:block;font-size:13px}.stat span{display:block;margin-top:4px;color:var(--muted);font-size:9px}.alert-list,.delivery-list{list-style:none;margin:0;padding:0;max-height:185px;overflow-y:auto;scrollbar-width:thin}.list-card{margin:0 0 7px;padding:10px 11px;border:1px solid rgba(139,178,205,.13);border-radius:11px;background:rgba(13,30,41,.72);color:var(--muted);font-size:11px;line-height:1.45}.list-card b{color:var(--text);font-size:11px}.list-card>.badge{display:inline-block;margin-left:5px;vertical-align:middle}.badge{padding:3px 7px;border-radius:999px;font-size:9px;font-weight:800;line-height:1}.badge.en_camino{background:rgba(21,151,255,.15);color:#6fc5ff}.badge.entregado{background:rgba(25,214,107,.15);color:#6ef09e}.badge.parcial{background:rgba(155,92,255,.16);color:#bd9aff}.badge.alerta{background:rgba(255,77,77,.16);color:#ff8585}.badge.necesidad{background:rgba(255,214,10,.18);color:#ffe066}.updated-at{display:block;margin-top:6px;color:#8296a1;font-size:9px}.lower-panel{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:14px;margin-top:18px}.panel{border:1px solid var(--line);border-radius:16px;background:rgba(11,27,40,.92);padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.panel-head h3{margin:0;font-size:10px;letter-spacing:.12em;color:#a7bbc7}.record-card{display:flex;flex-direction:column;gap:7px}.lower-action small{display:block;color:#7f95a1;font-weight:500;margin-top:3px}.comment-list{max-height:145px;overflow:auto}.comment-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;color:var(--muted)}.comment-item b{color:var(--text)}.panel-help,.notice{color:var(--muted);font-size:11px;line-height:1.5}.full-btn{width:100%}.public-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.public-stat{padding:9px;border-radius:10px;background:rgba(13,30,41,.85);border:1px solid rgba(139,178,205,.13)}.public-stat strong{display:block;font-size:14px}.public-stat span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.private-panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(11,27,40,.94)}.private-tabs{display:flex;gap:7px;margin-bottom:14px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 11px;border-radius:9px;touch-action:manipulation}.tab.active{background:rgba(87,211,255,.12);color:#dff8ff}.modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(2,8,12,.78);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(650px,96vw);max-height:92vh;overflow:auto;padding:22px;border:1px solid rgba(139,178,205,.28);border-radius:18px;background:linear-gradient(180deg,#10232f,#0b1c27);box-shadow:0 24px 70px #000b}.compact-modal{width:min(460px,96vw)}.wide-modal{width:min(820px,96vw)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h2{margin:0;font-size:22px}.close-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:rgba(130,181,214,.08);color:#fff;font-size:22px}.form-section-title{margin:18px 0 9px;color:#8fa8b7;font-size:10px;font-weight:800;letter-spacing:.14em}.form-section-title span{float:right;color:#68808c;font-weight:500;letter-spacing:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal label{display:block;color:var(--muted);font-size:11px;font-weight:600;margin:9px 0}.modal input,.modal select,.modal textarea{width:100%;margin-top:6px;padding:10px;border:1px solid rgba(152,178,197,.2);border-radius:10px;background:#0f202b;color:#fff}.modal textarea{min-height:90px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:7px}.check-item{display:flex!important;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(139,178,205,.14);border-radius:9px;background:rgba(13,30,41,.65);font-weight:500!important}.check-item input{width:auto;margin:0}.actions-row{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}.app-toast{position:fixed;right:22px;bottom:22px;z-index:3000;display:flex;align-items:center;gap:10px;max-width:min(390px,calc(100vw - 40px));padding:11px 13px;border:1px solid rgba(139,178,205,.3);border-radius:12px;background:#10232f;box-shadow:0 15px 35px #0009;opacity:0;transform:translateY(18px);pointer-events:none;transition:.2s;color:var(--text);font-size:11px}.app-toast.show{opacity:1;transform:none;pointer-events:auto}.app-toast button{border:0;background:transparent;color:#9fb3bd;font-size:18px}.tall{max-height:60vh;overflow:auto}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#10232f;color:#f4f7f8}.leaflet-popup-content{font-family:Inter,"Segoe UI",sans-serif;font-size:11px;line-height:1.55}.leaflet-popup-content .badge{display:inline-block}@media(max-width:1180px){.topbar{grid-template-columns:210px 1fr}.top-actions{grid-column:1/-1;justify-content:flex-end}.workspace{grid-template-columns:minmax(0,1fr) 300px}.right-sidebar{grid-column:2;display:flex;min-height:0}.lower-panel{grid-template-columns:1fr 1fr}}@media(max-width:820px){.app-shell{padding:10px}.topbar{grid-template-columns:1fr;padding-left:62px}.top-actions{display:none}.workspace{display:flex!important;flex-direction:column!important;gap:10px}.right-sidebar{order:1!important;width:100%!important;min-height:0!important;padding:10px!important;overflow:visible}.map-panel{order:2!important;width:100%!important;height:clamp(360px,56vh,560px)!important;min-height:360px!important}.map-panel #map{height:100%!important;min-height:0!important}.map-panel>.left-sidebar{position:absolute!important;left:8px!important;top:8px!important;right:auto!important;bottom:auto!important;width:min(300px,calc(100% - 16px))!important;max-height:calc(100% - 16px)!important;transform:none!important;padding:14px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;z-index:1200!important}.map-panel>.left-sidebar.sidebar-collapsed{width:48px!important;padding:8px!important;overflow:hidden!important}.map-panel>.left-sidebar.sidebar-collapsed .filters-box,.map-panel>.left-sidebar.sidebar-collapsed .legend-box,.map-panel>.left-sidebar.sidebar-collapsed .nav-menu{display:none!important}.lower-panel{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr}.menu-action,.primary-btn,.ghost-btn,.filter-button,.mini-btn,.tab,.sidebar-toggle{min-height:44px;touch-action:manipulation}.leaflet-popup-content-wrapper{max-width:calc(100vw - 28px)}.leaflet-popup-content{max-width:calc(100vw - 60px);word-break:break-word}}@media(max-width:520px){.right-sidebar{padding:8px!important}.map-panel{height:clamp(360px,56vh,500px)!important}.summary-grid{grid-template-columns:1fr 1fr}.list-card{padding:12px}.sidebar-toggle{width:42px;height:42px}}
.map-panel>.sidebar-toggle{position:absolute!important;left:12px!important;top:12px!important;width:44px!important;height:44px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:rgba(8,23,35,.96)!important;color:#fff!important;z-index:1300!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}.map-panel>.sidebar-toggle span{display:block!important;width:24px!important;height:2px!important;margin:auto!important;background:currentColor!important;border-radius:2px!important}.map-panel>.left-sidebar:not(.sidebar-collapsed){padding-top:16px!important}.map-panel>.left-sidebar.sidebar-collapsed{box-shadow:var(--shadow)!important}
@media(max-width:820px){.map-panel>.left-sidebar{max-width:calc(100% - 16px)!important}.map-panel>.sidebar-toggle{left:auto!important;right:12px!important;top:12px!important}.map-panel>.left-sidebar:not(.sidebar-collapsed){padding-top:58px!important}.map-panel>.left-sidebar.sidebar-collapsed{width:48px!important;height:48px!important}.map-panel>.left-sidebar.sidebar-collapsed + .sidebar-toggle{right:12px!important}}
.map-panel>.map-legend-footer{position:absolute!important;left:10px!important;right:10px!important;bottom:10px!important;z-index:1250!important;margin:0!important;padding:6px 8px!important;border:1px solid rgba(139,178,205,.2)!important;border-radius:10px!important;background:rgba(5,16,25,.92)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important;pointer-events:none!important}.map-panel>.map-legend-footer .legend-item{margin:0!important;font-size:9px!important;gap:5px!important;white-space:nowrap!important}.map-panel>.map-legend-footer .dot{width:7px!important;height:7px!important}.map-panel>.left-sidebar .legend-box{display:none!important}.map-panel>.map-hint{bottom:54px!important}.map-panel>.left-sidebar{width:235px!important;padding:11px!important}.map-panel>.left-sidebar .filter-group{margin-bottom:9px!important}.map-panel>.left-sidebar .filter-group label{font-size:10px!important;margin-bottom:4px!important}.map-panel>.left-sidebar .filter-group select{height:32px!important;padding:0 8px!important;font-size:11px!important}.map-panel>.left-sidebar .filter-button,.map-panel>.left-sidebar .menu-action{padding:7px 9px!important;font-size:10px!important;min-height:34px!important}.map-panel>.left-sidebar .nav-menu{gap:4px!important;padding-top:10px!important}.map-panel>.left-sidebar .section-title{margin-bottom:8px!important}.map-panel>.left-sidebar .filter-group.inline{margin-bottom:8px!important}.map-panel>.left-sidebar .filter-group input[type=range]{height:18px!important}.map-panel>.sidebar-toggle{width:38px!important;height:38px!important;padding:7px!important}.map-panel>.sidebar-toggle span{width:20px!important}.map-panel>.left-sidebar.sidebar-collapsed{width:38px!important;height:38px!important;padding:7px!important}.map-panel>.left-sidebar.sidebar-collapsed .filters-box,.map-panel>.left-sidebar.sidebar-collapsed .nav-menu{display:none!important}@media(max-width:820px){.map-panel>.left-sidebar{width:min(235px,calc(100% - 16px))!important;max-height:min(270px,calc(100% - 70px))!important}.map-panel>.left-sidebar:not(.sidebar-collapsed){padding-top:10px!important}.map-panel>.map-legend-footer{left:6px!important;right:6px!important;bottom:6px!important;gap:7px!important;padding:5px 6px!important}.map-panel>.map-hint{bottom:45px!important;font-size:8px!important;padding:5px 7px!important}.map-panel>.sidebar-toggle{right:8px!important;top:8px!important}.map-panel>.left-sidebar .nav-menu{max-height:110px!important;overflow-y:auto!important}}
@media(max-width:520px){.map-panel>.left-sidebar{max-height:240px!important}.map-panel>.map-legend-footer{justify-content:flex-start!important;overflow:hidden!important;max-height:40px!important}.map-panel>.map-hint{display:none!important}}
/* responsive v2: preserve desktop, simplify mobile flow */
@media(max-width:820px){
  .app-shell{display:flex!important;flex-direction:column!important;gap:10px!important}
  .topbar{display:contents!important}
  .brand-wrap{order:1!important}
  .search-wrap{order:3!important;width:100%!important}
  .top-actions{display:none!important}
  .workspace{display:contents!important}
  .right-sidebar{display:contents!important}
  .summary-box{order:2!important;width:100%!important}
  .map-panel{order:4!important;width:100%!important}
  .lower-panel{display:contents!important}
  .transport{order:5!important}
  .recent-alerts{order:6!important}
  .recent-deliveries{order:7!important}
  .form-panel{order:8!important}
  .info-panel{order:9!important}
  .private-panel{order:10!important}
  .comments{display:none!important}
  .right-sidebar .recent-alerts,.right-sidebar .recent-deliveries{display:block!important;width:100%!important;padding:12px!important;border:1px solid var(--line);border-radius:16px;background:rgba(11,27,40,.92);box-shadow:var(--shadow);}
  .right-sidebar .alert-list,.right-sidebar .delivery-list{max-height:none!important;overflow:visible!important}
  .map-panel>.left-sidebar{max-height:calc(100% - 16px)!important;height:auto!important}
}
@media(min-width:821px){.comments{display:none!important}.right-sidebar .summary-box{width:100%}.right-sidebar .recent-alerts,.right-sidebar .recent-deliveries{width:100%;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(11,27,40,.75)}}
/* content-visibility:auto removido: causaba flashes en blanco al hacer scroll (tamaño reservado no coincidía con el contenido real) */
/* mobile-menu.js support: menú principal separado del filtro, paginación 3+Ver más, refrescar mapa (solo móvil, no altera Web) */
@media(max-width:820px){
  .header-menu-toggle{position:fixed!important;top:16px!important;right:14px!important;z-index:1400!important;display:flex!important;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;background:rgba(8,23,35,.97);box-shadow:var(--shadow);touch-action:manipulation}
  .header-menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}
  #headerMenuBody .nav-menu{padding-top:0!important}
  .mini-map-container{width:100%;height:220px;border-radius:12px;overflow:hidden;margin-top:6px}
  .list-more-btn{width:100%;margin-top:8px}
  .map-refresh-btn{position:absolute!important;right:12px!important;bottom:12px!important;z-index:1300!important;min-height:38px!important;padding:8px 12px!important;font-size:11px!important;border-radius:10px!important;background:rgba(8,23,35,.96)!important;border:1px solid var(--line)!important;color:#fff!important}
  .map-refresh-btn.loading{opacity:.65;pointer-events:none}
  .list-card[data-lat]{cursor:pointer}
  .transport{display:none!important}
}
@media(min-width:821px){.map-refresh-btn,.header-menu-toggle{display:none!important}}