/* Our skin for the vendored SunEditor, loaded after `suneditor.min.css`.
 *
 * The bundle's default chrome is a grey box with a boxed border around every
 * toolbar group; the admin pages are warm, light, and rounded. Everything here
 * overrides one named SunEditor class — no layout, no behaviour, no JS — so the
 * vendored bundle stays exactly as shipped and can be re-vendored over this.
 */

/* `.sun-editor` is the whole widget: default is a square 1px #dadada box. One
   hairline, rounded, and the app's own font instead of Helvetica Neue. */
.sun-editor {
  border: 1px solid #e5e0d8;
  border-radius: 8px;
  overflow: hidden;
  font-family: inherit;
  background-color: #fff;
}

/* `.se-toolbar` default is #fafafa with a hard `outline` (not a border, so it
   paints over the rounded corner above). Cream, and the outline traded for a
   single hairline underneath. */
.sun-editor .se-toolbar {
  outline: 0 none;
  border-bottom: 1px solid #ece6dc;
  background-color: #faf7f2;
}

/* The one the eye actually catches: SunEditor boxes each toolbar group in its
   own bordered pill. Grouping is spacing's job here, not a border's. */
.sun-editor .se-btn-module-border {
  border: none;
  border-radius: 0;
  margin-left: 2px;
  margin-right: 2px;
}

/* Buttons: transparent until touched, then a warm tint rather than the default
   grey `#e1e1e1` with its own border colour. */
.sun-editor .se-btn {
  border-radius: 6px;
  color: #57534e;
}

.sun-editor .se-btn:enabled:focus,
.sun-editor .se-btn:enabled:hover {
  background-color: #f2ece1;
  border-color: transparent;
  outline: 0 none;
}

.sun-editor .se-btn:enabled.active,
.sun-editor .se-btn:enabled.active:focus,
.sun-editor .se-btn:enabled.active:hover {
  color: #7c3aed;
  background-color: #f2ece1;
  border-color: transparent;
}

/* The writing surface and the resize bar inherit the same font and cream. */
.sun-editor .se-wrapper .sun-editor-editable {
  font-family: inherit;
  color: #57534e;
}

.sun-editor .se-resizing-bar {
  border-top: 1px solid #ece6dc;
  background-color: #faf7f2;
}

/* Dialogs and submenus (the link and image forms) pick up the rounding too. */
.sun-editor .se-dialog-inner .se-dialog-content,
.sun-editor .se-submenu {
  border-radius: 8px;
}