/* ============================================================================
   Shared dialog patterns
   ----------------------------------------------------------------------------
   Exact customer/email form-dialog duplicates consolidated into grouped
   selectors, plus shared reduced-motion behavior.

   Source: Pasted text (3)(1).txt:20-59, 1316-1354, and 1545-1554.
   ============================================================================ */

.store-customer-dialog, .store-email-dialog {
    width: min(34rem, calc(100vw - 2rem));
    max-width: 34rem;
}

    .store-customer-dialog .store-customer-dialog-content, .store-email-dialog .email-dialog-content {
        padding: clamp(1rem, 3vw, 1.5rem);
    }

    .store-customer-dialog .store-customer-header, .store-email-dialog .email-header {
        margin-bottom: 1.25rem;
    }

    .store-customer-dialog .store-customer-title, .store-email-dialog .email-title {
        margin: 0;
        color: var(--store-text-main);
        font-size: clamp(1.25rem, 3vw, 1.55rem);
        font-weight: 800;
        line-height: 1.25;
        letter-spacing: -0.02em;
        overflow-wrap: anywhere;
    }

    .store-customer-dialog .store-customer-divider, .store-email-dialog .email-divider {
        margin-top: 1rem;
        border-color: var(--store-border);
    }

@media (prefers-reduced-motion: reduce) {
    .store-customer-dialog *, .store-customer-dialog *::before, .store-customer-dialog *::after, .store-email-dialog *, .store-email-dialog *::before, .store-email-dialog *::after {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}