/* EWAA branch map — the Work map's own stylesheet (ewaa-branches-map v2.0, index.html <style>), scoped to .ewm so it
   can live inside the app shell. Declarations are unchanged from the source; selectors were rewritten mechanically by
   scope_css.cjs (:root/body/#app -> .ewm, #id -> #ewm-id, everything else prefixed with .ewm). App-specific additions
   live at the end of the file, below the marked line. */
.ewm{--navy:#0E2438; --navy-2:#17344E; --navy-3:#22496A;
  --sand:#F6F1E7; --paper:#FFFFFF; --paper-2:#FBF9F5;
  --gold:#C9A24A; --gold-2:#E0BE71; --gold-soft:rgba(201,162,74,.14);
  --ink:#132434; --ink-2:#4A5B6B; --ink-3:#8093A4;
  --line:#E4DDD0; --line-2:#EFEAE0;
  --g-muhaidb:#A9761B; --g-nawara:#1F7A6F; --g-sama:#3C6296; --g-neyara:#9C4A41;
  --closed:#8A8377;
  --shadow-1:0 1px 2px rgba(16,32,48,.06),0 2px 8px rgba(16,32,48,.05);
  --shadow-2:0 4px 14px rgba(16,32,48,.10),0 12px 34px rgba(16,32,48,.10);
  --shadow-3:0 10px 30px rgba(16,32,48,.16),0 26px 60px rgba(16,32,48,.14);
  --r-s:9px; --r-m:13px; --r-l:18px; --r-xl:24px;
  --panel-w:362px;
  --f-ar:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-disp:"Noto Kufi Arabic",var(--f-ar);
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;}
.ewm[lang="en"]{--f-disp:"Cormorant Garamond",Georgia,serif;}
@media (prefers-color-scheme:dark){
  .ewm:not([data-theme="light"]){--navy:#081726; --navy-2:#0F283D; --navy-3:#1A3B57;
    --sand:#101A23; --paper:#15212C; --paper-2:#111C26;
    --ink:#E9EFF4; --ink-2:#A9BAC7; --ink-3:#71879A;
    --line:#22323F; --line-2:#1B2A36;
    --gold-soft:rgba(201,162,74,.18);
    --g-muhaidb:#D4A244; --g-nawara:#39A395; --g-sama:#6C97CE; --g-neyara:#C97A6F;
    --closed:#7C8894;
    --shadow-1:0 1px 2px rgba(0,0,0,.4);
    --shadow-2:0 4px 14px rgba(0,0,0,.45);
    --shadow-3:0 12px 34px rgba(0,0,0,.55);}
}
.ewm[data-theme="dark"]{--navy:#081726; --navy-2:#0F283D; --navy-3:#1A3B57;
  --sand:#101A23; --paper:#15212C; --paper-2:#111C26;
  --ink:#E9EFF4; --ink-2:#A9BAC7; --ink-3:#71879A;
  --line:#22323F; --line-2:#1B2A36;
  --gold-soft:rgba(201,162,74,.18);
  --g-muhaidb:#D4A244; --g-nawara:#39A395; --g-sama:#6C97CE; --g-neyara:#C97A6F;
  --closed:#7C8894;
  --shadow-1:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 4px 14px rgba(0,0,0,.45);
  --shadow-3:0 12px 34px rgba(0,0,0,.55);}
.ewm,.ewm *{box-sizing:border-box}
.ewm{font-family:var(--f-ar); color:var(--ink); background:var(--sand);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow:clip;}
.ewm button,.ewm input,.ewm select{font:inherit;color:inherit}
.ewm button{cursor:pointer}
.ewm .mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.ewm :focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ewm{display:flex;height:100dvh;width:100%;overflow:clip}
.ewm #ewm-panel{width:var(--panel-w); flex:0 0 var(--panel-w); min-width:0;
  background:var(--paper); border-inline-end:1px solid var(--line);
  display:flex; flex-direction:column; overflow:hidden; position:relative; z-index:6;}
.ewm .masthead{background:var(--navy);color:#fff;padding:17px 18px 15px;position:relative}
.ewm .masthead::after{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold) 22%,var(--gold-2) 50%,var(--gold) 78%,transparent)}
.ewm .mh-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ewm .mh-brand{display:flex;align-items:center;gap:10px;min-width:0}
.ewm .mh-mark{flex:0 0 auto;width:34px;height:34px;border-radius:10px;
  background:linear-gradient(145deg,var(--gold-2),var(--gold));display:grid;place-items:center;
  box-shadow:0 2px 10px rgba(201,162,74,.35)}
.ewm .mh-mark svg{display:block;color:var(--navy)}
.ewm .mh-kicker{margin:0 0 2px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-2);font-weight:600}
.ewm .mh-title{margin:0;font-family:var(--f-disp);font-size:19px;font-weight:700;line-height:1.24;letter-spacing:-.01em}
.ewm[lang="en"] .mh-title{font-size:23px;letter-spacing:0}
.ewm .mh-sub{margin:5px 0 0;font-size:11.5px;color:rgba(255,255,255,.72);line-height:1.5}
.ewm .mh-actions{display:flex;gap:6px;flex:0 0 auto}
.ewm .mh-btn{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;font-size:11px;
  font-weight:600;transition:background .16s,border-color .16s}
