/* Inbox proportions follow the supplied mobile reference, within the existing phone. */
.inbox-screen{display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;color:#262626}
.inbox-header{height:55px;min-height:55px;position:relative;display:flex;justify-content:center;align-items:center;padding:0 17px}
.inbox-header h1{font-size:18px;font-weight:500;margin:0;line-height:1.4}
.inbox-header>div{position:absolute;right:16px;display:flex;align-items:center;gap:21px}
.inbox-header-button{display:grid;place-items:center;width:25px;height:32px}
.inbox-header-button svg{width:24px;height:24px;stroke-width:1.7}
.inbox-screen .message-icons{padding:24px 16px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inbox-screen .message-icons button{font-size:13px;color:#242424;font-weight:400;line-height:1.6}
.inbox-screen .message-icon{width:49px;height:49px;border-radius:16px;margin:0 auto 10px;background:#fff0f1}
.inbox-screen .message-icon svg{width:28px;height:28px;overflow:visible}
.inbox-screen .message-icon.follows{background:#edf4ff}
.inbox-screen .message-icon.comments{background:#eafaf4}
.inbox-screen .message-list{padding:0 16px 18px}
.inbox-screen .message-row{padding:12px 0;gap:12px;min-height:76px;border:0;align-items:center}
.inbox-avatar{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#f5f5f5}
.inbox-avatar>img{width:100%;height:100%;object-fit:cover;display:block}
.inbox-group-avatar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1px;background:#fff}
.inbox-guide-avatar{background:#f7fcfa;border:1px solid #f0f5f3}
.inbox-guide-avatar .dot-logo.lg{width:43px;height:43px}
.inbox-screen .row-copy{display:block;flex:1;min-width:0}
.inbox-screen .row-title{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:500;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
.inbox-screen .ai-tag{font-size:10px;font-weight:400;font-style:normal;color:#7098b2;background:#edf7fc;border-radius:4px;line-height:1.4;padding:0 3px;flex-shrink:0}
.inbox-preview{display:block;font-size:13px;font-weight:400;line-height:1.6;color:#a0a0a0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-meta{display:flex;flex-direction:column;align-self:stretch;align-items:flex-end;flex-shrink:0;gap:9px;padding-top:3px;min-width:33px}
.inbox-meta time{font-size:11px;color:#aaa;line-height:1.5;white-space:nowrap}
.inbox-count{display:block;min-width:18px;padding:0 5px;height:18px;border-radius:12px;background:#ff2442;color:white;font-size:12px;line-height:18px;text-align:center;font-weight:500}
.inbox-unread-dot{width:7px;height:7px;border-radius:50%;background:#ff2442;margin-top:2px}
.inbox-pinned{background:#fafafa;border-radius:8px}
.inbox-screen .bottom-nav{font-size:16px;border:0;padding-top:10px;min-height:61px}
.inbox-screen .bottom-nav .publish{width:43px;height:32px;line-height:27px;border-radius:9px;font-weight:500}