.ukp-comments{margin:44px auto 20px;padding:24px;max-width:820px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.06);font-family:inherit}
.ukp-comments h2{margin:0 0 8px;font-size:24px;line-height:1.25;color:#111827}
.ukp-muted{color:#6b7280;font-size:14px;margin:0 0 16px}
.ukp-comments-list{display:grid;gap:14px;margin:18px 0}
.ukp-comment{display:flex;gap:12px;padding:14px;background:#f9fafb;border-radius:14px;border:1px solid #eef2f7}
.ukp-comment-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#dbeafe;object-fit:cover}
.ukp-comment-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin-bottom:5px}
.ukp-comment-name{font-weight:700;color:#111827;font-size:14px}
.ukp-comment-date{color:#6b7280;font-size:12px}
.ukp-comment-body{color:#1f2937;font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ukp-comment-form{margin-top:18px;padding-top:18px;border-top:1px solid #e5e7eb}
.ukp-comment-form textarea{width:100%;min-height:96px;resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:14px;padding:12px;font:inherit;font-size:15px;outline:none}
.ukp-comment-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.ukp-comment-actions{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}
.ukp-btn{border:0;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;background:#111827;color:#fff}
.ukp-btn:disabled{opacity:.55;cursor:not-allowed}
.ukp-status{font-size:14px;color:#374151}
.ukp-login-box{display:grid;gap:12px;align-items:start;padding:16px;border-radius:14px;background:#f3f4f6;margin-top:14px}
.ukp-signed-in{display:flex;align-items:center;gap:10px;color:#374151;font-size:14px}
@media(max-width:640px){.ukp-comments{padding:18px;border-radius:14px}}