/* EPCC 3.0 — skin for 2.x screens kept as-is (My EPCC member screens and the 2.x admin tools).
   Not used to decide which legacy rules are dropped (see build/scope-legacy.cjs). */
/* ---------- My EPCC skin (2.x member screens restyled) ---------- */
@media (max-width: 720px) { body[data-area="member"] .site-header { display: none; } }
body[data-area="member"] #app.v2 { background: var(--stone); }
.v2 .member-app { background: var(--stone); }
.v2 .member-panel, .v2 .prayer-card, .v2 .directory-card, .v2 .sermon-member-card, .v2 .alert-card { border-radius: var(--r-lg); border-color: var(--line); }
.v2 .member-app h1, .v2 .member-app h2, .v2 .member-app h3 { font-family: var(--font-head); }
.v2 .member-app .eyebrow { text-transform: none; letter-spacing: 0; font-size: 0.9375rem; color: var(--ridge); }
.v2 .member-app button, .v2 .member-app .btn { min-height: 44px; }
.v2 .member-app input, .v2 .member-app select, .v2 .member-app textarea { font-size: 1rem; min-height: 46px; }
.v2 .member-app textarea { min-height: 110px; }
.v2 .eyebrow { text-transform: none; letter-spacing: 0; font-weight: 700; }
.v2 .muted { color: var(--muted); }
.v2 .panel { border-radius: var(--r-lg); border-color: var(--line); }
.v2 .table th { text-transform: none; letter-spacing: 0; font-size: 0.875rem; }
.v2 .tab-btn { min-height: 44px; }
.v2 .status { text-transform: none; }

/* EPCC brand pass for kept 2.x member screens */
.v2 .member-app h1, .v2 .member-app h2, .v2 .member-app h3 { font-weight: 500; letter-spacing: -0.01em; }
.v2 .p24-more-grid { grid-template-columns: 1fr !important; gap: 0 !important; border-top: 1px solid var(--ink); }
.v2 .p24-more-grid > * { border: 0 !important; border-bottom: 1px solid var(--line) !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
@media (min-width: 640px) { .v2 .p24-more-grid { grid-template-columns: 1fr 1fr !important; column-gap: 24px !important; } }
.v2 .p233-giving-hero { background: #161614 !important; border-radius: var(--r) !important; }
.v2 .p233-give-button { border-radius: var(--r) !important; }
.v2 .p233-giving-mark { max-width: 56px !important; max-height: 56px !important; }
.v2 .p216-home-hero { background: #161614 !important; border-radius: var(--r) !important; }
.v2 .member-panel { box-shadow: none !important; }
.v2 .pray-btn.active { background: var(--spruce-50); color: var(--ink); }
#app.v2 { background: transparent; }
.chip { white-space: nowrap; }