/* Screens 06-30 visual layer */
.sp-main{--ui-card:#fff;--ui-line:#dfe7f1;--ui-purple:#5421bd}
.sp-main>.sp-card,.sp-main>form.sp-card{border-color:var(--ui-line);box-shadow:0 12px 34px rgba(9,40,87,.08)}
.sp-main>.sp-card>h2:first-child{text-align:center;color:var(--sp-navy);font-size:24px;font-weight:900}
.sp-main>.sp-card>h2:first-child:before{content:"✓";display:grid;place-items:center;width:64px;height:64px;margin:0 auto 15px;border-radius:20px;background:linear-gradient(135deg,#ecf3ff,#f6efff);color:var(--ui-purple);font-size:30px}
.sp-main>.sp-card>p{text-align:center;color:var(--sp-muted)}
.sp-main>.sp-card>.sp-button{display:block;width:100%;margin-top:15px;text-align:center;text-decoration:none;background:linear-gradient(135deg,var(--ui-purple),#3e1599);color:#fff}
.sp-email-card,.sp-points-optin{max-width:560px;margin:20px auto!important;padding:36px!important}.sp-email-card h2:before{content:"✉"!important}.sp-points-optin h2:before{content:"★"!important;color:#ffb000!important;background:#fff7dd!important}.sp-points-optin .sp-check{margin:18px 0;padding:13px;border-radius:13px;background:#f4f8ff}.sp-points-optin form+.sp-button{background:#fff!important;color:var(--ui-purple)!important;border:1px solid var(--ui-purple)}
.sp-profile-head{position:relative;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:24px!important}.sp-profile-head h2{margin:0!important;text-align:left!important}.sp-profile-head h2:before{display:none!important}.sp-profile-head>div>span{color:var(--sp-muted)}.sp-profile-head form{display:inline-flex}.sp-profile-head .sp-chip-row{padding:7px 0}
.sp-account-links{display:grid;gap:8px;margin:14px 0}.sp-account-links a{display:flex;align-items:center;min-height:50px;padding:0 16px;border:1px solid var(--ui-line);border-radius:14px;background:#fff;color:var(--sp-text);font-weight:700;text-decoration:none;box-shadow:0 5px 16px rgba(9,40,87,.04)}.sp-account-links a:before{content:"›";order:2;margin-left:auto;color:var(--sp-blue);font-size:23px}.sp-account-links a:hover{border-color:#abc8ee;background:#f8fbff}
.sp-person{min-height:68px;margin-bottom:9px;box-shadow:0 6px 18px rgba(9,40,87,.05)!important}.sp-person form{margin-left:auto}.sp-person .sp-button{min-height:36px;padding:7px 12px;font-size:12px}.sp-notification{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px;margin-bottom:8px;padding:14px 16px!important}.sp-notification.is-unread{border-left:4px solid var(--sp-blue);background:#f7faff}.sp-notification>span{grid-column:1;color:var(--sp-muted);font-size:12px}.sp-notification form{grid-column:2;grid-row:1/3}.sp-notification .sp-button{min-height:34px;padding:6px 12px}
.sp-story-row{gap:14px;padding:8px 3px 17px}.sp-story .sp-avatar{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--sp-pink)}.sp-pharmacy{display:flex;align-items:center;gap:13px;margin-bottom:14px;border-color:#ffb5b5!important;background:linear-gradient(135deg,#fff,#fff5f5)!important}.sp-pharmacy>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e1182d;color:#fff;font-size:25px}.sp-pharmacy>div{display:grid;flex:1}.sp-pharmacy small{color:var(--sp-muted)}.sp-pharmacy a{padding:9px 13px;border-radius:11px;background:#e1182d;color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.sp-feed-post{overflow:hidden;margin:13px 0;padding:0!important}.sp-feed-post header{display:flex;align-items:center;gap:11px;padding:14px}.sp-feed-post header>div{display:grid}.sp-feed-post header a{color:var(--sp-text);text-decoration:none}.sp-feed-post header small{color:var(--sp-muted)}.sp-feed-post>p,.sp-feed-post>.sp-location{display:block;padding:0 14px}.sp-feed-post footer{display:flex;gap:22px;padding:13px 15px;border-top:1px solid var(--ui-line)}.sp-feed-post footer a,.sp-feed-post footer span{color:var(--sp-navy);text-decoration:none}.sp-media-grid img{width:100%;max-height:520px;object-fit:cover}
.business-filter{position:sticky;top:73px;z-index:8;margin-bottom:15px}.business-list{gap:13px}.business-list .business-card{transition:.2s}.business-list .business-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(9,40,87,.12)}.business-logo{box-shadow:inset 0 0 0 1px #d8e5f4}.business-card__body strong{color:var(--sp-navy)}
.sp-grid>.sp-card{text-align:center}.sp-grid>.sp-card h2{margin:8px 0;color:var(--ui-purple);font-size:30px}.sp-grid>.sp-card small{color:var(--sp-muted);font-weight:700}
.sp-tabs{gap:5px;padding:5px;border:1px solid var(--ui-line);border-radius:14px;background:#fff}.sp-tabs button{flex:1;border-radius:10px}.sp-tabs button.is-active{border:0;background:linear-gradient(135deg,var(--ui-purple),#3e1599);color:#fff}
.sp-chip-row{scrollbar-width:none}.sp-chip{color:var(--sp-navy);font-size:12px;font-weight:700;text-decoration:none}.sp-chip.is-active{background:var(--ui-purple);border-color:var(--ui-purple)}
@media(min-width:960px){.sp-side{box-shadow:0 10px 30px rgba(9,40,87,.06)}.sp-side a{display:block;margin:4px 0;padding:9px 10px;border-radius:10px;color:var(--sp-navy);font-weight:700;text-decoration:none}.sp-side a:hover{background:#edf5ff}.business-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sp-main{padding-inline:11px}.sp-profile-head{grid-template-columns:auto 1fr;padding:18px!important}.sp-profile-head form{grid-column:1/-1}.sp-profile-head form .sp-button{width:100%}.sp-account-links a{min-height:48px}.business-filter{position:static}.sp-main>.sp-card>h2:first-child{font-size:22px}}