/* Canonical blog comment controls, shared with the community reply adapter.
 * Kept separate from the blog application bundle so forum pages stay lightweight.
 */
.comment-input {
    min-width: 200px; background: #f0f2f7; border: 1px solid #f0f2f7;
    padding: 5px 9px; border-radius: 6px; box-shadow: none !important;
    resize: none; transition: .25s;
}
.comment-input:focus { background: #fff; border-color: #20a0ff; box-shadow: 0 0 0 3px rgba(32,160,255,.2) !important; }
#comments .form-meta,.nvc-blog-comments .form-meta { margin-top: 5px; float: left; }
#comments .form-meta > a,
.nvc-blog-comments .form-meta > button,
.nvc-blog-comments .form-meta > .nvc-emoji-control > button {
    display: inline-block; border: 1px solid #e0e2e7; padding: 5px 9px;
    text-decoration: none; border-radius: 6px; cursor: pointer; margin-right: 6px; vertical-align: top;
}
#comments .form-meta > a:not(.nick-name),
.nvc-blog-comments .form-meta > button,
.nvc-blog-comments .form-meta > .nvc-emoji-control > button {
    font-size: 16px; padding: 4px 0 0; width: 32px; text-align: center; height: 32px;
}
#comments .form-submit,.nvc-blog-comments .form-submit { margin-top: 5px; float: right; }
.submit-comment {
    margin-left: 6px; border: none; background: linear-gradient(90deg,#20a0ff,#20b8ff);
    color: #fff; padding: 6px 15px; border-radius: 6px; box-shadow: 0 3px 5px rgba(32,160,255,.5);
}
body.night .comment-input { border: 1px solid #657487; background: #28374a; }
body.night .comment-input:focus { border-color: #20a0ff; box-shadow: none !important; }
body.night #comments .form-meta > a,
body.night .nvc-blog-comments .form-meta > button,
body.night .nvc-blog-comments .form-meta > .nvc-emoji-control > button { border-color: #8492a6; }