/* V18: C is the visual donor. These rules cannot flow backward into Customer perspective. */
body[data-perspective="VENDOR"] {
  --sydwalk-ink: #173b49;
  --sydwalk-muted: #59696f;
  --sydwalk-line: #91a9b4;
  --sydwalk-line-soft: #c8d5da;
  --sydwalk-wall: #edf4f6;
  --sydwalk-paper: #fff;
  --sydwalk-raised: #f8fbfc;
  --sydwalk-shadow: 0 .45rem 1.25rem rgb(23 59 73 / 14%);
  color: var(--sydwalk-ink);
  background:
    radial-gradient(circle at 12% -12%, rgb(73 169 203 / 12%), transparent 30rem),
    linear-gradient(155deg, #f8fbfc, var(--sydwalk-wall) 58%, #e5eef1);
}

html:has(body[data-perspective="VENDOR"]) { background: #edf4f6; }

body[data-perspective="VENDOR"] .front-door,
body[data-perspective="VENDOR"] .bitemapp-brand-footer { color: var(--sydwalk-ink); }

body[data-perspective="VENDOR"] .header-tool:not(.pearl-entry) {
  border-color: var(--sydwalk-line);
  color: var(--sydwalk-ink);
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 .15rem .45rem rgb(23 59 73 / 14%);
}

body[data-perspective="VENDOR"] :is(.fixture-ribbon,.noscript) {
  border-color: var(--sydwalk-line-soft);
  color: var(--sydwalk-ink);
  background: rgb(255 255 255 / 84%);
}

body[data-perspective="VENDOR"] .destination-stage {
  border-color: var(--sydwalk-line-soft);
  background: var(--sydwalk-raised);
  box-shadow: 0 .65rem 1.8rem rgb(23 59 73 / 15%);
}

body[data-perspective="VENDOR"] .destination-content {
  color: var(--sydwalk-ink);
  background:
    radial-gradient(circle at 100% 0, rgb(73 169 203 / 7%), transparent 24rem),
    transparent;
}

body[data-perspective="VENDOR"] :is(.destination-heading,.room-heading) h1 { color: var(--sydwalk-ink); }
body[data-perspective="VENDOR"] :is(.destination-heading,.room-heading) p { color: var(--sydwalk-muted); }

body[data-perspective="VENDOR"] .destination-rail {
  border-color: var(--sydwalk-line-soft);
  color: var(--sydwalk-ink);
  background: rgb(255 255 255 / 96%);
  box-shadow: var(--sydwalk-shadow);
}

body[data-perspective="VENDOR"] .rail-destination { color: #36515d; }
body[data-perspective="VENDOR"] .rail-icon { color: #477484; }
body[data-perspective="VENDOR"] .rail-destination:hover {
  border-color: var(--sydwalk-line);
  background: #edf5f7;
}
body[data-perspective="VENDOR"] .rail-destination[aria-current="page"] {
  border-color: #6f929f;
  color: var(--sydwalk-ink);
  background: #f1f7f9;
  box-shadow: inset 0 -.22rem 0 #477484;
}
body[data-perspective="VENDOR"] .rail-destination[aria-current="page"] .rail-icon { color: #315f73; }
body[data-perspective="VENDOR"] .rail-help { color: var(--sydwalk-muted); }

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-color: var(--sydwalk-line-soft);
  color: var(--sydwalk-ink);
  background: var(--sydwalk-paper);
  box-shadow: var(--sydwalk-shadow);
}

body[data-perspective="VENDOR"] .vendor-experience {
  color: var(--sydwalk-ink);
  background: linear-gradient(155deg, #fff 0%, color-mix(in srgb, var(--vendor-surface,#edf4f6) 46%, #fff) 100%);
}

body[data-perspective="VENDOR"] :is(.vendor-content-area,.experience-content,.display-window) {
  background: rgb(255 255 255 / 88%);
}

body[data-perspective="VENDOR"] :is(.desk-preview,.toolbox,.offering-item-editor,.calendar-item,.saved-stop) {
  border-color: var(--sydwalk-line-soft);
  background: var(--sydwalk-raised);
}

body[data-perspective="VENDOR"] :is(input,select,textarea) {
  border-color: var(--sydwalk-line);
  color: var(--sydwalk-ink);
  background: #fff;
}

body[data-perspective="VENDOR"] :is(
  .tool-grid button,.vendor-front-door button,.vendor-experience button,.empty-card button,
  .one-truth-accessible button,.desk-filters button,.desk-item,.filing-cabinet button,
  .vendor-owner-controls button,.growth-corner button,.perspective-flower button,
  .vendor-presentation-settings button,.backroom-navigation button
):not(.one-truth-control):not(.offering-card-edit-hit) {
  border-color: var(--sydwalk-line);
  color: var(--sydwalk-ink);
  background: #fff;
}

body[data-perspective="VENDOR"] :is(
  .flower-edit-card,.vendor-mode-card,.edit-backroom[data-edit-mode="OFFERING"],
  .backroom:not(.status-backroom)
) {
  border-color: var(--sydwalk-line);
  color: var(--sydwalk-ink);
  background: linear-gradient(155deg, #fff, var(--sydwalk-wall));
  box-shadow: 0 .8rem 2.5rem rgb(23 59 73 / 25%);
}

body[data-perspective="VENDOR"] .coaching-cloud {
  border-color: var(--sydwalk-line);
  color: var(--sydwalk-ink);
  background: rgb(255 255 255 / 96%);
  box-shadow: var(--sydwalk-shadow);
}

/* State remains the traffic light. Presentation repaint may not weaken it. */
body[data-perspective="VENDOR"] .one-truth-home.status-open { border-color: var(--living); background:#e8f5ec; }
body[data-perspective="VENDOR"] :is(.one-truth-home.status-moving,.one-truth-home.status-caution) { border-color:var(--gold); background:#fff5d6; }
body[data-perspective="VENDOR"] .one-truth-home.status-closed { border-color:var(--locator); background:#fbe7e4; }
body[data-perspective="VENDOR"] .vendor-experience.status-open { border-color:var(--living); }
body[data-perspective="VENDOR"] .vendor-experience.status-closed { border-color:var(--locator); }
body[data-perspective="VENDOR"] .vendor-experience:is(.status-standby,.status-moving) { border-color:#d18a00; }

@media (max-width: 42rem) {
  body[data-perspective="VENDOR"] .app-shell { padding-inline: .5rem; }
  body[data-perspective="VENDOR"] .destination-stage { border-radius: 1.15rem; }
  body[data-perspective="VENDOR"] .destination-content { padding: .85rem; }
  body[data-perspective="VENDOR"] .destination-rail { margin-inline: .35rem; }
  body[data-perspective="VENDOR"] .backroom { width: calc(100% - .75rem); }
}