.ngi-mode-list{display:flex;flex-wrap:wrap;gap:10px}.ngi-mode{appearance:none;border:1px solid #77938f;border-radius:999px;background:#fff;color:#173f3c;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer}.ngi-mode[aria-selected="true"]{background:#0e2f2e;color:#fff}.ngi-mode:hover,.ngi-mode:focus-visible{border-color:#087f75;outline:3px solid rgba(8,127,117,.18);outline-offset:2px}[data-network-panel][hidden],[hidden]{display:none!important}.ngi-subchoices{margin-top:14px}.ngi-choice.area,.ngi-choice.zone{border-radius:14px;min-width:min(100%,230px)}.ngi-zone-detail{display:grid;gap:10px}.ngi-zone-status{display:inline-flex;width:max-content;border-radius:999px;padding:6px 11px;background:#e4f4ee;color:#075b50;font-weight:800}.ngi-zone-caution{background:#fff4d5;color:#6f4d00}.ngi-zone-meta{margin:0;color:#526463}.delivery-back{display:inline-flex;min-height:44px;margin:0 0 14px;padding:8px 13px 8px 8px;border:1px solid #b9c9c6;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(14,47,46,.08);font-size:15px}.delivery-back:hover,.delivery-back:focus-visible{border-color:#087f75;background:#edf7f5;outline:3px solid rgba(8,127,117,.17);outline-offset:2px}.delivery-back .back-chevron{font-size:31px}.network-location-strip{border-bottom:1px solid #dfe6e5;background:#fff;padding:14px 0}.network-location-actions{display:flex;flex-wrap:wrap;gap:16px}.network-location-action{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 3px;border:0;border-bottom:2px solid #aebfbc;background:transparent;color:#173f3e;font:inherit;font-size:15px;font-weight:850;cursor:pointer}.network-location-pin{display:grid;place-items:center;width:27px;height:27px;border:1px solid #78a09a;border-radius:50%;color:#087f75;font-size:20px}.network-location-action:hover,.network-location-action:focus-visible{color:#087f75;border-bottom-color:#ff8a00;outline:3px solid rgba(8,127,117,.15);outline-offset:4px}.network-location-search{max-width:650px;margin-top:15px;padding:15px 0 4px;border-top:1px solid #e4e9e8}.network-location-search label{display:block;margin-bottom:7px;font-size:13px;font-weight:850;color:#284744}.network-location-search-row{display:flex;gap:9px}.network-location-search input{min-width:0;flex:1;min-height:44px;padding:10px 12px;border:1px solid #9fb3af;border-radius:7px;font:inherit}.network-location-search button{min-height:44px;padding:9px 15px;border:1px solid #087f75;border-radius:7px;background:#087f75;color:#fff;font:inherit;font-weight:800;cursor:pointer}.network-location-search input:focus-visible,.network-location-search button:focus-visible{outline:3px solid rgba(8,127,117,.2);outline-offset:2px}.network-location-search p,.network-location-status{margin:8px 0 0;color:#5f7471;font-size:13px;line-height:1.45}.network-location-status:empty{display:none}@media(max-width:640px){.ngi-mode-list{display:grid}.ngi-mode{width:100%;border-radius:14px}.network-location-strip{padding:10px 0}.network-location-actions{gap:10px}.network-location-action{font-size:14px}.network-location-search-row{display:grid}.delivery-back{width:100%;justify-content:flex-start}}



/* Founder UI review: Network-wide presentation alignment.
   Canonical data remains unchanged; these rules only align public presentation
   with the flat, compact Network filtering language. */

/* Dedicated Delivery local navigation: clear, flat, non-card back control. */
.delivery-subnav{
  margin:0 0 12px;
  display:flex;
  align-items:center;
}
.delivery-subnav-label{
  display:inline-block;
  padding:0 0 7px;
  border-bottom:2px solid var(--network-teal,#176f70);
  color:var(--network-deep,#11585a);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.delivery-back{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  margin:0 0 10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--network-deep,#11585a);
  font:inherit;
  font-size:14px;
  font-weight:850;
  line-height:1.2;
  cursor:pointer;
}
.delivery-back:hover{color:var(--network-teal,#176f70)}
.delivery-back:focus-visible{
  outline:2px solid rgba(23,111,112,.28);
  outline-offset:4px;
}
.delivery-back .back-chevron{
  font-size:26px;
  line-height:.75;
}

/* Dedicated Delivery details: use the same hierarchy, dividers and typography
   as the filtering workspace instead of browser-default list/card styling. */
.delivery-detail{padding:8px 0 0}
.detail-shell{
  padding:14px 18px 0;
  border:0;
  background:transparent;
}
.detail-title{
  margin:0;
  color:#203b39;
  font-size:16px;
  font-weight:850;
  line-height:1.35;
  letter-spacing:-.01em;
}
.detail-status{
  display:flex;
  align-items:center;
  gap:7px;
  margin:7px 0 14px;
  color:var(--network-teal,#176f70);
  font-size:12px;
  font-weight:850;
  line-height:1.3;
}
.detail-status.unlocking{color:#647875}
.detail-status.coming{color:#7f8d8b}
.detail-dot{
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:currentColor;
}
.detail-list{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #edf1f0;
}
.detail-list li{
  display:grid;
  grid-template-columns:minmax(90px,.42fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid #edf1f0;
  font-size:13px;
  line-height:1.45;
}
.detail-list strong{
  color:#607370;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.detail-list span{
  color:#294744;
  font-weight:650;
}

/* Shared location utility rail.
   It is intentionally not pill/button-heavy: it reads as part of the filtering
   system and uses the same square edges, dividers, teal/orange focus language. */
.network-location-strip{
  border-bottom:1px solid var(--network-line,#dbe3e3);
  background:#fff;
  padding:0;
}
.network-location-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  max-width:760px;
}
.network-location-action{
  position:relative;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  min-height:66px;
  padding:11px 18px 11px 0;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#203b39;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.network-location-action + .network-location-action{
  padding-left:20px;
  border-left:1px solid #e6eceb;
}
.network-location-icon{
  width:20px;
  height:20px;
  color:var(--network-teal,#176f70);
}
.network-location-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.network-location-action-text{
  display:block;
  min-width:0;
}
.network-location-action-text strong{
  display:block;
  color:inherit;
  font-size:14px;
  font-weight:850;
  line-height:1.25;
}
.network-location-action-text small{
  display:block;
  margin-top:3px;
  color:#7b8b88;
  font-size:11px;
  font-weight:600;
  line-height:1.3;
}
.network-location-action-chevron{
  color:#9aaba8;
  font-size:24px;
  line-height:1;
}
.network-location-action:hover{
  background:#f7faf9;
  border-bottom-color:#ff8a00;
  color:var(--network-deep,#11585a);
}
.network-location-action:focus-visible{
  outline:2px solid rgba(23,111,112,.26);
  outline-offset:-2px;
}
.network-location-action[aria-expanded="true"]{
  background:#f2f7f6;
  border-bottom-color:#ff8a00;
}

/* Search opens as an inline shelf, not a floating card or unrelated form. */
.network-location-search{
  max-width:760px;
  margin:0;
  padding:16px 0 18px;
  border-top:1px solid #edf1f0;
}
.network-location-search-head{
  margin:0 0 10px;
}
.network-location-search-head label{
  display:block;
  margin:4px 0 0;
  color:#203b39;
  font-size:15px;
  font-weight:850;
}
.network-location-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:0;
  max-width:650px;
}
.network-location-search input{
  min-width:0;
  min-height:44px;
  padding:10px 13px;
  border:1px solid #aebfbc;
  border-right:0;
  border-radius:0;
  background:#fff;
  color:#203b39;
  font:inherit;
  font-size:14px;
}
.network-location-search button{
  min-height:44px;
  padding:9px 17px;
  border:1px solid var(--network-teal,#176f70);
  border-radius:0;
  background:var(--network-teal,#176f70);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:850;
  cursor:pointer;
}
.network-location-search input:focus-visible,
.network-location-search button:focus-visible{
  position:relative;
  z-index:1;
  outline:2px solid rgba(23,111,112,.27);
  outline-offset:2px;
}
.network-location-search p,
.network-location-status{
  max-width:760px;
  margin:8px 0 0;
  color:#6b7a78;
  font-size:12px;
  line-height:1.45;
}
.network-location-status{
  padding:0 0 10px;
}
.network-location-status:empty{display:none}

@media(max-width:900px){
  .detail-shell{padding-left:0;padding-right:0}
}
@media(max-width:640px){
  .network-location-actions{
    grid-template-columns:1fr;
    max-width:none;
  }
  .network-location-action{
    min-height:58px;
    padding:9px 0;
  }
  .network-location-action + .network-location-action{
    padding-left:0;
    border-left:0;
    border-top:1px solid #edf1f0;
  }
  .network-location-action-text small{font-size:10.5px}
  .network-location-search{padding:14px 0 16px}
  .network-location-search-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .network-location-search input{
    border-right:1px solid #aebfbc;
  }
  .network-location-search button{
    width:100%;
  }
  .delivery-back{
    width:auto;
    min-height:34px;
    justify-content:flex-start;
  }
}