/* V317: provider-only illustrated headers. Customer banners and business logic unchanged. */
.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero){box-sizing:border-box;position:relative;min-height:230px;border:1px solid #bfded5;border-radius:22px;background-color:#edf8f4;background-image:linear-gradient(90deg,rgba(237,248,244,.98) 0%,rgba(237,248,244,.93) 35%,rgba(237,248,244,.5) 68%,rgba(237,248,244,.18)),url('/service-visuals/v317/provider-banner.png');background-position:center,right center;background-size:100% 100%,auto 100%;background-repeat:no-repeat;color:#24443b;padding:30px;}
.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero) h1{color:#203e36;font-size:clamp(26px,3vw,38px);line-height:1.35;word-break:keep-all;overflow-wrap:break-word;}
.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>p,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>span,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>div>p,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>div>span,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>div>small,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>div>strong,.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero)>div>b{color:#315b50;opacity:1;word-break:keep-all;overflow-wrap:break-word;}
.providerAppShell.providerAppShell .hubHero button{background:#fff;color:#17665a;border-color:#93beb1;}
.providerAppShell.providerAppShell :is(.providerWalletHero,.providerTrustHero)>div:last-child{padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.92);color:#24443b;}
@media(max-width:768px){
.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero){min-height:260px;padding:24px 20px;background-image:linear-gradient(90deg,rgba(237,248,244,.98),rgba(237,248,244,.87) 48%,rgba(237,248,244,.38)),url('/service-visuals/v317/provider-banner.png');}
.providerAppShell.providerAppShell :is(.providerHero,.hubHero,.careHero,.interiorHero,.proposalHero,.chatHeading,.providerAdHero,.providerWalletHero,.providerTrustHero,.exitHero) h1{font-size:clamp(25px,6vw,30px);}
}