/**
 * Frontend Styles
 */
.c_full_name{
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 2px rgba(0, 123, 186, 0.2);
}
.pdf-mcq-upload-container {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    margin: 20px 0;
    background-color: #ffffff;
    max-width: 1200px;
}

/* The true outermost container for this whole section - wraps the
   system-prompt display, difficulty selector, AND the upload form
   wrapper all together. Targeted by ID since its class is a dynamic
   PHP variable ($container_class), not a fixed name. */
#pdf-mcq-upload-container {
    background: #16b7cc;
    border-radius: 14px;
    padding: 20px;
}

/* The container holding the actual Upload PDF form (file picker +
   Advanced Options + submit button), matching the same panel look as
   the system-prompt/difficulty containers above it. */
.pdf-mcq-upload-form-wrapper {
    background: #c5ebf0;
    border: 2px solid #7fc9d6;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.10);
}

.pdf-mcq-upload-box {
    border: 2px dashed #ccc;
    border-radius: 5px;
    padding: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.pdf-mcq-btn {
    display: inline-block;
    box-sizing: border-box;
    background: #16b7cc;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2;
    vertical-align: middle;
    text-decoration: none;
    transition: background 0.3s;
}

.pdf-mcq-btn:hover {
    background: #129aab;
}

.pdf-mcq-btn-primary {
    background: #16b7cc;
}

.pdf-mcq-btn-success {
    background: #46b450;
}

.pdf-mcq-btn-success:hover {
    background: #3a9b3e;
}

/* The main Upload PDF submit button previously had NO explicit styling
   at all here - it was silently inheriting whatever the active theme's
   default button style happened to be, which is why it could visually
   drift from other plugin buttons (like Advanced API Options) that DO
   have their own fixed color. Giving it explicit styling means both
   always match, regardless of theme. */
.pdf-mcq-submit-btn {
    background: #16b7cc;
    color: #000;
    border: none;
    padding: 12px 28px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s ease, transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 2px 6px rgba(22, 183, 204, 0.3);
}

.pdf-mcq-submit-btn:hover {
    background: #129aab;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(22, 183, 204, 0.4);
}

.pdf-mcq-submit-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.pdf-mcq-btn-small {
    padding: 5px 10px;
    font-size: 14px;
}

#pdf-mcq-file-info {
    margin: 10px 0;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#pdf-mcq-processing {
    text-align: center;
    padding: 50px;
}

.pdf-mcq-loader {
    border: 5px solid #f3f3f3;
    border-top: 5px solid #16b7cc;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pdf-mcq-progress-wrap {
    max-width: 420px;
    margin: 10px auto 0;
}

.pdf-mcq-progress-track {
    background: #eceff1;
    border-radius: 8px;
    height: 16px;
    overflow: hidden;
    border: 1px solid #d9dce1;
}

.pdf-mcq-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #16b7cc, #129aab);
    border-radius: 8px;
    transition: width 0.6s ease;
}

.pdf-mcq-progress-label {
    text-align: center;
    font-size: 13px;
    color: #6b7280;
    margin: 8px 0 0;
}

.pdf-mcq-page-range-status-ok {
    color: #27ae60 !important;
    font-weight: bold;
}

.pdf-mcq-page-range-status-error {
    color: #e74c3c !important;
    font-weight: bold;
}

.pdf-mcq-progress-tokens {
    text-align: center;
    font-size: 12px;
    color: #8a919b;
    margin: 2px 0 0;
}

/* Max Tokens slider (Advanced Options + Continue panel) */
.pdf-mcq-token-slider {
    width: 100%;
    margin: 6px 0 2px;
    accent-color: #16b7cc;
}

.pdf-mcq-token-slider-ticks {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #8a919b;
    padding: 0 1px;
}

.pdf-mcq-token-slider-override-tick {
    color: #e07b1a;
    font-weight: bold;
}

