/* Trang Mạng nội bộ */
/* ----- mạng nội bộ: hồ sơ + menu | bảng tin | tiện ích ----- */
.feed { display:grid; grid-template-columns:280px minmax(0,1fr) 300px; gap:var(--gap); align-items:start; }
.feed-col { display:grid; gap:var(--gap); min-width:0; }
.pf-cover { height:76px; background:linear-gradient(120deg, var(--info-050), var(--primary-050)); }
.pf-body { padding:0 18px 18px; margin-top:-32px; }
.pf-name { font-size:18px; font-weight:600; margin-top:10px; overflow-wrap:anywhere; }
.pf-menu { padding:8px; display:grid; }
.pf-menu .um-item[aria-pressed="true"] { background:var(--surface-2); font-weight:500; }
.composer { padding:14px 16px; display:grid; gap:12px; }
.composer-row { display:flex; gap:12px; align-items:flex-start; }
.composer textarea { border-radius:20px; padding:10px 16px; min-height:42px; resize:vertical; font-size:14px; }
.composer-actions { display:flex; flex-wrap:wrap; gap:10px 18px; align-items:center; }
.composer-actions .btn.primary { margin-left:auto; }
.composer-actions label { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.composer-actions svg { width:20px; height:20px; color:var(--info); }
.post { padding:16px 18px; display:grid; gap:12px; }
.post-head { display:flex; gap:12px; align-items:center; }
.post-head > div:not(.avatar) { min-width:0; flex:1; }
.post-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14.5px; line-height:1.55; }
.post-imgs { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:6px; }
.post-imgs img { display:block; width:100%; max-height:440px; object-fit:cover; border-radius:10px; }
.notice { display:block; padding:12px 18px; border-bottom:1px solid var(--border); }
.notice:last-child { border-bottom:0; }
.notice b { display:block; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:1180px) { .feed { grid-template-columns:minmax(0,1fr); } }