.faq-form {margin:20px 0;padding:10px;border:1px solid #ddd;}
.faq-form input[type=text] {width:100%;padding:8px;margin-bottom:10px;}
.faq-form .btn {background:#0073aa;color:#fff;padding:8px 16px;border:none;cursor:pointer;}
.faq-form .btn:hover {background:#005177;}
.faq-list {list-style:none;padding:0;}
.faq-list >li {padding:10px;border-bottom:1px solid #e1d8d8;}
#faq-edit-popup {background:#fff;border:1px solid #ccc;padding:20px;position:fixed;top:10%;left:30%;width:40%;z-index:9999;}
/* input câu hỏi full width */
#faq_question {
    width: 100%;
    padding: 10px;
    margin-bottom: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    box-sizing: border-box;
}

/* nút gửi */
#btnsend {
	margin-top: 15px;
    display: inline-block;
    background-color: #0073aa; /* xanh WP */
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .2s ease;
}

#btnsend:hover {
    background-color: #005177; /* xanh đậm khi hover */
}

#faq-edit-popup {
    display: none;
    position: fixed;
    top: 10%;
    left: 30%;
    width: 40%;
    background: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    z-index: 9999;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

#faq-edit-popup h2 {
    margin-top: 0;
}

#faq-edit-popup .close-popup {
    position: absolute;
    top: 8px;
    right: 12px;
    cursor: pointer;
    color: #aaa;
}

#faq-edit-popup .close-popup:hover {
    color: #000;
}
#faq-edit-popup {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 9999;
}
#faq-edit-popup .faq-popup-inner {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 60%;
    max-width: 700px;
    margin: 80px auto;
    position: relative;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}
.listfaq { margin-bottom: 20px; background-color: #eee;}
.faq-form { background: #f9f9f9; padding: 20px; border-radius: 8px; }
.faq-input { width: 100%; padding: 10px; margin-bottom: 10px; }
.faq-login-notice { background: #fff3cd; padding: 15px; border-radius: 5px; }
.faq-login-notice a { font-weight: bold; color: #0073aa; }
.faq_sing {
    font-size: 1.5em;
    color: #d70018;padding-left: 5px;
}

.faq-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-list >li {
    border-bottom: 1px solid #ddd;
    transition: background 0.2s ease;
}

.faq-list li:hover {
    background: #f9f9f9;
}

.faq-list .question_ch {
    cursor: pointer;color: #0052c2;
    display: block;
    font-weight: 550;
    position: relative;
    padding-right: 25px;
}

.faq-list .question_ch::after {
    content: '\25BC';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.8em;
    transition: transform 0.2s;
    color: #0052c2;
    margin-top: 5px;
    margin-right: 5px;
}

.faq-list li.active .question_ch::after {
    transform: rotate(180deg);
}

.answer_tl {
    margin-bottom: 5px;
    color: #333;background-color: #fff;
    line-height: 1.6;
}
.answer_tl >p {
    margin: 0;
}
/* Hiệu ứng nổi bật khi thêm câu hỏi mới */
.highlight-new {
    background-color: #fffbe6;
    transition: background-color 1.2s ease;
}
@media (max-width: 768px) {
    .faq_sing { font-size: 1.2em; }
    .faq-list li { padding: 10px 8px; }
}
.listfaq {
    transition: opacity 0.3s ease;
}
.listfaq.updating {
    opacity: 0.5;
}