#cfs-container-v6{
    font-family:Arial,sans-serif;
}

/* ACCORDION */

.cfs-accordion{
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:12px;
    overflow:hidden;
}

.cfs-accordion-header{
    background:#ff8e47;
    color:#fff;
    padding:16px 20px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:18px;
    font-weight:600;
}

.cfs-arrow{
    font-size:22px;
    transition:0.3s;
}

.cfs-accordion.active .cfs-arrow{
    transform:rotate(45deg);
}

.cfs-accordion-body{
    display:none;
    padding:20px;
    background:#fafafa;
}

.cfs-accordion.active .cfs-accordion-body{
    display:block;
}

/* QUESTION CARD */

.cfs-question-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:24px;
    margin-bottom:25px;
}

/* UNANSWERED QUESTION */
.cfs-missing-question{
    border:2px solid #e74c3c !important;
    background:#fff5f5 !important;
    animation:cfsShake .4s;
}

/* CATEGORY HEADER */
.cfs-missing-category
.cfs-accordion-header{
    background:#ffe5e5 !important;
    border-left:6px solid #e74c3c;
}

/* QUESTION TITLE */
.cfs-missing-question
.cfs-question-title{
    color:#e74c3c;
}

/* SHAKE EFFECT */
@keyframes cfsShake{
    0%{transform:translateX(0)}
    25%{transform:translateX(-5px)}
    50%{transform:translateX(5px)}
    75%{transform:translateX(-5px)}
    100%{transform:translateX(0)}
}

/* UNANSWERED QUESTION */
.cfs-missing-question{
    border:2px solid #e74c3c !important;
    background:#fff5f5 !important;
}

/* SOLID RED CATEGORY */
.cfs-missing-category .cfs-accordion-header{
    background:#e74c3c !important;
    border-left:6px solid #b91c1c !important;
    color:#fff !important;
}

/* WHITE TEXT INSIDE RED HEADER */
.cfs-missing-category .cfs-arrow,
.cfs-missing-category span{
    color:#374151 !important;
}

/* QUESTION TITLE */
.cfs-missing-question .cfs-question-title{
    color:#e74c3c !important;
}
/* ONLY HEADER TEXT WHITE */
.cfs-missing-category .cfs-accordion-header span,
.cfs-missing-category .cfs-arrow{
    color:#fff !important;
}

.cfs-accordion-body{
    display:none;
}

.cfs-accordion.active .cfs-accordion-body{
    display:block;
}
