/* Scoped light-mode preview component for email compose/edit areas.
   Use by adding class .email-light-surface on a container. Only the Summernote editor subtree renders in light mode; surrounding UI stays on the current theme. */

/* Limit light-mode overrides to the Summernote editor within .email-light-surface */
.email-light-surface .note-editor,
.email-light-surface .note-editor * {
  color-scheme: light;
}

/* Base editor chrome (frame) */
.email-light-surface .note-editor.note-frame {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 1px solid #dee2e6 !important;
}

/* Toolbar and status bar */
.email-light-surface .note-toolbar {
  background-color: #f8f9fa !important;
  color: #212529 !important;
  border-bottom: 1px solid #dee2e6 !important;
}
.email-light-surface .note-statusbar {
  background-color: #f8f9fa !important;
  color: #212529 !important;
  border-top: 1px solid #dee2e6 !important;
}

/* Editable region */
.email-light-surface .note-editable {
  background-color: #ffffff !important;
  color: #212529 !important;
}

/* Common controls that appear inside the editor area */
.email-light-surface .note-editor .form-control,
.email-light-surface .note-editor .form-select,
.email-light-surface .note-editor .table {
  background-color: #ffffff !important;
  color: #212529 !important;
  border-color: #dee2e6 !important;
}
.email-light-surface .note-editor .form-control:focus,
.email-light-surface .note-editor .form-select:focus {
  border-color: #002e57;
  box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
}

/* Ensure any inline light colors used by the editor stay light even in dark theme */
.email-light-surface .note-editor [style*="background-color: #ffffff"],
.email-light-surface .note-editor [style*="background:#ffffff"] { background-color: #ffffff !important; }
.email-light-surface .note-editor [style*="background-color: #f8f9fa"],
.email-light-surface .note-editor [style*="background:#f8f9fa"] { background-color: #f8f9fa !important; }
.email-light-surface .note-editor [style*="color: #212529"],
.email-light-surface .note-editor [style*="color:#212529"] { color: #212529 !important; }

/* Email content box utility (optional explicit light box outside editor) */
.email-light-box {
  background: #ffffff;
  color: #212529;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 12px;
}