/* EPCC Phase 2.2.3 — rollout UX polish */
.p24-signup-note{margin-top:12px;text-align:center;line-height:1.45}
.p24-greeting{display:grid;grid-template-columns:minmax(0,1fr) 100px;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;margin-bottom:18px}.p24-greeting h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em;margin:6px 0}.p24-greeting p{margin:0;color:var(--muted)}.p24-greeting img{width:82px;justify-self:end}
.p24-urgent{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#231f1d;color:white;border-left:6px solid #a6382b;border-radius:18px;padding:19px 20px;margin-bottom:16px;box-shadow:0 10px 28px rgba(0,0,0,.10)}.p24-urgent span{display:block;font-size:.68rem;letter-spacing:.12em;font-weight:850;color:#f1b9ad;margin-bottom:4px}.p24-urgent strong{font-size:1.05rem}.p24-urgent p{margin:4px 0 0;color:#e4e1dc}.p24-urgent>b{white-space:nowrap}
.p24-setup-callout{background:#f0eee7}.p24-updates{margin-top:18px}.p24-special-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.p24-action-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:17px}.p24-action-card>span{width:42px;height:42px;display:grid;place-items:center;background:#efede7;border-radius:12px;font-size:1.25rem}.p24-action-card div{display:grid;gap:2px}.p24-action-card small{color:var(--muted)}.p24-connections{margin-top:18px}.p24-help-inline{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:18px;padding:14px 2px;color:var(--muted);font-size:.88rem}.p24-help-inline a{font-weight:800;color:var(--ink)}
.p24-mobile-nav{display:none}.p24-desktop-nav{display:flex}.p24-more-grid{display:grid;gap:9px}.p24-more-grid>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:14px;background:#faf9f6}.p24-more-grid>a>span{width:42px;height:42px;border-radius:12px;background:#eceae4;display:grid;place-items:center;font-size:1.25rem}.p24-more-grid>a>div{display:grid;gap:2px;min-width:0}.p24-more-grid small{color:var(--muted)}.p24-more-grid b{font-size:1.5rem;color:#777}.p24-help-card{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.p24-mobile-signout{display:none;width:100%;margin-top:16px}
.p24-setup-card{max-width:820px;margin:0 auto}.p24-setup-intro{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.p24-setup-intro img{width:70px}.p24-setup-intro h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1;letter-spacing:-.04em;margin:5px 0 8px}.p24-setup-intro p{margin:0}.p24-setup-steps{display:grid;gap:0}.p24-setup-step{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.p24-setup-step:last-child{border-bottom:0}.p24-step-number{width:38px;height:38px;border-radius:50%;background:#eceae4;display:grid;place-items:center;font-weight:850}.p24-setup-step.done .p24-step-number{background:#e1efe0;color:#36573a}.p24-setup-step h3{margin:1px 0 5px}.p24-setup-step p{margin:0 0 12px;color:var(--muted)}.p24-big-button{min-width:210px}.p24-step-done{display:inline-flex;align-items:center;gap:8px;background:#e8f1e6;color:#315638;border-radius:10px;padding:10px 12px;font-weight:800}.p24-ios-steps{margin-top:12px;background:#f5f3ed;border:1px solid var(--line);border-radius:12px;padding:14px}.p24-ios-steps ol{margin:8px 0 0;padding-left:22px}.p24-ios-steps li{margin:6px 0}.p24-setup-help{text-align:center;color:var(--muted);font-size:.85rem;margin:18px 0 0}.status-dot.off{background:#aaa}.p24-alert-chips{margin-top:16px}

@media(max-width:720px){
  .p24-desktop-nav{display:none!important}.p24-mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(250,249,246,.97);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 28px rgba(20,23,20,.08)}.p24-mobile-nav a{position:relative;display:grid;place-items:center;gap:2px;min-height:52px;border-radius:12px;font-size:.72rem;font-weight:750;color:#696c65}.p24-mobile-nav a.active{background:#eceae4;color:var(--ink)}.p24-mobile-nav .nav-icon{font-size:1.08rem;line-height:1}.p24-mobile-nav .member-nav-badge{position:absolute;top:4px;left:calc(50% + 8px)}
  .p24-member-app{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.p24-member-app .member-app-head{grid-template-columns:minmax(0,1fr) auto}.p24-member-app .member-global-signout{display:none}.p24-greeting{grid-template-columns:1fr;padding:21px}.p24-greeting img{display:none}.p24-greeting h2{font-size:2.25rem}.p24-special-actions{grid-template-columns:1fr}.p24-help-card{display:block}.p24-help-card .media-actions{margin-top:12px}.p24-mobile-signout{display:flex}.p24-quick-grid{grid-template-columns:1fr 1fr}.p24-urgent{align-items:flex-start}.p24-urgent>b{font-size:.8rem}.p24-setup-card{padding:18px}.p24-setup-intro{grid-template-columns:56px 1fr}.p24-setup-intro img{width:52px}.p24-setup-step{grid-template-columns:38px 1fr;gap:11px}.p24-step-number{width:34px;height:34px}.p24-big-button{width:100%;min-width:0}.p24-setup-callout{display:block}.p24-setup-callout .btn{margin-top:10px;width:100%}
}
@media(max-width:420px){.p24-quick-grid{grid-template-columns:1fr}.p24-greeting h2{font-size:2rem}.p24-more-grid>a{padding:12px}.p24-help-inline{display:grid;gap:4px}.p24-urgent{display:block}.p24-urgent>b{display:block;margin-top:9px}}
@media(display-mode:standalone) and (max-width:720px){.p24-member-app{padding-top:calc(18px + env(safe-area-inset-top));min-height:100dvh}.p24-member-app .member-app-head{margin-bottom:14px}}