/* AD Atlas interface. Map coordinates, source artwork and hit regions stay in their own layers. */
body.atlas-ui {
  --ui-ink:#142c3b; --ui-muted:#60717c; --ui-paper:#fff; --ui-surface:#f6f8f9;
  --ui-line:#dce4e8; --ui-accent:#066f91; --ui-wash:#e9f5f8; --ui-deep:#12374a;
  --ui-shadow:0 12px 32px #12374a1a,0 2px 6px #12374a0d;
  --ui-small-shadow:0 3px 12px #0b2a3924;
  --adu-ink:var(--ui-ink); --adu-muted:var(--ui-muted); --adu-paper:var(--ui-paper);
  --adu-deep:var(--ui-deep); --adu-rule:var(--ui-line); --adu-accent:var(--ui-accent);
  --atlas-panel:var(--ui-paper); --atlas-line:var(--ui-line); --atlas-text:var(--ui-ink);
  --atlas-muted:var(--ui-muted); --atlas-accent:var(--ui-accent);
  font-family:"Suisse Int'l",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.atlas-ui :is(button,input,select,textarea) {font-family:inherit}
body.atlas-ui :is(button,a,input,select,summary):focus-visible {outline:3px solid #0593b6;outline-offset:3px}
body.atlas-ui :is(button,a) {-webkit-tap-highlight-color:transparent}
body.atlas-ui :is(button,a)[disabled] {cursor:default;opacity:.45}
body.atlas-ui :is(#rail,#leftpanels,#sidebar,#area-project-menu) {scrollbar-color:#b9c9d0 transparent;scrollbar-width:thin}

/* Navigation is a single light instrument bar, with a separate selected state. */
body.atlas-ui #topbar {left:16px;right:16px;top:14px;min-height:62px;height:62px;padding:0 8px 0 0;border:1px solid #ffffffdb;border-radius:14px;background:#fffffff5;color:var(--ui-ink);box-shadow:var(--ui-shadow);backdrop-filter:blur(20px)}
body.atlas-ui #brandmark {height:46px;padding:0 17px;margin:0 8px 0 0;border-right:1px solid var(--ui-line)}
body.atlas-ui #brandmark img {width:48px;height:48px;object-fit:contain}
body.atlas-ui #topbar .barbtn {height:38px;min-height:38px;min-width:38px;margin:0 2px;padding:0 12px;gap:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ui-muted);box-shadow:none;transition:background .16s,color .16s,border-color .16s}
body.atlas-ui #topbar .barbtn svg {width:17px;height:17px;fill:currentColor}
body.atlas-ui #topbar .barbtn span {font-size:12px;letter-spacing:0;font-weight:500}
body.atlas-ui #topbar .barbtn:hover:not([disabled]) {background:var(--ui-surface);color:var(--ui-ink)}
body.atlas-ui #topbar .barbtn[aria-pressed=true] {color:var(--ui-accent);border-color:#c5e4eb;background:var(--ui-wash)}
body.atlas-ui #topbar .barbtn[data-tool=menu] {border-left:1px solid var(--ui-line);border-radius:0 10px 10px 0;margin-left:8px;padding-left:16px}
body.atlas-ui #crumbs {padding:0 8px;gap:5px}
body.atlas-ui #crumbs .crumb {font-size:12px;color:var(--ui-muted);letter-spacing:0;padding:5px}
body.atlas-ui #crumbs .crumb.here {font-size:14px;color:var(--ui-ink);font-weight:500}
body.atlas-ui #crumbs .sep {color:#a5b5bd;opacity:1;width:12px}
body.atlas-ui #membership-entry {background:var(--ui-deep);color:#fff;border:1px solid var(--ui-deep);border-radius:8px;min-height:36px;padding:8px 13px;font-size:11px}
body.atlas-ui #membership-entry:hover {background:#205067;border-color:#205067}
body.atlas-ui #chipbar {top:90px;gap:6px}
body.atlas-ui :is(.chip,.vchip) {background:#fffffff5;color:var(--ui-muted);border:1px solid #ffffffcc;border-radius:8px;box-shadow:var(--ui-small-shadow);font-size:11px;font-weight:500;min-height:34px;padding:8px 13px;transition:background .16s,color .16s}
body.atlas-ui #chipbar .chip {background:#fffffff5;color:var(--ui-muted);border-color:#ffffffcc;border-radius:8px}
body.atlas-ui :is(.chip,.vchip):hover,body.atlas-ui #chipbar .chip:hover {background:var(--ui-wash);color:var(--ui-accent)}
body.atlas-ui :is(.chip,.vchip).on,body.atlas-ui #chipbar .chip.on {background:var(--ui-deep);border-color:var(--ui-deep);color:#fff}
body.atlas-ui #viewnav {background:none;gap:6px;padding:12px 20px}
@media(max-width:640px),(pointer:coarse) and (max-height:480px){
 /* 68px view chips, the 28px footer and an 8px gap all remain below the sheet. */
 body.atlas-ui.has-viewnav #leftpanels {bottom:calc(104px + env(safe-area-inset-bottom))}
 body.atlas-ui.has-viewnav:not(.sheet-down) #leftpanels {max-height:min(76dvh,calc(100dvh - 192px - env(safe-area-inset-bottom)))}
 body.atlas-ui.has-chips.has-viewnav:not(.sheet-down) #leftpanels {max-height:min(56dvh,520px,calc(100dvh - 246px - env(safe-area-inset-bottom)))}
}
body.atlas-ui #zoomrail {gap:0;padding:4px;background:#fffffff5;border:1px solid #fff;border-radius:12px;box-shadow:var(--ui-shadow)}
body.atlas-ui #zoomrail button {width:36px;height:36px;min-height:36px;min-width:36px;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--ui-ink);box-shadow:none;opacity:1;cursor:pointer}
body.atlas-ui .group\/pin img.object-contain {object-fit:cover;aspect-ratio:16/9;height:auto}
@media(max-width:640px) {body.atlas-ui .group\/pin {transform:translateY(-48px)}}
@media (hover:hover) {body.atlas-ui #zoomrail button:hover {background:var(--ui-wash);color:var(--ui-accent)}}
body.atlas-ui #zoomrail button:active {background:#ffffff1f}
body.atlas-ui #zoomrail #reset-button {border-top:1px solid var(--ui-line);margin-top:3px;border-radius:0 0 7px 7px}
body.atlas-ui #zoomrail button svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:none}
body.atlas-ui #area-explore-hint {background:#fffffff5;border-color:#fff;color:var(--ui-muted);border-radius:8px;box-shadow:var(--ui-small-shadow);font-size:11px;padding:10px 16px}

/* Location cards and project markers deliberately use different visual weights. */
body.atlas-ui .place-badge.location-badge {width:106px;min-width:106px;height:34px;min-height:34px;padding:0;background:#fff;border:1px solid #ffffffd9;border-radius:8px;box-shadow:0 3px 8px #082b3933,0 1px 2px #082b3924;gap:0;overflow:visible}
body.atlas-ui .location-badge .place-name {font-size:11px;line-height:13px;font-weight:500;letter-spacing:-.1px;color:var(--ui-ink);padding:0 5px;background:none}
body.atlas-ui .area-action {width:28px;height:20px;padding:0;border-left:1px solid var(--ui-line);color:var(--ui-accent)}
body.atlas-ui .area-action svg {height:17px;width:17px;padding:0;border-radius:0;background:none;stroke-width:1.7}
body.atlas-ui .location-badge:is(:hover,:focus-visible,[aria-expanded=true],[data-area-state=moving]) {background:#fff;border-color:#75b8c8;box-shadow:0 0 0 3px #ffffff80,0 6px 16px #082b3940;transform:translateY(-2px)}
body.atlas-ui .location-badge:is(:hover,[aria-expanded=true]) .area-action svg {transform:translateX(2px)}
body.atlas-ui .location-badge[aria-expanded=true] .area-action {color:var(--ui-ink)}
body.atlas-ui :is(.place-badge.project-filled,.project-group) {min-height:32px;height:auto;padding:7px 9px;border:1px solid #a8d2e080;border-radius:7px;background:#153a4ded;color:#fff;box-shadow:var(--ui-small-shadow);gap:8px;backdrop-filter:blur(8px)}
body.atlas-ui .project-filled .place-name {font-size:10px;font-weight:500;line-height:14px;letter-spacing:0;color:#fff}
body.atlas-ui :is(.project-action,.project-group-arrow) {color:#b4e7f2;border:0;opacity:1}
body.atlas-ui .project-action {padding-left:7px;border-left:1px solid #ffffff30}
body.atlas-ui .project-action svg {width:12px;height:12px}
body.atlas-ui :is(.place-badge.project-filled,.project-group):hover {background:#086782;border-color:#b4e7f2;box-shadow:0 4px 12px #082b3940}
body.atlas-ui .place-badge.project-ghost {color:#f2f7f9;background:#294755a6;border:1px solid #ffffff60;border-radius:5px;box-shadow:none}
body.atlas-ui .project-ghost .place-name {font-size:10px;color:inherit}
body.atlas-ui .project-group-title {font-size:11px;font-weight:500}
body.atlas-ui .project-group-count {font-size:9px;color:#b7d0db}
body.atlas-ui .map-area-label {font-size:12px;border-radius:5px;background:#365763bf;border-color:#ffffff6b;box-shadow:0 1px 5px #082b392b}
body.atlas-ui .map-direction-label {background:none;border:0;border-radius:0;box-shadow:none;color:#fff;text-shadow:0 1px 3px #163b4d,0 0 6px #163b4d;padding:0;overflow:visible}

/* Account controls use the same surfaces and typography as exploration. */
body.atlas-ui #membership-entry {height:36px;padding:0 12px;border:1px solid var(--ui-line);border-radius:8px;background:#fff;color:var(--ui-ink);font-size:12px;font-weight:500;font-family:inherit;line-height:1;box-shadow:var(--ui-small-shadow)}
body.atlas-ui #membership-entry:hover {background:var(--ui-wash);color:var(--ui-accent)}
body.atlas-ui .membership-dialog {background:var(--ui-paper);color:var(--ui-ink);font-family:inherit;border-color:var(--ui-line);border-radius:16px;box-shadow:var(--ui-shadow);animation:none}
body.atlas-ui .membership-dialog h1 {font-family:inherit;font-weight:500;letter-spacing:-.7px}
body.atlas-ui .membership-primary {background:var(--ui-ink);color:#fff;border-radius:8px}
body.atlas-ui .membership-primary:hover:not(:disabled) {background:var(--ui-accent)}
body.atlas-ui .membership-form input {border-color:var(--ui-line);color:var(--ui-ink);border-radius:8px}
body.atlas-ui :is(.membership-intro,.membership-privacy,.membership-status,.membership-wordmark,.membership-explore,.membership-signout,.membership-links button) {color:var(--ui-muted)}
body.atlas-ui .membership-kicker,body.atlas-ui .membership-privacy a {color:var(--ui-accent)}
body.atlas-ui #site-credit a {background:#ffffffeb;color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:5px}
body.atlas-ui #site-credit a:hover {background:var(--ui-wash)}

/* White panels, restrained separators, no nested dark boxes. */
body.atlas-ui :is(#rail,#area-project-menu) {background:#fffffff7;color:var(--ui-ink);border:1px solid #fff;border-radius:16px;box-shadow:var(--ui-shadow);backdrop-filter:blur(20px)}
body.atlas-ui #rail {top:90px;right:16px;max-height:calc(100dvh - 112px)}
body.atlas-ui .railhead {padding:15px 20px;min-height:64px;border-bottom:1px solid var(--ui-line);color:var(--ui-ink);font-size:17px;font-weight:500;letter-spacing:-.4px}
body.atlas-ui .railhead button {width:32px;height:32px;min-height:32px;min-width:32px;border:0;border-radius:8px;background:var(--ui-surface);color:var(--ui-muted);box-shadow:none}
body.atlas-ui .railhead button:hover {background:var(--ui-wash);color:var(--ui-accent)}
body.atlas-ui #rail .railbody {padding:20px;gap:12px}
body.atlas-ui #rail :is(h2,h3,h4) {color:var(--ui-ink);font-family:inherit;font-weight:500;letter-spacing:-.4px}
body.atlas-ui #rail :is(.project-information,.ramhan-detail)>h2 {font:500 30px/1.12 "Suisse Int'l",Arial,sans-serif;letter-spacing:-1px;margin:8px 0 22px}
body.atlas-ui :is(.atlas-eyebrow,.ramhan-eyebrow,.project-eyebrow,.fm-eyebrow) {color:var(--ui-accent);font-size:9px;font-weight:500;letter-spacing:1.6px;text-transform:uppercase}
body.atlas-ui #rail :is(.atlas-eyebrow,.ramhan-eyebrow,.project-eyebrow) {color:var(--ui-accent)}
body.atlas-ui #rail :is(.rcard,.priced-home-types article,.document-card,.comparison-picker,.comparison-table) {border:1px solid var(--ui-line);border-radius:10px;background:#fff;box-shadow:none}
body.atlas-ui #rail .rcard {transition:border-color .18s,box-shadow .18s;background:#fff;overflow:hidden}
body.atlas-ui #rail .rcard:hover {background:#fff;border-color:#87bdcd;box-shadow:0 5px 16px #14374a12}
body.atlas-ui #rail .rcard>img {object-fit:cover}
body.atlas-ui #rail .rcard-txt {padding:16px}
body.atlas-ui #rail .rcard-txt h4 {font-size:17px;line-height:1.25;margin:5px 0 13px}
body.atlas-ui #rail .rcard-sub {font-size:10px;color:var(--ui-muted);letter-spacing:.3px}
body.atlas-ui #rail .rcard-cta {background:var(--ui-deep);color:#fff;border:0;border-radius:6px;font-size:11px;font-weight:500;min-height:34px;padding:9px 13px}
body.atlas-ui #rail .rcard-cta:hover {background:#086782}
body.atlas-ui #rail:has(.atlas-rail-filters) .rcard {grid-template-columns:96px 1fr;min-height:116px}
body.atlas-ui #rail:has(.atlas-rail-filters) .rcard>img,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-blank {width:96px;min-height:116px;height:100%}
body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-txt {padding:13px 14px}
body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-txt h4 {font-size:14px;letter-spacing:-.2px}
body.atlas-ui #leftpanels :is(.bpanel,.fm-panel),body.atlas-ui :is(#modon,#burtville,#bloom,#jubail,#unitlist,#inventory,#parking)>div {background:#fffffff7!important;color:var(--ui-ink);border:1px solid #fff;border-radius:14px;box-shadow:var(--ui-shadow);backdrop-filter:blur(20px)}
body.atlas-ui #leftpanels :is(.text-white,.text-black) {color:var(--ui-ink)}
body.atlas-ui #leftpanels :is(.text-neutral-300,.text-neutral-400,.text-neutral-500,.bpabout,.portfolio-meta,.bport-txt span) {color:var(--ui-muted)}
body.atlas-ui #leftpanels :is(hr,.border-b,.border-t) {border-color:var(--ui-line)}
body.atlas-ui #leftpanels .bpanel {padding:20px}
body.atlas-ui #leftpanels :is(p.text-base,.bport-txt b) {font-weight:500;letter-spacing:-.4px}
body.atlas-ui .portfolio-link {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-ink);padding:12px;min-height:42px}
body.atlas-ui .portfolio-link:hover {background:var(--ui-wash);border-color:#b5d9e3;color:var(--ui-accent)}
body.atlas-ui .portfolio-link small {color:var(--ui-muted)}
body.atlas-ui #leftpanels .portfolio-link svg {fill:currentColor}
body.atlas-ui #leftpanels .ramhan-panel {padding:20px}
body.atlas-ui .ramhan-community-heading h2 {font:500 22px/1.2 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.6px;color:var(--ui-ink)}
body.atlas-ui .ramhan-panel>p {color:var(--ui-muted)}
body.atlas-ui .ramhan-community-list {gap:3px;margin-top:14px}
body.atlas-ui .ramhan-community-list button {border:0;border-radius:7px;min-height:39px;padding:10px;color:var(--ui-ink);background:transparent;font-size:12px;text-align:left}
body.atlas-ui .ramhan-community-list button:hover {background:var(--ui-surface)}
body.atlas-ui .ramhan-community-list button[aria-pressed=true] {background:var(--ui-wash);color:var(--ui-accent);box-shadow:inset 2px 0 var(--ui-accent);border-radius:7px}
body.atlas-ui .ramhan-community-list button small {padding:3px 6px;background:#e9eef1;color:var(--ui-muted);border-radius:4px;opacity:1;font-size:9px}
body.atlas-ui #ramhan-scene-nav {background:#fffffff5;border-color:#fff;box-shadow:var(--ui-shadow);border-radius:10px;padding:5px}
body.atlas-ui #ramhan-scene-nav button {background:transparent;color:var(--ui-muted);border:0;border-radius:6px;padding:10px 13px;font-weight:500}
body.atlas-ui #ramhan-scene-nav button[aria-pressed=true] {background:var(--ui-deep);color:#fff}

/* Area drawer pairs source logos with clear project rows. */
body.atlas-ui #area-project-menu {width:342px}
body.atlas-ui #area-project-menu .area-menu-nav {padding:12px 16px 0}
body.atlas-ui #area-project-menu .area-menu-nav button {color:var(--ui-muted);border-radius:7px;font-size:11px}
body.atlas-ui #area-project-menu .area-menu-nav button:hover {background:var(--ui-surface);color:var(--ui-ink)}
body.atlas-ui #area-project-menu .area-menu-close {font-size:23px;width:34px;min-height:34px}
body.atlas-ui #area-project-menu .area-menu-head {padding:18px 24px 24px;border-color:var(--ui-line)}
body.atlas-ui #area-project-menu .area-menu-head small {color:var(--ui-accent);font-size:9px;letter-spacing:1.6px}
body.atlas-ui #area-project-menu .area-menu-head h2 {font-size:32px;letter-spacing:-1px;font-weight:500;margin-top:9px;color:var(--ui-ink)}
body.atlas-ui #area-project-menu .area-menu-count {font-size:11px;color:var(--ui-muted);margin-top:10px}
body.atlas-ui .area-menu-list {padding:8px 16px}
body.atlas-ui .area-project-link {padding:14px 8px;min-height:82px;border-color:var(--ui-line);border-radius:0;gap:13px;color:var(--ui-ink);transition:background .16s}
body.atlas-ui #area-project-menu .area-project-link:hover {background:var(--ui-surface);border-radius:8px}
body.atlas-ui .area-project-logo {width:70px;height:48px;padding:8px;background:var(--ui-deep);border-radius:7px;border:0}
body.atlas-ui .area-project-logo img {filter:none;object-fit:contain;max-width:100%;max-height:100%}
body.atlas-ui .area-project-name {font-size:13px;line-height:1.4;font-weight:500;letter-spacing:-.2px}
body.atlas-ui #area-project-menu .area-project-link>span:last-child {border:0;border-radius:6px;background:transparent;color:var(--ui-accent);width:26px;height:26px}
body.atlas-ui #area-project-menu .area-project-link:hover>span:last-child {background:var(--ui-wash);color:var(--ui-accent)}
body.atlas-ui #area-project-menu .area-menu-overview {margin:12px 16px 16px;min-height:44px;background:var(--ui-deep);border-color:var(--ui-deep);color:#fff;border-radius:8px;padding:12px 16px;font-size:12px}

/* Form fields and filters share one sizing scale and focus treatment. */
body.atlas-ui #leftpanels .atlas-filters {width:282px;padding:22px;background:#fffffff7;border:1px solid #fff;border-radius:14px;color:var(--ui-ink);box-shadow:var(--ui-shadow)}
body.atlas-ui .atlas-filter-head {margin-bottom:22px}
body.atlas-ui .atlas-filter-head h3 {font-size:21px;letter-spacing:-.6px;margin-top:5px;font-weight:500;color:var(--ui-ink)}
body.atlas-ui #leftpanels .atlas-filter-head button {font-size:10px;color:var(--ui-muted);padding:7px;background:var(--ui-surface);border-radius:5px}
body.atlas-ui :is(#leftpanels,#rail) :is(input[type=search],input[type=text],input[type=number],select),body.atlas-ui :is(.comparison-picker,.finder) :is(input,select) {background:#fff;color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:7px;min-height:42px;height:42px;padding:10px 11px;font-size:12px;box-shadow:0 1px 2px #14374a03;transition:border-color .15s,box-shadow .15s;max-width:100%}
body.atlas-ui :is(#leftpanels,#rail) select {appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2360717c' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}
body.atlas-ui :is(#leftpanels,#rail) :is(input,select):focus {border-color:#57a9bf;box-shadow:0 0 0 3px #068cb514;outline:0}
body.atlas-ui :is(#leftpanels,#rail) :is(input,select)::placeholder {color:#82949e}
body.atlas-ui :is(#leftpanels,#rail) option {background:#fff;color:var(--ui-ink)}
body.atlas-ui #leftpanels :is(.atlas-field>span,.atlas-price legend,.atlas-price label>span,.atlas-check,.atlas-filter-note) {color:var(--ui-muted)}
body.atlas-ui .atlas-field>span,body.atlas-ui .atlas-price legend {font-size:10px;line-height:1.4;font-weight:500;margin-bottom:6px}
body.atlas-ui .atlas-search input {padding-left:34px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2382949e' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6'/%3E%3Cpath d='m15 15 5 5'/%3E%3C/svg%3E")!important;background-position:11px center!important;background-repeat:no-repeat!important}
body.atlas-ui .atlas-facets {gap:13px 10px}
body.atlas-ui .atlas-check {font-size:10px;line-height:1.5;gap:8px}
body.atlas-ui input[type=checkbox] {accent-color:var(--ui-accent)}
body.atlas-ui #leftpanels .atlas-filter-footer {background:transparent;box-shadow:none;gap:13px}
body.atlas-ui .atlas-filter-note {font-size:9px;line-height:1.6}
body.atlas-ui .atlas-filter-status {color:var(--ui-muted);font-size:11px;border-color:var(--ui-line)}
body.atlas-ui .atlas-filter-status.is-error {color:#a33b2f}
body.atlas-ui .atlas-fit {background:var(--ui-deep);border:1px solid var(--ui-deep);color:#fff;min-height:42px;font-size:12px;border-radius:7px;box-shadow:0 3px 8px #12374a17}
body.atlas-ui .atlas-fit:hover {background:#086782;border-color:#086782}
body.atlas-ui #aldarfilters .afilters {background:var(--ui-paper);border:1px solid #fff;border-radius:12px;color:var(--ui-ink);box-shadow:var(--ui-shadow)}
body.atlas-ui :is(.afilters,.bfilters) label {color:var(--ui-muted)}
body.atlas-ui #rail .atlas-rail-filters {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:10px;padding:14px}
body.atlas-ui #rail .atlas-rail-filters summary {font-size:11px;color:var(--ui-muted)}

/* Information, comparison, document and unit actions. */
body.atlas-ui #rail :is(.project-export-actions button,.comparison-toolbar button,.document-actions :is(a,button),.ramhan-source-switch,.ramhan-unit-nav button,.ramhan-plan-variants button) {border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-surface);color:var(--ui-ink);min-height:38px;padding:10px 12px;font-size:11px;font-weight:500}
body.atlas-ui #rail :is(.project-export-actions button,.comparison-toolbar button,.document-actions :is(a,button),.ramhan-source-switch):hover {background:var(--ui-wash);border-color:#b5d9e3;color:var(--ui-accent)}
body.atlas-ui #rail :is(.project-export-actions button,.ramhan-source-switch)[aria-pressed=true] {background:var(--ui-deep);border-color:var(--ui-deep);color:#fff}
body.atlas-ui #rail :is(.information-date,.export-status,.comparison-note,.comparison-options small,.information-amenities) {color:var(--ui-muted)}
body.atlas-ui .project-facts {gap:18px 12px}
body.atlas-ui .project-facts dd {font-size:14px;font-weight:500;line-height:1.4}
body.atlas-ui .project-information section h3 {font-size:14px;margin-bottom:15px;letter-spacing:-.2px}
body.atlas-ui #rail .comparison-table thead th {background:var(--ui-surface);font-weight:500}
body.atlas-ui #rail .comparison-table th:first-child {background:var(--ui-surface);color:var(--ui-muted)}
body.atlas-ui #rail .ramhan-plot-list button {padding:13px 8px;min-height:49px;border-color:var(--ui-line);border-radius:6px}
body.atlas-ui #rail .ramhan-plot-list button:hover {background:var(--ui-wash)}
body.atlas-ui #rail .ramhan-plot-list strong {font-variant-numeric:tabular-nums;color:var(--ui-accent)}
body.atlas-ui #rail :is(.ramhan-floor-choice,.ramhan-design-choice) {padding:3px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px}
body.atlas-ui #rail :is(.ramhan-floor-choice,.ramhan-design-choice) button {border:0;border-radius:5px;background:transparent;color:var(--ui-muted);padding:10px}
body.atlas-ui #rail :is(.ramhan-floor-choice,.ramhan-design-choice) button[aria-pressed=true] {background:var(--ui-deep);color:#fff}
body.atlas-ui .ramhan-enter-interior {background:var(--ui-deep);border:0;border-radius:9px;padding:17px;color:#fff;box-shadow:0 5px 15px #14374a1a}
body.atlas-ui .ramhan-enter-interior small {color:#bed7e0}
body.atlas-ui .ramhan-enter-interior:hover {background:#086782}
body.atlas-ui #unitcard>.relative {background:#fff!important;border:1px solid #fff;border-radius:18px;box-shadow:0 24px 80px #071d3440}
body.atlas-ui #unitcard>.relative>.flex:first-child .text-xl {font:500 27px/1.15 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.7px}
body.atlas-ui #unitcard :is(.cardacts button,.cardacts a,[data-close],[data-jfloor],[data-bfloor],[data-tfloor],[data-floor]) {border-radius:7px;font-size:12px}
body.atlas-ui #unitcard :is([data-vropen],[data-avr],[data-bvr],[data-planopen]:not(.planbtn)) {border-radius:8px;background:var(--ui-deep)!important;color:#fff!important;min-height:44px;font-size:12px}
body.atlas-ui #unitcard [data-close] {border:0;background:var(--ui-surface)}
body.atlas-ui #unitcard :is(.utag,.jplan-none) {background:var(--ui-surface);color:var(--ui-muted);border-radius:5px;font-size:10px}
body.atlas-ui #planview {background:#eaf0f3}
body.atlas-ui #planview :is(.plantabs,.planopts) {background:#fffffff5;border:1px solid #fff;border-radius:10px;padding:5px;box-shadow:var(--ui-shadow)}
body.atlas-ui #planview :is([data-plantab],[data-planscheme],[data-planmirror],[data-planrooms]) {border:0!important;border-radius:6px;background:transparent!important;color:var(--ui-muted)!important;font-size:11px;padding:10px 14px}
body.atlas-ui #planview :is([data-plantab],[data-planscheme],[data-planmirror],[data-planrooms]):is(.text-black,.on,[aria-pressed=true]) {background:var(--ui-deep)!important;color:#fff!important}
body.atlas-ui #planview>.absolute.top-4.left-4 {background:#fffffff5!important;color:var(--ui-ink);border:1px solid #fff;border-radius:10px;box-shadow:var(--ui-shadow)}
body.atlas-ui #planview>.absolute.top-4.left-4 :is(.text-white,.text-neutral-300) {color:var(--ui-ink)}
body.atlas-ui #planview :is(.plan-download,button[data-planclose]) {background:#fff!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line);border-radius:8px;box-shadow:var(--ui-small-shadow)}
body.atlas-ui #planview button[data-planclose] {min-width:44px;min-height:44px}
body.atlas-ui #planview button[data-planclose] svg {fill:currentColor;color:inherit}
body.atlas-ui #planview .plan-controls>.plan-unit-navigation {display:flex;flex-wrap:wrap;gap:6px;padding:6px;max-width:min(460px,calc(100vw - 32px))}
body.atlas-ui #planview .plan-unit-navigation button {min-height:44px;flex:1 0 auto;background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:6px;font-size:12px}
body.atlas-ui #planview .plan-unit-navigation [data-plan-unit-pdf] {background:var(--ui-deep);color:#fff}
body.atlas-ui #planview .plan-unit-navigation .export-status {flex-basis:100%}
body.atlas-ui #planview .plan-unit-navigation .export-status:empty {display:none}
body.atlas-ui #vr :is([data-vrroom],[data-vrfloor],[data-vrfinish]) {border-radius:6px}
body.atlas-ui .brotile {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;padding:14px}
body.atlas-ui .brotile>span:first-child {color:var(--ui-ink);font-size:12px}
body.atlas-ui .brosize {color:var(--ui-accent);font-size:9px;margin-top:5px}

/* Fairmont uses the same editorial panel and action hierarchy as the atlas. */
body.atlas-ui .fm-panel {background:#fffffff5;color:var(--ui-ink);border:1px solid #fff;border-radius:14px;box-shadow:var(--ui-shadow);padding:24px}
body.atlas-ui .fm-panel h1 {font:500 31px/1.08 "Suisse Int'l",Arial,sans-serif;letter-spacing:-1px;margin:0 0 14px}
body.atlas-ui .fm-panel h1 em {color:var(--ui-muted);font-style:normal;font-weight:400}
body.atlas-ui .fm-intro {color:var(--ui-muted);font-size:12px;line-height:1.6}
body.atlas-ui .fm-facts {color:var(--ui-muted);padding-block:14px;border-top:1px solid var(--ui-line);gap:32px}
body.atlas-ui .fm-facts strong {color:var(--ui-ink);font-size:23px;font-weight:500}
body.atlas-ui .fm-primary {background:var(--ui-deep);border:0;border-radius:8px;color:#fff;font-size:12px;font-weight:500;padding:14px 16px}
body.atlas-ui .fm-primary:hover {background:#086782}
body.atlas-ui .fm-shortcuts {gap:9px;margin:10px 0 18px}
body.atlas-ui .fm-shortcuts button {color:var(--ui-muted);border-color:var(--ui-line);font-size:10px}
body.atlas-ui .fm-shortcuts button:hover {color:var(--ui-accent);border-color:var(--ui-accent)}
body.atlas-ui .fm-scenes {background:var(--ui-surface);border:1px solid var(--ui-line);padding:4px;border-radius:8px}
body.atlas-ui .fm-scenes button {color:var(--ui-muted);border-radius:5px;padding:8px;font-size:10px}
body.atlas-ui .fm-scenes button[aria-pressed=true] {color:var(--ui-ink);background:#fff;box-shadow:0 1px 4px #12374a1a}
body.atlas-ui .fm-source {color:var(--ui-muted);font-size:9px}
body.atlas-ui .fm-bedrooms {background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px;padding:4px;gap:3px}
body.atlas-ui .fm-bedrooms button {flex:1;border:0;background:transparent;min-height:34px;font-size:11px;border-radius:5px;color:var(--ui-muted)}
body.atlas-ui .fm-bedrooms button[aria-pressed=true] {background:var(--ui-deep);color:#fff}
body.atlas-ui .fm-type {border-color:var(--ui-line);padding:12px;border-radius:9px;min-height:90px}
body.atlas-ui .fm-type:hover {border-color:#87bdcd;box-shadow:0 5px 15px #12374a0f}
body.atlas-ui .fm-type strong {font-size:13px;font-weight:500;color:var(--ui-ink)}
body.atlas-ui .fm-residences h3 {font:500 20px/1.2 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.4px}
body.atlas-ui .fm-level-list button {border-color:var(--ui-line);padding:15px 6px;border-radius:6px}
body.atlas-ui .fm-level-list button:hover {background:var(--ui-wash)}
body.atlas-ui .fm-plan-note {background:#fffffff5;border:1px solid #fff;color:var(--ui-muted);box-shadow:var(--ui-shadow);border-radius:10px}
body.atlas-ui .fm-plan-note button {background:var(--ui-deep);color:#fff;border:0;border-radius:6px}

/* Navigation menu, preferences and mobile sheets. */
body.atlas-ui #sidebar {background:#fffffffA!important;color:var(--ui-ink);border:1px solid #fff;box-shadow:-12px 0 48px #12374a1a;backdrop-filter:blur(24px)}
body.atlas-ui .atlas-menu-head {padding:28px 24px 23px;border-color:var(--ui-line)}
body.atlas-ui .atlas-menu-head h2 {font:500 27px/1.13 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.9px;color:var(--ui-ink);margin-top:8px}
body.atlas-ui #sidebar-close {border:0;border-radius:8px;background:var(--ui-surface);color:var(--ui-muted)}
body.atlas-ui #sidebar-close:hover {background:var(--ui-wash);color:var(--ui-accent)}
body.atlas-ui .atlas-menu-body {padding:20px 24px}
body.atlas-ui #mobiletools {gap:9px}
body.atlas-ui #mobiletools .mtool {border:1px solid var(--ui-line);border-radius:9px;background:#fff;color:var(--ui-ink);min-height:76px;box-shadow:0 2px 5px #12374a04}
body.atlas-ui #mobiletools .mtool svg {width:21px;height:21px;fill:currentColor;color:var(--ui-muted)}
body.atlas-ui #mobiletools .mtool span {font-size:11px;font-weight:500}
body.atlas-ui #mobiletools .mtool:hover {border-color:#acd4df;background:var(--ui-wash)}
body.atlas-ui #mobiletools .mtool[aria-pressed=true] {background:var(--ui-wash);border-color:#a4d4e1;color:var(--ui-accent)}
body.atlas-ui .atlas-menu-settings {border-color:var(--ui-line)}
body.atlas-ui .atlas-menu-settings h3 {color:var(--ui-muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
body.atlas-ui .atlas-preference {color:var(--ui-ink);border-color:var(--ui-line);font-size:12px;padding:16px 0}
body.atlas-ui .atlas-preference small {color:var(--ui-muted);font-size:10px;margin-top:5px}
body.atlas-ui .atlas-preference svg {color:var(--ui-muted);fill:currentColor}
body.atlas-ui .atlas-preference input {accent-color:var(--ui-accent)}
body.atlas-ui .segmented {border:1px solid var(--ui-line);border-radius:7px;background:var(--ui-surface);padding:3px}
body.atlas-ui .segmented button {border-radius:4px;color:var(--ui-muted);font-size:11px;padding:7px 10px}
body.atlas-ui .segmented button:is(.on,[aria-pressed=true]) {background:var(--ui-deep);color:#fff}
body.atlas-ui #sheet-handle {background:#fff!important;color:var(--ui-ink);border-color:var(--ui-line)}
body.atlas-ui #sheet-handle .lbl {color:var(--ui-ink)}
body.atlas-ui #sheet-handle .grip {background:#b7c6ce}
body.atlas-ui #sheet-handle::after {border-color:var(--ui-accent)}
body.atlas-ui .area-picker-list {gap:8px}
body.atlas-ui .area-picker-list button {min-height:52px;padding:14px;border:1px solid var(--ui-line);border-radius:8px;background:#fff;color:var(--ui-ink);font-size:13px}
body.atlas-ui .area-picker-list button:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui .cbcard {background:#fff!important;color:var(--ui-ink);border:1px solid #fff;border-radius:18px;box-shadow:0 24px 80px #12374a33}
body.atlas-ui .cbhead h3 {font:500 28px/1.15 "Suisse Int'l",Arial,sans-serif;color:var(--ui-ink);letter-spacing:-.7px}
body.atlas-ui :is(.cbabout,.cbnote) {color:var(--ui-muted)}
body.atlas-ui .cbcard input,body.atlas-ui .cbcard textarea {background:#fff;color:var(--ui-ink);border:1px solid var(--ui-line);border-radius:7px}
body.atlas-ui .cbgo {background:var(--ui-deep);color:#fff;border-radius:8px}
body.atlas-ui #unhide {background:#fff;color:var(--ui-ink);border:1px solid #fff;border-radius:8px;box-shadow:var(--ui-shadow)}
body.atlas-ui #unhide svg {fill:currentColor}

@media(min-width:641px) and (max-width:1100px) {
  body.atlas-ui #topbar .barbtn {padding-inline:9px}
  body.atlas-ui #topbar .barbtn span {display:none}
  body.atlas-ui #topbar .barbtn[data-tool=menu] {padding-left:12px}
  body.atlas-ui #brandmark {padding-inline:12px}
}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
  body.atlas-ui #topbar {top:max(8px,env(safe-area-inset-top));left:8px;right:8px;height:54px;min-height:54px;border-radius:11px;padding-right:4px}
  body.atlas-ui #brandmark {height:38px;padding-inline:9px;margin-right:2px}
  body.atlas-ui #brandmark img {height:38px;width:38px}
  body.atlas-ui #topbar .barbtn {min-width:40px;min-height:42px;height:42px;padding:8px;margin:0;gap:0}
  body.atlas-ui #topbar .barbtn span {display:none}
  body.atlas-ui #topbar .barbtn svg {width:19px;height:19px}
  body.atlas-ui #topbar .barbtn[data-tool=menu] {margin-left:3px;padding:8px;border-left:0;border-radius:7px}
  body.atlas-ui #crumbs {padding-inline:2px;gap:0}
  body.atlas-ui #crumbs .crumb.here {font-size:12px;line-height:1.2;letter-spacing:-.2px;padding:5px 3px}
  body.atlas-ui #membership-entry {padding:7px;font-size:10px;min-height:34px}
  body.atlas-ui #chipbar {top:74px}
  body.atlas-ui :is(.chip,.vchip) {min-height:44px;padding:10px 13px}
  body.atlas-ui #zoomrail {bottom:78px;right:12px;padding:3px;border-radius:10px}
  body.atlas-ui #zoomrail button {height:44px;width:44px;min-height:44px;min-width:44px}
  body.atlas-ui #zoomrail #reset-button {margin-top:0}
  body.atlas-ui #leftpanels {background:#fffffffA!important;border:1px solid #fff;border-radius:14px;box-shadow:var(--ui-shadow);backdrop-filter:blur(22px)}
  body.atlas-ui #leftpanels :is(.bpanel,.fm-panel),body.atlas-ui :is(#modon,#burtville,#bloom,#jubail,#unitlist,#inventory,#parking)>div {border:0;box-shadow:none;background:transparent!important;backdrop-filter:none}
  body.atlas-ui #leftpanels .atlas-filters {width:100%;border:0;border-radius:0;padding:16px 18px 20px;background:transparent;box-shadow:none}
  body.atlas-ui #leftpanels .atlas-filter-footer {position:static;background:#fff;padding:12px 18px 16px;margin:0 -18px -20px;border-top:1px solid var(--ui-line)}
  body.atlas-ui :is(#leftpanels,#rail) :is(input[type=search],input[type=text],input[type=number],select) {min-height:46px;height:46px;font-size:16px}
  body.atlas-ui .atlas-facets {gap:12px}
  body.atlas-ui .atlas-field>span {font-size:11px}
  body.atlas-ui .atlas-check {font-size:11px;min-height:44px}
  body.atlas-ui .atlas-fit {min-height:46px;font-size:13px}
  body.atlas-ui #leftpanels .atlas-filter-head button {min-height:36px}
  body.atlas-ui #sheet-handle {padding:0 16px;height:48px;min-height:48px;border-radius:13px;font-size:13px}
  body.atlas-ui.atlas-overview #mobile-areas:not([hidden]) {background:#fff;color:var(--ui-ink);border:1px solid #fff;border-radius:13px;box-shadow:var(--ui-shadow);font-size:13px}
  body.atlas-ui #mobile-areas>span:last-child {color:var(--ui-accent)}
  body.atlas-ui #rail {top:auto;right:8px;left:8px;bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100dvh - 90px);border-radius:16px 16px 11px 11px;width:auto}
  body.atlas-ui #rail .railhead {min-height:60px;padding:12px 18px;font-size:16px}
  body.atlas-ui .railhead button {min-height:44px;min-width:44px;width:44px;height:44px}
  body.atlas-ui #rail .railbody {padding:18px}
  body.atlas-ui #rail :is(.project-information,.ramhan-detail)>h2 {font-size:26px;letter-spacing:-.7px}
  body.atlas-ui #rail :is(button,.rcard-cta,.document-actions :is(a,button),.portfolio-link) {min-height:44px}
  body.atlas-ui #rail .rcard-txt h4 {font-size:15px}
  body.atlas-ui #area-project-menu {width:calc(100vw - 16px);border-radius:15px}
  body.atlas-ui #area-project-menu .area-menu-nav {padding:4px 12px 0}
  body.atlas-ui #area-project-menu .area-menu-nav button {min-height:44px}
  body.atlas-ui #area-project-menu .area-menu-head {padding:8px 20px 17px}
  body.atlas-ui #area-project-menu .area-menu-head h2 {font-size:26px;margin-top:0}
  body.atlas-ui #area-project-menu .area-menu-count {margin-top:7px;font-size:11px}
  body.atlas-ui .area-project-link {min-height:74px;padding:12px 8px}
  body.atlas-ui .area-project-logo {width:62px;height:42px}
  body.atlas-ui .area-project-name {font-size:13px}
  body.atlas-ui .area-menu-list {padding:5px 12px}
  body.atlas-ui #area-explore-hint {bottom:71px;font-size:10px;padding:8px 11px;max-width:calc(100vw - 106px)}
  body.atlas-ui #sidebar .atlas-menu-head {padding:24px 20px 19px}
  body.atlas-ui #sidebar .atlas-menu-body {padding:18px 20px}
  body.atlas-ui #mobiletools .mtool {min-height:70px}
  body.atlas-ui .atlas-preference {font-size:13px;min-height:52px}
  body.atlas-ui .segmented button {min-height:38px}
  body.atlas-ui #leftpanels .ramhan-panel {padding:18px}
  body.atlas-ui .ramhan-community-list button {min-height:44px}
  body.atlas-ui #ramhan-scene-nav {top:74px;border-radius:8px}
  body.atlas-ui #ramhan-scene-nav button {min-height:44px;padding:9px 12px}
  body.atlas-ui .fm-panel {padding:18px 20px}
  body.atlas-ui .fm-panel h1 {font-size:27px;margin-bottom:13px}
  body.atlas-ui .fm-facts {padding-block:11px;gap:24px}
  body.atlas-ui .fm-facts strong {font-size:16px}
  body.atlas-ui .fm-primary {min-height:44px;padding:12px 15px}
  body.atlas-ui .fm-shortcuts {margin:8px 0 12px}
  body.atlas-ui .fm-shortcuts button {min-height:38px;font-size:11px}
  body.atlas-ui .fm-scenes button {min-height:38px}
  body.atlas-ui .fm-plan-note button {min-height:44px}
  body.atlas-ui #unitcard>.relative {border-radius:16px;padding:20px}
  body.atlas-ui #planview :is([data-plantab],[data-planscheme],[data-planmirror],[data-planrooms]) {min-height:44px}
}
@media(pointer:coarse) and (max-height:480px) {
  body.atlas-ui #zoomrail {top:50%;bottom:auto;transform:translateY(-50%)}
  body.atlas-ui #leftpanels {max-height:calc(100dvh - 84px)}
}
@media(prefers-reduced-motion:reduce) {
  body.atlas-ui :is(.location-badge,.project-filled,.project-group,.rcard,.barbtn,.fm-primary,.fm-type) {transition:none;animation:none}
}
/* Source UI symbols were drawn white; let them inherit the new control colour. */
body.atlas-ui #sprites symbol[id^="ui-"] [fill="white"] {fill:currentColor}
body.atlas-ui #sprites symbol[id^="ui-"] [stroke="white"] {stroke:currentColor}
body.atlas-ui #topbar {align-items:center}
body.atlas-ui #area-project-menu .area-menu-head h2 {font:400 36px/1.12 Georgia,serif;letter-spacing:-1px}
body.atlas-ui .fm-panel h1 {font:400 34px/1.1 Georgia,serif;letter-spacing:-.9px}
body.atlas-ui .fm-panel h1 em {font-family:inherit;color:var(--ui-muted)}
body.atlas-ui #planview .openseadragon-container {background:#eaf0f3!important}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #topbar .barbtn {width:44px;height:44px;min-width:44px;min-height:44px}
 body.atlas-ui #area-project-menu .area-menu-head h2 {font-size:30px}
 body.atlas-ui .fm-panel h1 {font-size:28px}
}
body.atlas-ui #rail .nearby-project {background:#fff;border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:9px;padding:16px;min-height:76px}
body.atlas-ui #rail .nearby-project strong {font-size:14px;font-weight:500;letter-spacing:-.2px}
body.atlas-ui #rail .nearby-project small {color:var(--ui-muted);font-size:11px}
body.atlas-ui #leftpanels .unit-type-label {min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
body.atlas-ui #leftpanels .usearch {min-height:42px;height:42px;flex-shrink:0;background:#fff;border:1px solid var(--ui-line);border-radius:7px;padding:0 10px;gap:8px}
body.atlas-ui #leftpanels .usearch:focus-within {border-color:#57a9bf;box-shadow:0 0 0 3px #068cb514}
body.atlas-ui #leftpanels .usearch input {height:40px;min-height:40px;border:0;border-radius:0;background:transparent;padding:8px 0;box-shadow:none;outline:0}
body.atlas-ui #leftpanels .usearch input::placeholder,body.atlas-ui #leftpanels .usearch .ucount {color:var(--ui-muted)}
body.atlas-ui #leftpanels .usearch svg {fill:var(--ui-muted)}
body.atlas-ui #leftpanels .usearch button {width:28px;height:32px;min-height:32px;flex-shrink:0;background:transparent;color:var(--ui-muted);border:0}
body.atlas-ui #leftpanels .urows>button .truncate {white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.4}
body.atlas-ui #rail .nearby-project svg {color:var(--ui-accent);fill:currentColor}
body.atlas-ui #rail .nearby-project:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui #topbar .atlas-tool-icon,body.atlas-ui #mobiletools .atlas-tool-icon {fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.atlas-ui #leftpanels .ramhan-community-heading button {background:var(--ui-surface);color:var(--ui-accent);border:1px solid var(--ui-line);border-radius:5px;padding:6px;font-size:9px}
body.atlas-ui #leftpanels .ramhan-community-heading {gap:8px;flex-wrap:wrap}
body.atlas-ui #leftpanels .ramhan-community-list small:empty {display:none}
body.atlas-ui #leftpanels select {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2360717c' stroke-width='1.7'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;padding-right:27px}
@media(max-width:640px) {
 body.atlas-ui.has-viewnav.sheet-down #zoomrail {bottom:calc(164px + env(safe-area-inset-bottom))}
}
@media(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #zoomrail {flex-direction:row;top:80px;bottom:auto;transform:none}
 body.atlas-ui.has-chips #zoomrail,body.atlas-ui.has-viewnav.sheet-down #zoomrail {top:140px;bottom:auto}
 body.atlas-ui.has-viewnav.sheet-down #zoomrail {top:auto;bottom:calc(104px + env(safe-area-inset-bottom))}
 body.atlas-ui.has-viewnav.sheet-down #leftpanels {right:176px}
 body.atlas-ui #zoomrail #reset-button {margin:0 0 0 3px;border-top:0;border-left:1px solid var(--ui-line);border-radius:0 7px 7px 0}
}
body.atlas-ui #topbar .barbtn svg.atlas-tool-icon,body.atlas-ui #mobiletools .mtool svg.atlas-tool-icon {fill:none;stroke:currentColor;stroke-width:1.5}
body.atlas-ui .area-project-logo img {filter:brightness(0) invert(1)}
body.atlas-ui #leftpanels :is([data-jchip],[data-dchip],[data-pchip],[data-chip],[data-filter],.bfcat) {min-height:30px;padding:7px 9px;border:1px solid var(--ui-line)!important;border-radius:6px;background:var(--ui-surface)!important;color:var(--ui-muted);font-size:10px;line-height:1.25;letter-spacing:0;box-shadow:none}
body.atlas-ui #leftpanels :is([data-jchip],[data-dchip],[data-pchip],[data-chip]):is(.text-black,[aria-pressed=true]),body.atlas-ui #leftpanels .bfcat.on {background:var(--ui-deep)!important;border-color:var(--ui-deep)!important;color:#fff}
body.atlas-ui #leftpanels :is([data-jchip],[data-dchip],[data-pchip],[data-chip],[data-filter],.bfcat):hover {background:var(--ui-wash)!important;color:var(--ui-accent);border-color:#acd4df!important}
body.atlas-ui #leftpanels :is(.chipwrap) {max-height:130px;gap:6px}
body.atlas-ui #leftpanels .chipwrap .cswatch {width:7px;height:7px;border-radius:2px}
body.atlas-ui #filters>div {background:#fffffff7!important;color:var(--ui-ink);border:1px solid #fff;border-radius:14px;box-shadow:var(--ui-shadow)}
body.atlas-ui #leftpanels :is([data-bfall],[data-bfnone],#filter-reset) {background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line);border-radius:6px;font-size:10px;min-height:32px}
body.atlas-ui #leftpanels .btype {background:#fff;border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:9px}
body.atlas-ui #leftpanels .btype:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui #leftpanels .btype :is(p,span,strong) {color:var(--ui-ink)}
body.atlas-ui :is(#leftpanels,#rail) .info-table {color:var(--ui-ink)}
body.atlas-ui :is(#leftpanels,#rail) .info-table :is(th,td) {border-color:var(--ui-line)}
body.atlas-ui :is(#leftpanels,#rail) .info-table th {color:var(--ui-muted)}
@media(pointer:coarse) {
 body.atlas-ui #leftpanels :is([data-jchip],[data-dchip],[data-pchip],[data-chip],[data-filter],.bfcat) {min-height:40px;font-size:11px}
}
body.atlas-ui #aldarfilters .acat {color:var(--ui-ink);background:transparent;border:1px solid transparent;border-radius:6px;padding:10px;font-size:12px;min-height:38px}
body.atlas-ui #aldarfilters .acat span {color:var(--ui-muted);font-size:10px;font-weight:400}
body.atlas-ui #aldarfilters .acat:hover {background:var(--ui-surface)}
body.atlas-ui #aldarfilters .acat.on {background:var(--ui-wash);border-color:#c5e4eb;color:var(--ui-accent)}
body.atlas-ui .bport {padding:7px;background:#fff;border:1px solid var(--ui-line);border-radius:9px;gap:11px;margin-bottom:4px}
body.atlas-ui .bport:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui .bport img {width:64px;height:54px;border-radius:5px}
body.atlas-ui .bport .bport-txt b {color:var(--ui-ink);font-size:12px;font-weight:500}
body.atlas-ui .bport .bport-txt span {color:var(--ui-muted);font-size:10px}
body.atlas-ui .gtile {background:#fff;border:1px solid var(--ui-line);border-radius:9px;box-shadow:0 1px 4px #12374a08}
body.atlas-ui .gtile span {color:var(--ui-muted);font-size:11px;padding:11px 12px}
body.atlas-ui .gtile:hover span {color:var(--ui-accent);background:var(--ui-wash)}
body.atlas-ui .lmcard {background:#fffffff7;border:1px solid #fff;border-radius:12px;color:var(--ui-ink);box-shadow:var(--ui-shadow)}
body.atlas-ui .lmcard p {color:var(--ui-muted)}
body.atlas-ui .lmroutes button {background:var(--ui-surface);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:6px;padding:7px 10px;min-height:34px}
body.atlas-ui .lmroutes button:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui .lmclose {background:#fff;color:var(--ui-ink);border-radius:7px}
body.atlas-ui .bfilters {background:#fffffff7;color:var(--ui-ink);border:1px solid #fff;border-radius:12px;box-shadow:var(--ui-shadow)}
body.atlas-ui .bfilters summary {font-size:11px;letter-spacing:.8px;color:var(--ui-ink)}
body.atlas-ui .bfrow button {background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line);min-height:34px;border-radius:6px}
body.atlas-ui .bfilters .bfcat {background:transparent;color:var(--ui-muted);border:1px solid transparent;border-radius:6px;padding:9px;font-size:11px}
body.atlas-ui .bfilters .bfcat.on {background:var(--ui-wash);border-color:#c5e4eb;color:var(--ui-accent)}
body.atlas-ui .bfcat img {filter:brightness(0);opacity:.6}
body.atlas-ui #plottip {background:#fffffff5;border:1px solid #fff;border-radius:9px;padding:13px 15px;box-shadow:var(--ui-shadow);color:var(--ui-ink)}
body.atlas-ui #plottip strong {color:var(--ui-ink);font-size:13px;font-weight:500}
body.atlas-ui #plottip span {color:var(--ui-muted);font-size:11px;margin-top:5px}
body.atlas-ui #plottip .tipmoney {color:var(--ui-accent);font-weight:500}
body.atlas-ui #plottip .tip-avail {background:#e6f4ec;color:#326b4b}
body.atlas-ui #plottip .tip-res {background:#fbf1dc;color:#83651b}
body.atlas-ui #plottip .tip-sold {background:#edf0f2;color:#596b76}
body.atlas-ui #rail .ramhan-bedrooms {display:flex;gap:3px;padding:4px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:8px}
body.atlas-ui #rail .ramhan-bedrooms button {flex:1;background:transparent;border:0;border-radius:5px;color:var(--ui-muted);min-height:35px;padding:9px 5px;font-size:11px}
body.atlas-ui #rail .ramhan-bedrooms button[aria-pressed=true] {background:var(--ui-deep);color:#fff}
body.atlas-ui #rail .ramhan-villa {background:#fff;border:1px solid var(--ui-line);border-radius:9px;color:var(--ui-ink);padding:10px;gap:12px;min-height:88px}
body.atlas-ui #rail .ramhan-villa strong {color:var(--ui-ink);font-size:13px;font-weight:500}
body.atlas-ui #rail .ramhan-villa small {color:var(--ui-muted);font-size:11px}
body.atlas-ui #rail .ramhan-villa img {width:80px;height:68px;object-fit:cover;border-radius:5px}
body.atlas-ui #rail .ramhan-villa:hover {background:var(--ui-wash);border-color:#acd4df}
body.atlas-ui #leftpanels .bptitle {color:var(--ui-ink);font-size:21px;line-height:1.2;letter-spacing:-.5px;font-weight:500}
body.atlas-ui #leftpanels .bprule {background:var(--ui-line);margin:16px 0}
body.atlas-ui #leftpanels .bdlist {gap:3px}
body.atlas-ui #leftpanels .bdrow {min-height:40px;border:1px solid transparent;border-radius:7px;padding:10px;background:transparent}
body.atlas-ui #leftpanels .bdrow:hover {background:var(--ui-wash);border-color:#c5e4eb}
body.atlas-ui #leftpanels .bdname {color:var(--ui-ink);font-size:12px;font-weight:500}
body.atlas-ui #leftpanels .bdmeta {color:var(--ui-muted);font-size:10px}
body.atlas-ui #leftpanels .bpsec {color:var(--ui-accent);border-color:var(--ui-line);font-size:10px}
body.atlas-ui .towerfloors {background:#fffffff5;border:1px solid #fff;border-radius:11px;padding:5px;box-shadow:var(--ui-shadow)}
body.atlas-ui .towerfloors button {background:transparent;color:var(--ui-ink);border:0;border-radius:6px;min-height:34px;min-width:40px;font-size:11px}
body.atlas-ui .towerfloors button:hover:not([disabled]) {background:var(--ui-wash);color:var(--ui-accent)}
@media(pointer:coarse) {body.atlas-ui .towerfloors button {min-height:44px;min-width:44px}}
body.atlas-ui #leftpanels .btype-txt b {color:var(--ui-ink);font-size:12px;font-weight:500}
body.atlas-ui #leftpanels .btype-txt span {color:var(--ui-muted)}
body.atlas-ui #leftpanels :is(.jlegend summary,.jlegsec,.ramhan-guide summary) {color:var(--ui-muted)}
body.atlas-ui #leftpanels .jleg {background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line);border-radius:6px;padding:9px;font-size:10px}
body.atlas-ui #leftpanels .jleg.on {background:var(--ui-wash);color:var(--ui-accent);border-color:#c5e4eb}
body.atlas-ui #leftpanels .jleg img {filter:brightness(0);opacity:.6}
body.atlas-ui #leftpanels .jpark {background:var(--ui-surface);color:var(--ui-muted);border:1px solid var(--ui-line);border-radius:5px;min-height:30px;padding:7px;font-size:10px}
body.atlas-ui #leftpanels .jpark.on {background:var(--ui-deep);color:#fff;border-color:var(--ui-deep)}
@media(max-width:380px) {
 body.atlas-ui .place-badge.location-badge {width:94px;min-width:94px;height:32px;min-height:32px}
 body.atlas-ui .location-badge .place-name {font-size:10px;line-height:12px}
 body.atlas-ui .area-action {width:25px}
}
/* A failed optional workspace bundle must leave a usable map and recovery action. */
#workspace-load-notice{position:fixed;z-index:500;top:84px;left:50%;transform:translateX(-50%);width:min(420px,calc(100vw - 32px));padding:16px;background:#f5f9fd;color:#183348;border:1px solid #9abacb;border-radius:14px;box-shadow:0 12px 40px #081b3540}
#workspace-load-notice p{margin:0 0 12px}
#workspace-load-notice button{min-height:44px;margin-inline-end:8px;padding:8px 14px;border:1px solid #738d9e;border-radius:8px;background:#fff;color:#183348;cursor:pointer}

/* Arabic reverses interface flow, never map or drawing geometry. */
@font-face {font-family:AtlasArabic;src:url('/assets/performance-20260920/workspace-arabic.woff2') format('woff2');font-display:swap}
body.atlas-ui.atlas-ar {font-family:AtlasArabic,"Suisse Int'l",Arial,sans-serif}
body.atlas-ui.atlas-ar :is(#topbar,#leftpanels,#rail,#sidebar,#area-project-menu,.plan-controls,.fm-walk-header,.fm-walk-dock,.fm-walk-room-panel) {direction:rtl;text-align:start}
body.atlas-ui.atlas-ar :is(#mapvars,#flat-surface,#vr canvas,#plan-osd,#compass-slot) {direction:ltr}
body.atlas-ui.atlas-ar :is(#rail h2,#rail h3,#rail h4,.atlas-filter-head h3) {font-family:inherit;letter-spacing:0}
body.atlas-ui.atlas-ar :is(#leftpanels,#rail) select {padding-right:11px;padding-left:28px;background-position:left 9px center}
body.atlas-ui.atlas-ar .atlas-search::before {left:auto;right:12px}
body.atlas-ui.atlas-ar .atlas-search input {padding-left:11px!important;padding-right:34px!important;background-position:right 11px center!important}
body.atlas-ui.atlas-ar #topbar .barbtn[data-tool=menu] {border-left:0;border-right:1px solid var(--ui-line);margin-left:2px;margin-right:8px;padding-left:12px;padding-right:16px;border-radius:10px 0 0 10px}
body.atlas-ui.atlas-ar #btn-back svg {transform:scaleX(-1)}
body.atlas-ui.atlas-ar #sidebar {right:auto;left:0}
body.atlas-ui .atlas-preference [data-map-language] {min-height:44px;min-width:64px}
body.atlas-ui .atlas-preference [data-map-language][aria-pressed=true] {background:var(--ui-deep);color:white}
@media (min-width:641px) {
 body.atlas-ui:has(#rail:not(:empty)) #zoomrail {right:auto;left:16px}
 body.atlas-ui.atlas-ar #zoomrail {right:auto;left:16px}
 body.atlas-ui.atlas-ar #compass-slot,body.atlas-ui:has(#rail:not(:empty)) #compass-slot {left:19px}
 body.atlas-ui.atlas-ar:has(#rail:not(:empty)) #compass-slot {left:24px}
 body.atlas-ui.atlas-ar:has(#rail:not(:empty)) #zoomrail {left:auto;right:16px}
 body.atlas-ui.atlas-ar #leftpanels {left:auto!important;right:16px}
 body.atlas-ui.atlas-ar #rail {right:auto;left:16px}
}
@media (min-width:641px) and (pointer:coarse) and (max-height:480px) {
 body.atlas-ui.atlas-ar #leftpanels {left:8px!important;right:8px}
}
@media (min-width:1001px) {
 body.atlas-ui.atlas-ar #ramhan-scene-nav {left:auto;right:340px}
}

body.atlas-ui #rail .information-documents :is(a,button){display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:12px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-ink);font:inherit;font-size:12px;line-height:1.4;text-align:start;text-decoration:none;cursor:pointer}
body.atlas-ui #rail .information-documents :is(a,button):hover{background:var(--ui-wash);border-color:#b5d9e3}
body.atlas-ui #rail .information-documents small{color:var(--ui-muted)}
body.atlas-ui #rail :is(.information-documents,.document-actions) :is(a,button):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}


/* ADAtlas. Higgsfield reference direction: porcelain surfaces, marine ink and precise controls. */
body.atlas-ui {
 --ui-ink:#143445;--ui-muted:#536b7a;--ui-paper:#fff;--ui-surface:#f3f6f8;
 --ui-line:#d6e0e5;--ui-accent:#24758a;--ui-wash:#eaf3f5;--ui-deep:#143445;
 --ui-shadow:0 16px 44px #122e4224,0 2px 6px #122e4210;
 --ui-small-shadow:0 3px 12px #122e4220;
}
body.atlas-ui #topbar {height:72px;min-height:72px;top:16px;left:20px;right:20px;padding-inline:0 13px;background:#f8fafbf5;border:1px solid #ffffffd9;border-radius:14px;box-shadow:var(--ui-shadow)}
body.atlas-ui #brandmark {height:54px;padding:0 20px;margin:0 12px 0 0;border-color:var(--ui-line)}
body.atlas-ui #brandmark img {width:52px;height:52px;filter:none}
body.atlas-ui #crumbs {min-width:0;flex:1;overflow:hidden}
body.atlas-ui #crumbs .crumb.here {font-size:15px;line-height:1.25;letter-spacing:-.3px;color:var(--ui-ink)}
body.atlas-ui #toolcluster {flex:none;gap:2px}
body.atlas-ui #topbar .barbtn {margin:0;min-height:44px;height:44px;min-width:44px;padding:8px 11px}
body.atlas-ui #topbar .barbtn span {font-size:12px;line-height:1.25}
body.atlas-ui #topbar .barbtn[disabled] {display:none}
body.atlas-ui #topbar .barbtn[data-tool=menu] {margin-inline-start:4px;padding-inline:12px;border-inline-start:1px solid var(--ui-line);border-radius:0}
#atlas-language {display:flex;align-items:center;gap:2px;flex:none;direction:ltr;border-inline-start:1px solid var(--ui-line);padding-inline:10px;margin-inline-start:6px;order:3}
#atlas-language button {display:block;min-width:56px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--ui-muted);font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;cursor:pointer}
#atlas-language button[aria-pressed=true] {background:var(--ui-wash);color:var(--ui-ink)}
#atlas-language button:hover {background:#e1edf1;color:var(--ui-ink)}
#atlas-language button[lang=ar] {font-family:AtlasArabic,Arial,sans-serif;font-size:13px}
#atlas-language button:focus-visible {outline:3px solid var(--ui-accent);outline-offset:2px}
#atlas-language-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
body.atlas-ui #chipbar {top:104px;gap:5px}
body.atlas-ui #rail {top:104px;right:20px;width:364px;max-height:calc(100dvh - 124px);border-radius:14px;background:#f8fafbfa}
body.atlas-ui #rail .railbody {padding:24px;gap:18px}
body.atlas-ui .railhead {min-height:66px;padding:18px 24px;font-size:20px;font-weight:500}
body.atlas-ui #rail :is(h2,h3,h4),body.atlas-ui #area-project-menu .area-menu-head h2,body.atlas-ui .fm-panel h1,body.atlas-ui .atlas-filter-head h3 {font-family:inherit;font-weight:500;letter-spacing:-.65px}
body.atlas-ui #rail :is(.project-information,.ramhan-detail)>h2 {font-family:inherit;font-size:32px;line-height:1.15}
body.atlas-ui #area-project-menu .area-menu-head h2 {font-size:32px;line-height:1.15}
body.atlas-ui .fm-panel h1 {font-size:32px;line-height:1.15}
body.atlas-ui #rail .rcard {border-radius:12px;border-color:var(--ui-line);box-shadow:none}
body.atlas-ui #rail .rcard-txt {padding:20px}
body.atlas-ui #rail .rcard-txt h4 {font-size:21px;line-height:1.25;margin:3px 0 15px}
body.atlas-ui #rail .rcard-sub {font-size:11px;letter-spacing:.2px}
body.atlas-ui #rail :is(.ramhan-detail p,.fm-intro,.information-amenities) {font-size:13px;line-height:1.65;color:var(--ui-muted)}
body.atlas-ui #rail :is(.ramhan-unit-nav,.project-export-actions,.ramhan-plan-variants) {gap:8px}
body.atlas-ui #rail :is(.ramhan-plan-variants button,.ramhan-unit-nav button,.project-export-actions button) {min-height:44px;font-size:12px}
body.atlas-ui #rail .ramhan-detail>img {border-radius:10px}
body.atlas-ui #leftpanels {top:104px}
body.atlas-ui .place-badge.location-badge {width:116px;min-width:116px;height:40px;min-height:40px;border-radius:10px;background:#f8fbfd;border:1px solid #ffffffde;box-shadow:0 3px 14px #0b2f4233}
body.atlas-ui .location-badge .place-name {padding:0 8px;font-size:12px;line-height:14px;font-weight:600;letter-spacing:-.2px}
body.atlas-ui .area-action {width:30px;height:24px;border-color:#cbdce4;color:var(--ui-accent)}
body.atlas-ui .area-action svg {width:17px;height:17px}
body.atlas-ui :is(.place-badge.project-filled,.project-group) {background:#143445f5;border:1px solid #ffffffb3;border-radius:8px;min-height:30px;padding:7px 10px;box-shadow:0 3px 12px #082b3933}
body.atlas-ui .project-filled .place-name {font-size:10px;line-height:14px;font-weight:500;color:#fff}
body.atlas-ui .project-action,body.atlas-ui .project-group-arrow {color:#e3f1f5}
body.atlas-ui .map-area-label {font-size:11px;background:#143445d9;border-color:#ffffff70;color:#fff;text-shadow:none;padding:3px 7px}
body.atlas-ui #area-project-menu {width:364px;background:#f8fafbfa}
body.atlas-ui .area-menu-list {padding:6px 20px}
body.atlas-ui .area-project-link {min-height:86px;padding:16px 4px;gap:16px;border-color:var(--ui-line)}
body.atlas-ui .area-project-logo {width:74px;height:50px;border-radius:8px;background:#143445}
body.atlas-ui .area-project-name {font-size:15px;line-height:1.4;font-weight:500}
body.atlas-ui #area-project-menu .area-menu-overview {margin:16px 20px 20px;min-height:46px;border-radius:8px;font-size:13px}
body.atlas-ui .area-picker-list {gap:0}
body.atlas-ui .area-picker-list button {min-height:60px;border-width:0 0 1px;border-radius:0;padding:16px 4px;background:transparent;font-size:16px;text-align:start}
body.atlas-ui .area-picker-list button:hover {background:var(--ui-wash);padding-inline:12px;border-color:var(--ui-line)}
body.atlas-ui #zoomrail {padding:4px;border-radius:12px;border-color:#dce6ea;background:#f8fafbfa}
body.atlas-ui #zoomrail button {width:44px;height:44px;min-width:44px;min-height:44px;color:var(--ui-ink)}
body.atlas-ui #zoomrail :is(svg,path,ellipse) {filter:none;stroke:currentColor}
body.atlas-ui #zoomrail [fill=white] {fill:currentColor}
body.atlas-ui #sidebar {background:#f8fafb;color:var(--ui-ink);border-color:var(--ui-line)}
body.atlas-ui #sidebar .atlas-menu-head {padding:30px 24px 24px}
body.atlas-ui #sidebar .atlas-menu-head h2 {font:500 30px/1.15 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.7px}
body.atlas-ui #sidebar .atlas-menu-head .atlas-eyebrow {font-size:11px;letter-spacing:1px;color:var(--ui-muted)}
body.atlas-ui .atlas-preference {min-height:54px;font-size:14px;line-height:1.4;text-decoration:none}
body.atlas-ui .atlas-preference small {font-size:12px;line-height:1.5}
body.atlas-ui #mobiletools .mtool {min-height:76px;border-radius:10px;background:#fff;box-shadow:none}
body.atlas-ui #mobiletools .mtool span {font-size:12px;line-height:1.3}
body.atlas-ui :is(.membership-dialog,.workspace-shell,.feedback-dialog,.administration-dialog) {font-family:inherit;background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line);border-radius:14px}
body.atlas-ui .membership-dialog h1 {font:500 34px/1.15 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.8px}
body.atlas-ui .membership-form {gap:20px}
body.atlas-ui .membership-form label {font-size:13px;line-height:1.5}
body.atlas-ui .membership-form input {min-height:48px;background:#fff;border-color:var(--ui-line);font-size:16px;border-radius:8px}
body.atlas-ui .membership-primary {min-height:48px;background:var(--ui-accent);border-radius:8px;font-size:15px}
body.atlas-ui .membership-intro {font-size:15px;line-height:1.6}
body.atlas-ui .membership-plans {gap:20px}
body.atlas-ui :is(.membership-plan,.membership-access-card) {border-color:var(--ui-line);background:#fff;box-shadow:none;border-radius:12px}
body.atlas-ui.atlas-ar :is(#rail h2,#rail h3,#rail h4,#sidebar .atlas-menu-head h2,.membership-dialog h1,.fm-panel h1) {font-family:AtlasArabic,Arial,sans-serif;letter-spacing:0}
body.atlas-ui.atlas-ar #brandmark {border-right:0;border-left:1px solid var(--ui-line);margin:0 0 0 12px}
body.atlas-ui.atlas-ar #mapvars {direction:ltr}
@media(max-width:1200px) {body.atlas-ui #topbar .barbtn span{display:none} body.atlas-ui #topbar .barbtn{padding:8px}}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #topbar {top:max(8px,env(safe-area-inset-top));left:8px;right:8px;height:60px;min-height:60px;padding-inline:8px;border-radius:12px}
 body.atlas-ui #brandmark {height:44px;padding:0 8px;margin:0 3px 0 0}
 body.atlas-ui #brandmark img {height:42px;width:42px}
 body.atlas-ui #topbar .barbtn {width:44px;height:44px;min-width:44px;padding:8px}
 body.atlas-ui #topbar .barbtn[data-tool=menu] {padding:8px;border:0;margin:0}
 body.atlas-ui #crumbs .crumb.here {font-size:12px;line-height:1.25;letter-spacing:0;max-height:44px;overflow:hidden}
 body.atlas-ui #crumbs .sep {display:none}
 #atlas-language {padding:0 2px;margin:0;border:0;order:0}
 #atlas-language button {min-width:47px;min-height:44px;padding:6px;font-size:11px}
 #atlas-language button[lang=ar] {font-size:12px}
 body.atlas-ui #chipbar {top:80px}
 body.atlas-ui #leftpanels {top:auto}
 body.atlas-ui #rail {top:80px;right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 100px);border-radius:14px}
 body.atlas-ui #rail .railbody {padding:20px}
 body.atlas-ui #rail .rcard-txt h4 {font-size:20px}
 body.atlas-ui #area-project-menu {width:calc(100vw - 16px)}
 body.atlas-ui .place-badge.location-badge {width:100px;min-width:100px;height:36px;min-height:36px}
 body.atlas-ui .location-badge .place-name {font-size:11px;line-height:13px;padding:0 6px}
 body.atlas-ui .area-action {width:26px;height:22px}
 body.atlas-ui #sheet-handle,body.atlas-ui.atlas-overview #mobile-areas:not([hidden]) {height:50px;min-height:50px;border-radius:12px;font-size:14px;background:#f8fafb!important;color:var(--ui-ink);border:1px solid #e3ebef}
 body.atlas-ui #sheet-handle .lbl {color:var(--ui-ink)}
 body.atlas-ui #mobile-areas>span:last-child {color:var(--ui-accent)}
 body.atlas-ui #mobile-areas>span:first-of-type,body.atlas-ui #sheet-handle .lbl {flex:1;text-align:center}
 body.atlas-ui #sheet-handle::after {margin:0 5.5px}
 body.atlas-ui #mobile-areas>span:last-child {flex:0 0 8px;width:8px;height:8px;margin:0 5.5px;font-size:0;line-height:0;color:transparent;border-top:1.5px solid var(--ui-accent);border-right:1.5px solid var(--ui-accent);transform:rotate(-45deg);box-sizing:border-box}
 body.atlas-ui #area-explore-hint {font-size:11px;line-height:1.4;bottom:76px;background:#f8fafb;color:var(--ui-ink)}
 body.atlas-ui.atlas-ar #brandmark {margin:0 0 0 3px}
}
@media(max-width:360px) {body.atlas-ui #brandmark {padding:0 5px}body.atlas-ui #brandmark img{width:36px;height:36px}#atlas-language button{min-width:44px;padding:4px}body.atlas-ui #crumbs .crumb.here{font-size:11px}}
@media(prefers-reduced-motion:reduce) {body.atlas-ui *,body.atlas-ui *::before,body.atlas-ui *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
#atlas-find-project {display:none}
@media(min-width:1201px) {
 body.atlas-ui.atlas-overview #atlas-find-project {display:flex;align-items:center;gap:12px;flex:0 1 320px;min-width:190px;min-height:44px;margin:0 20px 0 0;padding:12px 16px;border:1px solid var(--ui-line);border-radius:9px;background:#fff;color:var(--ui-muted);font:inherit;font-size:13px;cursor:pointer;text-align:start}
 #atlas-find-project svg {width:17px;height:17px;fill:currentColor;flex:none}
 body.atlas-ui.atlas-overview #atlas-find-project:hover {border-color:#94b3c0;color:var(--ui-ink);background:var(--ui-surface)}
 body.atlas-ui.atlas-overview #crumbs {flex:1}
}
body.atlas-ui .area-picker-list button {display:grid;grid-template-columns:88px 1fr 20px;gap:16px;align-items:center;min-height:94px;padding:16px 0}
body.atlas-ui .area-picker-list button:not(:has(img:not([hidden]))) {grid-template-columns:1fr 20px}
body.atlas-ui .area-choice-image {width:88px;height:64px;object-fit:cover;border-radius:8px;display:block}
body.atlas-ui .area-choice-image[hidden] {display:none}
body.atlas-ui .area-picker-list button>span:last-child {color:var(--ui-accent);font-size:18px}
body.atlas-ui .area-picker-list .area-choice-label {text-align:center}
body.atlas-ui #sprites symbol[id^="ui-"] :is([fill="#fff"],[fill="#ffffff"]) {fill:currentColor}
body.atlas-ui #sprites symbol[id^="ui-"] :is([stroke="#fff"],[stroke="#ffffff"]) {stroke:currentColor}
body.atlas-ui .area-picker-list {display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
body.atlas-ui .area-picker-list button {width:100%;min-width:0}
body.atlas-ui #rail .area-picker-list button {display:grid;grid-template-columns:88px 1fr 20px;gap:18px;align-items:center;width:100%;min-height:90px;padding:13px 2px;border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none;background:transparent;font-size:16px;color:var(--ui-ink)}
body.atlas-ui #rail .area-picker-list button:hover {background:var(--ui-wash)}
body.atlas-ui #rail .area-picker-list button:not(:has(img:not([hidden]))) {grid-template-columns:1fr 20px}
body.atlas-ui #rail .area-choice-image {width:68px;height:64px;object-fit:contain;background:#ecf2f5;border-radius:8px}
body.atlas-ui #rail .area-picker-list button:last-child {border-bottom:0}
body.atlas-ui #rail:has(.project-comparison) {width:min(1040px,calc(100vw - 40px))}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {body.atlas-ui #rail:has(.project-comparison){width:calc(100vw - 16px)}}

/* Preserve active filter state under desktop hover and sticky touch hover. */
body.atlas-ui #leftpanels :is([data-jchip],[data-dchip],[data-pchip],[data-chip]):is(.text-black,[aria-pressed=true]),body.atlas-ui #leftpanels .bfcat.on {background:var(--ui-deep)!important;border-color:var(--ui-deep)!important;color:#fff}
body.atlas-ui #zoomrail button:disabled {opacity:.45;cursor:default}
body.atlas-ui.atlas-overview:not(:has(#toolcluster [data-tool=filters]:not(:disabled))) #atlas-find-project {display:none}
body.atlas-ar .area-picker-list button>span:last-child,body.atlas-ar #area-project-menu .area-project-link>span:last-child {transform:scaleX(-1)}
body.atlas-ar :is(.unit-title,.project-title,.area-choice-label) {unicode-bidi:plaintext}

body.atlas-ui #leftpanels .portfolio-link {display:flex;align-items:center;gap:10px;background:var(--ui-surface)!important;border:1px solid var(--ui-line);border-radius:8px;color:var(--ui-ink);min-height:44px;margin-top:8px}
body.atlas-ui #leftpanels .portfolio-link:hover {background:var(--ui-wash)!important;border-color:#9ebfc9;color:var(--ui-accent)}

/* Keep account, workspace and language actions reachable on small screens. */
body.atlas-ui #membership-entry {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;min-height:44px;flex-shrink:0;margin-inline:4px}
body.atlas-ui #topbar [data-map-language][aria-disabled=true] {opacity:.6;cursor:wait}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 #atlas-language button[aria-pressed=true] {display:none}
 body.atlas-ui #membership-entry {padding:8px;font-size:11px;margin-inline:2px}
 body.atlas-ui #workspace-entry {flex-shrink:0}
}

@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #toolcluster {padding:0}
 body.atlas-ui #membership-entry {max-width:64px;white-space:normal;line-height:1.25}
}
@media(max-width:360px) {body.atlas-ui #crumbs {display:none}}

@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui.atlas-ar #topbar .barbtn[data-tool=menu] {margin:0;padding:8px;border:0}
}

/* DOM order is also the visual order; only failed saves expose this message. */
#atlas-language {order:0}
#atlas-language-status:not(:empty) {position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;height:auto;max-height:40vh;margin:0;padding:12px 16px;box-sizing:border-box;clip-path:none;white-space:normal;overflow:auto;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-paper);color:var(--ui-ink);font-size:13px;line-height:1.5;box-shadow:var(--ui-small-shadow);z-index:5}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #chipbar,body.atlas-ui #rail {top:calc(max(8px,env(safe-area-inset-top)) + 72px)}
 body.atlas-ui #rail {max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - 92px)}
}

body.atlas-ui #map-language-status:not(:empty) {color:var(--ui-ink);line-height:1.5;padding:8px 0}

/* Editorial atlas: luminous map instruments and a spacious project collection. */
body.atlas-ui {--ui-ink:#102e35;--ui-muted:#607a7c;--ui-paper:#f6f4ed;--ui-surface:#eeeFE8;--ui-line:#d5dcd4;--ui-deep:#062b35;--ui-accent:#177e87;--ui-shadow:0 28px 90px #001c3c55;--atlas-display:Georgia,"Times New Roman",serif}
body.atlas-ui #topbar {background:linear-gradient(115deg,#061e29f5,#073540eb);color:#edf6ef;border:1px solid #a7d9d338;border-radius:16px;box-shadow:0 12px 40px #001b3440,0 1px 0 #fff2 inset;backdrop-filter:blur(24px)}
body.atlas-ui #brandmark {border-color:#b2d9d22b}
body.atlas-ui #topbar .barbtn,body.atlas-ui #workspace-entry,body.atlas-ui #crumbs .crumb,body.atlas-ui #crumbs .crumb.here,body.atlas-ui #atlas-language button {color:#e5eeeb}
body.atlas-ui #topbar .barbtn:hover:not([disabled]),body.atlas-ui #topbar .barbtn[aria-pressed=true],body.atlas-ui #atlas-language button[aria-pressed=true],body.atlas-ui #atlas-language button:hover {background:#c6efe31c;color:#fff;border-color:transparent}
body.atlas-ui #membership-entry {background:linear-gradient(120deg,#f7f5e8,#d5eadb);color:#092f38;border:1px solid #fff6;border-radius:10px;font-weight:600;padding-inline:20px;box-shadow:0 3px 14px #03151f40}
body.atlas-ui.atlas-overview #atlas-find-project {background:#00181d42;border-color:#96cec44d;color:#dcece5;border-radius:10px}
body.atlas-ui #zoomrail #zoom-in-button {border-radius:27px 27px 0 0}
body.atlas-ui #zoomrail #reset-button {border-radius:0 0 27px 27px}
body.atlas-ui #zoomrail {background:#082f3cde;color:#effbf4;border:1px solid #c4eee34a;border-radius:30px;box-shadow:0 10px 30px #002b3540;backdrop-filter:blur(16px)}
body.atlas-ui #zoomrail button {display:grid;place-items:center;padding:0;color:#e9f8ed;background:transparent}
body.atlas-ui .place-badge.location-badge {width:auto;min-width:120px;max-width:166px;height:36px;min-height:36px;padding:0 8px 0 10px;border-radius:30px;background:linear-gradient(120deg,#e9f4e9ee,#fcf7e4f5);border:1px solid #fff9;box-shadow:0 3px 12px #00293f55;color:#12333d;gap:0}
body.atlas-ui .location-badge .place-name {color:inherit;font-size:11px;font-weight:600;line-height:16px;letter-spacing:.15px;padding:0;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.atlas-ui .location-badge .place-icon {display:none}
body.atlas-ui .area-action {flex-shrink:0;width:24px;height:24px;border:0;margin-inline-start:auto;color:#285e66}
body.atlas-ui .location-badge:is(:hover,:focus-visible,[aria-expanded=true],[data-area-state=moving]) {background:#fff;box-shadow:0 0 0 3px #bcebdd55,0 6px 22px #002b3560}
body.atlas-ui :is(.place-badge.project-filled,.project-group) {min-height:30px;padding:5px 9px;border-radius:24px;background:linear-gradient(135deg,#083c49f5,#0b5864f2);border:1px solid #90d9d2c2;box-shadow:0 0 0 2px #052b3922,0 5px 16px #01222c66,0 1px 0 #cbfff344 inset;color:#fff;transition:box-shadow .2s,background .2s}
body.atlas-ui .project-filled .place-name {color:inherit;font-size:10px;line-height:14px;font-weight:500}
body.atlas-ui .project-action,body.atlas-ui .project-group-arrow {color:#c2efe1;border-color:#c2efe144}
body.atlas-ui .project-filled:is(:hover,:focus-visible),body.atlas-ui .project-group:hover {background:linear-gradient(120deg,#116b79,#084b5a);box-shadow:0 0 0 3px #9dfae23d,0 5px 25px #05384688}
body.atlas-ui .place-badge.project-ghost,body.atlas-ui .map-direction-label,body.atlas-ui .map-area-label:not(.ramhan-community) {border:0!important;background:none!important;box-shadow:none!important;border-radius:0;padding:2px 4px;color:#fff;text-shadow:0 1px 3px #00303d,0 0 8px #00303dcc;font-weight:500;letter-spacing:.7px;cursor:default}
body.atlas-ui .project-ghost .place-name {font-size:10px}
body.atlas-ui .map-direction-label {font-size:15px;font-weight:700;letter-spacing:.9px;text-shadow:0 1px 2px #00303d,0 0 10px #00303d,0 0 20px #00303dcc}
@media(max-width:640px) {body.atlas-ui .map-direction-label {font-size:12px}}
body.atlas-ui .project-ghost .place-icon,body.atlas-ui .project-ghost .project-action {display:none}
body.atlas-ui :is(#rail,#area-project-menu) {border:1px solid #f8fff066;border-radius:18px;background:var(--ui-paper);box-shadow:var(--ui-shadow);backdrop-filter:none;overflow:hidden}
body.atlas-ui #rail {width:min(440px,calc(100vw - 32px))}
body.atlas-ui #rail[data-collection=projects] {width:min(740px,51vw)}
body.atlas-ui .railhead {background:#082c38;color:#f3f6ee;font-size:16px;padding:18px 24px;border:0;min-height:65px}
body.atlas-ui .railhead button {background:#ffffff14;color:#e7f4e8;border:1px solid #c4dcd933;border-radius:50%}
body.atlas-ui #area-project-menu .area-menu-nav {padding:14px 24px;background:#082c38}
body.atlas-ui #area-project-menu .area-menu-nav button {color:#eff5e9;border-radius:30px;font-size:11px}
body.atlas-ui #area-project-menu .area-menu-nav button:hover {background:#ffffff16}
body.atlas-ui :is(.area-menu-head,.collection-intro) {position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 120%,#287e8170,transparent 65%),linear-gradient(120deg,#061a24,#093b45);color:#f2f4e8;padding:28px 34px 34px;border:0}
body.atlas-ui :is(.area-menu-head,.collection-intro)::after {content:"";position:absolute;z-index:-1;inset:25% -20% -95% 14%;border:1px solid #9be8d480;border-radius:50%;transform:rotate(-18deg);box-shadow:0 -1px 16px #7bf7e528,0 -24px 80px #4ddfcc18;pointer-events:none}
body.atlas-ui :is(.area-menu-head,.collection-intro) small {color:#90ccc9;font-size:9px;line-height:1.5;letter-spacing:3px;text-transform:uppercase}
body.atlas-ui #area-project-menu .area-menu-head h2,body.atlas-ui .collection-intro h2 {font-family:var(--atlas-display);font-size:clamp(38px,4vw,66px);font-weight:400;line-height:1.04;letter-spacing:-2px;margin:15px 0 20px;color:#f7f6ed;max-width:95%}
body.atlas-ui :is(.area-menu-story,.collection-intro p) {max-width:390px;color:#bed2ce;font-size:12px;line-height:1.8;margin:0}
body.atlas-ui #area-project-menu .area-menu-count {color:#9adbd1;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin:24px 0 0}
body.atlas-ui .area-menu-list,body.atlas-ui #rail[data-collection=projects] .railbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 24px;padding:28px;background:#f6f4ed;align-items:stretch;grid-auto-rows:max-content;align-content:start}
body.atlas-ui #area-project-menu .area-project-link {display:flex;flex-direction:column;position:relative;align-items:stretch;gap:0;min-width:0;height:auto;min-height:0;padding:0 0 20px;border:0;border-bottom:1px solid #cbd7cf;border-radius:0;background:transparent;box-shadow:none;transition:transform .25s}
body.atlas-ui #area-project-menu .area-project-link:hover {background:transparent;transform:translateY(-4px);color:#145763}
body.atlas-ui .area-project-cover {display:block;width:100%;height:160px;flex:none;border-radius:28px 3px 3px 3px;overflow:hidden;background:linear-gradient(130deg,#d6e1d7,#789b98);margin-bottom:18px}
body.atlas-ui .area-project-cover img {width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.22,1,.36,1)}
body.atlas-ui .area-project-link:hover .area-project-cover img {transform:scale(1.045)}
body.atlas-ui .area-project-copy {display:grid;gap:8px;padding-inline-end:25px;min-width:0}
body.atlas-ui .area-project-copy small {font-size:8px;line-height:1.5;letter-spacing:1.3px;text-transform:uppercase;color:#5b7f80}
body.atlas-ui .area-project-name {font-family:var(--atlas-display);font-size:24px;font-weight:400;line-height:1.12;letter-spacing:-.5px}
body.atlas-ui .area-project-logo {width:70px;height:30px;background:#123440;border-radius:3px;padding:4px 8px;margin-top:16px;display:flex;align-items:center;justify-content:center}
body.atlas-ui .area-project-logo img {max-width:100%;max-height:100%;object-fit:contain}
body.atlas-ui #area-project-menu .area-project-link>.area-project-arrow {position:absolute;inset-inline-end:0;bottom:24px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #6b9394;border-radius:50%;background:transparent;color:#285f65}
body.atlas-ui #area-project-menu .area-menu-overview {margin:0;padding:18px 28px;background:#0b3440;color:#f0f6e9;border-radius:0;flex-shrink:0}
body.atlas-ui #rail .railbody {padding:24px;gap:24px}
body.atlas-ui #rail .rcard,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard {display:flex;flex-direction:column;border:0;border-bottom:1px solid #cbd7cf;border-radius:0;background:transparent;box-shadow:none;overflow:visible;padding-bottom:20px;min-width:0}
body.atlas-ui #rail .rcard[hidden] {display:none!important}
body.atlas-ui #rail .rcard>img,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard>img {width:100%;height:180px;min-height:0;object-fit:cover;border-radius:28px 3px 3px 3px;display:block}
body.atlas-ui #rail .rcard-blank,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-blank {width:100%;height:180px;min-height:180px;background:radial-gradient(ellipse at 100% 100%,#63b6a577,transparent),linear-gradient(130deg,#052b38,#2b666e);color:#e1f1df;border:1px solid #77aab366;border-radius:28px 3px 3px 3px;font-family:var(--atlas-display);font-size:26px}
body.atlas-ui #rail .rcard-txt,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-txt {padding:17px 0 0;display:flex;flex-direction:column;flex:1}
body.atlas-ui #rail .rcard-sub {font-size:8px;line-height:1.5;letter-spacing:1.25px;text-transform:uppercase;color:#5b7f80;margin:0 0 8px}
body.atlas-ui #rail .rcard-txt h4,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-txt h4 {font-family:var(--atlas-display);font-size:26px;font-weight:400;line-height:1.12;letter-spacing:-.6px;margin:0 0 16px;color:#12333d}
body.atlas-ui #rail .rcard-cta {margin-top:auto;align-self:flex-start;border-radius:30px;padding:10px 16px;background:linear-gradient(120deg,#073c48,#256872);color:#eef5e9;font-size:10px;min-height:38px;border:1px solid #b3d7cc;box-shadow:none}
body.atlas-ui #rail .atlas-rail-filters {background:#e9eee5;border-bottom:1px solid #d2dcd1;padding:15px 28px}
body.atlas-ui #rail :is(.project-information,.ramhan-detail)>h2 {font-family:var(--atlas-display);font-size:38px;font-weight:400;line-height:1.1;letter-spacing:-1px}
body.atlas-ui #rail .area-picker-list button {font-family:var(--atlas-display);font-size:26px;border-bottom:1px solid #d2dcd1;padding:16px 0;gap:20px}
body.atlas-ui #rail .area-choice-image {width:88px;height:75px;padding:9px;box-sizing:border-box;border-radius:24px 4px 4px 4px;background:linear-gradient(125deg,#dce8dc,#b3cfcb);object-fit:contain}
body.atlas-ui.atlas-ar {--atlas-display:AtlasArabic,Arial,sans-serif}
body.atlas-ui.atlas-ar :is(.area-menu-head,.collection-intro) h2 {letter-spacing:0;font-size:44px;line-height:1.4}
body.atlas-ui.atlas-ar :is(.area-project-name,.rcard-txt h4) {letter-spacing:0;line-height:1.5}
@media(max-width:900px) and (min-width:641px) {body.atlas-ui .area-menu-list,body.atlas-ui #rail[data-collection=projects] .railbody {gap:20px 16px;padding:20px} body.atlas-ui .area-project-name {font-size:21px} body.atlas-ui .area-project-cover {height:130px}}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #topbar {border-radius:14px}
 body.atlas-ui #rail,body.atlas-ui #rail[data-collection=projects],body.atlas-ui #area-project-menu {width:calc(100vw - 16px);border-radius:16px}
 body.atlas-ui :is(.area-menu-head,.collection-intro) {padding:20px 22px 24px}
 body.atlas-ui #area-project-menu .area-menu-head h2,body.atlas-ui .collection-intro h2 {font-size:42px;letter-spacing:-1.5px;margin:12px 0 16px}
 body.atlas-ui .area-menu-list,body.atlas-ui #rail[data-collection=projects] .railbody {padding:22px;gap:26px;grid-template-columns:1fr}
 body.atlas-ui .area-project-cover,body.atlas-ui #rail .rcard>img,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard>img {height:190px}
 body.atlas-ui .area-project-name {font-size:28px}
 body.atlas-ui .area-menu-story {font-size:11px}
 body.atlas-ui #area-project-menu .area-menu-count {margin-top:18px}
 body.atlas-ui .place-badge.location-badge {max-width:156px;height:36px;min-height:36px}
 body.atlas-ui .location-badge .place-name {font-size:11px}
 body.atlas-ui.atlas-ar :is(.area-menu-head,.collection-intro) h2 {font-size:35px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce) {body.atlas-ui .area-project-link,body.atlas-ui .area-project-cover img,body.atlas-ui .project-filled {transition:none!important;animation:none!important}}

@media(min-width:1100px) {
 body.atlas-ui #toolcluster {position:absolute;top:86px;left:0;right:auto;display:flex;flex-direction:column;gap:5px;padding:10px 7px;border:1px solid #afd8cc3d;border-radius:22px;background:linear-gradient(160deg,#051f2ced,#164551ec);box-shadow:0 12px 40px #001b344d;backdrop-filter:blur(20px)}
 body.atlas-ui #topbar #toolcluster .barbtn {display:none;flex-direction:column;justify-content:center;gap:8px;min-height:64px;height:64px;width:66px;padding:8px 3px;margin:0;border-radius:15px;border:0}
 body.atlas-ui #topbar #toolcluster .barbtn:is([data-tool="projects"],[data-tool="filters"],[data-tool="search"],[data-tool="favourites"],[data-tool="menu"]):not(:disabled):not([hidden]) {display:flex}
 body.atlas-ui #toolcluster {max-height:calc(100dvh - 125px);overflow-y:auto}
 body.atlas-ui #topbar #toolcluster .barbtn span {display:block;font-size:9px;line-height:1.4}
 body.atlas-ui #topbar #toolcluster .barbtn svg {width:20px;height:20px}
 body.atlas-ui #topbar #toolcluster .barbtn:hover,body.atlas-ui #topbar #toolcluster .barbtn[aria-pressed=true] {background:#90e2cf24;color:#d6fff0;box-shadow:0 0 20px #92ead512 inset}
 body.atlas-ui.atlas-overview #atlas-find-project {max-width:480px;margin-inline:auto}
}

body.atlas-ui.atlas-ar :is(.area-menu-head,.collection-intro) small {font-size:13px;letter-spacing:0;line-height:1.7;color:#c1d9d0;opacity:1}
body.atlas-ui.atlas-ar :is(.area-menu-story,.collection-intro p) {font-size:16px;line-height:1.7}

body.atlas-ui.atlas-ar :is(.area-menu-nav button,.area-menu-overview) {font-size:13px}

body.atlas-ui #rail .collection-intro {flex:0 0 auto}

body.atlas-ui #rail .collection-intro h2 {color:#f2f0e5;font-family:var(--atlas-display);font-weight:400}

/* Keep these district labels clear of the neighbouring area cards. */
body.atlas-ui [data-code="algurm"] .project-ghost,body.atlas-ui [data-code="district:zayed"] .map-area-label {transform:translateY(-32px)}
body.atlas-ui #site-credit {justify-content:center}
body.atlas-ui #site-credit>span {position:absolute;inset-inline-start:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap}
body.atlas-ui #rail .rcard>img,body.atlas-ui #rail .rcard-blank {flex-shrink:0}
@media(max-width:640px) {body.atlas-ui #rail .rcard-blank,body.atlas-ui #rail:has(.atlas-rail-filters) .rcard-blank {height:190px;min-height:190px}}

@media(min-width:1100px) {
 body.atlas-ui #leftpanels {left:116px!important;right:auto}
 body.atlas-ui:has(#rail:not(:empty)) #zoomrail,body.atlas-ui.atlas-ar #zoomrail {left:32px;right:auto;top:auto;bottom:84px;transform:none}
 body.atlas-ui:has(#rail:not(:empty)) #compass-slot,body.atlas-ui.atlas-ar #compass-slot {left:35px}
 body.atlas-ui.atlas-ar:has(#rail:not(:empty)) #compass-slot {left:24px}
 body.atlas-ui.atlas-ar:has(#rail:not(:empty)) #zoomrail {left:auto;right:16px}
}

@media(pointer:coarse) {
 body.atlas-ui .place-badge.project-filled,body.atlas-ui .project-group,body.atlas-ui .location-badge {position:relative;isolation:isolate}
 body.atlas-ui .place-badge.project-filled::before,body.atlas-ui .project-group::before,body.atlas-ui .location-badge::before {content:"";position:absolute;inset:-7px 0;z-index:-1}
}

/* Phone controls share a balanced touch target in both writing directions. */
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #membership-entry {width:auto;min-width:64px;max-width:110px;flex:0 0 auto;height:44px;padding:0 10px;white-space:nowrap;font-size:12px;line-height:1.25}
 body.atlas-ui #topbar {gap:2px}
 body.atlas-ui #crumbs {min-width:0;flex:1 1 auto}
 body.atlas-ui #leftpanels,body.atlas-ui #rail,body.atlas-ui #area-project-menu {overscroll-behavior:contain;scroll-padding-block:20px}
 body.atlas-ui :is(.area-menu-head,.collection-intro) {padding:20px}
 body.atlas-ui #area-project-menu .area-menu-head h2,body.atlas-ui .collection-intro h2 {font-size:clamp(28px,8vw,36px);line-height:1.15;letter-spacing:-.7px;margin:10px 0 14px}
 body.atlas-ui .area-menu-list,body.atlas-ui #rail[data-collection=projects] .railbody {padding:20px;gap:24px}
 body.atlas-ui .area-project-name {font-size:24px;line-height:1.2;overflow-wrap:anywhere}
 body.atlas-ui .area-menu-story {font-size:13px;line-height:1.6}
 body.atlas-ui .membership-dialog {width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:28px 22px 22px;border-radius:20px;overscroll-behavior:contain}
 body.atlas-ui .membership-dialog .membership-links {align-items:center;flex-wrap:wrap;gap:8px}
 body.atlas-ui .membership-dialog :is(.membership-signout,.membership-links button,.membership-explore) {min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:8px 12px;line-height:1.35}
 body.atlas-ui .membership-dialog .membership-close {width:44px;height:44px;display:grid;place-items:center;padding:0;top:8px}
 body.atlas-ui .membership-form {gap:16px}
 body.atlas-ui .membership-primary {display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.35}
 body.atlas-ui.atlas-ar :is(.area-menu-head,.collection-intro) h2 {font-size:clamp(27px,7.5vw,34px);line-height:1.4;letter-spacing:0}
}

/* Keep every phone header control inside the viewport at the narrowest breakpoint. */
@media(max-width:360px) {
 body.atlas-ui #topbar {gap:0}
 body.atlas-ui #brandmark {padding-inline:2px}
 body.atlas-ui #membership-entry {width:64px;max-width:64px;padding-inline:5px;white-space:normal;overflow-wrap:anywhere}
}

/* index.html carries viewport-fit=cover, so the map runs under the notch and the home
   indicator and every env(safe-area-inset-*) above stops reading 0. Portrait needs only
   the bottom inset, which those rules already carry. Landscape puts the notch on a long
   edge, so each control that stretches across the phone keeps the larger of its own
   gutter and the inset on that side. Every value here equals the old one when the insets
   are 0, so nothing moves on a device without them. */
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
  body.atlas-ui #topbar {left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}
  body.atlas-ui #chipbar {padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  body.atlas-ui #leftpanels {left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))}
  body.atlas-ui #rail,body.atlas-ui #rail[data-collection=projects],body.atlas-ui #rail:has(.project-comparison) {left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:calc(100vw - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)))}
  body.atlas-ui #viewnav {padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  body.atlas-ui #zoomrail {right:max(12px,env(safe-area-inset-right))}
  /* While an area menu is open the rail moves to the left edge (patch.css:1514, right:auto);
     the right gutter above would otherwise pin both edges and stretch it across the screen. */
  body.atlas-ui.area-exploring #zoomrail {left:max(12px,env(safe-area-inset-left));right:auto}
  body.atlas-ui #compass-slot {right:calc(max(12px,env(safe-area-inset-right)) + 9px)}
  body.atlas-ui #unhide {right:max(20px,env(safe-area-inset-right))}
  body.atlas-ui .towerfloors {right:max(18px,env(safe-area-inset-right))}
  /* The Areas pill is the right half of a split with the Filters sheet (whose right edge is
     50% + 4px); its width shrinks by the same inset its right edge moves, or the two overlap. */
  body.atlas-ui.atlas-overview #mobile-areas:not([hidden]) {right:max(8px,env(safe-area-inset-right));width:calc(50% - 4px - max(8px,env(safe-area-inset-right)))}
  body.atlas-ui #content-use-notice {max-width:calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right))}
  /* The account dialog is centred by the browser, so it gives back twice the bottom inset
     to stay 12px clear of the home indicator, and the notch width on either side. */
  body.atlas-ui .membership-dialog {width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100dvh - 24px - 2*env(safe-area-inset-bottom))}
  /* The Filters and Areas pills stand 36px up (plus the inset) and are 50px tall, so
     anything meant to sit above them clears 86px. The hint sat at 76px and the zoom rail
     at 78px: both ran 8 to 10px into the pills on every phone (reproduced at 390x844).
     94px leaves an 8px gap; the hint's width stays clear of the rail down to 320px. */
  body.atlas-ui #area-explore-hint {bottom:calc(94px + env(safe-area-inset-bottom));max-width:calc(100vw - 140px - env(safe-area-inset-left) - env(safe-area-inset-right))}
}
/* Not the coarse-pointer landscape phone, whose rail sits at the top (top:80px above):
   a bottom value there would stretch it. A narrow mouse-driven window in landscape keeps
   the rail at the bottom and needs the same clearance as a portrait phone. */
@media(max-width:640px) and (orientation:portrait),(max-width:640px) and (pointer:fine) {
  body.atlas-ui #zoomrail,body.atlas-ui.atlas-ar #zoomrail {bottom:calc(94px + env(safe-area-inset-bottom))}
}
/* Two controls have a different gutter on a narrow screen (patch.css:1001 puts the area
   menu at 8px each side, ramhan_rendered.css:42 the scene nav at 10px) than on a wide
   landscape phone (the base 12px and 22px), so each gets its own pair of blocks; a single
   value would move one of the two by a few pixels on a phone without insets. */
@media(max-width:640px) {
  body.atlas-ui #area-project-menu {left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto}
  body.atlas-ui #ramhan-scene-nav {left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right))}
}
@media(min-width:641px) and (pointer:coarse) and (max-height:480px) {
  /* Right-anchored with its own width here (measured 430px at 844 wide), so only the
     right gutter moves; a left value would pin it to the notch side instead. */
  body.atlas-ui #area-project-menu {right:max(12px,env(safe-area-inset-right))}
  body.atlas-ui #ramhan-scene-nav {left:max(22px,env(safe-area-inset-left))}
  /* The min-width:641px block above (Arabic, and the rail-open state) anchors these at a
     16px gutter with selectors that outrank the phone rules; same selectors, same gutter. */
  body.atlas-ui.atlas-ar #zoomrail,body.atlas-ui:has(#rail:not(:empty)) #zoomrail {left:max(16px,env(safe-area-inset-left))}
  body.atlas-ui.atlas-ar:has(#rail:not(:empty)) #zoomrail {right:max(16px,env(safe-area-inset-right))}
  /* atlas_ui.css:521 (this same wide-landscape query) pins the Arabic sheet at 8px each
     side with a selector that outranks the phone rule; same selector, same gutters. */
  body.atlas-ui.atlas-ar #leftpanels {left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))}
  body.atlas-ui.atlas-ar #rail {left:max(16px,env(safe-area-inset-left))}
}
/* patch.css:1381 widens the sheet's left gutter to 22px from 901px up, which a Pro Max
   phone reaches in landscape; the rule above would have pulled it back to 8px. */
@media(min-width:901px) and (pointer:coarse) and (max-height:480px) {
  body.atlas-ui #leftpanels {left:max(22px,env(safe-area-inset-left))!important}
}

/* Ramhan communities: a kicker over the heading, and rows that carry the developer's
   render of each community beside its villa count, in the same paper, wash and accent
   the rest of the atlas uses. The later rules override the plain list rules above. */
body.atlas-ui .ramhan-community-kicker {margin:0 0 5px;font:600 10px/1.2 "Suisse Int'l",Arial,sans-serif;letter-spacing:1.6px;text-transform:uppercase;color:var(--ui-accent)}
body.atlas-ui .ramhan-community-list {display:grid;grid-template-columns:1fr;gap:4px;margin-top:14px}
body.atlas-ui .ramhan-community-list button {display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:56px;padding:6px;padding-inline-end:8px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--ui-ink);text-align:start}
body.atlas-ui .ramhan-community-list button:hover {background:var(--ui-surface);border-color:var(--ui-line)}
body.atlas-ui .ramhan-community-list button[aria-pressed=true] {background:var(--ui-wash);border-color:#b9dbe3;color:var(--ui-ink);box-shadow:none}
body.atlas-ui .ramhan-community-thumb {flex:none;width:44px;height:44px;border-radius:9px;object-fit:cover;background:var(--ui-surface);box-shadow:inset 0 0 0 1px #0b2a3914}
body.atlas-ui .ramhan-community-list button[aria-pressed=true] .ramhan-community-thumb {box-shadow:0 0 0 2px var(--ui-accent)}
body.atlas-ui .ramhan-community-text {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
body.atlas-ui .ramhan-community-name {font:500 13px/1.25 "Suisse Int'l",Arial,sans-serif;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.atlas-ui .ramhan-community-list button small {padding:0;background:none;border-radius:0;color:var(--ui-muted);font-size:11px;line-height:1.2;letter-spacing:0;opacity:1}
body.atlas-ui .ramhan-community-chevron {flex:none;width:16px;height:16px;fill:none;stroke:var(--ui-muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
body.atlas-ui .ramhan-community-list button:hover .ramhan-community-chevron,body.atlas-ui .ramhan-community-list button[aria-pressed=true] .ramhan-community-chevron {stroke:var(--ui-accent);opacity:1}
html[dir="rtl"] body.atlas-ui .ramhan-community-chevron {transform:scaleX(-1)}
body.atlas-ui.atlas-ar :is(.ramhan-community-kicker,.ramhan-community-name) {letter-spacing:0}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
  body.atlas-ui .ramhan-community-list button {min-height:58px}
}

/* Language: one toggle that names the other language, grouped with the account at the end of
   the bar; everything else keeps the brand's side. The pressed button stays in the DOM for the
   status text and the tests, only the offered language is shown. */
body.atlas-ui #atlas-language {border:0;padding:0;gap:0;order:1;margin:0 0 0 auto}
body.atlas-ui.atlas-ar #atlas-language {margin:0 auto 0 0}
body.atlas-ui #membership-entry {order:2}
body.atlas-ui #atlas-language button {display:inline-flex;align-items:center;gap:8px;min-width:0;height:40px;padding:0 14px 0 12px;border:1px solid #ffffff2e;border-radius:10px;background:#ffffff12;color:#e5eeeb;font-size:12px;font-weight:500;line-height:1}
body.atlas-ui #atlas-language button::before {content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E") center/contain no-repeat}
body.atlas-ui #atlas-language button[lang=ar] {padding:0 12px 0 14px}
body.atlas-ui #atlas-language button[aria-pressed=true] {display:none}
@media (hover:hover) {body.atlas-ui #atlas-language button:hover {background:#ffffff22;border-color:#ffffff4d;color:#fff}}
body.atlas-ui #membership-entry {margin-inline:8px 0}
@media(min-width:641px) {
 body.atlas-ui #crumbs,body.atlas-ui.atlas-overview #crumbs {flex:0 1 auto}
 body.atlas-ui.atlas-overview #atlas-find-project {margin:0;margin-inline-start:12px}
}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #atlas-language,body.atlas-ui.atlas-ar #atlas-language {margin:0}
 body.atlas-ui #atlas-language button {height:36px;padding:0 10px}
 body.atlas-ui :is(#atlas-language button,#membership-entry,#topbar .barbtn,#atlas-find-project) {border-radius:8px}
 body.atlas-ui #atlas-language button::before {display:none}
 body.atlas-ui #membership-entry {margin-inline:4px 0}
}

/* Arabic map badges: the forward arrow sits at the reading end and points the reading way, as it does
   in the area picker and the area menu. The map surface stays LTR for its coordinates, so the mirror
   is explicit. */
body.atlas-ui.atlas-ar :is(.place-badge.location-badge,.place-badge.project-filled,.project-group) {flex-direction:row-reverse}
body.atlas-ui.atlas-ar .area-action {margin-inline-start:0;margin-inline-end:auto}
body.atlas-ui.atlas-ar .place-badge.location-badge {padding:0 10px 0 8px}
body.atlas-ui.atlas-ar .project-action {padding-left:0;padding-right:7px;border-left:0;border-right:1px solid #ffffff30}
body.atlas-ui.atlas-ar :is(.area-action,.project-action,.project-group-arrow) svg {transform:scaleX(-1)}
body.atlas-ui.atlas-ar .location-badge:is(:hover,[aria-expanded=true]) .area-action svg {transform:scaleX(-1) translateX(2px)}

/* Atlas pulse: the brand mark at rest while three bathymetric rings open outward and fade, the
   same figure the maps draw for depth. It replaces the generic spinner on the boot screen.
   The rings are absolutely positioned on the mark's centre, so nothing in the column moves while
   they run and the note keeps the position it had before the animation existed. patch.css sets
   the boot loader first and this file loads after it, so these win on equal specificity. */
body.atlas-ui #loader-box {position:relative;gap:14px}
body.atlas-ui #loader-box>img {position:relative;z-index:1}
body.atlas-ui #loader-box>svg.animate-spin,
body.atlas-ui #loader-box::before,
body.atlas-ui #loader-box::after {content:"";position:absolute;top:82px;left:50%;width:164px;height:164px;margin:-82px 0 0 -82px;border-radius:50%;border:1px solid #9fe0d3;opacity:0;pointer-events:none;animation:atlas-pulse-ring 3.4s cubic-bezier(.22,.61,.36,1) infinite}
body.atlas-ui #loader-box>svg.animate-spin {animation-delay:0s;fill:transparent;color:transparent;overflow:visible}
body.atlas-ui #loader-box>svg.animate-spin use {display:none}
body.atlas-ui #loader-box::before {animation-delay:1.13s}
body.atlas-ui #loader-box::after {animation-delay:2.26s}
@keyframes atlas-pulse-ring {
  0% {transform:scale(.62);opacity:0}
  12% {opacity:.5}
  100% {transform:scale(1.9);opacity:0}
}
body.atlas-ui #loader-note {color:#8fb6bb;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
@media(prefers-reduced-motion:reduce) {
  body.atlas-ui #loader-box>svg.animate-spin,
  body.atlas-ui #loader-box::before,
  body.atlas-ui #loader-box::after {animation:none;opacity:.26;transform:scale(1.18)}
  body.atlas-ui #loader-box::before {transform:scale(1.44);opacity:.16}
  body.atlas-ui #loader-box::after {transform:scale(1.7);opacity:.09}
}
/* The workspace is a destination, not one more map tool. Between 641 and 1100 pixels the bar hid
   every label, which left it an unlabelled glyph among glyphs and visitors never found it. It
   keeps its word at every width, and wears the accent so the eye separates it from the tools.
   It has to be shown here: patch.css hides every top bar button on a phone, and workspace.css,
   which used to bring this one back, now loads only once the workspace is open. */
#workspace-entry {text-decoration:none;white-space:nowrap;font-size:13px}
body.atlas-ui #topbar #workspace-entry {display:flex}
body.atlas-ui #topbar #workspace-entry span {display:inline!important;font-weight:600}
body.atlas-ui #topbar #workspace-entry {width:auto;flex:0 0 auto;white-space:nowrap;color:var(--ui-accent);border-color:#c5e4eb;background:var(--ui-wash);padding-inline:14px!important}
body.atlas-ui #topbar #workspace-entry:hover:not([disabled]) {background:var(--ui-accent);color:#fff;border-color:var(--ui-accent)}
@media(max-width:900px) {
 body.atlas-ui #crumbs {display:none}
 body.atlas-ui #topbar #toolcluster .barbtn:not([data-tool=menu]) {display:none}
}
@media(max-width:640px),(pointer:coarse) and (max-height:480px) {
 body.atlas-ui #topbar {gap:0}
 body.atlas-ui #topbar #workspace-entry {padding-inline:6px!important}
 body.atlas-ui #crumbs {display:none}
 body.atlas-ui #topbar #brandmark {padding-inline:0;margin-inline:0}
 body.atlas-ui #topbar #btn-back,body.atlas-ui #membership-entry {margin-inline:0}
 body.atlas-ui #membership-entry {width:64px;max-width:64px;white-space:normal;overflow-wrap:normal;padding-inline:5px}
 body.atlas-ui #toolcluster {margin-inline-start:auto}
}
@media(max-width:360px) {
 body.atlas-ui #brandmark {display:none}
 body.atlas-ui #topbar {padding-inline:4px;gap:0}
}

/* The rights notice and design credit share one line on narrow screens. */
body.atlas-ui #site-credit{width:max-content;max-width:calc(100vw - 16px);gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}
body.atlas-ui #site-credit>span{position:static;transform:none;color:#a5bac0;font-size:8px;white-space:nowrap}
body.atlas-ui #site-credit .atlas-copyright{white-space:nowrap}

/* Map pickers have their own hit area; hidden members cannot intercept it. */
#markers > .project-group{position:absolute;transform:translate(-50%,-50%);width:108px;height:44px;min-height:44px;box-sizing:border-box;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
#markers .map-label-hidden,#markers .map-label-hidden *,#markers .project-marker.is-grouped{pointer-events:none!important}
body.atlas-ui #markers .project-marker.is-grouped .map-pin,body.atlas-ui #markers .project-marker.is-grouped .map-pin *{pointer-events:none!important}
body.atlas-ui.atlas-area-mode #compass-slot{top:164px!important;bottom:auto!important}
body.atlas-ui.atlas-area-mode.atlas-ar #compass-slot{left:auto!important;right:24px!important}
body.atlas-ui.atlas-area-mode.atlas-explore-open #atlas-explore-toggle{display:none!important}
@media(min-width:641px) and (max-width:1099px) and (min-height:481px){
  body.atlas-ui.atlas-area-mode #compass-slot{top:222px!important}
  body.atlas-ui.atlas-overview.atlas-explore-open #atlas-explore-toggle{transform:translateY(calc(-100% - 12px))}
}
@media(max-width:640px){body.atlas-ui.atlas-area-mode #compass-slot{top:140px!important}}
@media(min-width:641px) and (max-height:480px){
  body.atlas-ui.atlas-area-mode #compass-slot{top:104px!important}
  body.atlas-ui.atlas-area-mode #atlas-area-projects.atlas-explorer-panel{top:104px!important;bottom:56px!important;height:auto!important;max-height:calc(100dvh - 160px)!important}
  body.atlas-ui.atlas-area-mode #atlas-area-projects.atlas-explorer-panel{padding:16px!important}
  body.atlas-ui.atlas-area-mode #atlas-area-projects .area-project-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  body.atlas-ui.atlas-area-mode #atlas-area-projects h2{font-size:20px}
  body.atlas-ui.atlas-area-mode #atlas-area-projects .area-menu-list{flex:none;overflow:visible}
}
@media(max-width:640px){
  body.atlas-ui #atlas-explore-toggle{bottom:calc(52px + env(safe-area-inset-bottom))!important}
  body.atlas-ui.atlas-overview #mobile-areas{bottom:calc(52px + env(safe-area-inset-bottom))!important}
  body.atlas-ui.atlas-overview #zoomrail{bottom:calc(118px + env(safe-area-inset-bottom))!important}
  body.atlas-ui.atlas-overview #area-explore-hint{bottom:calc(118px + env(safe-area-inset-bottom))!important}
}