#pdf-mcq-continue-panel {
    max-width: 480px;
    margin: 18px auto 0;
    padding: 16px;
    border: 1px solid #f0c36d;
    background: #fff8ea;
    border-radius: 6px;
}

#pdf-mcq-continue-message {
    margin: 0 0 12px;
    font-weight: bold;
    color: #8a6416;
}

#pdf-mcq-continue-btn {
    margin-top: 10px;
    width: 100%;
}

/* Questions Display */
#pdf-mcq-questions {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
}

.pdf-mcq-questions-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.pdf-mcq-exam-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.pdf-mcq-exam-actions .pdf-mcq-btn {
    font-size: 14px;
    padding: 8px 16px;
}

/* Create Exam Form */
.pdf-mcq-create-exam-form {
    margin-top: 20px;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.pdf-mcq-create-exam-form h4 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #333;
}

.pdf-mcq-textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    resize: vertical;
    min-height: 100px;
}

.pdf-mcq-textarea:focus {
    outline: none;
    border-color: #16b7cc;
    box-shadow: 0 0 0 1px #16b7cc;
}

.pdf-mcq-question {
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

/* Optional AI question-scoring bars (relevance, difficulty, recency),
   injected only after the "Score Question Quality" button is clicked -
   empty and invisible otherwise. Stacked one below another. */
.pdf-mcq-score-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: -6px 0 16px;
}

.pdf-mcq-score-bar-wrap {
    width: 100%;
}

.pdf-mcq-score-label {
    display: block;
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 4px;
}

.pdf-mcq-score-bar-track {
    background: #eceff1;
    border-radius: 6px;
    height: 10px;
    overflow: hidden;
}

.pdf-mcq-score-bar-fill {
    height: 100%;
    border-radius: 6px;
    transition: width 0.4s ease;
}

.question-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.question-header h4 {
    margin: 0;
    color: #333;
}

.delete-question {
    background: #dc3545;
    color: white;
    border: none;
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

.delete-question:hover {
    background: #c82333;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
}

.form-group textarea,
.form-group input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
}

.options-group {
    margin: 15px 0;
}

.option {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 3px;
}

.option input[type="radio"] {
    margin-right: 10px;
}

.option label {
    margin-right: 10px;
    font-weight: bold;
    min-width: 25px;
}

.option-text {
    flex: 1;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.pdf-mcq-actions {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 2px solid #ddd;
    text-align: center;
}

.pdf-mcq-actions-row {
    margin-bottom: 15px;
}

.pdf-mcq-actions-row:last-child {
    margin-bottom: 0;
}

.pdf-mcq-actions button,
.pdf-mcq-actions a {
    margin: 0 10px 10px;
}

/* Messages */
.pdf-mcq-error,
.pdf-mcq-success {
    padding: 15px;
    margin: 20px 0;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
}

.pdf-mcq-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.pdf-mcq-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

/* Beautiful Settings Display Sections */
.pdf-mcq-settings-display {
    background: #c5ebf0;
    border: 2px solid #7fc9d6;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.10);
    position: relative;
    overflow: hidden;
}

.pdf-mcq-settings-display::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, rgba(0, 115, 170, 0.1), transparent);
    border-radius: 0 12px 0 60px;
}

.pdf-mcq-settings-display h4 {
    margin: 0 0 15px 0;
    color: #1d2327;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pdf-mcq-settings-display h4::before {
    content: '✏️';
    font-size: 18px;
}

/* Prompt Textarea Styling */
#pdf-mcq-system-prompt {
    width: 100%;
    background: #ffffff;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    padding: 15px;
    font-size: 14px;
    color: #2c3338;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
    resize: vertical;
    min-height: 120px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

#pdf-mcq-system-prompt:focus {
    outline: none;
    border-color: #16b7cc;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 0 0 2px rgba(0, 115, 170, 0.2);
}

.pdf-mcq-prompt-display {
    background: #ffffff;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    padding: 15px;
    font-size: 13px;
    color: #2c3338;
    max-height: 80px;
    overflow-y: auto;
    line-height: 1.5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
}

