.ops-biz-comments { width: min(680px, calc(100vw - 32px)); max-height: 85vh; overflow: auto; border: 1px solid #d8dee8; border-radius: 12px; padding: 24px; color: #1f2937; background: #fff; box-sizing: border-box; }
.ops-biz-comments::backdrop { background: rgb(15 23 42 / 45%); }
.ops-biz-comments > button { float: right; }
.ops-biz-comments h2 { margin-top: 0; font-size: 20px; }
.ops-biz-comment { margin: 16px 0; padding: 16px; border: 1px solid #d8dee8; border-radius: 8px; }
.ops-biz-comment p, .ops-biz-comments [role=status] { white-space: pre-wrap; overflow-wrap: anywhere; }
.ops-biz-comment strong { font-size: 13px; }
.ops-biz-comment-reply { margin: 12px 0 12px 16px; padding-left: 12px; border-left: 3px solid #cbd5e1; }
.ops-biz-comments textarea { display: block; width: 100%; min-height: 90px; box-sizing: border-box; padding: 8px; margin: 12px 0; resize: vertical; font: inherit; }
.ops-biz-comments button { cursor: pointer; border: 1px solid #cbd5e1; border-radius: 6px; padding: 6px 12px; background: #f8fafc; color: #1e40af; font: inherit; }
.ops-biz-comments button:disabled { cursor: wait; opacity: .6; }
@media (max-width: 480px) { .ops-biz-comments { padding: 16px; } .ops-biz-comment { padding: 10px; } }
.ops-biz-comments-inbox-controls { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.ops-biz-comments .ops-biz-comments-inbox-item { display: flex; flex-direction: column; gap: 6px; text-align: left; width: 100%; margin: 10px 0; padding: 12px; overflow-wrap: anywhere; }
.ops-biz-comments-inbox-item small { color: #64748b; }
.ops-biz-comments button:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }