/* SYDWALK VENDOR STREETSCAPE SKIN R1 — presentation only.
   V keeps its existing Owners, State, Wardrobe, Page Studio, and Store Look. */
html body[data-perspective="VENDOR"] {
  --v-street-cobalt:var(--syd-skin-cobalt);
  --v-street-navy:var(--syd-skin-navy);
  --v-street-concrete:var(--syd-concrete);
  --v-street-concrete-light:var(--syd-concrete-light);
  --v-street-concrete-mid:var(--syd-concrete-mid);
  --v-street-concrete-dark:var(--syd-concrete-dark);
  --v-street-concrete-edge:var(--syd-concrete-edge);
  --v-street-concrete-riser:var(--syd-concrete-riser);
  --v-street-ivory:var(--syd-skin-ivory);
  --v-street-cyan:var(--syd-skin-selection);
  --v-street-maplibre-blue:var(--syd-skin-map-blue);
  --v-street-cyan-edge:var(--syd-skin-selection-edge);
  --v-street-open:var(--syd-state-open);
  --v-street-closed:var(--syd-state-closed);
  --v-street-caution:var(--syd-state-caution);
  background-color:var(--v-street-concrete);
  background-image:linear-gradient(90deg,
    transparent calc(20% - .75px),rgb(43 58 65 / 18%) calc(20% - .75px) calc(20% + .75px),
    transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 18%) calc(80% - .75px) calc(80% + .75px),
    transparent calc(80% + .75px));
}

/* V reuses C's accepted concrete edge-tab geometry.  Only the breadcrumb
   label differs; the existing doors retain their actions and slide position. */