#pdf-mcq-toggle-prompt {
    margin-top: 12px;
    background: linear-gradient(135deg, #16b7cc, #129aab);
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 115, 170, 0.2);
}

#pdf-mcq-toggle-prompt:hover {
    background: linear-gradient(135deg, #129aab, #004466);
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0, 115, 170, 0.3);
}

/* Prompt Editor Styling */
#pdf-mcq-prompt-editor {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #c3d9ff;
    border-radius: 12px;
    padding: 20px;
    margin-top: 15px;
    box-shadow: 0 4px 12px rgba(0, 115, 170, 0.15);
}

#pdf-mcq-prompt-editor h4 {
    margin: 0 0 15px 0;
    color: #1d2327;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

#pdf-mcq-prompt-editor h4::before {
    content: '✏️';
    font-size: 18px;
}

#pdf-mcq-custom-prompt {
    width: 100%;
    border: 2px solid #8c8f94;
    border-radius: 8px;
    padding: 12px;
    font-size: 13px;
    resize: vertical;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.5;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#pdf-mcq-custom-prompt:focus {
    outline: none;
    border-color: #16b7cc;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

#pdf-mcq-prompt-editor .button {
    margin-right: 8px;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
}

#pdf-mcq-save-prompt {
    background: linear-gradient(135deg, #46b450, #3a9b3e);
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(70, 180, 80, 0.2);
}

#pdf-mcq-save-prompt:hover {
    background: linear-gradient(135deg, #3a9b3e, #2e7d32);
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(70, 180, 80, 0.3);
}

#pdf-mcq-cancel-prompt {
    background: linear-gradient(135deg, #6c757d, #5a6268);
    color: white;
    border: none;
    box-shadow: 0 2px 4px rgba(108, 117, 125, 0.2);
}

#pdf-mcq-cancel-prompt:hover {
    background: linear-gradient(135deg, #5a6268, #495057);
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(108, 117, 125, 0.3);
}

/* Difficulty Selection Styling */
.pdf-mcq-difficulty-wrapper {
    background: #c5ebf0;
    border: 2px solid #7fc9d6;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.14), 0 2px 6px rgba(16, 24, 40, 0.10);
    position: relative;
    overflow: hidden;
}

.pdf-mcq-difficulty-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: linear-gradient(45deg, rgba(75, 85, 99, 0.1), transparent);
    border-radius: 0 12px 0 60px;
}

.pdf-mcq-difficulty-wrapper label {
    display: block;
    margin-bottom: 12px;
    font-weight: 600;
    color: #1d2327;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pdf-mcq-difficulty-wrapper label::before {
    content: '⚡';
    font-size: 16px;
}

#pdf-mcq-difficulty {
    width: 100%;
    max-width: 308px;
    border: 2px solid #8c8f94;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    background: white;
    color: #2c3338;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

#pdf-mcq-difficulty:focus {
    outline: none;
    border-color: #16b7cc;
    box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.1);
}

#pdf-mcq-difficulty:hover {
    border-color: #646970;
    background: #fafafa;
}

.pdf-mcq-difficulty-wrapper .description {
    margin: 8px 0 0 0;
    font-size: 12px;
    color: #646970;
    font-style: italic;
    display: flex;
}

/* Custom Questions Section */
.pdf-mcq-custom-questions-wrapper {
    margin: 30px 0;
    border-top: 2px solid #e0e0e0;
    padding-top: 20px;
}

.pdf-mcq-btn-secondary {
    background: #16b7cc;
    color: #000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s;
}

.pdf-mcq-btn-secondary:hover {
    background: #129aab;
    color: #fff;
}

.pdf-mcq-btn-outline {
    background: transparent;
    color: #16b7cc;
    border: 2px solid #16b7cc;
    transition: all 0.3s ease;
}

