/* Match the customer project cards to the existing team and contract accents. */
.portal-card.project-timeline-card,
.portal-card.project-overview-card:not(.staff-internal-card),
.portal-card.project-referral-card {
  border-top: 4px solid var(--vep-blue);
}

/* Shared section accent for Insights Overview and Team Activity. */
.portal-card.insights-section-card {
  border-top: 4px solid var(--vep-blue);
}

.dashboard-status-filter { position: relative; border: 1px solid var(--vep-border); border-radius: .375rem; background: white; }
.dashboard-status-filter summary { padding: .5rem .75rem; cursor: pointer; }
.dashboard-status-options { max-height: 18rem; overflow-y: auto; padding: .75rem; border-top: 1px solid var(--vep-border); }

.journey-access-fields { min-width: 0; width: 100%; padding: 0; margin: 0; border: 0; }
.journey-access-fields:disabled button { display: none; }
.journey-access-fields:disabled .form-control,
.journey-access-fields:disabled .form-select { color: var(--vep-ink); opacity: 1; }

.audit-detail-list { margin: .5rem 0 0; font-size: .8rem; }
.audit-detail-list > div { display: flex; flex-wrap: wrap; gap: .25rem .75rem; padding: .15rem 0; }
.audit-detail-list dt { min-width: 11rem; color: var(--vep-muted); font-weight: 600; }
.audit-detail-list dd { margin: 0; color: var(--vep-ink); overflow-wrap: anywhere; }

.team-history-excerpt { margin: .5rem 0; padding: .75rem; border-left: 3px solid var(--vep-blue); background: #f4f9fc; white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9rem; }
.team-history-value { white-space: pre-wrap; overflow-wrap: anywhere; min-width: 10rem; max-width: 26rem; }

/* Match the signature accents despite the later shared card reset. */
.portal-card.referral-form-card { border-top: 4px solid var(--vep-blue); }
.portal-card.referral-history-card { border-top: 4px solid var(--vep-green); }
.referral-submit-button:disabled { opacity: .65; cursor: wait; }

.message-system.message-payment-reminder .message-bubble,
.journey-system-preview.payment-reminder-preview {
  background: #fff8eb;
  border-color: #eed4a2;
  border-left: 4px solid #d78a16;
}
.message-system.message-payment-reminder .message-meta,
.payment-reminder-preview .journey-system-preview-meta strong { color: #885400; }
.message-payment-reminder .message-system-icon,
.payment-reminder-preview .journey-system-preview-icon { background: #9b620b; color: white; }

/* Customer welcome guide uses the same top accent as the project cards. */
.portal-card.customer-introduction-card { border-top: 4px solid var(--vep-blue); }
.customer-introduction [hidden] { display: none !important; }
.customer-introduction-feature { display: flex; align-items: flex-start; gap: .75rem; }
.customer-introduction-feature svg { width: 28px; height: 28px; flex: 0 0 28px; fill: none; stroke: var(--vep-blue); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.customer-introduction-feature p { color: var(--vep-muted); font-size: .9rem; margin: 0; }
.customer-introduction-next { color: var(--vep-blue-dark); }