html body[data-perspective="VENDOR"] .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"],
html body[data-perspective="VENDOR"] .global-tools-ear[data-ear-side="RIGHT"],
html body[data-perspective="VENDOR"] .front-door .contextual-rail-gear-slot .contextual-gear {
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.38rem !important;
  width:3.45rem !important;
  min-width:3.45rem !important;
  max-width:3.45rem !important;
  height:auto !important;
  min-height:8.6rem !important;
  padding:.55rem .4rem !important;
  border:.12rem solid var(--v-street-concrete-edge) !important;
  background:linear-gradient(92deg,var(--v-street-concrete-light),var(--v-street-concrete) 60%,var(--v-street-concrete-dark)) !important;
  color:var(--v-street-navy) !important;
  box-shadow:inset 0 1px #f1f3f1aa,inset 0 -.35rem var(--v-street-concrete-riser),0 .25rem .7rem #04153455 !important;
  filter:none !important;
}
html body[data-perspective="VENDOR"] .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"] {
  top:var(--start-here-ear-top,50%) !important;
  right:auto !important;
  left:0 !important;
  border-left:0 !important;
  border-radius:0 1rem 1rem 0 !important;
  transform:translateY(-50%) !important;
}
html body[data-perspective="VENDOR"] .global-tools-ear[data-ear-side="RIGHT"] {
  top:var(--vendor-tools-ear-top,50%) !important;
  right:0 !important;
  border-right:0 !important;
  border-radius:1rem 0 0 1rem !important;
  transform:translateY(-50%) !important;
}
html body[data-perspective="VENDOR"] .front-door .contextual-rail-gear-slot {
  top:var(--vendor-page-studio-ear-top,50%) !important;
  right:0 !important;
  width:3.45rem !important;
  height:8.6rem !important;
  transform:translateY(-50%) !important;
}
html body[data-perspective="VENDOR"] .front-door .contextual-rail-gear-slot .contextual-gear {
  inset:0 !important;
  border-right:0 !important;
  border-radius:1rem 0 0 1rem !important;
  transform:none !important;
}
html body[data-perspective="VENDOR"] :is(
  .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"],
  .global-tools-ear[data-ear-side="RIGHT"],
  .front-door .contextual-rail-gear-slot .contextual-gear
) { touch-action:none; }
html body[data-perspective="VENDOR"]:has(.global-tools-ear[data-ear-side="RIGHT"]:not([hidden])) .global-tools-ear[data-ear-side="RIGHT"] {
  top:var(--vendor-tools-ear-top,38%) !important;
}
html body[data-perspective="VENDOR"]:has(.global-tools-ear[data-ear-side="RIGHT"]:not([hidden])) .front-door .contextual-rail-gear-slot {
  top:var(--vendor-page-studio-ear-top,62%) !important;
}
html body[data-perspective="VENDOR"] .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"]::after,
html body[data-perspective="VENDOR"] .global-tools-ear[data-ear-side="RIGHT"]::before,
html body[data-perspective="VENDOR"] .front-door .contextual-rail-gear-slot .contextual-gear::before {
  color:var(--v-street-maplibre-blue) !important;
  -webkit-text-stroke:.65px var(--syd-skin-text-outline);
  paint-order:stroke fill;
  text-shadow:none !important;
  font-weight:900 !important;
}
html body[data-perspective="VENDOR"] .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"]::after {
  content:none !important;
  display:none !important;
}
html body[data-perspective="VENDOR"] .vendor-ear-wordmark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font:900 .78rem/1.05 system-ui,sans-serif;
  letter-spacing:.01em;
  color:var(--v-street-maplibre-blue) !important;
  -webkit-text-stroke:.65px var(--syd-skin-text-outline);
  paint-order:stroke fill;
  text-shadow:none;
}
html body[data-perspective="VENDOR"] .global-tools-ear[data-ear-side="RIGHT"]::before,
html body[data-perspective="VENDOR"] .front-door .contextual-rail-gear-slot .contextual-gear::before {
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
html body[data-perspective="VENDOR"] :is(
  .front-door .sydwalk-shell-flower.perspective-door[data-ear-side="LEFT"] img,
  .global-tools-ear[data-ear-side="RIGHT"] img,
  .front-door .contextual-rail-gear-slot .contextual-gear img
) {
  flex:0 0 2.65rem !important;
  width:2.65rem !important;
  height:2.65rem !important;
  margin:0 !important;
  object-fit:contain !important;
  transform:none !important;
}
html body:not([data-perspective="VENDOR"]) .vendor-ear-wordmark {display:none;}
html body[data-perspective="VENDOR"] :is(.vendor-ear-wordmark,.v-step-wordmark) .sydwalk-return-syd {
  color:var(--syd-skin-safety) !important;
  -webkit-text-stroke:.8px var(--syd-skin-text-outline);
  paint-order:stroke fill;
}
html body[data-perspective="VENDOR"] :is(.vendor-ear-wordmark,.v-step-wordmark) .sydwalk-return-walk {
  color:#fff !important;
  -webkit-text-stroke:.8px var(--syd-skin-text-outline);
  paint-order:stroke fill;
}
html body[data-perspective="VENDOR"] :is(.sydwalk-return-map,.sydwalk-return-destination) {
  color:var(--syd-skin-map-blue) !important;
  -webkit-text-stroke:.8px var(--syd-skin-text-outline);
  paint-order:stroke fill;
}
html body[data-perspective="VENDOR"] :is(.sydwalk-return-map,.sydwalk-return-destination) {
  margin-left:.28rem;
}
html body[data-perspective="VENDOR"] .v-step-wordmark {
  gap:0;
  font-size:1.02rem;
  font-weight:900;
  white-space:nowrap;
}

/* Concrete is the complete default V dress: it frames every accepted room
   while the room's qualified furniture and future cultural dresses retain
   their own identities and Owners. */
html.store-look-global-dress body[data-perspective="VENDOR"] :is(.destination-stage,.destination-content) {
  background-color:var(--v-street-concrete) !important;
  background-image:linear-gradient(90deg,
    transparent calc(20% - .75px),rgb(43 58 65 / 20%) calc(20% - .75px) calc(20% + .75px),
    transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 20%) calc(80% - .75px) calc(80% + .75px),
    transparent calc(80% + .75px)) !important;
  color:var(--v-street-navy) !important;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .destination-content {
  border-top:.2rem solid var(--syd-concrete-cap);
  box-shadow:inset 0 .12rem #fff8;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .room-heading {
  box-sizing:border-box;
  margin:0 0 .8rem;
  padding:.7rem clamp(.8rem,2vw,1.1rem);
  border:.12rem solid var(--v-street-concrete-edge);
  border-top:.28rem solid var(--syd-concrete-cap);
  border-radius:.9rem;
  background:linear-gradient(178deg,var(--v-street-concrete-light),var(--v-street-concrete) 62%,var(--v-street-concrete-mid));
  color:var(--v-street-navy);
  box-shadow:inset 0 1px #f1f3f1aa,inset 0 -.28rem var(--v-street-concrete-riser),0 .24rem .55rem #04153438;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .room-heading :is(h1,h2,h3,p) {
  color:inherit !important;
}

/* The V rail is a concrete work ledge; its existing destinations remain unchanged. */
html.store-look-global-dress body[data-perspective="VENDOR"] .destination-footer {
  isolation:isolate;
  border-top:.24rem solid var(--syd-concrete-cap) !important;
  border-bottom:.46rem solid var(--v-street-concrete-dark) !important;
  background-color:var(--v-street-concrete) !important;
  background-image:linear-gradient(90deg,
    transparent calc(20% - .75px),rgb(43 58 65 / 24%) calc(20% - .75px) calc(20% + .75px),
    transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 24%) calc(80% - .75px) calc(80% + .75px),
    transparent calc(80% + .75px)) !important;
  box-shadow:inset 0 .12rem #fff9,inset 0 -.3rem #48596066,0 -.28rem .9rem #0415343d !important;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .destination-footer::before {
  content:"";
  position:absolute;
  z-index:0;
  top:-.38rem;
  right:0;
  left:0;
  height:.38rem;
  border-radius:1rem 1rem 0 0;
  background:linear-gradient(180deg,#f4f6f6 0%,#c1cacc 62%,#93a2a9 100%);
  box-shadow:0 -.1rem .18rem #04153424;
  pointer-events:none;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .destination-footer::after {
  content:"";
  position:absolute;
  z-index:0;
  right:0;
  bottom:0;
  left:0;
  height:.46rem;
  background:linear-gradient(180deg,var(--v-street-concrete-mid),var(--v-street-concrete-dark));
  pointer-events:none;
}
html.store-look-global-dress body[data-perspective="VENDOR"] :is(.destination-rail,.rail-track) {
  position:relative;
  z-index:1;
  background:transparent !important;
}
/* The truth bar and referral command are one toolbar, but retain separate Owners. */
html body[data-perspective="VENDOR"] .status-strip {align-items:stretch;gap:.45rem}
html body[data-perspective="VENDOR"] .vendor-invite-trigger {
  min-width:6.65rem;
  border:.18rem solid var(--v-street-cobalt) !important;
  background:linear-gradient(142deg,#fffef9,var(--v-street-ivory)) !important;
  color:var(--v-street-navy) !important;
  box-shadow:inset 0 0 0 1px #fff,0 .16rem .2rem #04153430 !important;
}

/* Compact Store identity: logo, identity, State, then relationship actions. */
html body[data-perspective="VENDOR"] .vendor-experience>header {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  align-items:center;
  gap:.28rem .75rem;
}
html body[data-perspective="VENDOR"] .vendor-experience>header>.vendor-logo-picker {grid-column:1;grid-row:1/3;align-self:center}
html body[data-perspective="VENDOR"] .vendor-experience>header>div:not(.relationship-cluster) {grid-column:2;grid-row:1/3;min-width:0}
html body[data-perspective="VENDOR"] .vendor-experience>header>div:not(.relationship-cluster) :is(h2,h3) {margin:.12rem 0}
html body[data-perspective="VENDOR"] .vendor-experience>header>.status-badge {grid-column:3;grid-row:1;justify-self:end}
html body[data-perspective="VENDOR"] .vendor-experience>header>.relationship-cluster {grid-column:3;grid-row:2;justify-self:end;margin:0}
html body[data-perspective="VENDOR"] .vendor-experience>header .vendor-reputation {display:block;margin:.22rem 0 0}
html body[data-perspective="VENDOR"] .vendor-experience>.experience-story {margin-top:.65rem}
@media(max-width:32rem){
  html body[data-perspective="VENDOR"] .vendor-experience>header {grid-template-columns:auto minmax(0,1fr)}
  html body[data-perspective="VENDOR"] .vendor-experience>header>.vendor-logo-picker {grid-row:1/2}
  html body[data-perspective="VENDOR"] .vendor-experience>header>div:not(.relationship-cluster) {grid-row:1}
  html body[data-perspective="VENDOR"] .vendor-experience>header>.status-badge {grid-column:1;grid-row:2;justify-self:start}
  html body[data-perspective="VENDOR"] .vendor-experience>header>.relationship-cluster {grid-column:2;grid-row:2;justify-self:start}
}
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination {
  margin:.12rem;
  border:.2rem solid var(--v-street-cobalt) !important;
  border-radius:.82rem !important;
  background:linear-gradient(142deg,#fffef9 0%,var(--v-street-ivory) 65%,#f4ead7 100%) !important;
  color:var(--v-street-navy) !important;
  box-shadow:inset 0 0 0 1px #fff,inset 0 .14rem .24rem #ffffffd9,inset 0 -.18rem .3rem #8f754429,0 .2rem .16rem #04153438 !important;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination[aria-current="page"] {
  outline:.2rem solid var(--v-street-cyan) !important;
  outline-offset:.12rem !important;
  box-shadow:inset 0 0 0 1px #fff,0 0 0 .1rem var(--v-street-cyan-edge),0 0 .62rem #00aaff,0 .22rem .24rem #04153445 !important;
}
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination :is(.rail-icon,span) { color:inherit; }
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination[data-destination-target="STATUS"][data-operating-state="open"] .rail-icon { color:var(--v-street-open); }
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination[data-destination-target="STATUS"]:is([data-operating-state="standby"],[data-operating-state="moving"]) .rail-icon { color:var(--v-street-caution); }
html.store-look-global-dress body[data-perspective="VENDOR"] .rail-destination[data-destination-target="STATUS"][data-operating-state="closed"] .rail-icon { color:var(--v-street-closed); }

/* The existing V Map pull-tab wears C's accepted concrete-step recipe. */
html body[data-perspective="VENDOR"] .map-reminder-tab {
  box-sizing:border-box;
  width:var(--syd-step-width);
  max-width:none;
  border:.12rem solid var(--syd-concrete-edge) !important;
  border-top:.32rem solid var(--syd-concrete-cap) !important;
  background:linear-gradient(178deg,var(--syd-concrete-light) 0,var(--syd-concrete) 60%,var(--syd-concrete-mid) 61%,var(--syd-concrete-dark) 100%) !important;
  color:var(--v-street-maplibre-blue) !important;
  box-shadow:inset 0 1px #f1f3f1aa,inset 0 -.42rem 0 var(--syd-concrete-riser),0 .28rem .7rem #04153455 !important;
}
html body[data-perspective="VENDOR"] :is(.map-reminder-tab,.map-return-tab) .pull-tab-copy,
html body[data-perspective="VENDOR"] #map-workspace :is(.customer-vendor-experience-tab-copy,.my-bitemapp-sheet-handle small,.vendor-directory-tab-copy) {
  color:#0f6f3b !important;
  -webkit-text-stroke:.3px #054523;
  paint-order:stroke fill;
  text-shadow:0 1px 0 #a8dbba,0 0 .14rem #249b52;
}
html body[data-perspective="VENDOR"] .map-reminder-tab .pull-tab-grip {
  background:#3f4b4e !important;
  box-shadow:0 1px #dce1df;
}

/* V opens the same Map station and receives the same admitted streetscape dress. */
html body[data-perspective="VENDOR"] #map-workspace .map-board :is(.map-tools,.map-zoom-controls) {
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
html body[data-perspective="VENDOR"] #map-workspace .map-board :is(.map-tool,.map-zoom-controls button) {
  border:.15rem solid var(--v-street-cobalt) !important;
  border-radius:999px !important;
  background:radial-gradient(circle at 34% 22%,#fff7b8 0 11%,transparent 32%),linear-gradient(145deg,#ffe56b,#f6c900 58%,#e5aa00) !important;
  color:var(--v-street-navy) !important;
  text-shadow:0 1px 0 #fff8;
  box-shadow:inset 0 0 0 1px #fff4,inset 0 -.18rem .3rem #8d620052,0 .17rem .12rem #04153435,0 .38rem .62rem #04153425 !important;
}
html body[data-perspective="VENDOR"] #map-workspace .map-board :is(.map-tool,.map-zoom-controls button):is(:focus-visible,.is-active),
html body[data-perspective="VENDOR"] #map-workspace .map-board .map-tool[data-layers-toggle][aria-expanded="true"] {
  outline:.2rem solid var(--v-street-cyan) !important;
  outline-offset:.16rem !important;
}
html body[data-perspective="VENDOR"] #map-workspace .map-board .layers-palette {
  inset:7.15rem auto auto 4.35rem !important;
  width:min(15rem,calc(100% - 5.2rem));
  padding:.9rem .72rem;
  border:.22rem solid var(--v-street-cobalt) !important;
  border-radius:.48rem !important;
  background:linear-gradient(145deg,#eef1f0 0,#c2c9ca 48%,#a6b0b2 100%) !important;
  color:var(--v-street-navy) !important;
  box-shadow:inset 0 0 0 2px #edf1f0,inset 0 0 0 3px #63717680,inset 0 -.22rem .32rem #56616435,0 .35rem .9rem #04153452 !important;
  backdrop-filter:none !important;
}
html body[data-perspective="VENDOR"] #map-workspace :is(.customer-vendor-experience-tab,.my-bitemapp-sheet-handle,.vendor-directory-drawer-handle),
html body[data-perspective="VENDOR"] .map-return-tab {
  border:.12rem solid var(--syd-concrete-edge) !important;
  border-top:.32rem solid var(--syd-concrete-cap) !important;
  background-color:var(--v-street-concrete) !important;
  background-image:
    linear-gradient(90deg,transparent calc(20% - .75px),rgb(43 58 65 / 24%) calc(20% - .75px) calc(20% + .75px),transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 24%) calc(80% - .75px) calc(80% + .75px),transparent calc(80% + .75px)),
    linear-gradient(178deg,var(--v-street-concrete-light) 0,var(--v-street-concrete) 60%,var(--v-street-concrete-mid) 61%,var(--v-street-concrete-dark) 100%) !important;
  color:var(--v-street-maplibre-blue) !important;
  box-shadow:inset 0 1px #f1f3f1aa,inset 0 -.42rem 0 var(--syd-concrete-riser),0 .28rem .7rem #04153455 !important;
}
html body[data-perspective="VENDOR"] .map-return-tab {
  box-sizing:border-box;
  right:auto;
  left:50%;
  width:var(--syd-step-width);
  max-width:none;
  min-height:3.2rem;
  transform:translateX(-50%);
  border-radius:1.05rem 1.05rem 0 0;
}
html body[data-perspective="VENDOR"] #map-workspace .vendor-directory-drawer-handle {
  box-sizing:border-box;
  justify-self:center;
  width:var(--syd-step-width);
  max-width:calc(100vw - 1rem);
  min-height:3.2rem;
  padding:.32rem 1.15rem .25rem;
  border-radius:0 0 1.05rem 1.05rem;
  text-align:center;
}
html body[data-perspective="VENDOR"] #map-workspace .vendor-directory-drawer-handle .vendor-directory-tab-copy {
  grid-column:1/-1;
  justify-self:center;
  min-width:0;
}
html body[data-perspective="VENDOR"] #map-workspace .vendor-directory-drawer-handle .vendor-directory-tab-copy {
  color:var(--v-street-maplibre-blue) !important;
  -webkit-text-stroke:.65px var(--syd-skin-text-outline);
  paint-order:stroke fill;
  text-shadow:none;
}
html body[data-perspective="VENDOR"] .map-return-tab .pull-tab-copy,
html body[data-perspective="VENDOR"] .map-return-tab .pull-tab-copy > span {
  color:var(--v-street-maplibre-blue) !important;
  -webkit-text-stroke:.65px var(--syd-skin-text-outline);
  paint-order:stroke fill;
  text-shadow:none;
}
html body[data-perspective="VENDOR"] :is(.map-reminder-tab,.map-return-tab) :is(
  .sydwalk-return-map,
  .sydwalk-return-destination
) {
  -webkit-text-stroke:.65px var(--syd-skin-text-outline) !important;
  paint-order:stroke fill;
}
/* The V-room pull-down lives outside #map-workspace, so qualify its Map word
   directly instead of relying on the reciprocal Map-face cascade. */
