/* Support's message register: channel ribbons identify provenance; no unread
   badges or send box that would promise provider capabilities we don't have. */
.inbox { display:grid; grid-template-columns:minmax(310px,380px) minmax(0,1fr); min-height:0; height:100%; background:var(--thread); }
.inbox__list { display:flex; flex-direction:column; min-width:0; min-height:0; border-right:.5px solid var(--sep); background:var(--cell); }
.inbox__head { display:flex; justify-content:space-between; align-items:center; padding:20px 18px 14px; }
.inbox__head h1 { margin:0; font-size:26px; letter-spacing:-.6px; }
.inbox__profile { display:none; }
.inbox__search { display:flex; align-items:center; gap:8px; margin:0 16px 12px; padding:0 10px; min-height:38px; border-radius:9px; background:var(--fill); color:var(--label-2); }
.inbox__search input { min-width:0; width:100%; min-height:38px; border:0; outline:0; background:none; color:var(--label); font:inherit; font-size:13px; }
.inbox__search:focus-within { box-shadow:0 0 0 3px var(--tint-soft); }
.inbox__filters { display:flex; gap:4px; margin:0 16px 12px; }
.inbox__filters button { flex:1; border:0; border-radius:7px; padding:7px 8px; background:var(--fill); color:var(--label-2); font:inherit; font-size:12px; }
.inbox__filters .is-on { background:var(--tint-soft); color:var(--tint-text); font-weight:600; }
.inbox__chats { overflow:auto; min-height:0; flex:1; }
.inbox__chat { display:flex; gap:11px; padding:15px 17px; text-decoration:none; color:var(--label); border-bottom:.5px solid var(--sep); }
.inbox__chat.is-selected { background:var(--tint-soft); box-shadow:inset 3px 0 0 var(--tint); }
.inbox__chat-main { min-width:0; flex:1; }
.inbox__chat-main > div { display:flex; gap:8px; align-items:center; }
.inbox__chat b { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:600; }
.inbox__chat time { flex:none; font-size:10px; color:var(--label-2); }
.inbox__chat small { display:block; margin-top:4px; font-size:11px; color:var(--label-2); }
.inbox__channel { padding:1px 5px; border-radius:4px; background:var(--fill); color:var(--label); font-weight:500; }
.inbox__chat p { margin:6px 0 0; font-size:13px; line-height:18px; color:var(--label-2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow-wrap:anywhere; }
.inbox__paging { display:flex; justify-content:center; gap:8px; padding:10px; }
.inbox__scope { padding:12px 16px; border-top:.5px solid var(--sep); font-size:12px; line-height:17px; color:var(--label-2); max-height:180px; overflow:auto; }
.inbox__scope summary { cursor:pointer; color:var(--tint-text); }
.inbox__scope p { margin:8px 0 0; }
.inbox__idle { display:grid; place-items:center; }
.inbox__thread { min-width:0; min-height:0; display:flex; flex-direction:column; }
.inbox__thread-head { display:flex; gap:12px; align-items:center; padding:17px 22px; border-bottom:.5px solid var(--sep); }
.inbox__thread-head > div { min-width:0; flex:1; }
.inbox__thread-head h2 { font-size:18px; margin:0; overflow-wrap:anywhere; }
.inbox__thread-head p { font-size:12px; color:var(--label-2); margin:4px 0 0; }
.inbox__back { display:none; }
.inbox__find { padding:12px 6px 0; }
.inbox__find .link { margin:0 16px 12px; font-size:12px; }
.inbox__messages { flex:1; min-height:0; overflow:auto; padding:0 24px 18px; }
.inbox__message { margin:18px 0; display:flex; flex-direction:column; align-items:flex-start; }
.inbox__message.is-out { align-items:flex-end; }
.inbox__bubble { max-width:85%; padding:10px 14px; border-radius:15px 15px 15px 4px; background:var(--bubble-in); color:var(--bubble-in-ink); }
.inbox__message.is-out .inbox__bubble { background:var(--tint-soft); color:var(--label); border-radius:15px 15px 4px 15px; }
.inbox__bubble p { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; line-height:21px; }
.inbox__bubble.is-hidden { background:var(--fill)!important; color:var(--label-2)!important; }
.inbox__message footer { max-width:90%; font-size:11px; color:var(--label-2); margin-top:5px; line-height:17px; overflow-wrap:anywhere; }
.inbox__message footer a { margin-left:8px; color:var(--tint-text); white-space:nowrap; }
.inbox__bubble .inbox__attachment { display:flex; gap:6px; align-items:center; margin-top:8px; font-size:12px; }
.inbox__footer { margin:0; padding:12px 22px; border-top:.5px solid var(--sep); font-size:12px; line-height:18px; color:var(--label-2); background:var(--bg); }
.inbox button:focus-visible, .inbox a:focus-visible { outline:2px solid var(--tint); outline-offset:-2px; }
.inbox .notice { margin:8px 16px; }
@media (max-width:1023px) {
  .phone__stage:has(> .inbox) { height:100dvh; padding-bottom:0; }
  .inbox { display:flex; height:100%; }
  .inbox__list, .inbox__thread { width:100%; }
  .inbox__idle, .inbox.has-chat .inbox__list { display:none; }
  .inbox__profile, .inbox__back { display:inline-flex; text-decoration:none; color:var(--tint-text); }
  .inbox__profile { font-size:13px; margin-bottom:8px; }
  .inbox__head h1 { font-size:32px; }
  .inbox__search input { font-size:16px; }
  .inbox__thread-head { padding:14px 12px; }
  .inbox__thread-head .tbtn { font-size:12px; }
  .inbox__messages { padding:0 14px 14px; }
  .inbox__footer { padding:12px 16px calc(12px + env(safe-area-inset-bottom)); }
}
@media (hover:hover) { .inbox__chat:not(.is-selected):hover { background:var(--cell-hover); } }