/* Choplah shared brand palette: member and merchant surfaces. */
:root {
 --choplah-ink:#202b27;
 --choplah-muted:#5f6c65;
 --choplah-canvas:#f8f9f5;
 --choplah-paper:#fff;
 --choplah-primary:#315e4a;
 --choplah-primary-deep:#274f3b;
 --choplah-blue-soft:#eaf2e8;
 --choplah-yellow:#cfaa61;
 --choplah-yellow-soft:#d5e6a8;
 --choplah-line:#e3e8e0;
}
/* Merchant setup surfaces share the guide's type and spacing. */
#chopCardRows .activityrow{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}#chopCardRows .activityrow p{font-size:13px}#chopCardRows .activityrow b{font:700 15px Manrope,sans-serif}#chopPilotMetrics{margin-top:18px}.panel>h2{font:700 18px Manrope,sans-serif}#chopPilotMetrics .metric-ico:empty{display:none}.nav>a:hover{background:var(--choplah-blue-soft);border-radius:9px}@media(max-width:760px){#chopCardRows .activityrow{grid-template-columns:1fr}}
a{color:var(--choplah-primary)}

.billing-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.billing-plans section{padding:20px;border:1px solid var(--choplah-line);border-radius:16px}.billing-plans h3{font:700 18px Manrope}.billing-plans b{font-size:20px}.billing-plans button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.billing-plans{grid-template-columns:1fr}}

/* Brand guide v1.1, 11 October 2026. Semantic tokens are shared by every surface. */
:root {
 color-scheme:light;
 --choplah-green:#315E4A; --choplah-green-deep:#274F3B;
 --choplah-lime:#D5E6A8; --choplah-gold:#CFAA61; --choplah-gold-ink:#8A6A25;
 --choplah-sage:#EAF2E8; --choplah-on-deep:#F4F8F1; --choplah-on-deep-muted:#BFD3C4;
 --choplah-on-lime:#1E2A22; --choplah-action:#315E4A; --choplah-on-action:#fff;
 --choplah-risk-bg:#FBF1DD; --choplah-risk-ink:#7A5A1C;
 --choplah-radius-sm:10px; --choplah-radius-md:16px; --choplah-radius-lg:24px; --choplah-radius-pill:999px;
 --choplah-shadow-lift:0 18px 40px -24px rgba(20,40,30,.45);
}
html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif}
button,input,select,textarea{font-family:inherit}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--choplah-gold-ink)!important;outline-offset:3px}
:where(.primary,.secondary,.btn,.pill,.tag,.tier-pill,.profile-private-label){border-radius:999px}
:where(.primary,.secondary,.btn){min-height:44px;font-size:15px;line-height:1.2;font-weight:700;box-shadow:none}
:where(.eyebrow,.community-label){color:var(--choplah-green);font-size:12px;letter-spacing:.12em}
.brand-line-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.choplah-policy-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;padding:24px 16px 40px;color:#315e4a;font:14px/1.5 "DM Sans",sans-serif}.choplah-policy-links a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px}.choplah-policy-links a:focus-visible{outline:3px solid #315e4a;outline-offset:4px}

.modal,.card{position:relative}.modal>h2{padding-right:44px}.panel-close{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #e3e8e0;border-radius:50%;background:#fff;color:#315e4a;font:400 28px/1 sans-serif;cursor:pointer}.panel-close:hover{background:#eaf2e8}.panel-close:focus-visible{outline:3px solid #315e4a;outline-offset:3px}.panel-close:disabled{opacity:.45;cursor:wait}.close-warning{margin-top:20px;padding:16px;border:1px solid #cfaa61;border-radius:12px;background:#faf6eb}.close-warning button{min-height:44px;margin:4px 8px 0 0}

.point-quote{margin:20px 0;padding:18px;border:1px solid var(--choplah-line);background:var(--choplah-sage);border-radius:16px}.point-quote dl{margin:0}.point-quote dl>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.point-quote dd{margin:0;font-weight:700}.point-quote dl>div:last-child{margin-top:8px;border-top:1px solid var(--choplah-line);font-weight:700}.point-ledger{padding:0;list-style:none}.point-ledger li{display:grid;gap:4px;border-top:1px solid var(--choplah-line);padding:12px 0}.point-ledger span{font-size:13px;color:var(--choplah-muted)}