html body[data-perspective="VENDOR"] .map-reminder-tab .sydwalk-return-map {
  color:var(--v-street-maplibre-blue) !important;
  -webkit-text-stroke:.8px var(--syd-skin-text-outline) !important;
  paint-order:stroke fill;
  text-shadow:none !important;
}
html body[data-perspective="VENDOR"] #map-workspace .vendor-directory-drawer-handle .vendor-directory-tab-grip {
  background:#3f4b4e !important;
  box-shadow:0 1px #dce1df;
}
html body[data-perspective="VENDOR"] #map-workspace .vendor-directory-drawer[data-directory-open="false"] {
  right:0;
  left:0;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
html body[data-perspective="VENDOR"] #map-workspace .viewport-vendor-rail {
  background-color:var(--v-street-concrete) !important;
  background-image:linear-gradient(90deg,transparent calc(20% - .75px),rgb(43 58 65 / 24%) calc(20% - .75px) calc(20% + .75px),transparent calc(20% + .75px) calc(80% - .75px),rgb(43 58 65 / 24%) calc(80% - .75px) calc(80% + .75px),transparent calc(80% + .75px)) !important;
  box-shadow:inset 0 .12rem #fff9,inset 0 -.25rem #4859604d,0 -.25rem .9rem #0415343d !important;
}

