/* GrapesJS visual tweaks for the dark admin shell. The plugin ships its own
   stylesheet (imported in email-editor.js); this file just adjusts container
   sizing + preview iframe wrapper styles so it sits well inside our Tailwind
   admin layout. */

#email-editor {
    border: 1px solid rgb(31 41 55); /* gray-800 */
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
    color: #111827;
}

.email-preview-frame {
    border: 1px solid rgb(31 41 55);
    background: #fff;
    width: 100%;
    height: 720px;
}
.email-preview-frame.mobile {
    width: 380px;
    margin: 0 auto;
}