/* Staff chats, Humans and Teams on Home (the Founder, 17 October 2026): Muse-style rows inside the card, scrolling there.
   The accent is the person's own (--purple is the chosen Action colour, Graphite and Black included). */
.home-list{max-height:min(66vh,372px);overflow-y:auto;overscroll-behavior:contain;margin:4px 0 0;-webkit-overflow-scrolling:touch}
.home-list:focus-visible{outline:2px solid var(--purple);outline-offset:-2px}
.home-row{display:flex;align-items:center;gap:12px;min-height:62px;padding:0;color:inherit;text-decoration:none}
.home-row:hover{border-radius:12px;background:color-mix(in srgb,currentColor 5%,transparent)}
.home-row-face{position:relative;flex:none;width:44px;height:44px;display:block}
.home-row-face :is(.chat-face,.portrait-box,.human-photo,.feed-face){width:44px!important;height:44px!important;min-width:0!important;margin:0;border-radius:50%!important;overflow:hidden}
.home-row-face .feed-group{width:44px;height:44px}
.home-row-face .feed-group-member{width:30px;height:30px;box-shadow:0 0 0 2px var(--surface,#fff);background:color-mix(in srgb,var(--purple) 12%,transparent);position:absolute;border-radius:50%;overflow:hidden}
.home-row-face .feed-group-1 .feed-group-member{width:44px;height:44px;inset:0}
.home-row-face .feed-group-2 .feed-group-member:nth-child(1),.home-row-face .feed-group-3 .feed-group-member:nth-child(1){inset-block-start:0;inset-inline-start:0}
.home-row-face .feed-group-2 .feed-group-member:nth-child(2){inset-block-end:0;inset-inline-end:0}
.home-row-face .feed-group-3 .feed-group-member:nth-child(2){inset-block-start:0;inset-inline-end:0}
.home-row-face .feed-group-3 .feed-group-member:nth-child(3){inset-block-end:0;inset-inline-start:8px}
.home-row-face .human-photo{display:grid;place-items:center;color:var(--purple);background:color-mix(in srgb,var(--purple) 12%,transparent);font-weight:700}
.home-row-face img{width:100%;height:100%;object-fit:cover}
.home-row-dot{position:absolute;inset-block-end:0;inset-inline-end:0;width:12px;height:12px;border-radius:50%;box-sizing:border-box;border:2px solid var(--surface,#fff);background:#9aa2b1}
.home-row-dot[data-tone=complete]{background:#16c784}.home-row-dot[data-tone=active]{background:var(--purple)}.home-row-dot[data-tone=pending]{background:#ff931f}.home-row-dot[data-tone=attention]{background:#f04458}
.home-row-copy{flex:1;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:2px;border-bottom:1px solid var(--line);padding:8px 0}
.home-row:last-child .home-row-copy{border-bottom:0}
.home-row-top,.home-row-bottom{display:flex;align-items:center;gap:8px;min-width:0}
.home-row-name{flex:1;min-width:0;font-size:1rem;line-height:1.35;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-row-time{flex:none;font-size:.8125rem;color:var(--muted);white-space:nowrap}
.home-row.unread .home-row-time{color:var(--purple);font-weight:700}
.home-row-line{flex:1;min-width:0;color:var(--muted);font-size:.9375rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-row.unread .home-row-line{color:inherit}
.home-row-count{flex:none;min-width:22px;height:22px;box-sizing:border-box;padding:0 6px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:#fff;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}
[data-theme=dark] .home-row-count{color:#14151a}
[data-theme=dark] .home-row-dot,[data-theme=dark] .home-row-face .feed-group-member{border-color:var(--surface,#1e2028);box-shadow-color:var(--surface,#1e2028)}
.home-list-none{margin:0;padding:8px 0 4px}
