/*
 * Ergänzungen zum Original-Design (main2018.css / main-light.css / show-light.css,
 * die unverändert übernommen wurden). Nur Stile für neue Elemente.
 */

/* Hinweise nach Formularaktionen */
.flash { padding: 6px 10px; margin: 10px auto; font-size: 12px; border-left: 4px solid #5C8BC6; background: #f4f7fb; }
.flash-success { border-left-color: #4a9a4a; background: #f2f9f2; }
.flash-error { border-left-color: #c33; background: #fbf2f2; color: #900; }

/* Ersetzt <center> und align="center" der alten Seiten */
.center, .footer-box .center { text-align: center; }
.centered { text-align: center; }
.centered > div { margin-left: auto; margin-right: auto; }
.login-box { margin: 40px auto; }
.login-box .centered { text-align: center; }
a.plain-link:hover { background: none; }

/* Wiki-Texte (bereinigtes HTML) */
.wiki-text { font-size: 12px; text-align: justify; }
.wiki-text p { margin-top: 5px; margin-bottom: 10px; }
.wiki-text table { border-collapse: collapse; }
.wiki-text td, .wiki-text th { border: 1px solid #ccc; padding: 2px 4px; }

/* Präferenzen: hervorgehobener Bereich (früher per Inline-Script) */
.highlight-box { border: 3px solid red; padding: 5px; }

/* Navigation: "Benutzer: Einloggen" als Link statt <a> im <button> */
#userlink a.dropbtn { display: inline-block; color: #5C8BC6; }
#userlink a.dropbtn .dropbtn-label { color: black; }

/* ---------------------------------------------------------------- Admin */
.admin-nav { font-size: 12px; }
.admin-table { border-collapse: collapse; font-size: 12px; width: 100%; }
.admin-table th { text-align: left; border-bottom: 1px solid #999; padding: 3px 6px; }
.admin-table td { border-bottom: 1px solid #e3e3e3; padding: 3px 6px; vertical-align: top; }
.admin-table tr.current td { background: #fde3e3; font-weight: bold; }
.admin-form { font-size: 12px; line-height: 2em; }
.admin-form label { margin-right: 8px; }
.admin-recent { background-color: #ac0808; color: #fff; border: 1px solid grey; padding: 5px; border-radius: 10px; font-size: 8pt; }
.admin-recent a { color: #fff; text-decoration: underline; }
.status-ok { color: green; }
.status-off { color: red; }
.pagination { font-size: 12px; }
.inline-form { display: inline; }
.link-button { background: none; border: 0; padding: 0; color: #5C8BC6; cursor: pointer; font-size: 11px; }
.link-button:hover { text-decoration: underline; }
.tag { font-size: 12px; }
.thumbs figure { float: left; margin: 10px; font-size: 9px; text-align: center; }
.wiki-browse { width: 100%; }
.wiki-browse td { vertical-align: top; padding: 6px; border-bottom: 1px solid #ccc; }
.wiki-browse-thumb { width: 80px; text-align: center; }
.wiki-compare { width: 100%; margin-top: 10px; }
.wiki-compare th, .wiki-compare td { width: 50%; vertical-align: top; padding: 4px; }
.wiki-diff { font-size: 12px; background: #fafafa; border: 1px solid #ddd; padding: 6px; margin-bottom: 10px; }
.wiki-diff del { background: #fcc; }
.wiki-diff ins { background: #cfc; text-decoration: none; }
details.wiki-entry { font-size: 12px; margin: 4px 0; }
.stats-columns { width: 100%; font-size: 12px; }
.stats-columns td { width: 50%; vertical-align: top; }
.legend-users { background-color: red; }
.legend-slides { background-color: yellow; color: black; }
.month-chart { display: flex; align-items: flex-end; height: 300px; gap: 4px; margin-top: 10px; font-size: 10px; }
.month-day { display: flex; flex-direction: column; align-items: center; }
.month-day .bars { display: flex; align-items: flex-end; height: 270px; gap: 1px; }
.month-day .bar { width: 11px; position: relative; }
.month-day .bar span { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%) rotate(-90deg); transform-origin: center; white-space: nowrap; margin-bottom: 8px; }
.bar-users { background-color: red; }
.bar-slides { background-color: yellow; }
pre.debug { font-size: 11px; white-space: pre-wrap; }

/* -------------------------------------------------------------- Viewer */
.viewer .wiki-editor { margin: 4px 0; }
.viewer .wiki-toolbar button { font-size: 11px; min-width: 24px; margin-right: 2px; cursor: pointer; }
.viewer .wiki-toolbar button[data-command="bold"] { font-weight: bold; }
.viewer .wiki-toolbar button[data-command="italic"] { font-style: italic; }
.viewer .wiki-editable { min-height: 140px; max-height: 400px; overflow: auto; border: 1px solid #999; background: #fff; padding: 4px; font-size: 12px; }
.viewer .wiki-editable:focus { outline: 2px solid #5C8BC6; }
.viewer #laden_box img { opacity: 1; }
.viewer #container { cursor: default; }
.viewer #overlay { pointer-events: none; }