/* Faithlife Church — member portal (my.html). Builds on admin.css. */
a.bar-button{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:#fff;font-weight:700;text-decoration:none}
.login-card .hint a,.empty a{font-weight:700;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.portal{max-width:1180px;margin:auto;padding:clamp(1.5rem,4vw,3rem) var(--gutter) 4rem}
.portal-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.5rem}
.portal-head .hint{margin-top:.5rem}
.portal-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.cta{display:inline-flex;align-items:center;min-height:46px;padding:.65rem 1.5rem;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:800;text-decoration:none}
.cta:hover{background:#d4b375}
.portal .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1.5rem}
.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
.wide-panel{grid-column:1/-1}
.panel h3.sub{margin:1.4rem 0 .7rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink)}
.pledge{padding:.9rem 0;border-top:1px solid var(--line)}
.pledge:first-child{border-top:0;padding-top:0}
.pledge-top{display:flex;justify-content:space-between;gap:1rem;font-weight:700}
.pledge .bar{height:8px;margin:.5rem 0;border-radius:999px;background:var(--tint);overflow:hidden}
.pledge .bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#d9bb7c)}
.pledge .bar i[data-full]{background:#2f7d4f}
.pledge-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;font-size:.82rem;color:var(--muted)}
.pledge-foot a{font-weight:800;color:var(--navy)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{padding:.35rem .8rem;border-radius:999px;background:var(--navy);color:#fff;font-size:.82rem;font-weight:700}
.chip small{font-weight:500;opacity:.8}
.join{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;align-items:center;padding:.75rem 0;border-top:1px solid var(--line)}
.join:first-child{border-top:0}
.join p{font-size:.82rem;color:var(--muted)}
.join small{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.join form{display:flex;gap:.4rem;grid-column:1/-1}
.join form input{margin:0}
.request{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.86rem;border-top:1px dashed var(--line)}
.state{font-weight:800;text-transform:capitalize}
.state[data-state=approved]{color:var(--ok)}.state[data-state=declined]{color:var(--error)}.state[data-state=pending]{color:var(--gold-ink)}
@media (max-width:860px){.portal-grid{grid-template-columns:1fr}.portal .stats{grid-template-columns:1fr}.admin-tag{display:none}}
@media (max-width:560px){#who{display:none}.admin-bar{gap:.5rem}.admin-bar .brand{width:110px}#logout,.bar-button{padding:.35rem .8rem}}