/* A qualified Perspective dress may fill only these accepted presentation joints.
   The public C-store Store Look canvas remains a separate wardrobe and owner. */
html[data-perspective-dress] body {
  color:var(--ink);
  background:radial-gradient(circle at 10% -10%,color-mix(in srgb,var(--rose) 24%,transparent),transparent 28rem),
    linear-gradient(145deg,var(--trellis-deep),var(--trellis) 52%,var(--syd-concrete-dark));
  font-family:var(--syd-dress-body-font,ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif);
}
html[data-perspective-dress] :is(h1,h2,h3,h4,h5,h6,.wardrobe-look-name,.rail-destination) {
  font-family:var(--syd-dress-heading-font,ui-rounded,"Avenir Next",Avenir,system-ui,sans-serif);
}
html[data-perspective-dress] :is(.destination-stage,.destination-content,.vendor-rail,.customer-rail) {
  border-color:var(--syd-concrete-edge);
}
html[data-perspective-dress] body[data-perspective="VENDOR"] .destination-content:not(.store-look-page-canvas) {
  background:var(--syd-concrete) !important;
  color:var(--syd-skin-navy);
}
/* RoomRenderer marks signed-in back-office rooms as Perspective dress scope.
   Any qualified FRAMED furniture placed now or by a composed Account page
   receives the dress as one accessory rule. VENDOR_EXPERIENCE is marked
   STORE_LOOK instead, preserving the separate public C-store wardrobe. */
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="VENDOR"] [data-perspective-dress-scope="BACK_OFFICE"] [data-wardrobe-contract="SYDWALK_FURNITURE_WARDROBE_RECONCILIATION_R1"][data-wardrobe-surface="FRAMED"] {
  border-color:var(--syd-skin-cobalt) !important;
  background:linear-gradient(142deg,var(--syd-concrete-light),var(--syd-concrete) 68%,var(--syd-concrete-dark)) !important;
  color:var(--syd-skin-navy) !important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--syd-skin-navy) 16%,transparent),inset 0 -.2rem .34rem #0005,0 .34rem .72rem #0007 !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="VENDOR"] [data-perspective-dress-scope="BACK_OFFICE"] [data-wardrobe-contract="SYDWALK_FURNITURE_WARDROBE_RECONCILIATION_R1"][data-wardrobe-surface="FRAMED"] :is(h1,h2,h3,h4,strong,label) {
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="VENDOR"] [data-perspective-dress-scope="BACK_OFFICE"] [data-wardrobe-contract="SYDWALK_FURNITURE_WARDROBE_RECONCILIATION_R1"][data-wardrobe-surface="FRAMED"] :is(p,small,.eyebrow,[role="status"]) {
  color:var(--quiet) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="VENDOR"] [data-perspective-dress-scope="BACK_OFFICE"] [data-wardrobe-contract="SYDWALK_FURNITURE_WARDROBE_RECONCILIATION_R1"]:is([data-wardrobe-controls="FORM"],[data-wardrobe-controls="COMMANDS"]) :is(button,input:not([type="checkbox"]),select,textarea) {
  border-color:var(--syd-skin-cobalt) !important;
  background:var(--syd-concrete-light) !important;
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="VENDOR"] [data-perspective-dress-scope="BACK_OFFICE"] [data-wardrobe-contract="SYDWALK_FURNITURE_WARDROBE_RECONCILIATION_R1"] :is(input,textarea)::placeholder {
  color:var(--quiet) !important;
  opacity:1;
}
html[data-perspective-dress] :is(button,a,input,select,textarea):focus-visible {
  outline:3px solid var(--syd-skin-selection);
  outline-offset:2px;
}

