/* ============ PM: формы в админке ============ */
.pm-compose-form,
.pm-reply-form {
    display: block;
    max-width: 720px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(74, 127, 199, 0.06);
}

.pm-row {
    margin-bottom: 14px;
}

.pm-row > label {
    display: block;
    font-weight: 700;
    color: #1b2a41;
    margin-bottom: 4px;
    font-size: 13px;
}

.pm-row input[type="text"],
.pm-row input[type="number"],
.pm-row select,
.pm-row textarea {
    width: 100%;
    max-width: 100%;
    padding: 6px 9px;
    border: 1px solid #c9d4e2;
    border-radius: 4px;
    font: inherit;
    background: #fff;
    box-sizing: border-box;
}

.pm-row textarea {
    min-height: 110px;
    resize: vertical;
}

.pm-hint {
    font-size: 12px;
    color: #6a7a8f;
    margin-top: 4px;
    line-height: 1.4;
}

.pm-hint a {
    color: #2c5aa0;
    text-decoration: underline;
}

/* ============ PM: переписка ============ */
.pm-thread {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px 0 20px;
    max-width: 900px;
}

.pm-message {
    padding: 10px 14px;
    border-radius: 8px;
    max-width: 80%;
    word-wrap: break-word;
    box-shadow: 0 1px 2px rgba(20, 40, 70, 0.06);
}

/* Общие «пузыри» — цвет/рамка одинаковые */
.pm-message.pm-from-user {
    background: #eef4fb;
    border-left: 3px solid #4a7fc7;
}

.pm-message.pm-from-admin {
    background: #e8f8ee;
    border-right: 3px solid #2ecc71;
}

/* === Смотрит ПОЛЬЗОВАТЕЛЬ === */
/* «Я» (юзер) — справа, «не я» (админ) — слева */
.pm-thread--viewer-user .pm-from-user  { align-self: flex-end; }
.pm-thread--viewer-user .pm-from-admin { align-self: flex-start; }

/* === Смотрит АДМИН === */
/* «Я» (админ) — справа, «не я» (юзер) — слева */
.pm-thread--viewer-admin .pm-from-admin { align-self: flex-end; }