/* Beta-Feedback Board */
.bf-board, .bf-topic, .bf-newtopic, .bf-index { margin-bottom: 2rem; }

.bf-intro { padding: 1rem; margin-bottom: 1.5rem; background: #f6f6f6; border-left: 3px solid #999; }
.bf-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.bf-note { color: #7a7a7a; font-size: .9em; }
.bf-empty { padding: 2rem 0; color: #7a7a7a; }

.bf-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.bf-filters .bf-filter { width: auto; min-width: 10rem; }

.bf-topics { width: 100%; }
.bf-topics td, .bf-topics th { vertical-align: middle; }
.bf-topics tr.bf-pinned { background: #fcfaf2; }
.bf-pin { color: #c8a200; margin-right: .25rem; }
.bf-lock { margin-left: .35rem; }
.bf-author { display: block; font-size: .85em; color: #8a8a8a; }

.bf-tag { display: inline-block; padding: .15rem .5rem; border-radius: 2px; font-size: .8em;
  line-height: 1.6; white-space: nowrap; background: #ececec; color: #444; }
.bf-type-bug       { background: #fbe3e3; color: #8c2b2b; }
.bf-type-idea      { background: #e3eefb; color: #245080; }
.bf-type-question  { background: #f0e9fa; color: #573c80; }
.bf-type-praise    { background: #e6f5e6; color: #2c6b2c; }
.bf-type-post      { background: #ececec; color: #444; }
.bf-status-new       { background: #ececec; color: #444; }
.bf-status-confirmed { background: #fdf0dc; color: #8a5a12; }
.bf-status-progress  { background: #e3eefb; color: #245080; }
.bf-status-fixed     { background: #e6f5e6; color: #2c6b2c; }
.bf-status-nobug     { background: #f2f2f2; color: #777; }
.bf-status-later     { background: #f2f2f2; color: #777; }

.bf-pagination { margin: 1rem 0; }
.bf-pagination .bf-page { display: inline-block; padding: .25rem .6rem; margin-right: .25rem; border: 1px solid #ddd; }
.bf-pagination .bf-page.current { background: #333; color: #fff; border-color: #333; }

.bf-back { margin-bottom: 1rem; }
.bf-topic-meta { display: flex; gap: .4rem; margin-bottom: 1.25rem; }

.bf-post { padding: 1rem; margin-bottom: 1rem; border: 1px solid #e4e4e4; }

/* Eröffnungsbeitrag: kräftiger abgesetzt, voller Breite */
.bf-post-first { background: #fbfbf7; border-left: 4px solid #8a8a6a; }

/* Antworten: eingerückt und heller */
.bf-post-reply { background: #fff; border-left: 4px solid #dcdcdc; margin-left: 1.5rem; }

/* Team-Antworten überschreiben beides */
.bf-post-staff { border-color: #245080; border-left: 4px solid #245080; background: #f4f8fc; }

.bf-kind { padding: .1rem .45rem; border-radius: 2px; font-size: .75em;
  text-transform: uppercase; letter-spacing: .04em; background: #e8e8e8; color: #555; }
.bf-post-first .bf-kind { background: #8a8a6a; color: #fff; }
.bf-post-staff .bf-kind { background: #245080; color: #fff; }
.bf-post-head { display: flex; flex-wrap: wrap; gap: .6rem; align-items: baseline;
  margin-bottom: .75rem; padding-bottom: .5rem; border-bottom: 1px solid #eee; font-size: .9em; }
.bf-post-author { font-weight: 600; }
.bf-post-date, .bf-post-version { color: #8a8a8a; }
.bf-badge-staff { padding: .1rem .45rem; background: #245080; color: #fff; border-radius: 2px; font-size: .8em; }
.bf-post-body { line-height: 1.6; word-wrap: break-word; }

.bf-post-images { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.bf-post-images img { max-width: 220px; max-height: 160px; border: 1px solid #ddd; }

.bf-form { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #e4e4e4; }
.bf-form .form-group { margin-bottom: 1rem; }
.bf-errors { margin: 0; padding-left: 1.2rem; }

.bf-product-link { margin: 1rem 0; }
.bf-board-list { list-style: none; padding: 0; }
.bf-board-list li { padding: .6rem 0; border-bottom: 1px solid #eee; }

@media (max-width: 767px) {
  .bf-post-reply { margin-left: 0; }
  .bf-filters .bf-filter { width: 100%; }
  .bf-topics thead { display: none; }
  .bf-topics, .bf-topics tbody, .bf-topics tr, .bf-topics td { display: block; width: 100%; }
  .bf-topics tr { border-bottom: 1px solid #eee; padding: .5rem 0; }
}

/* Downloads */
.bf-downloads { margin: 1.5rem 0; padding: 1rem; border: 1px solid #e4e4e4; }
.bf-downloads h3 { margin-top: 0; font-size: 1.1rem; }
.bf-file-list { list-style: none; margin: 0; padding: 0; }
.bf-file { padding: .6rem 0; border-bottom: 1px solid #f0f0f0; }
.bf-file:last-child { border-bottom: 0; }
.bf-file-name { font-weight: 600; }
.bf-file-meta { display: block; font-size: .85em; color: #8a8a8a; }
.bf-file-desc { margin-top: .35rem; font-size: .9em; line-height: 1.5; }

/* Feste Farbe je Autor */
.bf-posts .bf-c0 { border-left-color: #1f7b7b; background: #eff8f8; }
.bf-posts .bf-c0 .bf-post-author { color: #1f7b7b; }
.bf-posts .bf-c0 .bf-kind { background: #1f7b7b; color: #fff; }
.bf-posts .bf-c1 { border-left-color: #8a5a12; background: #fbf6ee; }
.bf-posts .bf-c1 .bf-post-author { color: #8a5a12; }
.bf-posts .bf-c1 .bf-kind { background: #8a5a12; color: #fff; }
.bf-posts .bf-c2 { border-left-color: #2c6b3f; background: #f1f8f3; }
.bf-posts .bf-c2 .bf-post-author { color: #2c6b3f; }
.bf-posts .bf-c2 .bf-kind { background: #2c6b3f; color: #fff; }
.bf-posts .bf-c3 { border-left-color: #8c2b5e; background: #fbf1f6; }
.bf-posts .bf-c3 .bf-post-author { color: #8c2b5e; }
.bf-posts .bf-c3 .bf-kind { background: #8c2b5e; color: #fff; }
.bf-posts .bf-c4 { border-left-color: #5b4b9a; background: #f4f2fb; }
.bf-posts .bf-c4 .bf-post-author { color: #5b4b9a; }
.bf-posts .bf-c4 .bf-kind { background: #5b4b9a; color: #fff; }
.bf-posts .bf-c5 { border-left-color: #a15218; background: #fcf4ee; }
.bf-posts .bf-c5 .bf-post-author { color: #a15218; }
.bf-posts .bf-c5 .bf-kind { background: #a15218; color: #fff; }
.bf-posts .bf-c6 { border-left-color: #7a3030; background: #fbf2f2; }
.bf-posts .bf-c6 .bf-post-author { color: #7a3030; }
.bf-posts .bf-c6 .bf-kind { background: #7a3030; color: #fff; }
.bf-posts .bf-c7 { border-left-color: #4a5a2a; background: #f6f8ee; }
.bf-posts .bf-c7 .bf-post-author { color: #4a5a2a; }
.bf-posts .bf-c7 .bf-kind { background: #4a5a2a; color: #fff; }
.bf-posts .bf-c8 { border-left-color: #6b4a2a; background: #f9f5f0; }
.bf-posts .bf-c8 .bf-post-author { color: #6b4a2a; }
.bf-posts .bf-c8 .bf-kind { background: #6b4a2a; color: #fff; }
.bf-posts .bf-c9 { border-left-color: #55606b; background: #f4f5f7; }
.bf-posts .bf-c9 .bf-post-author { color: #55606b; }
.bf-posts .bf-c9 .bf-kind { background: #55606b; color: #fff; }
.bf-posts .bf-post-staff { border-color: #245080; border-left: 4px solid #245080; background: #f4f8fc; }
.bf-posts .bf-post-staff .bf-post-author { color: #245080; }
.bf-posts .bf-post-staff .bf-kind { background: #245080; color: #fff; }