.volunteer-account-section {
  padding-bottom: 0;
}

.volunteer-account-card {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: start;
}

.volunteer-auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--color-border, #ddd5cd);
}

.volunteer-auth-tab,
.volunteer-auth-link {
  border: 0;
  color: var(--color-primary, #8f3540);
  background: transparent;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.volunteer-auth-tab {
  padding: .8rem 1rem;
  border-bottom: 3px solid transparent;
}

.volunteer-auth-tab.is-active {
  border-bottom-color: currentColor;
}

.volunteer-auth-link {
  display: block;
  margin: .9rem auto 0;
  text-decoration: underline;
}

.volunteer-auth-form {
  max-width: 34rem;
}

.volunteer-auth-form[hidden],
.volunteer-auth-profile[hidden],
.volunteer-auth-signed-out[hidden] {
  display: none;
}

.volunteer-auth-message {
  grid-column: 1 / -1;
}

.volunteer-auth-profile {
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem;
  border: 1px solid var(--color-border, #ddd5cd);
  border-radius: var(--radius-md, 12px);
  background: var(--color-surface-soft, #f7f3ef);
}

.volunteer-auth-welcome {
  margin: 0 0 .25rem;
}

.volunteer-auth-profile .form-help {
  margin: 0;
}

.volunteer-application-locked {
  margin-top: 1.25rem;
}

.volunteer-profile-toggle {
  align-self: flex-start;
  margin-top: .35rem;
}

#volunteer-application-form[hidden],
.volunteer-application-locked[hidden],
.volunteer-profile-toggle[hidden],
#volunteer-application-form fieldset[hidden] {
  display: none;
}

#volunteer-application-form {
  margin-top: 1.5rem;
}

#volunteer-application-form-response.is-error,
.volunteer-auth-message.is-error {
  color: var(--color-danger, #8f3540);
}

@media (max-width: 760px) {
  .volunteer-account-card {
    grid-template-columns: 1fr;
  }

  .volunteer-auth-profile {
    align-items: stretch;
    flex-direction: column;
  }
}


.volunteer-dashboard-section{background:var(--color-surface-soft,#f7f3ef)}
.volunteer-dashboard-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}
.volunteer-dashboard-summary article{display:grid;padding:1rem;border:1px solid var(--color-border,#ddd5cd);border-radius:12px;background:#fff}
.volunteer-dashboard-summary strong{font-size:1.6rem}.volunteer-dashboard-summary span{color:#666}
.volunteer-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.volunteer-dashboard-grid .panel{padding:1rem}.dashboard-wide{grid-column:1/-1}
.volunteer-dashboard-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--color-border,#ddd5cd)}
.volunteer-dashboard-row p{margin:.25rem 0}.volunteer-dashboard-row button{padding:.45rem .7rem;border:1px solid #8f3540;border-radius:7px;color:#8f3540;background:#fff}
.volunteer-calendar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.calendar-item{display:grid;gap:.2rem;padding:.8rem;border:1px solid var(--color-border,#ddd5cd);border-radius:9px}.calendar-item.is-mine{background:#e7f0e5}
.notification-item{padding:.7rem 0;border-bottom:1px solid var(--color-border,#ddd5cd)}.notification-item p{margin:.25rem 0}
.history-total strong{font-size:1.8rem}.dashboard-empty{color:#666}
@media(max-width:760px){.volunteer-dashboard-grid,.volunteer-dashboard-summary,.volunteer-calendar-list{grid-template-columns:1fr}.dashboard-wide{grid-column:auto}}
/* Match volunteer account and application card widths */
#volunteer-account .volunteer-account-card,
#volunteer-application .contact-card {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

/* Keep volunteer account, application, and dashboard aligned */
#volunteer-account .wrap,
#volunteer-application .wrap,
#volunteer-dashboard .wrap {
  width: min(100% - 2rem, 1200px);
  margin-inline: auto;
}

#volunteer-account .volunteer-account-card,
#volunteer-application .contact-card {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.volunteer-private-shift-detail{
  margin:.45rem 0 0!important;
  padding:.5rem .65rem;
  border-left:3px solid #a4b792;
  border-radius:4px;
  background:rgba(164,183,146,.12);
  line-height:1.45;
}