.brokers-map-page-v8769{display:flex;flex-direction:column;gap:10px;min-height:calc(100dvh - 190px)}
.brokers-map-v8769__saved{padding:10px 14px;border:1px solid #b9e5ca;border-radius:16px;background:#ecfbf2;color:#087a45;font-weight:900}
.brokers-map-v8769__titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #d5e3f5;border-radius:20px;background:#fff}
.brokers-map-v8769__identity{display:flex;align-items:center;gap:10px;min-width:0}.brokers-map-v8769__identity>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf3ff;color:#1267db;font-size:22px}.brokers-map-v8769__identity small{color:#1670e8;font-weight:900}.brokers-map-v8769__identity h1{margin:2px 0 0;color:#12264e;font-size:clamp(20px,4vw,30px)}
.brokers-map-v8769__actions{flex:0 0 auto}.brokers-nearby-map-v8769{position:relative;flex:1;min-height:560px}.brokers-map-v8769__shell,.brokers-map-v8769__canvas{height:100%;min-height:560px}.brokers-map-v8769__governorate{position:absolute;z-index:24;top:10px;right:12px;width:min(300px,calc(100% - 90px));display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:17px;background:#fff;box-shadow:0 8px 24px #143a6720;color:#1267db}.brokers-map-v8769__governorate>span{display:flex;flex:1;min-width:0;flex-direction:column}.brokers-map-v8769__governorate small{font-size:11px;color:#738199;font-weight:800}.brokers-map-v8769__governorate select{height:31px;min-height:31px;padding:0 0!important;border:0!important;background:transparent!important;color:#142c57!important;-webkit-text-fill-color:#142c57!important;font-weight:900;direction:rtl;box-sizing:border-box;line-height:31px}
.brokers-map-v8769__selected{gap:12px}.brokers-map-v8769__media{width:104px;height:104px;flex:0 0 104px;border-radius:22px;background:#edf5ff;overflow:hidden;display:grid;place-items:center}.brokers-map-v8769__media img{width:100%;height:100%;object-fit:cover}.brokers-map-v8769__media .fuel-map-v8680-selected__icon{font-size:42px}.brokers-map-v8769__copy{min-width:0;flex:1}.brokers-map-v8769__type{color:#1470e8!important;font-weight:900}.brokers-map-v8769__services{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.brokers-map-v8769__services span{padding:5px 9px;border-radius:999px;background:#eef5ff;color:#155fac;font-weight:800;font-size:12px}.brokers-map-v8769__interaction{display:flex;align-items:center;gap:7px;margin-top:9px;padding:8px 11px;border:1px solid #d5e5f9;border-radius:14px;background:#f5f9ff;color:#526884}.brokers-map-v8769__interaction strong{margin-inline-start:auto;color:#1168de;font-size:18px}.brokers-map-v8769__contact{margin-top:9px}
@media(max-width:640px){.brokers-map-v8769__titlebar{padding:9px 10px}.brokers-map-v8769__identity h1{font-size:21px}.brokers-map-v8769__identity>span{width:42px;height:42px}.brokers-map-v8769__actions .owner-project-manage-v8767__trigger{padding-inline:11px}.brokers-nearby-map-v8769,.brokers-map-v8769__shell,.brokers-map-v8769__canvas{min-height:calc(100dvh - 330px)}.brokers-map-v8769__governorate{top:8px;right:8px}.brokers-map-v8769__media{width:88px;height:88px;flex-basis:88px;border-radius:19px}}

/* Sayyarati v8772 — brokers map flex-width hardening.
   The map section is a flex item inside .brokers-map-page-v8769. The legacy
   .fuel-nearby-map-v8680 rule carries margin-inline:auto; auto cross-axis
   margins disable flex stretch and can shrink an absolute-content map to a
   narrow vertical strip. Force the brokers map to own the full available row. */
.brokers-map-page-v8769{
  width:100%!important;
  min-width:0!important;
}
.brokers-nearby-map-v8769{
  display:block!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.brokers-map-v8769__shell{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.brokers-map-v8769__canvas{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.brokers-map-v8769__governorate{
  width:min(310px,calc(100% - 82px))!important;
  min-width:210px!important;
  max-width:calc(100% - 82px)!important;
  box-sizing:border-box!important;
}
.brokers-map-v8769__governorate>span,
.brokers-map-v8769__governorate select{
  width:100%!important;
  min-width:0!important;
}
@media(max-width:560px){
  .brokers-map-v8769__governorate{
    width:min(280px,calc(100% - 70px))!important;
    min-width:190px!important;
    max-width:calc(100% - 70px)!important;
  }
}

/* ======================================================================
   Sayyarati v8800 — premium broker / contracts office popup.
   Rebuilds the broker details sheet around a clear identity header,
   separate engagement metrics and balanced contact/navigation actions.
   ====================================================================== */
.brokers-nearby-map-v8769 .fuel-map-v8681-selected-backdrop{
  background:rgba(15,34,60,.46)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
}
.brokers-map-v8800__selected{
  display:block!important;
  width:min(92vw,470px)!important;
  max-height:min(88dvh,720px)!important;
  overflow:auto!important;
  padding:26px 25px 24px!important;
  border:1px solid rgba(203,218,237,.96)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 34px 92px rgba(10,31,60,.34)!important;
  scrollbar-width:none!important;
  direction:rtl!important;
}
.brokers-map-v8800__selected::-webkit-scrollbar{display:none!important}
.brokers-map-v8800__close{
  top:18px!important;
  left:18px!important;
  width:45px!important;
  height:45px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e4ebf4!important;
  border-radius:50%!important;
  background:#f4f7fb!important;
  color:#344b68!important;
  font-size:20px!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
.brokers-map-v8800__close:hover{background:#eef3f9!important;color:#16365e!important}
.brokers-map-v8800__edit{
  position:absolute!important;
  top:19px!important;
  right:19px!important;
  z-index:2!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:8px 13px!important;
  border:1px solid #d7e5f7!important;
  border-radius:13px!important;
  background:#f6faff!important;
  color:#1768d9!important;
  font-size:12px!important;
  font-weight:950!important;
}
.brokers-map-v8800__edit[hidden]{display:none!important}
.brokers-map-v8800__hero{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  min-width:0!important;
  padding:54px 6px 20px!important;
}
.brokers-map-v8800__media{
  width:112px!important;
  height:112px!important;
  flex:0 0 112px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid #cfe0f5!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#f6faff,#edf5ff)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
.brokers-map-v8800__media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.brokers-map-v8800__media .fuel-map-v8680-selected__icon{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#216fdf!important;
  font-size:42px!important;
}
.brokers-map-v8800__copy{
  flex:1!important;
  min-width:0!important;
  display:block!important;
  padding:0!important;
  text-align:right!important;
}
.brokers-map-v8800__type{
  display:block!important;
  margin:0 0 6px!important;
  color:#166fe5!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1.4!important;
}
.brokers-map-v8800__name{
  display:block!important;
  overflow:visible!important;
  margin:0!important;
  color:#102644!important;
  font-size:clamp(25px,5.5vw,34px)!important;
  font-weight:1000!important;
  line-height:1.28!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.brokers-map-v8800__location{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  overflow:visible!important;
  margin:9px 0 0!important;
  color:#7a899d!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.6!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.brokers-map-v8800__location i{margin-top:4px;color:#8192aa;font-size:14px}
.brokers-map-v8800__services{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:12px!important;
}
.brokers-map-v8800__services[hidden]{display:none!important}
.brokers-map-v8800__services span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  padding:7px 12px!important;
  border:1px solid #dce9fa!important;
  border-radius:999px!important;
  background:#eef6ff!important;
  color:#1264c8!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.35!important;
}
.brokers-map-v8800__services span::before{
  content:'\f15c';
  margin-left:7px;
  color:#1871e5;
  font-family:'Font Awesome 6 Free';
  font-weight:900;
}
.brokers-map-v8800__stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:22px 0!important;
  border-top:1px solid #e5edf6!important;
  border-bottom:1px solid #e5edf6!important;
}
.brokers-map-v8800__stats[hidden]{display:none!important}
.brokers-map-v8800__stat{
  min-width:0!important;
  min-height:108px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  padding:13px 11px!important;
  border:1px solid #dbe7f5!important;
  border-radius:20px!important;
  background:#fbfdff!important;
  text-align:right!important;
}
.brokers-map-v8800__stat-icon{
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  font-size:20px!important;
}
.brokers-map-v8800__stat>div{display:grid!important;min-width:0!important;line-height:1.15!important}
.brokers-map-v8800__stat small{color:#65758b!important;font-size:10px!important;font-weight:900!important}
.brokers-map-v8800__stat strong{margin-top:4px!important;font-size:24px!important;font-weight:1000!important;line-height:1!important}
.brokers-map-v8800__stat em{margin-top:5px!important;color:#8a98aa!important;font-size:9px!important;font-style:normal!important;font-weight:850!important}
.brokers-map-v8800__stat.is-views .brokers-map-v8800__stat-icon{background:#f1eafe!important;color:#8750cc!important}
.brokers-map-v8800__stat.is-views strong{color:#8247c5!important}
.brokers-map-v8800__stat.is-calls .brokers-map-v8800__stat-icon{background:#e9f2ff!important;color:#176fe2!important}
.brokers-map-v8800__stat.is-calls strong{color:#1267db!important}
.brokers-map-v8800__stat.is-whatsapp .brokers-map-v8800__stat-icon{background:#e7f8ef!important;color:#11925a!important}
.brokers-map-v8800__stat.is-whatsapp strong{color:#0f8a55!important}
.brokers-map-v8800__actions{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  margin-top:22px!important;
}
.brokers-map-v8800__contact:not([hidden]){display:contents!important}
.brokers-map-v8800__contact[hidden]{display:none!important}
.brokers-map-v8800__action{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  font-size:14px!important;
  font-weight:1000!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.brokers-map-v8800__action[hidden]{display:none!important}
.brokers-map-v8800__action.is-nav{
  border:1px solid #176fe3!important;
  background:linear-gradient(135deg,#1973e8,#1265d8)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(18,103,219,.18)!important;
}
.brokers-map-v8800__action.is-call{
  border:1px solid #bcd4f5!important;
  background:#fff!important;
  color:#1769dc!important;
}
.brokers-map-v8800__action.is-whatsapp{
  border:1px solid #b9e6cc!important;
  background:#f7fffa!important;
  color:#078a50!important;
}
.brokers-map-v8800__action i{font-size:18px!important}

@media(max-width:560px){
  .brokers-map-v8800__selected{
    width:min(91vw,450px)!important;
    padding:21px 18px 19px!important;
    border-radius:24px!important;
  }
  .brokers-map-v8800__close{top:14px!important;left:14px!important;width:42px!important;height:42px!important}
  .brokers-map-v8800__edit{top:14px!important;right:14px!important;min-height:40px!important;padding-inline:11px!important}
  .brokers-map-v8800__hero{gap:14px!important;padding:48px 2px 18px!important}
  .brokers-map-v8800__media{width:92px!important;height:92px!important;flex-basis:92px!important;border-radius:20px!important}
  .brokers-map-v8800__media .fuel-map-v8680-selected__icon{font-size:35px!important}
  .brokers-map-v8800__name{font-size:clamp(22px,6vw,29px)!important}
  .brokers-map-v8800__type{font-size:11px!important}
  .brokers-map-v8800__location{font-size:11.5px!important}
  .brokers-map-v8800__services{margin-top:9px!important}
  .brokers-map-v8800__services span{min-height:31px!important;padding:6px 10px!important;font-size:10px!important}
  .brokers-map-v8800__stats{gap:7px!important;padding:17px 0!important}
  .brokers-map-v8800__stat{min-height:96px!important;gap:7px!important;padding:10px 7px!important;border-radius:17px!important}
  .brokers-map-v8800__stat-icon{width:37px!important;height:37px!important;flex-basis:37px!important;font-size:17px!important}
  .brokers-map-v8800__stat small{font-size:8.5px!important}
  .brokers-map-v8800__stat strong{font-size:21px!important}
  .brokers-map-v8800__stat em{font-size:8px!important}
  .brokers-map-v8800__actions{gap:7px!important;margin-top:17px!important}
  .brokers-map-v8800__action{min-height:50px!important;padding-inline:8px!important;border-radius:14px!important;font-size:12px!important}
  .brokers-map-v8800__action i{font-size:16px!important}
}
@media(max-width:390px){
  .brokers-map-v8800__selected{width:94vw!important;padding-inline:14px!important}
  .brokers-map-v8800__hero{align-items:flex-start!important}
  .brokers-map-v8800__media{width:78px!important;height:78px!important;flex-basis:78px!important;border-radius:18px!important}
  .brokers-map-v8800__name{font-size:21px!important}
  .brokers-map-v8800__stats{gap:5px!important}
  .brokers-map-v8800__stat{min-height:88px!important;flex-direction:column!important;gap:4px!important;text-align:center!important;padding:8px 5px!important}
  .brokers-map-v8800__stat-icon{width:32px!important;height:32px!important;flex-basis:32px!important;font-size:15px!important}
  .brokers-map-v8800__stat>div{text-align:center!important}
  .brokers-map-v8800__stat strong{font-size:19px!important}
  .brokers-map-v8800__stat em{display:none!important}
  .brokers-map-v8800__action{font-size:11px!important;gap:5px!important}
}