/* 1.13.170: business-page appearance. The mode is resolved before page CSS.
 * Feed playback, overlays and the white bottom dock retain their own styling. */
:root[data-vtik-theme="light"] :is(body.vtik-shop-page,body.vtik-platform-profile-page,body.vtik-messages-page,body.vtik-seller-ui,body.vtik-upload-page,body[data-vtik-shipper-center]){color-scheme:light}
:root[data-vtik-theme="dark"] :is(body.vtik-shop-page,body.vtik-platform-profile-page,body.vtik-messages-page,body.vtik-seller-ui,body.vtik-upload-page,body[data-vtik-shipper-center]){color-scheme:dark}
:root[data-vtik-theme="light"]{background:#f6f7f8}
:root[data-vtik-theme="light"] body:is(.vtik-shell-scroll-page,.vtik-seller-ui,.vtik-upload-page,.vtik-seller-onboarding-page){--vtik-text-primary:#172027;--vtik-text-secondary:#53616d;--vtik-text-muted:#53616d;--vtik-text-subtle:#53616d;--vtik-link:#2F8F50}
/* Profile, account forms, settings and social lists. */
:root[data-vtik-theme="light"] body.vtik-platform-profile-page{background:#f6f7f8;color:#172027}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page :is(.vp-page,.vp-header,.vp-bottom){background:#f6f7f8;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page :is(.vp-modal-card,.vp-private-note,.vp-request-row,.vp-link-row,.vp-settings-summary div,.vp-settings-address,.vp-friends-entry,.vp-actions a,.vp-actions button,.vp-actions form,.vp-icon-btn,.vp-btn,.vp-qr-url){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page :is(.vp-header a,.vp-name h1,.vp-stat strong,.vp-private-note strong,.vp-settings-panel h3,.vp-modal-head h2,.vp-tab.is-active,.vp-friends-entry strong){color:#172027}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page :is(.vp-handle,.vp-meta,.vp-bio,.vp-stat span,.vp-settings-panel small,.vp-settings-summary small,.vp-link-row small,.vp-request-row small,.vp-tab,.vp-caption,.vp-empty){color:#53616d}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page :is(.vp-settings-nav button,.vp-select,.vp-form input,.vp-form textarea,.vp-modal input,.vp-modal textarea,.vp-modal select,.vp-modal-head button,.vp-qr-actions button){background:#fff;color:#172027;border-color:#d7dfe4}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page .vp-settings-nav button.is-active{background:#e8edf0;color:#172027;border-color:#cbd6dc}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page .vp-actions .primary,:root[data-vtik-theme="light"] body.vtik-platform-profile-page .vp-settings-actions .save{background:#45B96B;color:#fff;border-color:#45B96B}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page .vp-tab.is-active:after{background:#172027}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page .vp-danger{color:#a52d3b;border-color:#e4bfc5}
body.vtik-platform-profile-page .vp-appearance-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;margin:0 0 15px;border-bottom:1px solid #d7dfe4}
body.vtik-platform-profile-page .vp-appearance-setting label{display:grid;gap:3px}
body.vtik-platform-profile-page .vp-appearance-setting label small{font-size:12px}
body.vtik-platform-profile-page .vp-appearance-setting select{min-height:44px;min-width:148px}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page .vp-appearance-setting{border-color:#34353d}
@media(max-width:600px){body.vtik-platform-profile-page .vp-appearance-setting{align-items:stretch;flex-direction:column}body.vtik-platform-profile-page .vp-appearance-setting select{width:100%}}

/* 1.13.494 — Legal & Support brand-green visual alignment (UI-only). */
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-section="legal"].is-active{
  background:#EDF8F1!important;
  color:#2F8F52!important;
  border-color:#BFE4CB!important;
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-intro{
  color:#53616d!important;
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a{
  background:#fff!important;
  color:#172027!important;
  border-color:#D7E9DD!important;
  box-shadow:0 1px 0 rgba(23,32,39,.02);
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a:hover,
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a:focus-visible{
  background:#EDF8F1!important;
  border-color:#45B96B!important;
  box-shadow:0 0 0 3px rgba(69,185,107,.12);
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list strong{
  color:#172027!important;
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list small{
  color:#607067!important;
}
:root[data-vtik-theme="light"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a>span:last-child{
  color:#45B96B!important;
}

:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-section="legal"].is-active{
  background:#183022!important;
  color:#79D597!important;
  border-color:#315C3F!important;
}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a{
  background:#141A16!important;
  color:#F2F7F3!important;
  border-color:#294534!important;
}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a:hover,
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a:focus-visible{
  background:#1A281E!important;
  border-color:#45B96B!important;
  box-shadow:0 0 0 3px rgba(69,185,107,.14);
}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list strong{
  color:#F2F7F3!important;
}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list small{
  color:#A9B8AF!important;
}
:root[data-vtik-theme="dark"] body.vtik-platform-profile-page [data-settings-panel="legal"] .vp-legal-list>a>span:last-child{
  color:#79D597!important;
}
