.network-live{min-width:0;overflow-wrap:anywhere}.network-live form{display:grid;gap:16px;margin:20px 0}.network-live label{display:grid;gap:8px;min-width:0}.network-live textarea{min-height:120px;resize:vertical}.network-live input,.network-live select,.network-live textarea{width:100%;min-width:0;max-width:100%}.network-live .btn{white-space:normal;max-width:100%}.network-live .member-identity>div,.network-live .grow{min-width:0}.network-live .network-card96{margin-block:16px}.network-live .thread{margin-block:20px}.network-live .message-bubble{white-space:pre-wrap}.network-live pre{white-space:pre-wrap;overflow-wrap:anywhere}.network-live>.btn{margin:8px 8px 0 0}.network-live .network-profile96{padding:0;box-shadow:none}.network-live .list-row{flex-wrap:wrap}.network-live select{white-space:normal}

@media(max-width:600px){.network-live .list-row{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}.network-live .list-row>.grow{width:100%}}

/* My identity: what sits under the card has its own padding, grows with its words, and reads as Settings' labelled rows. */
.network-live .network-own-details{padding:4px 18px 18px;display:grid;gap:8px;min-width:0}
.network-live .network-own-details .meta{margin:0}
.network-live .network-own-details .setting-row{padding:14px 0;align-items:flex-start}
.network-live .network-own-details .setting-row:last-of-type{border-bottom:0}
.network-live .network-own-details .setting-row>div{min-width:0;flex:1}
.network-live .network-own-details .setting-row p{line-height:1.45}
.network-live .network-row-value{flex:none;font-weight:600;font-size:.9rem;padding-top:1px}
.network-live form>.btn{justify-self:start}.network-live .thread+form{margin-top:0}

/* ---- Conversations with other accounts (ADR-042): the list, and one conversation drawn as the Group chat. ---- */
.network-conversations{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius,14px);background:var(--surface,#fff);overflow:hidden}
.network-conversations li + li{border-top:1px solid var(--line)}
.network-conversation{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;gap:12px;align-items:center;padding:14px 12px 14px 16px;color:inherit;text-decoration:none;min-height:72px}
.network-conversation:hover{background:var(--soft)}
.network-conversation-face{align-self:start}
.network-conversation-face .chat-face{width:44px;height:44px;font-size:1rem}
.network-conversation-copy{display:grid;gap:2px;min-width:0}
.network-conversation-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0}
.network-conversation-top strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-conversation-top time{flex:none;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums}
.network-conversation-subject{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-conversation-sides{font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-conversation-foot{display:flex;align-items:center;gap:8px;min-width:0}
.network-conversation-last{flex:1;min-width:0;font-size:.8125rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.network-conversation.has-unread .network-conversation-last{color:var(--ink,#24212d)}
.network-conversation-chevron{display:grid;place-items:center;color:var(--muted)}
.network-conversation-chevron .icon{width:16px;height:16px}
.network-unread{flex:none;box-sizing:border-box;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--purple);color:#fff;font-size:.6875rem;font-weight:700;line-height:20px;text-align:center;font-variant-numeric:tabular-nums}
.network-none{padding:8px 2px}
.chat-face.network-letter{display:grid;place-items:center;border-radius:50%;background:var(--soft);color:var(--purple-dark,#541c91);font-weight:650}
.network-tone-0{background:#efe3fb}.network-tone-1{background:#fbe3ee}.network-tone-2{background:#e2eefb}
.network-tone-3{background:#e1f4ea}.network-tone-4{background:#fbeedf}.network-tone-5{background:#e5e8fb}
.network-thread-head .chat-face.group-face{width:40px;height:40px;font-size:.9375rem;background:var(--soft)}
.network-thread-head .chat-face.group-face.network-tone-0{background:#efe3fb}.network-thread-head .chat-face.group-face.network-tone-1{background:#fbe3ee}.network-thread-head .chat-face.group-face.network-tone-2{background:#e2eefb}
.network-thread-head .chat-face.group-face.network-tone-3{background:#e1f4ea}.network-thread-head .chat-face.group-face.network-tone-4{background:#fbeedf}.network-thread-head .chat-face.group-face.network-tone-5{background:#e5e8fb}
.network-name-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0 0 2px}
.network-name-line .chat-who-name{margin:0}

/* One conversation: the Group chat's page, with no form styles of the Network's other screens. */
.network-live-thread{margin-top:-8px}
.network-live-thread form{display:flex;margin:0}
.network-live-thread label{display:flex}
.network-live-thread textarea{min-height:0;resize:none;width:auto}
.network-thread-about{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0;padding:8px 16px;border-bottom:1px solid var(--line);font-size:.8125rem;color:var(--muted)}
.network-thread-about span:first-child{font-weight:600;color:var(--ink,#24212d)}
.network-marks{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.network-mark{display:inline-block;padding:1px 6px;border-radius:6px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;line-height:1.5}
.network-mark-person{background:#fff0db;color:#7a4510}
.network-mark-chief{background:#ede2fb;color:var(--purple)}
.network-mark-side{font-size:.6875rem;color:var(--muted);align-self:center}
.network-to-people{display:block;margin:0 0 3px;font-size:.75rem;font-weight:600;color:#7a4510}
.team-message.mine .network-to-people{color:inherit;opacity:.85}
.team-message.network-failed .chat-bubble{opacity:.6}
.network-composer{flex-wrap:wrap;margin:10px 12px 12px}
.network-composer .network-to{flex:1 0 100%;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted);padding:2px 6px 4px}
.network-composer .network-to input{width:18px;height:18px;min-height:0;flex:none;margin:0;accent-color:var(--purple)}
.network-composer textarea{flex:1 1 0;min-width:0}
.network-read-only{margin:0;padding:12px 16px;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
[data-theme=dark] .network-mark-person{background:#4a3214;color:#f6d2a3}
[data-theme=dark] .network-to-people{color:#f0b37a}

/* Messages under another account's card: one press to the conversation with them (network-live.js messagesPress). */
.network-live .network-messages-press{margin:14px 0 20px}
.network-live .network-messages-press .btn{min-height:44px}
.network-live .network-conversations{margin-top:10px}