.article-feedback{margin:24px 0;padding:22px;border:1px solid #dce5f1;border-radius:12px;background:#fbfdff}
.article-feedback h2{margin:0 0 7px;font-size:19px;color:#102957}
.article-feedback>p{margin:0 0 16px;color:#6c7b94;font-size:13px;line-height:1.6}
.article-feedback label{display:block;margin-bottom:7px;font-size:12px;font-weight:600;color:#33496d}
.article-feedback textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #cedaed;border-radius:8px;background:#fff;color:#19355d;font:14px/1.6 Inter,Arial,sans-serif;resize:vertical;min-height:90px}
.article-feedback textarea:focus{outline:2px solid #bdd3ff;border-color:#1769ff}
.article-feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.article-feedback-actions small{color:#7c899f;font-size:11px}
.article-feedback button{padding:11px 17px;border:0;border-radius:8px;background:#1769ff;color:#fff;font-size:12px;font-weight:600;cursor:pointer}
.article-feedback button:disabled{opacity:.6;cursor:wait}
#articleFeedbackStatus{margin:12px 0 0;font-size:13px;color:#33496d}
.admin-feedback-item{padding:20px;margin:16px 0;border:1px solid #dce5f1;border-radius:12px;background:#fff}
.admin-feedback-meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:9px}.admin-feedback-meta a{color:#1769ed;font-weight:600;text-decoration:none}.admin-feedback-meta span{font-size:12px;color:#61748e}
.admin-feedback-item small{color:#76849b}.admin-feedback-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:#273e62}
@media(max-width:560px){.article-feedback{padding:16px}.article-feedback-actions{align-items:flex-start;flex-direction:column}.article-feedback-actions button{width:100%}}
