/* Member-page layout; shared design tokens live in theme.css. */

.cancellation-status { padding: 1.2rem; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); overflow-wrap: anywhere; }
.cancel-service-details { margin-top: 1rem; border: 1px solid #d5b5b9; border-radius: 10px; background: var(--surface); }
.cancel-service-details > summary { padding: .8rem 1rem; color: #8b2834; cursor: pointer; font-weight: 650; }
.cancel-service-details[open] > summary { border-bottom: 1px solid var(--line); }
.cancel-service-confirmation { padding: 1rem; }
.cancel-service-confirmation .form-check-label { font-size: .88rem; }

.portal-page { --bs-body-color: var(--ink); --bs-secondary-color: var(--muted); --bs-link-color: var(--green); --bs-link-hover-color: var(--green-hover); --bs-border-color: var(--line); }
.portal-page > main { min-height: calc(100vh - 220px); }
.portal-page .container { width: min(1180px, calc(100% - 80px)); max-width: none; padding-inline: 0; }
.portal-page .plan-container { max-width: 1080px; }
.portal-page h1, .portal-page h2, .portal-page h3 { text-wrap: balance; }
.portal-page a { text-underline-offset: 3px; }
.portal-page .text-secondary { color: var(--muted) !important; }
.portal-page .btn { min-height: 44px; padding: .65rem 1rem; border-radius: 8px; font-weight: 650; font-size: .9rem; line-height: 1.5; }
.portal-page .btn-lg { min-height: 52px; padding: .8rem 1.25rem; font-size: .95rem; }
.portal-page .btn-sm { font-size: .8rem; }
.portal-page .btn-primary, .portal-page .btn-success, .portal-page .btn-qb {
  --bs-btn-color: #fff; --bs-btn-bg: var(--green); --bs-btn-border-color: var(--green);
  --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--green-hover); --bs-btn-hover-border-color: var(--green-hover);
  --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--green-hover); --bs-btn-active-border-color: var(--green-hover);
  --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--green); --bs-btn-disabled-border-color: var(--green);
  --bs-btn-focus-shadow-rgb: 23, 92, 70;
  color: var(--bs-btn-color); background: var(--bs-btn-bg); border-color: var(--bs-btn-border-color);
}
.portal-page .btn-primary:hover, .portal-page .btn-success:hover, .portal-page .btn-qb:hover { background: var(--green-hover); border-color: var(--green-hover); color: #fff; }
.portal-page .btn-outline-primary, .portal-page .btn-outline-secondary {
  --bs-btn-color: var(--green); --bs-btn-border-color: #90ab94;
  --bs-btn-hover-color: var(--ink); --bs-btn-hover-bg: var(--soft); --bs-btn-hover-border-color: var(--green);
  --bs-btn-active-color: var(--ink); --bs-btn-active-bg: #e3eddc; --bs-btn-active-border-color: var(--green);
  --bs-btn-disabled-color: var(--muted); --bs-btn-disabled-border-color: var(--line); --bs-btn-focus-shadow-rgb: 23, 92, 70;
}
.portal-page .btn:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; box-shadow: none; }
.portal-page .form-control, .portal-page .form-select { min-height: 46px; border: 1px solid #bdcdbf; border-radius: 8px; background-color: var(--surface); color: var(--ink); font-size: .95rem; }
.portal-page .form-control:focus, .portal-page .form-select:focus, .portal-page .form-check-input:focus { border-color: var(--green); box-shadow: 0 0 0 .2rem #175c461c; }
.portal-page .form-control::file-selector-button { background: var(--soft); color: var(--green); }
.portal-page .form-control:disabled, .portal-page .form-select:disabled { background: var(--soft); color: var(--muted); }
.portal-page .form-check-input:checked { background-color: var(--green); border-color: var(--green); }
.portal-page .form-check-input { cursor: pointer; border-color: #91a694; }
.portal-page .form-label { font-size: .88rem; font-weight: 650; }
.portal-page .form-text { color: var(--muted); line-height: 1.65; }
.portal-page .alert { border-radius: 10px; line-height: 1.65; overflow-wrap: anywhere; }
.portal-page .alert-info, .portal-page .alert-light { color: var(--ink); background: var(--soft); border-color: var(--line); }
.portal-page .alert-success { color: #18543b; background: #edf7ed; border-color: #bedbc5; }
.portal-page .alert-danger, .portal-page .alert-error { color: #8b2834; background: #fff0f0; border-color: #ecc7cc; }
.portal-page .alert-warning { color: #6b4a0d; background: #fff8e7; border-color: #e8d7a8; }
.portal-page .auth-card, .portal-page .plan-card, .portal-page .profile-card, .portal-page .main-column, .portal-page .upload-card, .portal-page .results-card, .portal-page .history-card, .portal-page .certification-panel, .portal-page .issued-panel { box-shadow: var(--shadow); border-color: var(--line); }
.portal-page .welcome-button { color: var(--ink); background: var(--lime); border-color: var(--lime); box-shadow: none; }
.portal-page .welcome-button:hover { background: #e5fc95; border-color: #e5fc95; }
.portal-page .receipt-canada, .portal-page .receipt-us, .portal-page .quickbooks-card { background: var(--surface); }
.portal-page .receipt-canada { border-color: #b7cda7; }
.portal-page .receipt-canada::after { background: #e8f1dc; }
.portal-page .receipt-us::after { background: var(--soft); }
.portal-page .receipt-disabled { opacity: 1; background: var(--paper); }
.portal-page .receipt-disabled .country-mark { background: #e6ece1; color: var(--muted); box-shadow: none; }
.portal-page .receipt-disabled .currency-row span { color: var(--muted); }
.portal-page .country-mark, .portal-page .upload-icon, .portal-page .avatar { background: var(--soft); color: var(--green); box-shadow: none; }
.portal-page .avatar { background: #e5efcf; }
.portal-page .plan-info { background: var(--soft); border: 1px solid var(--line); }
.portal-page .certification-box, .portal-page .certification-checks { background: var(--soft); border-color: var(--line); }
.portal-page .donation-table { --bs-table-color: var(--ink); --bs-table-bg: var(--surface); }
.portal-page .donation-table tfoot td { background: var(--soft); }
.results-header > div, .receipt-row > div, .profile-edit-grid > *, .dashboard-grid > *, .import-method-grid > * { min-width: 0; }
.results-header h1, .receipt-row strong, .profile-detail strong { overflow-wrap: anywhere; }
.portal-page .receipt-actions { flex-wrap: wrap; }
.receipt-actions .email-state { white-space: normal; }
.portal-page .welcome-copy { max-width: 640px; }
.portal-page .welcome-copy h1 { font-weight: 680; }
.portal-page .welcome-copy p { color: #d4e1d1; }
.portal-page .welcome-pill { color: var(--lime); border-color: #658b66; background: #ffffff08; }

.plan-container { max-width: 1080px; }
.profile-edit-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr); gap: 1.5rem; }
@media (max-width: 991px) { .profile-edit-grid { grid-template-columns: 1fr; } }
.plan-title { font-size: clamp(2rem,4vw,3.25rem); font-weight: 800; letter-spacing: -.04em; }
.plan-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 1.5rem; }
.plan-card { background: #fff; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 18px 45px #29442d12; }
.plan-badge { display: inline-block; background: var(--soft); color: var(--green-hover); padding: .4rem .75rem; border-radius: 2rem; font-weight: 700; font-size: .85rem; }
.plan-price { margin-top: 1rem; color: var(--ink); font-size: 4.2rem; font-weight: 800; letter-spacing: -.05em; }
.plan-price span { font-size: 1rem; color: var(--muted); letter-spacing: 0; }
.plan-renewal { padding: 1rem; border-radius: .75rem; background: #f0fdf4; color: #166534; }
.plan-features { padding-left: 1.25rem; line-height: 2; margin: 1.25rem 0; }
.plan-info { background: var(--soft); border-radius: var(--radius); padding: 2rem; }
.plan-info h2 { margin: .5rem 0 1.5rem; font-size: 1.8rem; font-weight: 800; }
.plan-info li { padding-bottom: 1rem; padding-left: .25rem; }
.plan-info ol { padding-left: 1.25rem; }
@media (max-width: 767px) { .plan-grid { grid-template-columns: 1fr; } .plan-card, .plan-info { padding: 1.5rem; } }


.auth-section {
  min-height: calc(100vh - 220px);
  display: grid;
  place-items: center;
  padding: 2rem 1rem;
  background: var(--paper);
}

.auth-card {
  width: min(100%, 450px);
  padding: 2.25rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: white;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .10);
}

.auth-card-wide { width: min(100%, 760px); }
.eyebrow { color: var(--green); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.btn-primary { background-color: var(--green); border-color: var(--green); }
.btn-primary:hover { background-color: var(--green-hover); border-color: var(--green-hover); }
.form-control:focus { border-color: #87ad90; box-shadow: 0 0 0 .25rem rgba(23, 92, 70, .13); }
.helptext ul, .form-text ul { margin-bottom: 0; padding-left: 1.25rem; }
.form-section-title { margin: 1.5rem 0 .1rem; padding-bottom: .65rem; border-bottom: 1px solid var(--line); font-size: 1rem; font-weight: 800; color: var(--ink); }
.certification-box { padding: 1rem 1rem 1rem 2.6rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--soft); }
.certification-box .form-check-input { margin-left: -1.5rem; }

.dashboard-section {
  min-height: calc(100vh - 220px);
  padding: 2.5rem 0 5rem;
  background: var(--paper);
}

.welcome-panel {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 3.5rem;
  border-radius: 1.75rem;
  background: var(--ink);
  box-shadow: 0 25px 55px rgba(23, 92, 70, .12);
  color: white;
}

.welcome-copy { position: relative; z-index: 2; max-width: 650px; }
.welcome-copy h1 { margin: 1rem 0 .8rem; font-size: clamp(2.2rem, 4.5vw, 3.8rem); font-weight: 800; letter-spacing: -.045em; }
.welcome-copy p { max-width: 570px; margin-bottom: 1.6rem; color: rgba(255,255,255,.82); font-size: 1.15rem; }
.welcome-pill { display: inline-block; padding: .45rem .8rem; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(255,255,255,.13); font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.welcome-button { color: var(--green-hover); border: 0; font-weight: 700; box-shadow: 0 9px 22px rgba(31, 41, 55, .14); }
.welcome-art { position: absolute; inset: 0 0 0 55%; }
.glow-orb { position: absolute; border-radius: 50%; background: rgba(255,255,255,.12); }
.orb-one { width: 330px; height: 330px; right: -55px; top: -115px; }
.orb-two { width: 220px; height: 220px; right: 210px; bottom: -130px; }
.floating-card { position: absolute; padding: .85rem 1.1rem; border: 1px solid rgba(255,255,255,.28); border-radius: .9rem; background: rgba(255,255,255,.17); box-shadow: 0 18px 30px rgba(25,57,46,.12); backdrop-filter: blur(10px); font-weight: 700; }
.floating-card span { display: inline-grid; width: 1.7rem; height: 1.7rem; margin-right: .45rem; place-items: center; border-radius: 50%; background: white; color: #39764d; }
.floating-card-one { top: 62px; right: 80px; transform: rotate(2deg); }
.floating-card-two { right: 205px; bottom: 50px; transform: rotate(-3deg); }

.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 1.5rem; margin-top: 2rem; }
.main-column, .profile-card { border: 1px solid rgba(226,232,240,.9); border-radius: var(--radius); background: var(--surface); box-shadow: 0 15px 38px rgba(51,65,85,.07); }
.main-column { padding: 2rem; }
.section-heading h2 { margin: .35rem 0 1.5rem; font-size: 1.65rem; font-weight: 800; letter-spacing: -.025em; }
.section-heading h2 { margin-bottom: .35rem; }
.section-intro { margin-bottom: 1.5rem; color: var(--muted); }
.receipt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.receipt-option {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  padding: 1.6rem;
  border: 1px solid var(--line);
  border-radius: 1.3rem;
  color: var(--ink);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.receipt-option::after { content: ""; position: absolute; width: 180px; height: 180px; right: -75px; top: -80px; border-radius: 50%; opacity: .5; }
.receipt-option:hover, .receipt-option:focus { color: var(--ink); transform: translateY(-5px); box-shadow: 0 18px 35px rgba(51,65,85,.13); }
.receipt-canada { background: linear-gradient(145deg, #f0f4ea 0%, #fff 67%); }
.receipt-canada::after { background: #dce6dc; }
.receipt-canada:hover { border-color: #90b276; }
.receipt-us { background: linear-gradient(145deg, #f0f4ea 0%, #fff 67%); }
.receipt-us::after { background: #dce6dc; }
.receipt-us:hover { border-color: #90b276; }
.receipt-disabled { cursor: default; opacity: .72; }
.receipt-disabled:hover { border-color: var(--line); transform: none; box-shadow: none; }
.country-mark { position: relative; z-index: 1; display: grid; width: 3.7rem; height: 3.7rem; place-items: center; border-radius: 1rem; color: white; font-size: 1.7rem; box-shadow: 0 10px 22px rgba(15,23,42,.14); }
.canada-mark { background: linear-gradient(135deg, #175c46, #90b276); }
.us-mark { background: linear-gradient(135deg, #175c46, #39764d); }
.receipt-copy { position: relative; z-index: 1; }
.country-label { display: block; margin-top: 1.35rem; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.receipt-copy h3 { margin: .3rem 0 .55rem; font-size: 1.45rem; font-weight: 850; letter-spacing: -.025em; }
.receipt-copy p { min-height: 48px; color: var(--muted); }
.currency-row { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: 1.35rem; }
.currency-row strong { padding: .4rem .65rem; border-radius: .55rem; background: white; box-shadow: 0 4px 12px rgba(51,65,85,.08); font-size: .8rem; letter-spacing: .05em; }
.currency-row span { color: var(--green-hover); font-size: .84rem; font-weight: 800; text-align: right; }
.action-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.action-card { min-height: 215px; padding: 1.35rem; border: 1px solid var(--line); border-radius: 1.15rem; transition: transform .2s ease, box-shadow .2s ease; }
.action-card:hover { transform: translateY(-4px); box-shadow: 0 14px 25px rgba(51,65,85,.1); }
.action-card h3 { margin: 1rem 0 .45rem; font-size: 1.08rem; font-weight: 800; }
.action-card p { min-height: 48px; margin-bottom: 1.1rem; color: var(--muted); font-size: .92rem; }
.action-card > span { font-size: .86rem; font-weight: 800; }
.action-icon { display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .8rem; color: white; font-size: 1.25rem; font-weight: 800; }
.action-blue { background: linear-gradient(145deg, #f0f4ea, #fff); }
.action-blue .action-icon { background: #175c46; }
.action-blue > span { color: #175c46; }
.action-violet { background: linear-gradient(145deg, #f0f4ea, #fff); }
.action-violet .action-icon { background: #5d8750; }
.action-violet > span { color: #175c46; }
.action-coral { background: linear-gradient(145deg, #f0f4ea, #fff); }
.action-coral .action-icon { background: #90b276; }
.action-coral > span { color: #175c46; }

.profile-card {
  display: block;
  padding: 2rem;
}
.profile-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 1.25rem; }
.avatar {
  display: grid;
  height: 4.25rem;
  width: 4.25rem;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #39764d, #5d8750);
  color: white;
  font-size: 1.7rem;
  font-weight: 800;
}
.status-dot { padding: .35rem .65rem; border-radius: 999px; background: #ecfdf5; color: #047857; font-size: .75rem; font-weight: 800; }
.status-dot i { display: inline-block; width: .45rem; height: .45rem; margin-right: .3rem; border-radius: 50%; background: #10b981; }
.profile-card h2 { margin-bottom: .25rem; font-size: 1.35rem; font-weight: 800; }
.profile-email { overflow-wrap: anywhere; color: var(--muted); font-size: .92rem; }
.profile-divider { height: 1px; margin: 1.4rem 0; background: var(--line); }
.profile-detail { display: flex; justify-content: space-between; gap: 1rem; margin-top: .85rem; font-size: .85rem; }
.profile-detail span { color: var(--muted); }
.profile-detail strong { text-align: right; color: var(--ink); }

.workspace-section {
  min-height: calc(100vh - 220px);
  padding: 2.5rem 0 5rem;
  background: var(--paper);
}
.back-link { display: inline-block; margin-bottom: 1.5rem; color: var(--muted); font-weight: 700; text-decoration: none; }
.back-link:hover { color: var(--green-hover); }
.workspace-header, .results-header { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.workspace-header h1, .results-header h1 { margin: .45rem 0 .35rem; font-size: clamp(2rem, 4vw, 3rem); font-weight: 850; letter-spacing: -.04em; }
.workspace-header p, .results-header p { margin: 0; color: var(--muted); font-size: 1.05rem; }
.charity-chip { display: flex; align-items: center; gap: .85rem; max-width: 330px; padding: 1rem 1.2rem; border: 1px solid #dce6dc; border-radius: 1rem; background: rgba(255,255,255,.85); box-shadow: 0 10px 28px rgba(51,65,85,.07); }
.charity-chip > span { font-size: 1.7rem; }
.charity-chip small, .charity-chip strong { display: block; }
.charity-chip small { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.charity-chip strong { overflow-wrap: anywhere; }
.upload-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr); gap: 1.5rem; align-items: start; }
.import-method-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.5rem; align-items: stretch; }
.upload-card, .history-card, .results-card { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 16px 42px rgba(51,65,85,.08); }
.upload-card { height: 100%; padding: 2.2rem; }
.upload-card h2, .history-card h2 { margin: 1rem 0 .45rem; font-size: 1.4rem; font-weight: 800; }
.upload-icon { display: grid; width: 3.6rem; height: 3.6rem; place-items: center; border-radius: 1rem; background: linear-gradient(135deg,#175c46,#90b276); color: white; font-size: 1.7rem; font-weight: 800; box-shadow: 0 10px 22px rgba(23,92,70,.12); }
.method-label { margin-top: 1.1rem; color: var(--muted); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.quickbooks-card { background: linear-gradient(145deg,#f0fdf4,#fff 42%); }
.quickbooks-icon { background: linear-gradient(135deg,#16a34a,#2ca01c); font-size: 1rem; letter-spacing: -.05em; text-transform: uppercase; box-shadow: 0 10px 22px rgba(22,163,74,.2); }
.btn-qb { border-color: #2ca01c; background: #2ca01c; color: white; font-weight: 750; }
.btn-qb:hover { border-color: #238b18; background: #238b18; color: white; }
.connection-status { display: flex; align-items: center; gap: .7rem; margin-top: 1.2rem; padding: .85rem 1rem; border: 1px solid #bbf7d0; border-radius: .8rem; background: #f0fdf4; }
.connection-status > span { width: .65rem; height: .65rem; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.13); }
.connection-status small, .connection-status strong { display: block; }
.connection-status small { color: #15803d; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.qb-benefits { display: grid; gap: .7rem; margin-top: 1.4rem; }
.qb-benefits span { padding: .7rem .85rem; border-radius: .7rem; background: rgba(240,253,244,.9); color: #166534; font-size: .85rem; font-weight: 650; }
.column-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .65rem; }
.column-list span { padding: .65rem .8rem; border-radius: .7rem; background: var(--soft); color: var(--ink); font-size: .85rem; font-weight: 750; }
.privacy-note { margin: 1rem 0 0; color: var(--muted); font-size: .78rem; text-align: center; }
.history-card { padding: 1.6rem; }
.history-full { margin-top: 1.5rem; }
.history-card h2 { margin-top: 0; }
.history-list { margin: 1rem -1.6rem -1.6rem; }
.history-list a { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.6rem; border-top: 1px solid var(--line); color: var(--ink); text-decoration: none; }
.history-list a:hover { background: var(--paper); }
.history-list strong, .history-list small { display: block; }
.history-list strong { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.history-list small { margin-top: .2rem; color: var(--muted); font-size: .72rem; }
.history-total { color: var(--ink); font-weight: 800; text-align: right; }
.empty-history { display: grid; min-height: 210px; place-items: center; align-content: center; color: var(--muted); text-align: center; }
.empty-history span { font-size: 2.2rem; }
.empty-history p { max-width: 200px; margin: .8rem 0 0; }
.summary-strip { display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; margin-bottom: 1.5rem; }
.summary-strip > div { padding: 1.35rem; border: 1px solid var(--line); border-radius: 1rem; background: white; box-shadow: 0 10px 25px rgba(51,65,85,.05); }
.summary-strip small, .summary-strip strong { display: block; }
.summary-strip small { color: var(--muted); }
.summary-strip strong { margin-top: .35rem; font-size: 1.45rem; }
.results-card { overflow: hidden; }
.donation-table th { padding: 1rem 1.25rem; background: var(--paper); color: var(--muted); font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.donation-table td { padding: 1rem 1.25rem; border-color: var(--line); }
.donation-table .amount-cell { color: #047857; font-weight: 800; }
.donation-table tfoot td { background: #f0f4ea; font-weight: 850; }
.certification-panel, .issued-panel { margin-top: 1.5rem; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: 0 16px 42px rgba(51,65,85,.08); }
.certification-panel h2, .issued-panel h2 { margin: .4rem 0 .5rem; font-size: 1.55rem; font-weight: 850; }
.certification-panel > p, .issued-heading p { color: var(--muted); }
.certification-checks { display: grid; gap: .75rem; padding: 1.15rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--paper); }
.certification-checks .form-check { margin: 0; }
.certification-checks .form-check-label { color: var(--ink); font-weight: 600; }
.issued-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; }
.issued-badge { padding: .45rem .8rem; border-radius: 999px; background: #dcfce7; color: #15803d; font-size: .8rem; font-weight: 850; white-space: nowrap; }
.receipt-list { margin: 1.5rem -2rem -2rem; }
.receipt-row { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1rem 2rem; border-top: 1px solid var(--line); }
.receipt-row strong, .receipt-row span { display: block; }
.receipt-row > div:first-child span { margin-top: .2rem; color: var(--muted); font-size: .82rem; }
.receipt-actions { display: flex; align-items: center; gap: .6rem; }
.receipt-actions form { margin: 0; }
.email-state { padding: .35rem .6rem; border-radius: 999px; font-size: .72rem; font-weight: 850; }
.email-sent { background: #dcfce7; color: #15803d; }
.email-failed { background: #fee2e2; color: #b91c1c; }
.email-pending, .email-queued { background: #fef3c7; color: #92400e; }
.email-skipped { background: var(--line); color: var(--muted); }
.email-missing, .email-invalid, .email-conflicting, .email-unknown { background: #fee2e2; color: #b91c1c; }
.email-waiting, .email-sending { background: #fef3c7; color: #92400e; }
.donor-email-attention > td { background: #fff9ed; }
.donor-email-cell { min-width: 240px; max-width: 340px; overflow-wrap: anywhere; }

@media (max-width: 991.98px) {
  .welcome-art { opacity: .5; }
  .floating-card-two { display: none; }
  .dashboard-grid { grid-template-columns: 1fr; }
  .profile-card { grid-row: auto; }
  .upload-layout { grid-template-columns: 1fr; }
  .import-method-grid { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
  .dashboard-section { padding-top: 1.25rem; }
  .welcome-panel { min-height: auto; padding: 2rem; }
  .welcome-art { display: none; }
  .floating-card-one { right: 25px; top: 28px; }
  .action-grid { grid-template-columns: 1fr; }
  .receipt-grid { grid-template-columns: 1fr; }
  .action-card { min-height: auto; }
  .main-column { padding: 1.35rem; }
  .workspace-header, .results-header { align-items: flex-start; flex-direction: column; }
  .charity-chip { max-width: none; width: 100%; }
  .summary-strip { grid-template-columns: 1fr; }
  .column-list { grid-template-columns: 1fr; }
  .upload-card { padding: 1.35rem; }
  .certification-panel, .issued-panel { padding: 1.35rem; }
  .issued-heading, .receipt-row { align-items: flex-start; flex-direction: column; }
  .receipt-list { margin: 1rem -1.35rem -1.35rem; }
  .receipt-row { padding: 1rem 1.35rem; }
  .receipt-actions { flex-wrap: wrap; }
}

@media (max-width: 1100px) { .portal-page .container { width: calc(100% - 48px); } .welcome-art { display: none; } }
@media (max-width: 600px) {
  .portal-page .container { width: calc(100% - 32px); }
  .auth-section { padding: 1.5rem 1rem; }
  .auth-card { padding: 1.5rem; }
  .welcome-panel { padding: 1.75rem 1.5rem; border-radius: var(--radius); }
  .portal-page .welcome-copy h1 { font-size: clamp(2rem, 8vw, 2.6rem); }
  .welcome-copy p { font-size: 1rem; }
  .workspace-section { padding-top: 1.5rem; }
  .results-header > a { width: 100%; }
  .summary-strip strong { overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) { .receipt-option, .action-card { transition: none; } .receipt-option:hover, .action-card:hover { transform: none; } }