/* One empty-state layout shared by Staff, Credit and Catalog. */
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775){
 box-sizing:border-box!important;display:grid!important;grid-template-rows:68px 58px 68px 48px 18px!important;gap:12px!important;
 align-items:center!important;justify-items:center!important;margin:24px 0 32px!important;padding:28px 20px!important;
 min-height:364px!important;width:100%!important;border:1px solid #e3e5e8!important;border-radius:24px!important;
 background:linear-gradient(160deg,#fff,#fdfbf5)!important;text-align:center!important;box-shadow:0 8px 28px #20222705!important;
}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > :is(.staff-welcome-icon,.credit-welcome-icon,.catalog-welcome-icon-v773,.customer-invite-welcome-icon){
 box-sizing:border-box!important;display:grid!important;place-items:center!important;margin:0!important;width:68px!important;height:68px!important;
 border-radius:21px!important;background:#f5eedc!important;color:#a47d25!important;font-size:28px!important;
}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > h3{
 display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:100%!important;max-width:320px!important;
 font-size:24px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.5px!important;color:#18191b!important;
}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > p{
 margin:0!important;max-width:300px!important;font-size:14px!important;line-height:1.6!important;color:#8a8e97!important;
}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > button{
 box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 width:232px!important;max-width:100%!important;min-height:48px!important;height:48px!important;padding:12px 16px!important;
 border:0!important;border-radius:14px!important;background:#18191b!important;color:white!important;font:inherit;font-size:14px!important;font-weight:700!important;cursor:pointer;
}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > button i{color:#c7a043!important}
:is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > small{
 display:block!important;margin:0!important;font-size:12px!important;line-height:1.5!important;color:#979ba3!important;
}
@media(max-width:340px){
 :is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775){grid-template-rows:68px 58px 90px 48px 36px!important}
 :is(#staffWelcomeV765,#creditWelcomeV769,#catalogWelcomeV773,#customerInviteWelcomeV775) > h3{font-size:22px!important}
}

.pci-page[data-invites-loading] > :is(.pci-stats,.pci-card),
.pci-page.invites-empty-v775 > :is(.pci-stats,.pci-card){display:none!important}
.pci-page[data-invites-loading] #pciAdd{visibility:hidden;pointer-events:none}
.pci-page:has(#customerInviteWelcomeV775){gap:0}
#customerInviteLoadV775{text-align:center;padding:48px 20px;color:#858992;font-size:14px}
#customerInviteLoadV775 button{background:#18191b;color:#fff;border:0;border-radius:14px;padding:12px 22px;font:inherit;cursor:pointer}