#vendor-join-view>.screen-heading h1{font-size:clamp(2rem,5vw,2.6rem);line-height:1.15;margin:0}
#vendor-join-view .account-panel{background:#edf7f8;border-color:#c5dadd;color:#073e49;padding:18px}
#vendor-join-view .account-listings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#vendor-join-view .vendor-listing-card{display:block;padding:14px;min-width:0;border:1px solid #7399a2;border-radius:12px;background:white;cursor:default}
.vendor-listing-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}
.vendor-listing-heading>strong{font-size:15px;line-height:1.4;min-width:0;overflow-wrap:anywhere}
#vendor-join-view .vendor-listing-status{flex-shrink:0;font-size:10px;line-height:1.4;padding:4px 7px;border:1px solid #c5dadd;border-radius:6px;background:#f4f7f8;color:#4d7077}
#vendor-join-view .vendor-listing-status[data-status=live]{color:#005866;background:#edf7f8;border-color:#7399a2}
#vendor-join-view .vendor-listing-status[data-status=pending]{color:#7e5b20;background:#fff8e9;border-color:#decba6}
#vendor-join-view .vendor-listing-status[data-status=hidden],#vendor-join-view .vendor-listing-status[data-status=rejected]{color:#9b2034;background:#fff0f2;border-color:#e5a7b0}
#vendor-join-view :is(.vendor-listing-meta,.vendor-listing-rate,.vendor-listing-visibility){font-size:12px;line-height:1.5;margin:6px 0;color:#4d7077}
#vendor-join-view .vendor-listing-rate{color:#073e49}
#vendor-join-view .listing-update-label{display:inline-block;font-size:11px;line-height:1.4;padding:5px 7px;margin:6px 0;background:#fff8e9;border-radius:6px;color:#7e5b20}
.vendor-listing-actions{display:flex;align-items:center;gap:8px;margin-top:10px}
#vendor-join-view .vendor-listing-actions button{width:auto;flex:0 0 auto;min-height:44px;padding:8px 12px;font-size:13px;box-shadow:none}
.vendor-listing-options{position:relative;margin-left:auto}
.vendor-listing-options summary{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;border:1px solid #7399a2;border-radius:8px;background:white;cursor:pointer;list-style:none}
.vendor-listing-options summary::-webkit-details-marker{display:none}
#vendor-join-view .vendor-listing-options .listing-delete{position:absolute;right:0;top:48px;z-index:2;min-width:130px;border:1px solid #e5a7b0;border-radius:8px;background:white;color:#9b2034;text-align:left}
@media(max-width:600px){#vendor-join-view .account-listings{grid-template-columns:1fr}#vendor-join-view .account-panel{padding:14px}}
/* Listing cards sit directly on the page; forms have their own screen. */
.app-shell[data-space=vendor][data-view=vendor-join],.app-shell[data-space=vendor][data-view=vendor-join] main,#vendor-join-view,
.app-shell[data-space=vendor][data-view=listing-editor],.app-shell[data-space=vendor][data-view=listing-editor] main,#listing-editor-view{background-color:#edf7f8!important}
#vendor-join-view .screen-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
#vendor-join-view .screen-heading .primary-button{width:auto;min-height:44px;padding:10px 16px;font-size:14px;border-radius:10px}
#vendor-join-view .account-panel{padding:0;border:0;background:transparent;box-shadow:none;margin:0}
#vendor-join-view .vendor-listing-card{padding:18px}
#vendor-join-view .account-listings{margin:0}
#vendor-join-view .vendor-listing-actions{margin-top:16px}
#vendor-join-view .vendor-listing-options>div{position:absolute;right:0;top:48px;z-index:2;min-width:150px;display:grid;gap:4px;padding:6px;background:#fff;border:1px solid #7399a2;border-radius:10px;box-shadow:0 6px 20px #073e4915}
#vendor-join-view .vendor-listing-options>div button{width:100%;text-align:left}
#vendor-join-view .vendor-listing-options .listing-delete{position:static;border:0;min-width:0}
#vendor-join-view #vendor-onboarding-form[hidden],#listing-editor-view fieldset[hidden]{display:none!important}
#listing-editor-view h1{font-size:clamp(2rem,5vw,2.6rem);margin:0}
#listing-editor-view .vendor-onboarding>fieldset{background:#fff;border-color:#c5dadd;border-radius:12px}
#listing-editor-view .vendor-onboarding>fieldset>legend{font-size:1.5rem}
@media(max-width:480px){#vendor-join-view .screen-heading{align-items:start;flex-wrap:wrap}#vendor-join-view .vendor-listing-card{padding:16px}}