.midoks-comments-box,
.nufusum-comments-box {
    margin-top: 32px;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    padding: 22px;
}
.midoks-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}
.midoks-section-head h2 { margin: 0; font-size: 22px; }
.midoks-section-head span,
.midoks-muted { color: #64748b; }
.midoks-comment-list { display: grid; gap: 14px; margin-bottom: 18px; }
.midoks-comment-item { display: flex; gap: 12px; padding: 14px; background: #f8fafc; border-radius: 14px; }
.midoks-comment-avatar { width: 38px; height: 38px; border-radius: 999px; background: #0b3b91; color: #fff; display: grid; place-items: center; font-weight: 900; flex: 0 0 auto; }
.midoks-comment-item small { display: block; color: #64748b; margin: 4px 0; }
.midoks-comment-alert { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e3a8a; border-radius: 12px; padding: 12px 14px; margin: 12px 0; }
.midoks-comment-form { display: grid; gap: 14px; }
.midoks-comment-form label span { display: block; font-weight: 800; margin-bottom: 6px; }
.midoks-comment-form input,
.midoks-comment-form textarea { width: 100%; border: 1px solid #dbe3ef; border-radius: 12px; padding: 12px; }
.midoks-comment-form button { justify-self: start; border: 0; border-radius: 12px; padding: 12px 18px; background: #0b3b91; color: #fff; font-weight: 900; cursor: pointer; }