/* Stage 5B: native contributions and compact settings */
.settings-stack { display: grid; gap: 1rem; }
.settings-collapsible { border: 1px solid var(--color-border, #d7dce2); border-radius: .8rem; background: #fff; overflow: clip; }
.settings-collapsible > summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; list-style: none; }
.settings-collapsible > summary::-webkit-details-marker { display: none; }
.settings-collapsible > summary span:first-child { display: grid; gap: .15rem; }
.settings-collapsible > summary small { color: var(--color-muted, #667085); font-weight: 400; }
.settings-collapsible[open] > summary { border-bottom: 1px solid var(--color-border, #d7dce2); }
.compact-settings-form { padding: 1.2rem; }
.settings-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.settings-grid .span-two { grid-column: 1 / -1; }
.settings-save-row, .settings-secondary-actions { display: flex; align-items: end; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
.settings-secondary-actions { padding: 0 1.2rem 1.2rem; }
.toggle-row { display: flex; gap: .75rem; align-items: flex-start; margin-bottom: 1rem; }
.toggle-row-copy { display: grid; gap: .15rem; }
.status-pill { border-radius: 999px; padding: .25rem .65rem; font-size: .82rem; white-space: nowrap; }
.status-good { background: #e8f5ec; color: #176b35; }
.status-neutral { background: #eef1f5; color: #475467; }
.contribution-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .72fr); gap: 1.5rem; align-items: start; }
.contribution-amount-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.contribution-total { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; font-size: 1.1rem; }
.stripe-payment-shell { border-top: 1px solid var(--color-border, #d7dce2); margin-top: 1.25rem; padding-top: 1.25rem; }
#stripe-payment-element { min-height: 9rem; margin-bottom: 1rem; }
.contribution-history-table { width: 100%; border-collapse: collapse; }
.contribution-history-table th, .contribution-history-table td { border-bottom: 1px solid var(--color-border, #d7dce2); padding: .75rem; text-align: left; vertical-align: top; }
@media (max-width: 760px) { .settings-grid, .contribution-amount-grid, .contribution-layout { grid-template-columns: 1fr; } .settings-grid .span-two { grid-column: auto; } }