/*
 * Apple-style overrides for the Toast UI Editor in the community forum.
 * Goal: low friction — a compact toolbar with small icons, rounded frame,
 * no exposed Markdown/WYSIWYG mode switch. Loaded after the CDN stylesheet.
 */

/* Rounded, subtle frame matching the Grabatus design system. */
.toastui-editor-defaultUI {
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    overflow: hidden;
}
.dark .toastui-editor-defaultUI {
    border-color: #374151;
}

/* Compact toolbar (~36px) with smaller, evenly-spaced icons. */
.toastui-editor-defaultUI .toastui-editor-toolbar {
    min-height: 36px;
}
.toastui-editor-defaultUI .toastui-editor-toolbar-icons {
    height: 28px;
    width: 28px;
    margin: 3px 1px;
    background-size: 16px 16px;
}

/* Hide the technical "Markdown | WYSIWYG" mode switch at the bottom. */
.toastui-editor-mode-switch {
    display: none !important;
}

/* Calmer focus ring (cyan accent) instead of the default. */
.toastui-editor-defaultUI.toastui-editor-focused {
    box-shadow: 0 0 0 1px #06b6d4;
    border-color: #06b6d4;
}