/* 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; }
.bf-post-staff { border-color: #245080; background: #f7fafd; }
.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-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; }
}