/* 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:8px;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 8px 8px 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 #zoomrail button:hover {background:var(--ui-wash);color:var(--ui-accent)}
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:#153a4de8;border-color:#b9d5df77;border-radius:7px;color:#fff}

/* 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('/atlas-arabic-ceea25b464a6.ttf') format('truetype');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:8px 0 0 8px}
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: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:0 10px 0 0;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:0 4px;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 #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 #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:68px 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)}