.error-help {
    max-width: 44rem;
    margin: 1.5rem auto;
    padding: 1.25rem 1.5rem;
    border: 1px solid var(--border, #cbd5e1);
    border-left: 0.35rem solid #b42318;
    border-radius: var(--radius-sm, 0.5rem);
    background: var(--surface, #fff);
    color: var(--text, inherit);
}

.error-help-title { margin: 0 0 0.5rem; font-size: 1.25rem; }
.error-help-message, .error-help-reference, .error-help-contact { margin: 0.35rem 0; }
.error-help-email { font-weight: 700; overflow-wrap: anywhere; }
.error-help-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.85rem; }
.error-help-actions .btn { min-height: 2.75rem; display: inline-flex; align-items: center; }
.error-help-details { margin-top: 0.75rem; }
.error-help-details pre { white-space: pre-wrap; overflow-wrap: anywhere; margin: 0.4rem 0 0; font-size: 0.8rem; }

.error-help-compact { margin: 0; padding: 0.75rem 1rem; }
.error-help-compact .error-help-details { display: none; }

.client-error-toast {
    position: fixed;
    z-index: 1002;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0.75rem;
    max-width: 40rem;
    margin-inline: auto;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.3);
}