.pc-complaint-conversation { background: #fff; border: 1px solid #d7dfeb; border-top: 3px solid #203d7b; margin-top: 22px; }
.pc-complaint-conversation > header { align-items: center; border-bottom: 1px solid #dce3ed; display: flex; justify-content: space-between; padding: 20px 24px; }
.pc-complaint-conversation > header h3 { font-size: 21px; margin: 0; }
.pc-complaint-conversation > header button { background: #fff; border: 1px solid #ccd6e4; color: #203d7b; padding: 8px 13px; }
.pc-complaint-thread { background: #f5f7fa; display: grid; gap: 16px; max-height: 520px; overflow: auto; padding: 24px; }
.pc-complaint-thread article { align-items: flex-start; display: flex; gap: 10px; max-width: 78%; }
.pc-complaint-thread article.is-own { justify-self: end; }
.pc-complaint-thread__avatar { align-items: center; background: #e8eef8; color: #203d7b; display: flex; flex: 0 0 36px; height: 36px; justify-content: center; }
.pc-complaint-thread article.is-own .pc-complaint-thread__avatar { background: #203d7b; color: #fff; order: 2; }
.pc-complaint-thread__bubble { background: #fff; border: 1px solid #d9e1ec; box-shadow: 0 5px 15px rgba(25, 45, 75, .06); padding: 14px 16px; }
.pc-complaint-thread article.is-own .pc-complaint-thread__bubble { background: #eef3ff; border-color: #b8c9ed; }
.pc-complaint-thread__bubble header { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.pc-complaint-thread__bubble time { color: #7e899b; font-size: 12px; }
.pc-complaint-thread__bubble p { color: #344158; line-height: 1.55; margin: 9px 0 0; white-space: pre-wrap; }
.pc-complaint-attachments { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.pc-complaint-attachments button { background: #fff; border: 1px solid #c9d5e6; color: #203d7b; padding: 7px 10px; }
.pc-complaint-thread__empty { color: #748096; padding: 30px; text-align: center; }
.pc-complaint-reply { border-top: 1px solid #dce3ed; display: grid; gap: 13px; padding: 20px 24px; }
.pc-complaint-reply textarea { border: 1px solid #c9d5e4; line-height: 1.5; min-height: 120px; padding: 12px; resize: vertical; width: 100%; }
.pc-complaint-files { background: #f7f9fc; border: 1px dashed #b9c7da; display: grid; gap: 8px; padding: 12px; }
.pc-complaint-files > small { color: #718096; }
.pc-complaint-reply__files { background: #f7f9fc; border: 1px dashed #b9c7da; padding: 12px; }
.pc-complaint-reply__files ul { margin: 9px 0 0; padding-left: 18px; }
.pc-complaint-reply button { background: #203d7b; border: 0; color: #fff; justify-self: end; padding: 11px 19px; }
.pc-complaint-reply__errors { color: #c93248; margin: 0; padding-left: 18px; }
.pc-complaint-reply-locked { background: #fff8df; border-top: 1px solid #eadb9b; color: #6f5a0c; padding: 16px 24px; }
@media (max-width: 800px) {
    .pc-complaint-thread { padding: 16px; }
    .pc-complaint-thread article { max-width: 100%; }
    .pc-complaint-conversation > header { align-items: flex-start; flex-direction: column; gap: 10px; }
}