/* Append to your existing GLOBAL crm.css, after the previous CRM/grid styles. */
.crm-image-search {
    flex: 1 1 300px;
    min-width: 0;
}

.crm-image-thumb {
    display: block;
    width: 96px;
    max-width: 100%;
    height: 64px;
    object-fit: contain;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 8px;
    background: var(--mud-palette-surface);
}

.crm-email-block {
    border-inline-start: 3px solid var(--mud-palette-primary);
}

.crm-email-preview-stage {
    display: flex;
    justify-content: center;
    padding: 12px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    background: var(--mud-palette-background);
}

.crm-email-preview-frame {
    display: block;
    width: 100%;
    height: 620px;
    border: 0;
    border-radius: 8px;
    background: white;
}

.crm-email-plain {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
    margin: 0;
    color: var(--mud-palette-text-primary);
}

@media (max-width:600px) {
    .crm-email-preview-stage {
        padding: 0;
    }

    .crm-email-preview-frame {
        height: 520px;
    }
}