/* ============================================================================
   Email dialog
   ----------------------------------------------------------------------------
   Email card content, description, action row, and mobile sizing. Shared
   compact-dialog width and typography live in StoreDialogPatterns.css.

   Source: Pasted text (3)(1).txt
   ============================================================================ */

.store-email-dialog .email-card {
    min-width: 0;
    background: var(--store-white);
}

.store-email-dialog .email-description {
    margin: 0.35rem 0 0;
    color: var(--store-text-secondary);
    font-size: 0.875rem;
    line-height: 1.5;
}

.store-email-dialog .email-action-row {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
}

@media screen and (max-width: 600px) {
    .store-email-dialog {
        width: calc(100vw - 1rem);
        max-width: none;
        border-radius: var(--store-radius-md);
    }

        .store-email-dialog .email-dialog-content {
            padding: 1rem;
        }

        .store-email-dialog .email-title {
            font-size: 1.2rem;
        }

        .store-email-dialog .email-description {
            font-size: 0.8125rem;
        }

        .store-email-dialog .email-action-row {
            margin-top: 1rem;
        }

        .store-email-dialog .store-btn-primary {
            width: 100%;
        }
}