/* One quiet room canvas throughout V.  Wardrobe may dress the admitted
   furniture, but moving between Experience and another room must not change
   the floor beneath it from grey to linen. */
html body[data-perspective="VENDOR"] {
  --v-page-canvas:color-mix(in srgb,var(--syd-concrete-cap) 52%,#fff);
}
html body[data-perspective="VENDOR"] :is(
  .destination-content,
  .destination-content.store-look-page-canvas,
  .vendor-experience[data-look-source]
) {
  background-color:var(--v-page-canvas) !important;
  background-image:none !important;
}

/* Existing V back-of-house furniture wears glazed ceramic; Store Look remains free inside Experience. */
html body[data-perspective="VENDOR"] :is(
  .vendor-card,.relationship-card,.event-card,.empty-state,.empty-card,.front-door-panel,
  .desk-workspace,.notepad-workspace,.vendor-owner-controls,.growth-corner,.perspective-flower,
  .vendor-flower,.vendor-presentation-settings,.toolbox,.filing-cabinet,.account-vault,
  .calendar-dashboard>section,.calendar-actions,.vendor-record-card,.vendor-record-detail,
  .social-room-grid>section,.vendor-x-recipes,.vendor-events-runtime form,.vendor-event-card,
  .scheduled-auto-open-control,.status-location-control,.daily-role-control
) {
  border:clamp(.25rem,.55vw,.4rem) solid var(--v-street-cobalt) !important;
  border-radius:1rem !important;
  background:linear-gradient(142deg,#fffef9 0%,var(--v-street-ivory) 68%,#f4ead7 100%) !important;
  box-shadow:inset 0 0 0 1px #fff,inset 0 .18rem .28rem #ffffffd9,inset 0 -.2rem .34rem #8f754429,0 .34rem .72rem #0415342e !important;
}

/* State remains Owner-projected Truth; cyan remains selection/focus only. */
html body[data-perspective="VENDOR"] .one-truth-home.status-open { border-bottom-color:var(--v-street-open) !important; }
html body[data-perspective="VENDOR"] .one-truth-home.status-closed { border-bottom-color:var(--v-street-closed) !important; }
html body[data-perspective="VENDOR"] .one-truth-home:is(.status-moving,.status-standby,.status-caution) { border-bottom-color:var(--v-street-caution) !important; }
html body[data-perspective="VENDOR"] :is(button,a,input,select,textarea):focus-visible {
  outline:.2rem solid var(--v-street-cyan) !important;
  outline-offset:.14rem !important;
}

@media (max-width:390px) {
  html body[data-perspective="VENDOR"] .rail-destination { min-width:4.6rem; }
}
@media (prefers-reduced-motion:reduce) {
  html body[data-perspective="VENDOR"] * { animation-duration:0s !important;transition-duration:0s !important; }
}
@media (forced-colors:active) {
  html body[data-perspective="VENDOR"] :is(.destination-footer,.rail-destination,.one-truth-home) {
    forced-color-adjust:auto;border-color:ButtonText !important;background:ButtonFace !important;color:ButtonText !important;box-shadow:none !important;
  }
}