/* /assets/vc_quiz.css */
.vc-quiz { border: 1px solid #ddd; border-radius: 8px; padding: 12px; background: #fff; }
.vc-quiz__header { margin-bottom: 10px; }
.vc-quiz__sub { font-size: 12px; color: #666; }

.vc-quiz__progressbar { height: 6px; background: #eee; border-radius: 99px; overflow: hidden; margin: 8px 0 12px; }
.vc-quiz__progressfill { height: 6px; background: #337ab7; }

.vc-quiz__body { min-height: 160px; }
.vc-quiz__line { display: flex; margin: 8px 0; }
.vc-quiz__line--bot { justify-content: flex-start; }
.vc-quiz__line--user { justify-content: flex-end; }
.vc-quiz__bubble { max-width: 85%; padding: 10px 12px; border-radius: 12px; background: #f5f5f5; }
.vc-quiz__line--user .vc-quiz__bubble { background: #d9edf7; }

.vc-quiz__inputrow { display: flex; gap: 8px; align-items: center; margin-top: 10px; }
.vc-quiz__btnrow { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.vc-quiz__btn { border-radius: 999px; }

.vc-quiz__backrow { margin-top: 8px; }

.vc-quiz__results { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 10px; }
.vc-quiz__card { border: 1px solid #eee; border-radius: 10px; padding: 10px; }
.vc-quiz__cardtitle { margin-bottom: 6px; }
.vc-quiz__cardmeta { font-size: 13px; color: #333; }
.vc-quiz__cardactions { margin-top: 8px; }

.vc-quiz__badge { display: inline-block; font-size: 11px; background: #5cb85c; color: #fff; padding: 2px 8px; border-radius: 999px; margin-right: 6px; }