.ewm .mh-btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3)}
.ewm .controls{padding:14px 16px 11px;border-bottom:1px solid var(--line-2);background:var(--paper)}
.ewm .field{position:relative;display:flex;align-items:center;margin-bottom:9px}
.ewm .field svg{position:absolute;inset-inline-start:12px;color:var(--ink-3);pointer-events:none}
.ewm .field input{width:100%;height:40px;padding-inline:36px 12px;border:1px solid var(--line);
  border-radius:var(--r-m);background:var(--paper-2);transition:border-color .16s,box-shadow .16s;font-size:13.5px}
.ewm .field input::placeholder{color:var(--ink-3)}
.ewm .field input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);background:var(--paper)}
.ewm .field input::-webkit-search-cancel-button{-webkit-appearance:none}
.ewm .selwrap{position:relative;margin-bottom:11px}
.ewm .selwrap::after{content:"";position:absolute;inset-inline-end:14px;top:16px;width:6px;height:6px;
  border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);
  transform:rotate(45deg);pointer-events:none}
.ewm .selwrap select{width:100%;height:40px;padding-inline:12px 32px;border:1px solid var(--line);
  border-radius:var(--r-m);background:var(--paper-2);appearance:none;font-size:13.5px;cursor:pointer}
.ewm .selwrap select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.ewm .chips{display:flex;flex-wrap:wrap;gap:6px}
.ewm .chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:11px;
  border:1px solid var(--line);border-radius:999px;background:var(--paper-2);
  font-size:12.5px;font-weight:500;color:var(--ink-2);white-space:nowrap;
  transition:border-color .16s,background .16s,color .16s,box-shadow .16s}
.ewm .chip:hover{border-color:var(--ink-3);color:var(--ink)}
.ewm .chip .sw{width:9px;height:9px;border-radius:50%;flex:0 0 auto}
.ewm .chip .n{font-family:var(--f-mono);font-size:11px;color:var(--ink-3);
  background:var(--line-2);border-radius:999px;padding:1px 6px;min-width:20px;text-align:center}