.pdf-mcq-btn-outline:hover {
    background: #16b7cc;
    color: white;
}

.pdf-mcq-expand-icon {
    font-size: 12px;
    transition: transform 0.3s ease;
}

.pdf-mcq-expand-icon.expanded {
    transform: rotate(180deg);
}

.pdf-mcq-custom-questions-container {
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease;
    max-height: 0;
    opacity: 0;
}

.pdf-mcq-custom-questions-container.expanded {
    max-height: 2000px;
    opacity: 1;
    padding-top: 20px;
}

.pdf-mcq-custom-questions-header {
    margin-bottom: 20px;
}

.pdf-mcq-custom-questions-header h4 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 18px;
}

.pdf-mcq-custom-questions-header .description {
    margin: 0;
    color: #666;
    font-style: italic;
}

.pdf-mcq-custom-question {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.3s ease;
}

.pdf-mcq-custom-question:hover {
    border-color: #16b7cc;
    box-shadow: 0 2px 8px rgba(0, 115, 170, 0.1);
}

.pdf-mcq-custom-question-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dee2e6;
}

.pdf-mcq-custom-question-header h5 {
    margin: 0;
    color: #495057;
    font-size: 16px;
}

.pdf-mcq-remove-custom {
    background: #dc3545;
    color: white;
    border: none;
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
}

.pdf-mcq-remove-custom:hover {
    background: #c82333;
}

.pdf-mcq-custom-actions {
    text-align: center;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e9ecef;
}

/* Animation for adding new custom questions */
.pdf-mcq-custom-question.fade-in {
    animation: fadeInSlide 0.5s ease forwards;
}

@keyframes fadeInSlide {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================
   MOBILE OPTIMIZATION (Enhanced – with answer wrapping & reduced spacing)
   ============================================ */
@media (max-width: 768px) {
    /* Further reduce outer container padding */
    .pdf-mcq-upload-container {
        padding: 8px 4px;
        margin: 10px 0;
    }

    /* Question cards – even tighter padding */
    .pdf-mcq-question,
    .pdf-mcq-custom-question {
        padding: 8px;
        margin-bottom: 12px;
        border-radius: 6px;
    }

    /* Smaller font for question text and options */
    .question-text,
    .explanation-text,
    .option-text,
    .form-group textarea,
    .form-group input[type="text"] {
        font-size: 14px;
    }

    /* Increase question textarea height */
    .question-text {
        min-height: 160px;
        line-height: 1.4;
    }

    /* ===== Answer text boxes – allow wrapping ===== */
    .option-text {
        width: 100%;
        min-height: 60px;
        padding: 6px 8px;
        resize: vertical;
        white-space: normal !important;
        word-wrap: break-word !important;
        word-break: break-word;
        line-height: 1.3;
    }

    /* Option rows – compact, with less horizontal waste */
    .option {
        padding: 6px 6px;
        gap: 4px;
        align-items: flex-start;
    }

    /* Make radio buttons smaller and reduce margin */
    .option input[type="radio"] {
        width: 16px;
        height: 16px;
        margin: 2px 2px 0 0;
        flex-shrink: 0;
    }

    /* Reduce width of A/B/C/D labels */
    .option label {
        width: 22px;
        font-size: 13px;
        font-weight: 600;
        margin-right: 2px;
        flex-shrink: 0;
    }

    /* Headers – smaller margins */
    .question-header,
    .pdf-mcq-custom-question-header {
        gap: 6px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }

    .question-header h4,
    .pdf-mcq-custom-question-header h5 {
        font-size: 15px;
    }

    /* Delete buttons – more compact */
    .delete-question,
    .pdf-mcq-remove-custom {
        padding: 4px 8px;
        font-size: 12px;
    }

    /* Options group – tighter spacing */
    .options-group {
        gap: 8px;
        margin: 8px 0;
    }

    /* Form groups – smaller margins */
    .form-group {
        margin-bottom: 8px;
    }

    /* Action buttons – stacked, less padding */
    .pdf-mcq-actions button,
    .pdf-mcq-modal-footer button {
        padding: 8px;
        font-size: 14px;
    }

    /* AI prompt and difficulty sections – less padding */
    .pdf-mcq-settings-display,
    .pdf-mcq-difficulty-wrapper {
        padding: 8px;
    }
}

/* Fallback for older browsers */
.full-width-content .content {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important;
}

/* Unique CSS for quiz report */
.quiz-report-wrapper {
    overflow-x: auto;
    max-width: 100%;
    margin-top: 20px;
}

.quiz-report-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
    border: 1px solid #ccc;
}

