/* Mod-page authoring UI for the readme and per-mod FAQ: edit button, FAQ toggle panel,
   drag-to-reorder FAQ entries, and the readme editor/toolbar/upload-progress bar —
   split out of style.css. Used on mod.php (author/moderator readme+FAQ editing). */

.mod-readme-edit-btn { float: right; color: var(--clr-text-muted); display: flex; align-items: center; z-index: 1; }
.mod-readme-edit-btn:hover { color: var(--clr-text); }

.inline-hint { font-size: 0.8rem; color: var(--clr-text-muted); }

.mod-faq-label { background: var(--clr-bg); }
.mod-faq-new-link { font-size: 0.85rem; }
.mod-faq-page-heading { display: flex; align-items: center; gap: 0.5rem; }

.readme-gallery-details { margin-bottom: 1rem; }
.readme-gallery-details > summary { cursor: pointer; font-weight: 600; margin-bottom: 0.5rem; }
.readme-gallery-details .gallery-thumb { cursor: pointer; }
.readme-edit-form { display: flex; flex-direction: column; gap: 0.75rem; }
.readme-upload-progress { height: 6px; border-radius: 3px; background: var(--clr-surface-alt); overflow: hidden; }
.readme-upload-progress-bar { height: 100%; width: 0; background: var(--clr-link); transition: width 0.15s ease; }
.readme-editor { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace; font-size: 0.875rem; min-height: 500px; }
.readme-edit-actions { display: flex; gap: 0.5rem; align-items: center; }
.readme-edit-toolbar { display: flex; align-items: center; gap: 0.6rem; }
.readme-toggle-btn { font-size: 0.85rem; padding: 0.3rem 0.7rem; }
#readme-preview.fmt-preview { min-height: 500px; }