/* C's Main Street rail, curb, and pull-tabs are global Perspective furniture.
   Their geometry and actions stay put; non-Concrete dresses replace only paint. */
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] :is(.map-reminder-tab,.map-return-tab) {
  border-color:var(--syd-concrete-edge) !important;
  border-top-color:var(--syd-concrete-cap) !important;
  background-color:var(--syd-concrete) !important;
  background-image:linear-gradient(178deg,var(--syd-concrete-light),var(--syd-concrete) 60%,var(--syd-concrete-mid) 61%,var(--syd-concrete-dark)) !important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--syd-skin-ivory) 32%,transparent),inset 0 -.42rem var(--syd-concrete-riser),0 .28rem .7rem #0008 !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] :is(.map-reminder-tab,.map-return-tab) .pull-tab-grip {
  background:var(--syd-concrete-edge) !important;
  box-shadow:0 1px var(--syd-concrete-cap);
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace :is(.viewport-vendor-rail,.my-bitemapp-sheet-handle) {
  background-color:var(--syd-concrete) !important;
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .viewport-vendor-rail {
  border-top-color:var(--syd-concrete-cap) !important;
  box-shadow:inset 0 .12rem color-mix(in srgb,var(--syd-skin-ivory) 30%,transparent),inset 0 -.25rem var(--syd-concrete-riser),0 -.25rem .9rem #0008 !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .viewport-vendor-rail-heading {
  color:var(--syd-skin-navy) !important;
  text-shadow:0 1px 1px var(--syd-skin-text-outline);
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .my-bitemapp-map-sheet {
  border-color:var(--syd-concrete-edge) !important;
  background:var(--syd-concrete-dark) !important;
  color:var(--syd-skin-navy) !important;
  box-shadow:0 -.26rem 0 var(--syd-concrete-mid),0 -.4rem 0 var(--syd-concrete-cap),0 .16rem .35rem #0008,0 .65rem 1.15rem #0007 !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .my-bitemapp-map-sheet::before {
  background:linear-gradient(180deg,var(--syd-concrete-cap),var(--syd-concrete-light) 72%,var(--syd-concrete-mid));
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .my-bitemapp-sheet-handle {
  border-bottom-color:var(--syd-concrete-riser) !important;
  box-shadow:inset 0 .22rem color-mix(in srgb,var(--syd-skin-ivory) 28%,transparent),inset 0 -.28rem #0005 !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .my-bitemapp-sheet-body {
  background:var(--syd-concrete-dark);
  color:var(--syd-skin-navy);
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .viewport-vendor-rail[data-rail-mode="MAIN_STREET_PAGES"] .viewport-main-street-page:not(.viewport-account-door) {
  border-color:var(--syd-concrete-edge);
  background:var(--syd-concrete-light);
  color:var(--syd-skin-navy);
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .viewport-vendor-rail[data-rail-mode="MAIN_STREET_PAGES"] .viewport-main-street-page:not(.viewport-account-door)[aria-pressed="true"] {
  border-color:var(--syd-skin-safety);
  background:var(--syd-concrete-cap);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--syd-skin-safety) 38%,transparent);
}

/* Directory is one qualified card family with several placements. Keep the
   Store Look canvas separate and preserve each card's State-colored edge. */
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #destination-content:not(.store-look-page-canvas) :is(.directory-card,.community-listing-card,[data-main-street-place-directory] .map-place-card),
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace :is(.map-sheet-card,.community-listing-card,.map-place-card),
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .vendor-map-directory-card {
  border-top-color:var(--syd-concrete-edge) !important;
  border-right-color:var(--syd-concrete-edge) !important;
  background:var(--syd-concrete-light) !important;
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .map-sheet-card .map-sheet-identity {
  background:var(--syd-concrete-light) !important;
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #destination-content:not(.store-look-page-canvas) :is(.directory-card,.community-listing-card,[data-main-street-place-directory] .map-place-card) :is(.vendor-when-where,small),
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace :is(.map-sheet-card,.community-listing-card,.map-place-card,.vendor-map-directory-card) small {
  color:var(--quiet) !important;
}

/* RoomRenderer mounts both Main Street search forms as qualified FORM
   furniture. Dress their surfaces without changing query or command owners. */
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace :is(.main-street-shared-search,.main-street-tab-search) {
  background:var(--syd-concrete-dark) !important;
  color:var(--syd-skin-navy) !important;
}
html[data-perspective-dress] body[data-perspective="CUSTOMER"] #map-workspace :is(.main-street-shared-search,.main-street-tab-search) input[type="search"] {
  border:.18rem solid var(--syd-skin-cobalt) !important;
  background:var(--syd-concrete-light) !important;
  color:var(--syd-skin-navy) !important;
  caret-color:var(--syd-skin-safety);
  box-shadow:inset 0 0 0 .12rem var(--syd-skin-safety) !important;
}
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace :is(.main-street-shared-search,.main-street-tab-search) input[type="search"]::placeholder,
html[data-perspective-dress]:not([data-perspective-dress="CONCRETE"]) body[data-perspective="CUSTOMER"] #map-workspace .main-street-tab-search label {
  color:var(--quiet) !important;
  opacity:1;
}
html[data-perspective-dress] body[data-perspective="CUSTOMER"] #map-workspace :is(.main-street-shared-search,.main-street-tab-search) button[type="submit"] {
  border:.18rem solid var(--syd-skin-cobalt) !important;
  background:var(--syd-skin-safety) !important;
  color:var(--syd-skin-text-outline) !important;
  box-shadow:inset 0 0 0 .12rem var(--syd-skin-safety-light) !important;
}
html[data-perspective-dress] body[data-perspective="CUSTOMER"] #map-workspace .main-street-tab-search button[data-clear-main-street-search] {
  display:none !important;
}
@media (prefers-reduced-motion:reduce) {
  html[data-perspective-dress] * {scroll-behavior:auto !important;}
}