.ewm .chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:var(--shadow-1)}
.ewm .chip[aria-pressed="true"] .n{background:rgba(255,255,255,.16);color:#fff}
.ewm .chip.c-all[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.ewm .chip.c-all[aria-pressed="true"] .n{background:rgba(14,36,56,.16);color:var(--navy)}
.ewm .sw.g-muhaidb{background:var(--g-muhaidb)}
.ewm .sw.g-nawara{background:var(--g-nawara)}
.ewm .sw.g-sama{background:var(--g-sama)}
.ewm .sw.g-neyara{background:var(--g-neyara)}
.ewm .sw.closed{background:var(--closed)}
.ewm .countbar{display:flex;align-items:center;justify-content:space-between;
  padding:9px 17px;font-size:11.5px;color:var(--ink-3);background:var(--paper-2);
  border-bottom:1px solid var(--line-2)}
.ewm .countbar b{font-family:var(--f-mono);font-weight:500;color:var(--ink-2);margin-inline-start:6px}
.ewm .linkbtn{border:0;background:none;color:var(--ink-3);font-size:11.5px;padding:2px 0;text-decoration:underline;
  text-underline-offset:3px;text-decoration-color:var(--line)}
.ewm .linkbtn:hover{color:var(--ink)}
.ewm #ewm-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:9px 12px 14px;background:var(--paper)}
.ewm .grouphead{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);
  font-weight:600;padding:12px 5px 7px}
.ewm .grouphead:first-child{padding-top:4px}
.ewm .item{display:flex;align-items:center;gap:10px;width:100%;text-align:start;
  padding:10px 11px;margin-bottom:5px;border:1px solid var(--line-2);border-radius:var(--r-m);
  background:var(--paper);transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.ewm .item:hover{border-color:var(--line);box-shadow:var(--shadow-1);transform:translateY(-1px);background:var(--paper-2)}
.ewm .item .bar{flex:0 0 auto;width:3px;align-self:stretch;border-radius:2px;min-height:30px}
.ewm .item.g-muhaidb .bar{background:var(--g-muhaidb)}
.ewm .item.g-nawara .bar{background:var(--g-nawara)}
.ewm .item.g-sama .bar{background:var(--g-sama)}
.ewm .item.g-neyara .bar{background:var(--g-neyara)}
.ewm .item.is-closed .bar{background:var(--closed)}
.ewm .item .txt{flex:1;min-width:0}
.ewm .item .nm{display:block;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ewm .item .mt{display:block;font-size:11px;color:var(--ink-3);margin-top:2px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ewm .item .dist{flex:0 0 auto;font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3);
  background:var(--paper-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 7px}
.ewm .item[aria-current="true"]{border-color:var(--gold);background:var(--gold-soft);
  box-shadow:0 0 0 1px var(--gold) inset,var(--shadow-1)}
.ewm .item[aria-current="true"] .nm{color:var(--ink)}
.ewm .empty{padding:30px 14px;text-align:center;color:var(--ink-3);font-size:12.5px}
.ewm .pfoot{padding:11px 17px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line-2);
  background:var(--paper-2);font-size:10.5px;color:var(--ink-3);line-height:1.6}
.ewm .closedlabel{display:flex;align-items:center;gap:9px;cursor:pointer;user-select:none;margin-bottom:8px;
  font-size:11.5px;color:var(--ink-2)}
.ewm .closedlabel input{accent-color:var(--closed);width:15px;height:15px;margin:0;cursor:pointer}
.ewm #ewm-mapwrap{flex:1;position:relative;min-width:0;background:var(--sand)}
.ewm #ewm-map{position:absolute;inset:0}
.ewm .maplibregl-ctrl-attrib{font-size:10px}
.ewm .maplibregl-ctrl-bottom-left,.ewm .maplibregl-ctrl-bottom-right{z-index:3}
.ewm #ewm-mapctl{position:absolute;inset-block-start:14px;inset-inline-end:14px;z-index:4;
  display:flex;flex-direction:column;gap:8px}
.ewm .mc{width:38px;height:38px;border-radius:11px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink-2);display:grid;place-items:center;
  box-shadow:var(--shadow-2);transition:color .15s,border-color .15s,transform .12s}
.ewm .mc:hover{color:var(--ink);border-color:var(--ink-3)}
.ewm .mc:active{transform:scale(.94)}
.ewm .mc.on{color:var(--gold);border-color:var(--gold)}
.ewm .mc-pair{display:flex;flex-direction:column;border-radius:11px;overflow:hidden;
  box-shadow:var(--shadow-2);border:1px solid var(--line);background:var(--paper)}
.ewm .mc-pair .mc{border:0;border-radius:0;box-shadow:none;width:38px;height:36px}
.ewm .mc-pair .mc+.mc{border-top:1px solid var(--line-2)}
.ewm .maplibregl-marker{position:absolute;inset-block-start:0;left:0;right:auto}
.ewm .mk{width:32px;height:42px;cursor:pointer}
.ewm .mk.g-muhaidb{--mc:var(--g-muhaidb)}
.ewm .mk.g-nawara{--mc:var(--g-nawara)}
.ewm .mk.g-sama{--mc:var(--g-sama)}
.ewm .mk.g-neyara{--mc:var(--g-neyara)}
.ewm .mk.closed{--mc:var(--closed)}
.ewm .mk .pin{display:block;overflow:visible;transform-origin:50% 100%;
  transition:transform .18s cubic-bezier(.34,1.3,.64,1);
  filter:drop-shadow(0 2px 3px rgba(12,26,40,.28))}
.ewm .mk .body{fill:var(--mc);stroke:#fff;stroke-width:2;stroke-linejoin:round}
.ewm .mk .disc{fill:#fff}
.ewm .mk .glyph{fill:var(--mc)}
.ewm .mk .win{fill:#fff}
.ewm .mk.closed .body{stroke-dasharray:3.4 2.6}
.ewm .mk:hover .pin{transform:scale(1.13)}
.ewm .mk.is-sel{z-index:9}
.ewm .mk.is-sel .pin{transform:scale(1.26)}
.ewm .mk .halo{fill:none;stroke:var(--mc);stroke-width:2.4;opacity:0;
  transform-box:fill-box;transform-origin:center}
.ewm .mk.is-sel .halo{opacity:1;animation:ewm-pulse 2.2s ease-out infinite}
@keyframes ewm-pulse{0%{transform:scale(.6);opacity:.6}72%{transform:scale(1.55);opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ewm .mk.is-sel .halo{animation:none;opacity:.32}
  .ewm .mk .pin{transition:none}
}
.ewm .mk.me{width:20px;height:20px}
.ewm .mk.me .dot{width:14px;height:14px;border-radius:50%;background:#2F7BE0;border:2.5px solid #fff;
  box-shadow:0 0 0 4px rgba(47,123,224,.25),var(--shadow-1);margin:3px}
.ewm #ewm-card{position:absolute;z-index:8;inset-block-end:22px;inset-inline-start:22px;width:355px;max-width:calc(100% - 44px);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  box-shadow:var(--shadow-3);overflow:hidden;animation:ewm-cardIn .22s ease-out}
@keyframes ewm-cardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ewm #ewm-card{animation:none}
}
.ewm .cbar{height:4px}
.ewm .cbar.g-muhaidb{background:var(--g-muhaidb)}
.ewm .cbar.g-nawara{background:var(--g-nawara)}
.ewm .cbar.g-sama{background:var(--g-sama)}
.ewm .cbar.g-neyara{background:var(--g-neyara)}
.ewm .cbar.is-closed{background:var(--closed)}
/* the branch photo, when the branch has one: a fixed-height strip under the brand bar, so the card never jumps while it loads */
.ewm .cphoto{margin:0;height:112px;overflow:hidden;background:var(--paper-2)}
.ewm .cphoto img{display:block;width:100%;height:100%;object-fit:cover}
.ewm .closedbanner{background:var(--closed);color:#fff;font-size:11px;padding:6px 15px;font-weight:500}
.ewm .cbody{padding:14px 16px 15px}
.ewm .ctop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.ewm .cgroup{display:inline-flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ewm .cgroup .sw{width:8px;height:8px;border-radius:50%}
.ewm .closeb{width:26px;height:26px;border-radius:8px;border:1px solid var(--line-2);background:var(--paper-2);
  color:var(--ink-3);display:grid;place-items:center}
.ewm .closeb:hover{color:var(--ink);border-color:var(--line)}
.ewm .cname{margin:0;font-family:var(--f-disp);font-size:17.5px;font-weight:700;line-height:1.32}
.ewm .cnameen{font-size:11.5px;color:var(--ink-3);margin-top:3px;font-family:var(--f-ar)}
.ewm .crow{display:flex;align-items:flex-start;gap:8px;margin-top:9px;font-size:12.5px;color:var(--ink-2);line-height:1.6}
.ewm .crow svg{flex:0 0 auto;margin-top:3px;color:var(--ink-3)}
.ewm .cdist{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;font-weight:500;
  color:var(--navy);background:var(--gold-soft);border:1px solid var(--gold);
  border-radius:999px;padding:4px 10px}
.ewm[data-theme="dark"] .cdist{color:var(--gold-2)}
@media (prefers-color-scheme:dark){
  .ewm:not([data-theme="light"]) .cdist{color:var(--gold-2)}
}
.ewm .cnote{margin-top:10px;font-size:10.5px;color:var(--ink-3);line-height:1.65;
  border-inline-start:2px solid var(--line);padding-inline-start:9px}
.ewm .ccoord{margin-top:10px;font-size:10.5px;color:var(--ink-3)}
.ewm .cactions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.ewm .act{display:inline-flex;align-items:center;gap:6px;height:36px;padding-inline:13px;border-radius:var(--r-s);
  border:1px solid var(--line);background:var(--paper-2);color:var(--ink);
  font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}
.ewm .act:hover{background:var(--line-2);border-color:var(--ink-3)}
.ewm .act small{color:var(--ink-3);font-size:10px}
.ewm .act.primary{background:var(--navy);border-color:var(--navy);color:#fff}
.ewm .act.primary:hover{background:var(--navy-2);border-color:var(--navy-2)}
.ewm .act.primary small{color:rgba(255,255,255,.65)}
.ewm #ewm-toast{position:absolute;z-index:11;inset-block-end:22px;inset-inline-end:22px;max-width:330px;
  background:var(--navy);color:#fff;border-radius:var(--r-m);padding:11px 15px;font-size:12.5px;
  line-height:1.55;box-shadow:var(--shadow-3)}
.ewm #ewm-mtop,.ewm #ewm-openList,.ewm .sheet-handle{display:none}
@media (max-width:900px){
  .ewm{--panel-w:100%}
  .ewm{display:block;position:relative}
  .ewm #ewm-mapwrap{position:absolute;inset:0}
  .ewm #ewm-mtop{display:flex;align-items:center;gap:6px;position:absolute;z-index:5;
    inset-block-start:0;inset-inline:0;padding:calc(4px + env(safe-area-inset-top)) 8px 5px;
    background:linear-gradient(var(--navy) 80%,rgba(14,36,56,0));color:#fff}
  .ewm #ewm-mtop .mt-title{flex:1;min-width:0}
  .ewm #ewm-mtop .mt-title b{display:block;font-family:var(--f-disp);font-size:14px;font-weight:700;
    line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ewm #ewm-mtop .mt-title span{display:block;font-size:9.5px;color:rgba(255,255,255,.7);margin-top:1px;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ewm #ewm-mtop .mh-btn{flex:0 0 auto;width:28px;height:28px;border-radius:9px}
  /* a phone's map header is one compact line: the title (the brand names are on the chips) and its two buttons */
  .ewm #ewm-mtop .mt-title b{font-size:13px;line-height:1.2}
  .ewm #ewm-mtop .mt-title span{display:none}
  .ewm #ewm-mobilebar{position:absolute;z-index:5;inset-inline:0;
    inset-block-start:calc(42px + env(safe-area-inset-top));padding:0 11px;
    display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
  .ewm #ewm-mobilebar.open{grid-template-rows:1fr}
  .ewm #ewm-mobilebar .inner{overflow:hidden;min-height:0}
  .ewm #ewm-mobilebar .pad{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);
    padding:10px 11px;box-shadow:var(--shadow-2)}
  .ewm #ewm-mobilebar .field{margin-bottom:8px}
  .ewm #ewm-mobilebar .chips{gap:5px}
  .ewm #ewm-mobilebar .chip{height:29px;font-size:11.5px;padding-inline:9px}
  .ewm #ewm-mapctl{inset-block-start:auto;inset-block-end:calc(84px + env(safe-area-inset-bottom) + var(--ewm-cover,0px));
    inset-inline-end:12px;transition:inset-block-end .2s ease}
  .ewm .mc-pair{display:none}
  .ewm.card-open #ewm-mapctl{inset-block-end:min(calc(var(--card-h,230px) + 26px + env(safe-area-inset-bottom) + var(--ewm-cover,0px)),calc(100% - 88px))}
  .ewm.card-open #ewm-openList{display:none}
  .ewm #ewm-openList{display:flex;align-items:center;justify-content:center;gap:8px;position:absolute;z-index:7;
    inset-block-end:calc(16px + env(safe-area-inset-bottom) + var(--ewm-cover,0px));inset-inline-start:50%;
    transform:translateX(50%);height:44px;padding-inline:20px;border-radius:999px;
    border:1px solid var(--navy-3);background:var(--navy);color:#fff;font-size:13px;font-weight:600;
    box-shadow:var(--shadow-3)}
  .ewm[dir="ltr"] #ewm-openList{transform:translateX(-50%)}
  .ewm #ewm-openList .mono{background:rgba(255,255,255,.16);border-radius:999px;padding:1px 7px;font-size:11px}
  .ewm #ewm-panel{position:absolute;z-index:10;inset-inline:0;inset-block-end:0;
    height:min(78dvh,620px);width:100%;border:0;border-radius:var(--r-xl) var(--r-xl) 0 0;
    box-shadow:var(--shadow-3);transform:translateY(102%);transition:transform .26s cubic-bezier(.32,.72,0,1);
    border-top:1px solid var(--line)}
  .ewm #ewm-panel.open{transform:none}
  .ewm .sheet-handle{display:block;width:38px;height:4px;border-radius:99px;background:rgba(255,255,255,.3);
    margin:8px auto 0}
  .ewm .masthead{padding:6px 15px 13px}
  .ewm .mh-title{font-size:16px}
  .ewm .mh-sub{font-size:10.5px}
  .ewm .controls{padding:12px 14px 10px}
  .ewm #ewm-list{padding:8px 11px 12px}
  .ewm #ewm-card{inset-block-end:calc(14px + env(safe-area-inset-bottom) + var(--ewm-cover,0px));inset-inline:12px;width:auto;
    max-height:calc(100% - 60px - env(safe-area-inset-bottom) - var(--ewm-cover,0px));overflow-y:auto;overscroll-behavior:contain;
    max-width:none;border-radius:var(--r-xl)}
  .ewm #ewm-toast{inset-block-end:calc(78px + env(safe-area-inset-bottom) + var(--ewm-cover,0px));inset-inline:12px;max-width:none}
  @media (prefers-reduced-motion:reduce){
    .ewm #ewm-panel,.ewm #ewm-mobilebar{transition:none}
  }
}
@media (min-width:901px){
  .ewm #ewm-closePanel{display:none!important}
}
@media (max-width:380px){
  .ewm .chip{height:29px;font-size:11.5px;padding-inline:9px}
  .ewm #ewm-mtop .mt-title b{font-size:13px}
  .ewm .cname{font-size:16px}
  .ewm .act{height:34px;padding-inline:11px;font-size:12px}
}

/* ───────────────────────── fo-settlement-live additions (not part of the Work map stylesheet) ─────────────────────────
   1. embedding: the Work map is a full page; here it is a view inside the app, so it gets a height instead of 100dvh
   2. the app's existing «الخريطة | القائمة» switch (moved from branch-map.css, unchanged)
   3. live data in the Work map's own visual language: room-type chips, the transfer-mode flag, the availability pill,
      the live block in the branch card
*/
.ewm{height:min(900px,calc(100dvh - 40px));min-height:560px;isolation:isolate}
.ewm[hidden]{display:none!important}
/* behind the canvas: the basemap's own land colour (the basemap is light in both themes), never a dark block */
.ewm #ewm-map{background:#f8f4f0}
#branch-network-grid[hidden],#branches-panel .ref-grid[hidden]{display:none}
.ewm .closedlabel[hidden]{display:none}
/* phones: the small viewport height (svh) does not change while Safari's toolbar collapses on scroll - dvh did, and
   resized the WebGL canvas on every scroll - minus the app's fixed bottom navigation (--ewm-nav, measured by
   ewaa-map.js), so the whole map fits above it once scrolled into view */
@media (max-width:900px){
  .ewm{height:calc(100vh - 12px - var(--ewm-nav,0px));min-height:320px;scroll-margin-top:6px}
  @supports (height:100svh){.ewm{height:calc(100svh - 12px - var(--ewm-nav,0px))}}
}

.map-switch{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:#eef3fb;border:1px solid #e1e6ee;margin-inline-start:auto}
.map-switch button{border:0;background:transparent;color:#4a5568;font:inherit;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.map-switch button:hover{color:#175fd1}
.map-switch button.on{background:#175fd1;color:#fff;box-shadow:0 2px 8px rgba(23,95,209,.25)}
.ref-toolbar-buttons .map-switch{height:46px;align-items:center;margin:0;padding:4px;border-radius:12px;background:#fff;border:1px solid #dfe5ee}
.ref-toolbar-buttons .map-switch button{height:100%;border-radius:9px;padding:0 16px;color:#26354b;font-size:11px}
.ref-toolbar-buttons .map-switch button.on{background:#175fd1;color:#fff}
.ref-dark .map-switch{background:#17202d;border-color:#283446}
.ref-dark .map-switch button{color:#c8d2e1}
.ref-dark .map-switch button.on{background:#1d3558;color:#8bb8ff;box-shadow:none}

.ewm .chips.types{margin-top:7px}
.ewm .chip.c-type{height:28px;font-size:11.5px;padding-inline:10px}
.ewm .modeflag{padding:7px 17px;font-size:11px;font-weight:600;color:var(--navy);background:var(--gold-soft);border-bottom:1px solid var(--line-2)}
.ewm[data-theme="dark"] .modeflag{color:var(--gold-2)}
@media (prefers-color-scheme:dark){.ewm:not([data-theme="light"]) .modeflag{color:var(--gold-2)}}
.ewm .item .dist.live{font-family:var(--f-ar);display:inline-flex;align-items:baseline;gap:4px}
.ewm .item .dist.live b{font-family:var(--f-mono);font-weight:500;color:var(--ink-2)}
.ewm .item .dist.live.st-full{color:var(--g-neyara);border-color:var(--line)}
.ewm .item .dist.live.st-none{color:var(--ink-3)}
.ewm .mk.is-mine .disc{fill:var(--gold-2)}

.ewm .clive{margin-top:11px;padding:10px 11px;border:1px solid var(--line-2);border-radius:var(--r-m);background:var(--paper-2)}
.ewm .clive-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--ink-3)}
.ewm .cstat{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--ink-2)}
.ewm .cstat i{width:8px;height:8px;border-radius:50%;background:var(--closed)}
.ewm .clive.st-good .cstat i{background:var(--g-nawara)}
.ewm .clive.st-limited .cstat i{background:var(--gold)}
.ewm .clive.st-full .cstat i{background:var(--g-neyara)}
.ewm .cnums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.ewm .cnums div{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.ewm .cnums b{font-size:17px;font-weight:500;color:var(--ink);line-height:1.2}
.ewm .cnums span{font-size:10.5px;color:var(--ink-3)}
.ewm .ctypes{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ewm .ctype{display:inline-flex;align-items:center;gap:6px;height:24px;padding-inline:8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:11px;color:var(--ink-2)}
.ewm .ctype b{font-size:11px;font-weight:500;color:var(--ink)}
.ewm .ctype.zero b,.ewm .ctype.none b{color:var(--ink-3)}
.ewm .ctype.pick{border-color:var(--gold);background:var(--gold-soft)}
.ewm .ctypenote{margin-top:6px;font-size:10px;color:var(--ink-3)}
.ewm .act[disabled]{opacity:.5;cursor:default}
/* shared location: the host card lists its branches as pick rows (the list item's own look), a member card names the
   others at the same point */
.ewm .cpicks{display:flex;flex-direction:column;gap:6px;margin-top:9px}
.ewm .pick{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--r-m);
  background:var(--paper-2);color:var(--ink);text-align:start;cursor:pointer;font:inherit}
.ewm .pick:hover{border-color:var(--gold);background:var(--gold-soft)}
.ewm .pick .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ewm .pick .nm{font-weight:600;font-size:13px}
.ewm .pick .mt{font-size:10.5px;color:var(--ink-3)}
.ewm .pick.inline{display:inline;width:auto;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--navy)}
.ewm .cshared{margin-top:9px;font-size:11.5px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:6px;align-items:center}

/* SYSTEM_OWNER location editor: a floating bar in the card's place (the card is closed while editing), a larger
   touch-friendly draggable pin, 44px controls, nothing saved before the confirmation step */
.ewm .covr{font-family:var(--f-ar);color:var(--gold);font-weight:600}
.ewm .cowner{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line)}
.ewm .cowner .act{min-height:44px}
.ewm .locedit{position:absolute;z-index:12;inset-block-end:22px;inset-inline-start:22px;width:355px;max-width:calc(100% - 44px);
  background:var(--paper);border:2px solid var(--gold);border-radius:var(--r-l);box-shadow:var(--shadow-3);padding:13px 16px 12px;
  font-size:12.5px;color:var(--ink-2)}
.ewm .locedit[hidden]{display:none}
.ewm .le-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.ewm .le-flag{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--navy)}
.ewm .le-flag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.ewm[data-theme="dark"] .le-flag{color:var(--gold-2)}
.ewm .le-unsaved{font-size:10.5px;font-weight:600;color:#9a3412;background:#ffedd5;border-radius:999px;padding:2px 9px}
.ewm .le-name{font-family:var(--f-disp);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:3px}
.ewm .le-hint{color:var(--ink-3);font-size:11.5px;margin-bottom:8px}
.ewm .le-coords{display:grid;gap:3px;margin-bottom:10px;font-size:11px}
.ewm .le-coords small{color:var(--ink-3);margin-inline-end:8px}
.ewm .le-coords b{font-family:var(--f-mono);font-weight:500;unicode-bidi:isolate;direction:ltr}
.ewm .le-coords .le-new b{color:var(--navy);font-weight:600}
.ewm[data-theme="dark"] .le-coords .le-new b{color:var(--gold-2)}
.ewm .le-actions{display:flex;flex-wrap:wrap;gap:8px}
.ewm .locedit .act{min-height:44px;padding-inline:16px}
.ewm .le-confirm{border-top:1px solid var(--line-2);padding-top:10px}
.ewm .le-confirm b{display:block;color:var(--ink);font-size:13.5px;margin-bottom:3px}
.ewm .le-confirm p{margin:0 0 10px}
.ewm .le-msg{margin-top:7px;color:#b42318;font-size:11.5px}
.ewm .le-msg:empty{display:none}
.ewm.loc-editing #ewm-openList{display:none}
.ewm .mk.is-editing{width:48px;height:58px;display:flex;align-items:flex-end;justify-content:center;cursor:grab;touch-action:none}
.ewm .mk.is-editing:active{cursor:grabbing}
.ewm .mk.is-editing .pin{transform:scale(1.35)}
/* phone: the bar sits under the map's top bar - the app's fixed bottom navigation can cover the bottom of the map, and
   the pin being dragged stays in the open middle */
@media (max-width:900px){
  .ewm .locedit{inset-block-start:calc(58px + env(safe-area-inset-top));inset-block-end:auto;inset-inline:10px;width:auto;
    max-width:none;padding:10px 13px 11px}
  .ewm .le-name{font-size:14.5px}
  .ewm .le-hint{font-size:11px;margin-bottom:6px}
  .ewm .le-coords{margin-bottom:8px}
  .ewm.loc-editing #ewm-mobilebar{display:none}
}
.ewm .mc[hidden],.ewm .linkbtn[hidden]{display:none}
.ewm .mapfail{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:var(--paper-2);color:var(--ink-2);font-size:13px}
.ewm .mapfail[hidden]{display:none}

/* Branch card close control. The card sits above the selected pin (.mk.is-sel is z-index 9), so a pin under the card
   can never take the close click; the button is a 44x44 hit area around the Work map's unchanged 26x26 box (drawn by
   ::before), pulled back into the same layout slot by a negative margin. */
.ewm #ewm-card{z-index:10}
.ewm .closeb{position:relative;flex:0 0 auto;width:44px;height:44px;margin:-9px;padding:0;border:0;border-radius:0;
  background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;pointer-events:auto}
.ewm .closeb::before{content:"";position:absolute;inset:9px;border-radius:8px;border:1px solid var(--line-2);background:var(--paper-2)}
.ewm .closeb svg{position:relative;pointer-events:none}
.ewm .closeb:hover::before{border-color:var(--line)}
.ewm .closeb:focus-visible{outline:none}
.ewm .closeb:focus-visible::before{outline:2px solid var(--gold);outline-offset:2px}

/* Operations map: every location is its own pin with its name on the map (no clusters). Names are compact cream tags
   placed by layoutLabels in ewaa-map.js; they sit under the pins (a pin is never hidden by a name) and above the
   basemap, with thin leader lines where a name had to move away from its pin, and a dotted hairline from a pin shown
   off its point (spider) back to its exact position. */
.ewm .ewm-leads{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ewm .ewm-leads line{stroke:var(--ink-3);stroke-width:1;stroke-linecap:round}
.ewm .ewm-leads .lead{opacity:.72}
.ewm .ewm-leads .lead.is-sel{stroke:var(--navy);stroke-width:1.6;opacity:1}
.ewm .ewm-leads .tie{stroke-dasharray:1.5 2.5;opacity:.85}
.ewm .ewm-leads .spot{fill:var(--ink-2);stroke:var(--paper);stroke-width:1}
/* z-index 0 makes the layer its own stacking context: nothing in it, the selected name included, rises over a pin */
.ewm .ewm-labels{position:absolute;left:0;top:0;z-index:0;width:100%;height:100%;pointer-events:none}
.ewm .ptag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;height:20px;padding:0 7px 0 8px;
  border-radius:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line);
  border-inline-start:2.5px solid var(--mc,var(--gold));box-shadow:0 1px 1px rgba(16,32,48,.07),0 2px 8px rgba(16,32,48,.11);
  font:600 11px/1 var(--f-ar);white-space:nowrap;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;
  will-change:transform;transition:box-shadow .15s,border-color .15s,background .15s}
.ewm[lang="en"] .ptag{letter-spacing:.01em}
.ewm .ptag.g-muhaidb{--mc:var(--g-muhaidb)}
.ewm .ptag.g-nawara{--mc:var(--g-nawara)}
.ewm .ptag.g-sama{--mc:var(--g-sama)}
.ewm .ptag.g-neyara{--mc:var(--g-neyara)}
.ewm .ptag .st{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--ink-3);opacity:.7}
.ewm .ptag.st-good .st{background:var(--g-nawara);opacity:1}
.ewm .ptag.st-limited .st{background:var(--gold);opacity:1}
.ewm .ptag.st-full .st{background:var(--g-neyara);opacity:1}
.ewm .ptag:hover,.ewm .ptag.is-hot{border-color:var(--ink-3);box-shadow:0 1px 2px rgba(16,32,48,.1),0 4px 12px rgba(16,32,48,.18)}
.ewm .ptag.is-mine{box-shadow:0 0 0 1.5px var(--gold),0 2px 8px rgba(16,32,48,.12)}
.ewm .ptag.is-sel{z-index:1;height:22px;background:var(--navy);color:#fff;border-color:var(--navy);font-weight:700;
  box-shadow:0 0 0 2px var(--gold-soft),0 6px 16px rgba(16,32,48,.28)}
.ewm .ptag.is-sel .st{box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}
.ewm .mk.is-hot:not(.is-sel) .pin{transform:scale(1.13)}
/* the whole Kingdom in view: smaller pins and names, so every one of them fits */
.ewm.z-far .mk:not(.me):not(.is-editing){width:15px;height:20px}
.ewm.z-far .mk:not(.me):not(.is-editing) .pin{width:100%;height:100%}
.ewm.z-far .ptag{height:18px;padding:0 6px 0 7px;gap:4px;font-size:10.5px}
.ewm.z-far .ptag.is-sel{height:20px}
/* while the owner drags a pin, names stay visible but out of the way */
.ewm.loc-editing .ptag{pointer-events:none;opacity:.55}
/* the whole Kingdom: a crowded city is named once - its name, never a count - and opens its city view; its pins stay drawn */
.ewm .ctag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;height:26px;padding:0 9px 0 11px;border-radius:13px;
  background:var(--navy);color:#fff;border:1.5px solid rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(16,32,48,.26);
  font:700 12.5px/1 var(--f-ar);white-space:nowrap;cursor:pointer;pointer-events:auto;user-select:none;-webkit-user-select:none;
  will-change:transform;transition:box-shadow .15s,background .15s}
.ewm .ctag svg{flex:0 0 auto;opacity:.85}
.ewm[dir="rtl"] .ctag svg{transform:scaleX(-1)}
.ewm .ctag:hover,.ewm .ctag.is-hot,.ewm .ctag:focus-visible{box-shadow:0 0 0 2px var(--gold),0 6px 16px rgba(16,32,48,.3);outline:none}
.ewm .czone{position:absolute;left:0;top:0;border-radius:14px;pointer-events:auto;cursor:zoom-in;will-change:transform;
  transition:background .15s,box-shadow .15s}
.ewm .czone.is-hot{background:rgba(16,32,48,.07);box-shadow:inset 0 0 0 1.5px rgba(169,118,27,.55)}
.ewm.z-far .mk.in-city{cursor:zoom-in}
.ewm.loc-editing .ctag,.ewm.loc-editing .czone{pointer-events:none;opacity:.55}
@media (prefers-reduced-motion:reduce){.ewm .ptag,.ewm .ctag,.ewm .czone{transition:none}}

/* Branches screen: the branch card. Occupancy leads with a slim bar; the four room counts share one quiet row; the three
   room types are three small cells; one primary action, the others quieter; the owner's location tools last, as quiet
   text buttons (still 44px to a thumb). */
.ewm .cbody{padding:14px 16px 16px}
.ewm .cname{letter-spacing:-.005em}
.ewm .clive{margin-top:12px;padding:11px 12px 10px;border-color:var(--line-2);border-radius:var(--r-m);background:var(--paper-2)}
.ewm .clive-top{font-size:11.5px}
.ewm .cocc{display:flex;align-items:center;gap:12px;margin-top:8px}
.ewm .cocc-n{flex:0 0 auto;display:flex;align-items:baseline;gap:7px}
.ewm .cocc-n b{font-family:var(--f-ar);font-size:27px;font-weight:600;line-height:1;color:var(--ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.ewm .cocc-n span{font-size:11.5px;color:var(--ink-3)}
.ewm .cocc-bar{flex:1 1 auto;display:block;height:6px;border-radius:99px;background:var(--line-2);overflow:hidden}
.ewm .cocc-bar b{display:block;height:100%;border-radius:inherit;background:var(--navy)}
.ewm[data-theme="dark"] .cocc-bar b{background:var(--gold)}
@media (prefers-color-scheme:dark){.ewm:not([data-theme="light"]) .cocc-bar b{background:var(--gold)}}
.ewm .cnums{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:0;margin-top:10px;padding-top:9px;border-top:1px solid var(--line-2)}
.ewm .cnums div{min-width:0;padding-inline:8px;border-inline-start:1px solid var(--line-2)}
.ewm .cnums div:first-child{padding-inline-start:0;border-inline-start:0}
.ewm .cnums b{font-family:var(--f-ar);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
.ewm .cnums span{font-size:10.5px;line-height:1.3;max-width:100%}
.ewm .cnameen{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ewm .cnums div.warn b{color:var(--g-muhaidb)}
.ewm .ctypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.ewm .ctype{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0;height:auto;padding:4px 9px 5px;border-color:var(--line-2);border-radius:10px;background:var(--paper)}
.ewm .ctype .ctn{max-width:100%;font-size:10.5px;line-height:1.25;color:var(--ink-3)}
.ewm .ctype b{font-family:var(--f-ar);font-size:15px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}
.ewm .ctype.pick .ctn{color:var(--ink-2)}
.ewm .ctypenote{margin-top:7px;font-size:10.5px}
.ewm .crow{margin-top:10px}
.ewm .ccoord{margin-top:8px;font-size:10px;opacity:.85}
.ewm .cactions{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:7px;margin-top:12px}
.ewm .cactions .act{justify-content:center;min-width:0;height:auto;min-height:40px;padding:6px 10px;border-radius:11px;font-size:12.5px;font-weight:500;line-height:1.25;text-align:center}
.ewm .cactions .act svg{flex:0 0 auto}
.ewm .cactions .act.primary{grid-column:1/-1;min-height:42px;font-size:13.5px;font-weight:600}
.ewm .cactions .act small{overflow:hidden;text-overflow:ellipsis}
.ewm .cactions:not(.cowner) .act:only-child{grid-column:1/-1}
.ewm .cowner{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;padding-top:6px;gap:4px}
.ewm .cowner .act{height:auto;min-height:44px;border-color:transparent;background:transparent;color:var(--ink-2);font-size:12px}
.ewm .cowner .act:hover{background:var(--line-2);border-color:transparent;color:var(--ink)}
/* a short map never hides the card top (its close control): the card scrolls inside the map instead */
@media (min-width:901px){
  .ewm #ewm-card{max-height:calc(100% - 44px);overflow-y:auto;overscroll-behavior:contain}
  /* desktop card, read top-down: who and where, occupancy, the room counts, the three types, then the action */
  .ewm #ewm-card{width:372px}
  .ewm .cbody{padding:16px 18px 18px}
  .ewm .ctop{margin-bottom:6px}
  .ewm .cnameen{margin-top:4px}
  .ewm .clive{margin-top:14px;padding:13px 14px 12px}
  .ewm .cocc{margin-top:11px;gap:14px}
  .ewm .cocc-n b{font-size:28px}
  .ewm .cnums{margin-top:13px;padding-top:11px}
  .ewm .cnums div{padding-inline:10px}
  .ewm .cnums b{font-size:15.5px}
  .ewm .cnums span{margin-top:1px}
  .ewm .ctypes{gap:7px;margin-top:12px}
  .ewm .ctype{padding:6px 10px 7px}
  .ewm .ctype b{font-size:14px}
  .ewm .ctypenote{margin-top:8px}
  .ewm .crow{margin-top:11px;font-size:12px}
  .ewm .ccoord{margin-top:7px}
  .ewm .cactions{gap:8px;margin-top:16px}
  .ewm .cactions .act.primary{min-height:40px;font-size:13px}
  .ewm .cowner{margin-top:12px}
}
@media (max-width:900px){
  .ewm .cbody{padding:13px 14px 14px}
  .ewm .cphoto{height:96px}
  .ewm .cactions .act{min-height:44px}
  .ewm .cactions .act.primary{min-height:46px}
}