/* Admin overrides on top of Bootstrap 5 */

body.admin { background: #f4f6fa; }

/* Make the EasyMDE editor fit visually with Bootstrap inputs */
.EasyMDEContainer .CodeMirror { border: 1px solid #ced4da; border-radius: 0.375rem; }
.EasyMDEContainer .editor-toolbar { border: 1px solid #ced4da; border-bottom: 0; border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.EasyMDEContainer .editor-toolbar + .CodeMirror { border-top-left-radius: 0; border-top-right-radius: 0; }

/* Comment preview block inside the moderation table */
.comment-preview {
    background: #f8f9fb;
    border-left: 3px solid #e2e6ec;
    padding: 0.4rem 0.7rem;
    border-radius: 3px;
    font-size: 0.825rem;
    line-height: 1.4;
}
.comment-preview p { margin: 0.2rem 0; }
.comment-preview a { word-break: break-all; }

/* The body editor textarea needs a fixed min-height before EasyMDE mounts */
#body-editor { min-height: 360px; }

/* Logout button in the navbar — strip the default button affordances */
.navbar .btn-link.nav-link {
    border: 0;
    background: none;
    padding: 0.5rem 1rem;
    color: rgba(255,255,255,.75);
}
.navbar .btn-link.nav-link:hover { color: #fff; }