#navRecs::before { background-image: url(../icons/vista.start.webp); }
#navWall::before { background-image: url(../icons/vista.news.webp); }

.feed, .wall-view { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; }
.feed-body, .wall-body { flex: 1; min-height: 0; overflow-y: auto; padding: 10px; background: #f4f8fd; display: flex; flex-direction: column; gap: 10px; }

.rec-post { display: flex; gap: 11px; padding: 10px; background: #fff; border: 1px solid #9fb6d3; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 1px 3px rgba(0,0,0,.15); }
.rec-body { flex: 1; min-width: 0; }
.rec-top { display: flex; gap: 8px; align-items: baseline; justify-content: space-between; }
.rec-name { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-time { color: #6d6d6d; font-size: .85em; flex: none; }
.rec-txt, .wall-post-txt { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: 4px; }
.rec-pic, .wall-post-pic { display: block; max-width: min(100%, 420px); max-height: 340px; margin-top: 6px; border: 1px solid #8aa3bf; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.3); cursor: zoom-in; }
.rec-foot { margin-top: 8px; }
.rec-note { color: #6d6d6d; text-align: center; font-size: .9em; padding: 6px; }

.wall-card { display: flex; gap: 16px; padding: 12px; background: #fff; border: 1px solid #9fb6d3; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 1px 3px rgba(0,0,0,.15); }
.wall-ava .av { border-radius: 4px; }
.wall-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px; align-items: flex-start; }
.wall-name { font-size: 1.5em; color: #1e395b; overflow-wrap: anywhere; }
.wall-status { width: 100%; display: flex; gap: 6px; align-items: center; }
.wall-status input { flex: 1; min-width: 0; border: 1px solid #abadb3; border-radius: 2px; padding: 3px 6px; background: #fff; }
.wall-status input:focus { outline: none; border-color: #3c7fb1; box-shadow: 0 0 4px #7eb4ea; }
.wall-status-txt { font-style: italic; color: #1e395b; overflow-wrap: anywhere; }
.wall-status-txt.dim { color: #6d6d6d; }
.wall-table { border-collapse: collapse; }
.wall-table td { padding: 2px 12px 2px 0; vertical-align: top; }
.wall-table td.k { color: #6d6d6d; }

.wall-sect { background: #fff; border: 1px solid #9fb6d3; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 1px 3px rgba(0,0,0,.15); }
.wall-sect-head { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 12px; color: #1e395b; background: linear-gradient(#f4f8fd, #dfeaf7); border-bottom: 1px solid #b9cde4; }
.wall-count { color: #6d6d6d; font-size: .9em; }
.wall-compose { padding: 10px 12px; border-bottom: 1px solid #d4e1f0; background: #f8fbfe; }
.wall-compose textarea { display: block; width: 100%; resize: vertical; min-height: 52px; border: 1px solid #abadb3; border-top-color: #8e8f94; border-radius: 2px; padding: 4px 6px; background: #fff; }
.wall-compose textarea:focus { outline: none; border-color: #3c7fb1; box-shadow: 0 0 4px #7eb4ea; }
.wall-compose-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }
.wall-attach { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.wall-attach img { width: 48px; height: 48px; object-fit: cover; border: 1px solid #8aa3bf; }
.wall-post { display: flex; gap: 11px; padding: 10px 12px; border-bottom: 1px solid #e3ebf5; }
.wall-post:last-child { border-bottom: 0; }
.wall-post-body { flex: 1; min-width: 0; }
.wall-post-name { color: #0066cc; font-weight: 700; }
.wall-post-foot { display: flex; gap: 14px; align-items: center; margin-top: 6px; color: #6d6d6d; font-size: .85em; }

#msgs .m[data-username] .av, #msgs .m[data-username] .m-name, #mBody .mem .av, #mBody .mem .mem-name { cursor: pointer; }
#msgs .m[data-username] .m-name:hover, #mBody .mem .mem-name:hover { text-decoration: underline; }

@media (max-width: 800px) {
  .wall-card { flex-direction: column; align-items: center; text-align: center; }
  .wall-info { align-items: center; }
}