/* Main Container */
    .questionnaire-container {
        max-width: 900px;
        margin: 40px auto;
        padding: 0 20px;
        font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
    }

    /* Section Cards */
    .form-section {
        background: #ffffff;
        border-top: 5px solid #810051; /* Mulberry Accent */
        border-radius: 8px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        padding: 30px;
        margin-bottom: 30px;
        position: relative;
    }

    .section-header {
        color: #810051;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f0f0f0;
    }

    /* Question Rows */
    .question-row {
        margin-bottom: 25px;
    }

    .question-label {
        display: block;
        font-size: 15px;
        font-weight: 600;
        color: #333;
        margin-bottom: 10px;
    }

    /* Inputs */
    .form-control.q-input {
        width: 100%;
        padding: 12px 15px;
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        font-size: 14px;
        color: #333;
        transition: all 0.2s ease;
        background-color: #fcfcfc;
    }

    .form-control.q-input:focus {
        border-color: #810051;
        background-color: #fff;
        box-shadow: 0 0 0 4px rgba(129, 0, 81, 0.1);
        outline: none;
    }

    /* Radio & Checkbox Groups */
    .radio-group, .checkbox-group {
        display: flex;
        flex-direction: column; /* Stack them vertically for better readability */
        gap: 12px;
        padding-top: 5px;
    }

    .radio-group label, .checkbox-group label {
        cursor: pointer;
        font-weight: 400;
        color: #555;
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
    }

    input[type="radio"], input[type="checkbox"] {
        accent-color: #810051;
        width: 18px;
        height: 18px;
        cursor: pointer;
        margin: 0;
    }

    /* Save Button Area */
    .form-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end; /* Align to right */
        gap: 15px;
        margin-top: 20px;
        padding-top: 20px;
        border-top: 0px solid #eee !important;
    }

    .mulberry-btn {
        background-color: #810051;
        color: white;
        border: none;
        padding: 12px 40px;
        border-radius: 50px;
        font-size: 15px;
        font-weight: 600;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(129, 0, 81, 0.3);
        transition: transform 0.2s ease, background-color 0.2s;
    }

    .mulberry-btn:hover {
        background-color: #60003c;
        transform: translateY(-2px);
    }

    .mulberry-btn:disabled {
        background-color: #ccc;
        box-shadow: none;
        cursor: not-allowed;
        transform: none;
    }

    #saveStatus {
        font-size: 14px;
        font-weight: 600;
    }