.quiz-report-header {
    background: #f2f2f2;
}

.quiz-report-cell {
    border: 1px solid #ccc;
    padding: 8px;
}

.quiz-report-row {
    background: #fafafa;
}

.quiz-report-row:hover {
    background: #f9f9f9;
}

.quiz-correct {
    color: green !important;
    font-weight: bold;
}

.quiz-wrong {
    color: red !important;
    font-weight: bold;
}
.ays_restart_button_p{
    display: none !important;
}
.cst_wrapper {
    font-family: Arial, sans-serif;
    max-width: 100%;
}
.cst_icon.cst_error {
    color: #e74c3c !important;
    border: 2px solid #e74c3c !important;
}
/* //new vijay */
/* Scroll Wrapper */
.cst_table_container {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    overflow-x: auto;
}

/* Main Table */
.cst_matrix {
    min-width: 1000px;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.cst_matrix th,
.cst_matrix td {
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

/* Column Widths */
.col-question {
    width: 350px;
    text-align: left !important;
}

.col-student {
    width: 120px;
}

/* Icon Style */
.cst_icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 14px;
    border: 2px solid #28a745;
    color: #28a745;
    font-weight: bold;
}

/* Question Row */
.cst_question_row {
    background: #e3e3e3;
    cursor: pointer;
}

.cst_toggle {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
    margin-right: 12px;
    transition: 0.3s;
}

.cst_active .cst_toggle {
    transform: rotate(45deg);
}
.cst_inner_table .cst_optionss td {
    border-bottom: 1px solid #eee;
    padding-bottom: 2px;
}

/* Collapse Row */
.cst_answer_row td {
    border: none;
}

/* INNER TABLE */
.cst_inner_table {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 8px;
}

/* Student column horizontal gap */
.cst_inner_table td.col-student {
    padding: 15px 0;
}

.cst_inner_table tr td.col-student + td.col-student {
    padding-left: 25px;
}

/* Row background card style */
.cst_inner_table tr td {
    background: #ffcccc;
}

.correct_option td {
    background: #d0facd !important;
}



















/* Advanced API Options - Input Styling */
#pdf-mcq-advanced-options .form-group {
    margin-bottom: 15px;
}

#pdf-mcq-advanced-options label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333;
}

#pdf-mcq-advanced-options input[type="text"],
#pdf-mcq-advanced-options input[type="number"],
#pdf-mcq-advanced-options select,
#pdf-mcq-advanced-options textarea {
    width: 100%;
    max-width: 400px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 14px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
    transition: border-color 0.2s, box-shadow 0.2s;
}

#pdf-mcq-advanced-options input[type="text"]:focus,
#pdf-mcq-advanced-options input[type="number"]:focus,
#pdf-mcq-advanced-options select:focus,
#pdf-mcq-advanced-options textarea:focus {
    border-color: #16b7cc;
    box-shadow: 0 0 0 1px #16b7cc, inset 0 1px 3px rgba(0,0,0,0.06);
    outline: none;
}

#pdf-mcq-advanced-options select {
    appearance: auto;
    background: #fff;
}

#pdf-mcq-advanced-options input[type="checkbox"] {
    margin-right: 6px;
    transform: scale(1.1);
}

#pdf-mcq-advanced-options .description {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
    font-style: italic;
}