/* Wik Desktop -- screens/wall.css (pack I): the pages of pack I and the wall list. Prefix .soc- only (CONTRACT_D2 §9.16). Sizes in px
   = dp (CONTRACT_D1 §1.4); colours only through the theme's CSS properties (core/tokens.js applyTheme). */

/* a page of pack I fills the page-stack slot; its own list scrolls (a person's head stays, as WallActivity's does not scroll) */
.soc-page { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; background: var(--c-page-bg); color: var(--c-text); }   /* under THE core page head */
.soc-pagebody { display: flex; flex-direction: column; padding: 0 16px 24px 16px; overflow-y: auto; min-height: 0; flex: 1 1 auto; }
.soc-pagebody > * { flex-shrink: 0; }   /* a card keeps its height; the body scrolls */
.soc-label { overflow-wrap: anywhere; }
.soc-grow { flex: 1 1 auto; min-width: 0; }
.soc-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.soc-note { padding: 12px 16px; color: var(--c-subtext); }
.soc-note[hidden] { display: none; }
.soc-pad8 { padding-top: 8px; }

/* the wall list (WallFeed): a scrolling column, Jump to now at its TOP end (FloatingPill Edge.TOP) */
.soc-wall { flex: 1 1 auto; min-height: 0; }   /* the core jumpList root (kit.jumpList edge 'top') */
.soc-wall-rows { display: flex; flex-direction: column; padding: 4px 0 16px 0; }   /* inside a padded page body: the body's gutter (FINAL #5) */
.soc-wall-rows.soc-wall-inset { padding: 4px 13px 16px 16px; }   /* at the page edge: the 16 dp gutter of everything above (a row pads its own 3 dp end) */
.soc-wall-row { display: block; }
.soc-wall-text { padding: 8px 16px; color: var(--c-text); white-space: pre-wrap; overflow-wrap: anywhere; }

/* the Wik feed's filter chips (the sub-chat row's place) */
.soc-chiprow { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 4px 16px 6px 16px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
.soc-chiprow[hidden] { display: none; }
/* W1/96 DL (his "Wik room has non-standard / too large gap at the bottom row - at the selection of filter"): in the room's folders
   row (room.js showSurface -> folders.js surfaceSlot = .room-wikchips) the chips are THAT row's chips -- the row owns the lead, the foot and
   the start inset (folders.css .fold-row: --row-foot / --row-gap), each chip its end gap (chip.js) -- so this wrapper adds no box of its own
   (it added 4 / 6 / 16 px around them), exactly as the Direct messages people (.room-dmlist); rotated, .room-side .room-wikchips stacks them */
.room-wikchips > .soc-chiprow { display: contents; }
.room-wikchips > .soc-chiprow[hidden] { display: none; }

.soc-iconrow { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; min-width: 0; }

/* a tappable count / line in the link colour, taller than its words (WallActivity.countLabel) */
.soc-count { align-self: flex-start; padding: 6px 0; color: var(--c-text-accent); font-weight: 700; text-align: start; cursor: pointer; }

.soc-dialogpad { padding: 8px 20px 0 20px; display: flex; flex-direction: column; gap: 6px; }