/* ============================================================
   wall.css — стена профиля (ядро). Скоуп: .pp-wall.
   Совместима с фиолетовой темой профиля.
   ============================================================ */
.pp-wall {
	--w-accent: #9b6dff;
	--w-accent-2: #b794ff;
	--w-card: rgba(10, 10, 26, 0.5);
	--w-bd: rgba(155, 109, 255, 0.14);
	--w-bd-2: rgba(155, 109, 255, 0.28);
	--w-txt: #ececf5;
	--w-dim: #7d7f96;
	--w-soft: #b8bad0;
	padding: 14px;
}
.pp-wall * { box-sizing: border-box; }

/* ---------- форма ---------- */
.pp-wall-form { margin-bottom: 14px; }
.pp-wall-replybar {
	display: none;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	color: var(--w-soft);
	background: rgba(155, 109, 255, 0.08);
	border: 1px solid var(--w-bd);
	border-radius: 8px;
	padding: 7px 11px;
	margin-bottom: 8px;
}
.pp-wall-replybar.is-on { display: flex; }
.pp-wall-replycancel { background: none; border: none; color: var(--w-accent-2); cursor: pointer; font-size: 12px; }

.pp-wall-textarea,
.pp-wall-media {
	width: 100%;
	background: var(--w-card) !important;
	border: 1px solid var(--w-bd-2);
	color: #fff;
	border-radius: 9px;
	padding: 10px 12px;
	font-size: 13px;
	outline: none;
	resize: vertical;
}
.pp-wall-textarea { min-height: 64px; margin-bottom: 8px; }
.pp-wall-media { height: 38px; margin-bottom: 8px; }
.pp-wall-textarea:focus, .pp-wall-media:focus { border-color: var(--w-accent); }
.pp-wall-textarea::placeholder, .pp-wall-media::placeholder { color: rgba(255,255,255,0.3); }

.pp-wall-imgprev { margin-bottom: 8px; }
.pp-wall-imgprev img { max-width: 100%; max-height: 220px; border-radius: 9px; border: 1px solid var(--w-bd); }

.pp-wall-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.pp-wall-hint { font-size: 11px; color: var(--w-dim); }
.pp-wall-btn {
	background: var(--w-accent);
	border: none;
	color: #fff;
	border-radius: 9px;
	padding: 8px 16px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: 0.15s;
}
.pp-wall-btn:hover { background: #8857ff; }
.pp-wall-btn[disabled] { opacity: 0.5; cursor: default; }

/* ---------- секции ---------- */
.pp-wall-section-title {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: var(--w-accent-2);
	margin: 14px 0 8px;
}
.pp-wall-empty { font-size: 12px; color: var(--w-dim); padding: 14px 0; text-align: center; }
.pp-wall-loading { font-size: 12px; color: var(--w-dim); padding: 14px 0; text-align: center; }

/* ---------- пост ---------- */
.pp-wall-item { display: flex; gap: 10px; padding: 11px 0; border-top: 1px solid rgba(155, 109, 255, 0.08); }
.pp-wall-item:first-child { border-top: none; }
.pp-wall-ava { width: 38px; height: 38px; min-width: 38px; border-radius: 50%; object-fit: cover; border: 1px solid var(--w-bd-2); }
.pp-wall-body { flex: 1 1 auto; min-width: 0; }
.pp-wall-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pp-wall-author { font-size: 13px; font-weight: 700; color: #fff; text-decoration: none; }
.pp-wall-author:hover { color: var(--w-accent-2); }
.pp-wall-date { font-size: 11px; color: var(--w-dim); }
.pp-wall-pin-badge { color: var(--w-accent); font-size: 11px; }
.pp-wall-top-actions { margin-left: auto; display: flex; gap: 4px; }
.pp-wall-iconbtn {
	background: none;
	border: none;
	color: var(--w-dim);
	cursor: pointer;
	font-size: 12px;
	padding: 3px 5px;
	border-radius: 6px;
	transition: 0.15s;
}
.pp-wall-iconbtn:hover { color: #fff; background: rgba(155, 109, 255, 0.14); }
.pp-wall-iconbtn.is-danger:hover { color: #ff6b7a; background: rgba(255, 107, 122, 0.12); }

.pp-wall-msg { font-size: 13px; color: var(--w-soft); line-height: 1.45; margin-top: 4px; word-break: break-word; white-space: pre-wrap; }
.pp-wall-media-img { margin-top: 8px; }
.pp-wall-media-img img { max-width: 100%; max-height: 320px; border-radius: 9px; border: 1px solid var(--w-bd); display: block; }

/* ---------- реакции ---------- */
.pp-wall-react { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; margin-top: 8px; }
.pp-wall-react-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: var(--w-card);
	border: 1px solid var(--w-bd);
	border-radius: 13px;
	padding: 2px 9px;
	font-size: 12px;
	color: var(--w-soft);
	cursor: pointer;
	transition: 0.12s;
	line-height: 1.6;
}
.pp-wall-react-btn:hover { border-color: var(--w-bd-2); }
.pp-wall-react-btn.is-active { background: rgba(155, 109, 255, 0.18); border-color: var(--w-accent); color: #fff; }
.pp-wall-react-add { color: var(--w-dim); font-size: 13px; }
.pp-wall-react-picker { display: none; gap: 3px; flex-wrap: wrap; margin-top: 6px; padding: 6px; background: var(--w-card); border: 1px solid var(--w-bd); border-radius: 9px; }
.pp-wall-react-picker.is-on { display: flex; }
.pp-wall-react-pick { background: none; border: none; font-size: 17px; cursor: pointer; padding: 3px; border-radius: 6px; transition: 0.12s; }
.pp-wall-react-pick:hover { background: rgba(155, 109, 255, 0.18); transform: scale(1.15); }

/* ---------- ответы ---------- */
.pp-wall-replies { margin-top: 8px; padding-left: 12px; border-left: 2px solid var(--w-bd); }
.pp-wall-replies .pp-wall-item { padding: 8px 0; }
.pp-wall-replies .pp-wall-ava { width: 30px; height: 30px; min-width: 30px; }