/* V84.76 — centered, compact provider chooser with one visible close control. */
.external-navigation-modal{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  padding:max(16px,env(safe-area-inset-top,0px)) 12px max(16px,env(safe-area-inset-bottom,0px))!important;
}
.external-navigation-modal__backdrop{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  appearance:none!important;
  background:rgba(8,18,37,.6)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  backdrop-filter:blur(5px)!important;
  -webkit-backdrop-filter:blur(5px)!important;
}
.external-navigation-modal__backdrop::before,
.external-navigation-modal__backdrop::after{
  display:none!important;
  content:none!important;
}
.external-navigation-modal__sheet{
  position:relative!important;
  align-self:center!important;
  width:min(420px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(var(--sayyarati-visual-height,100dvh) - 32px)!important;
  margin:auto!important;
  padding:18px!important;
  overflow:auto!important;
  border:1px solid rgba(255,255,255,.8)!important;
  border-radius:25px!important;
  background:#fff!important;
  box-shadow:0 30px 85px rgba(3,18,43,.34)!important;
  direction:rtl!important;
}
.external-navigation-modal__handle{display:none!important}
.external-navigation-modal__close{
  position:absolute!important;
  top:15px!important;
  left:15px!important;
  z-index:5!important;
  display:grid!important;
  place-items:center!important;
  width:39px!important;
  height:39px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #dfe7f0!important;
  border-radius:12px!important;
  background:#f3f6fa!important;
  color:#22334c!important;
  font-size:25px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.external-navigation-modal__heading{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:11px!important;
  min-height:58px!important;
  padding:0 0 14px 48px!important;
}
.external-navigation-modal__pin{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  border-radius:16px!important;
  background:#edf4ff!important;
  color:#1769df!important;
  font-size:28px!important;
}
.external-navigation-modal__heading small{
  color:#7b899c!important;
  font-size:10px!important;
  font-weight:900!important;
}
.external-navigation-modal__heading h2{
  margin:1px 0!important;
  color:#13223b!important;
  font-size:21px!important;
  font-weight:1000!important;
  line-height:1.3!important;
}
.external-navigation-modal__heading p{
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
  color:#67778d!important;
  font-size:11px!important;
  font-weight:800!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.external-navigation-modal__providers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
}
.external-navigation-provider{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-content:center!important;
  gap:7px!important;
  min-width:0!important;
  min-height:136px!important;
  padding:13px 9px!important;
  border:1px solid #d9e4f1!important;
  border-radius:18px!important;
  background:#f8fbff!important;
  text-align:center!important;
}
.external-navigation-provider__icon{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border-radius:15px!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:1000!important;
}
.external-navigation-provider strong{
  color:#14243e!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1.25!important;
}
.external-navigation-provider small{
  display:block!important;
  color:#738297!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.5!important;
}
.external-navigation-provider>b{display:none!important}

@media(max-width:360px){
  .external-navigation-modal__sheet{padding:15px!important;border-radius:22px!important}
  .external-navigation-modal__heading{grid-template-columns:47px minmax(0,1fr)!important;padding-left:43px!important}
  .external-navigation-modal__pin{width:47px!important;height:47px!important}
  .external-navigation-provider{min-height:125px!important;padding:11px 6px!important}
  .external-navigation-provider strong{font-size:12px!important}
}

/* V8796 — recognizable app artwork instead of placeholder letters. */
.external-navigation-provider__icon{
  width:58px!important;
  height:58px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:#fff!important;
  color:transparent!important;
  box-shadow:0 5px 15px rgba(25,55,92,.11)!important;
}
.external-navigation-provider__icon img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.external-navigation-provider.is-google .external-navigation-provider__icon{padding:5px!important}
.external-navigation-provider.is-google .external-navigation-provider__icon img{filter:drop-shadow(0 2px 2px rgba(31,78,132,.12))}
.external-navigation-provider.is-apple .external-navigation-provider__icon img,
.external-navigation-provider.is-waze .external-navigation-provider__icon img{border-radius:16px!important}