/* سبک کلی فرم آزمون */
#quiz-form {
    max-width: 800px;
    margin: auto;
    direction: rtl;
    font-family: Vazirmatn, Tahoma, sans-serif;
}

/* نمایش هر سوال */
.question {
    background: #fbfbfb;
    padding: 15px 20px;
    margin: 15px 0;
    border-radius: 6px;
    font-family: 'dana';
}

/* هایلایت گزینه انتخاب‌شده */
.question label.selected {
    background-color: #d7ffa8;
    border: 1px solid #4CAF50;
    border-radius: 5px;
}

/* رادیوها را مخفی و فقط متن لیبل را کلیک‌پذیر کن */
.question input[type="radio"] {
    display: none;
}

.question label {
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    transition: background-color 0.3s;
    background-color: #ffff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #efefef;
}

/* سوالات بی‌پاسخ */
.question.unanswered {
    border-color: #e53935;
    background: #fff3f3;
}

/* دکمه ارسال */
#quiz-form button[type="submit"] {
    display: block;
    background: #0073aa;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    margin: 20px auto;
    border-radius: 4px;
    cursor: pointer;
    font-family: 'dana';
}

#quiz-form button[type="submit"]:hover {
    background: #005177;
}

/* بخش نتیجه */
#result {
    max-width: 900px;
    margin: auto;
    padding: 20px;
    background: #f0f8ff;
    border: 1px solid #ccc;
    border-radius: 8px;
}

/* جدول نتایج */
#result-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
}

#result-table th,
#result-table td {
    border: 1px solid #bbb;
    padding: 8px 12px;
    text-align: center;
}

/* نمودارها */
canvas {
    max-width: 100% !important;
    margin: 20px auto;
}
#result-chart {
    width: 100%;
    margin: auto;
}
#result-bar-chart {
    width: 100%;
    margin: auto;
}
.login-message {
  background-color: #f2f0f0;
  padding: 40px 20px;
  border-radius: 10px;
  text-align: center;
}
.login-message a {
  background-color: #06800e;
  color: white;
  padding: 8px 15px;
  border-radius: 7px;
}