.inbox-layout{display:grid;grid-template-columns:300px minmax(0,1fr);background:#fff;border:1px solid var(--line,#edf1f7);border-radius:18px;overflow:hidden;height:calc(100dvh - 230px);min-height:560px;max-height:960px;box-shadow:0 3px 16px #18284505}
.inbox-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line,#edf1f7)}
.inbox-search{padding:20px 18px 14px;border-bottom:1px solid var(--line,#edf1f7)}
.inbox-search input[type=search]{width:100%;padding:10px 12px;font-size:13px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc}
.inbox-unread{display:flex;align-items:center;gap:7px;margin-top:12px;color:#718096;font-size:12px}.inbox-unread input{width:14px;height:14px;accent-color:#3780f6}
.thread-list{flex:1;overflow:auto}.thread-entry{width:100%;display:flex;gap:11px;align-items:center;text-align:left;background:#fff;border:0;border-bottom:1px solid #f1f5f9;padding:16px 18px;border-radius:0;color:#19263d;cursor:pointer}.thread-entry:hover{background:#f8faff}.thread-entry.is-selected{background:#eef5ff;box-shadow:inset 3px 0 #3780f6}.inbox-avatar{width:38px;height:38px;border-radius:10px;object-fit:cover;display:grid;place-items:center;flex:none;background:#eaf2ff;color:#3b82f6;font-size:17px}.thread-meta{flex:1;min-width:0}.thread-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.thread-name{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.thread-time{color:#96a2b4;font-size:10px;flex:none}.thread-bottom{display:flex;align-items:center;gap:8px;margin-top:6px}.thread-preview{color:#8895a8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-count{background:#3b82f6;color:white;border-radius:12px;padding:1px 6px;font-size:10px;flex:none}
.inbox-sync{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #edf1f7;padding:12px 18px;font-size:11px;color:#94a3b8}.inbox-more{padding:10px;border:0;background:#f8fafc;color:#3b82f6;font-size:12px;cursor:pointer}.inbox-chat{display:flex;flex-direction:column;min-width:0;min-height:0}.inbox-chat-heading{height:76px;min-height:76px;padding:18px 24px;border-bottom:1px solid #edf1f7;display:flex;align-items:center}.inbox-chat-heading strong{font-size:15px;font-weight:600}.inbox-chat-heading span{display:block;font-size:11px;color:#94a3b8;margin-top:5px}
.inbox-history{flex:1;min-height:0;overflow:auto;padding:20px 24px;background:#f8fafc;scroll-behavior:auto}.inbox-empty{font-size:13px;color:#94a3b8;text-align:center;padding:36px 16px;margin:0}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 17px}.message-row.is-out{align-items:flex-end}.message-time{font-size:10px;color:#94a3b8;margin-bottom:6px}.message-bubble{max-width:85%;padding:10px 13px;border:1px solid #edf1f7;background:#fff;border-radius:10px;font-size:13px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap;color:#29364c}.is-out .message-bubble{background:#eaf2ff;border-color:#dce9ff}.message-bubble p{margin:0}.message-bubble p+p{margin-top:6px}.message-bubble img{display:block;max-width:260px;max-height:220px;object-fit:contain;border-radius:7px}.message-bubble audio{display:block;width:260px;max-width:100%;height:36px}.message-bubble a{color:#3478ef}.message-file{display:flex;gap:8px;align-items:center;white-space:normal}.message-file i{font-size:22px}.message-status{font-size:10px;color:#94a3b8;margin-top:5px;max-width:85%;overflow-wrap:anywhere}.message-status.is-error{color:#dc624d}
.inbox-composer{padding:14px 24px 18px;border-top:1px solid #edf1f7;background:#fff}.inbox-composer fieldset{border:0;margin:0;padding:0;min-width:0}.inbox-tools{display:flex;gap:18px;margin-bottom:8px;flex-wrap:wrap}.inbox-tools button{display:flex;gap:5px;align-items:center;padding:3px 0;border:0;background:transparent;color:#718096;cursor:pointer;font-size:12px}.inbox-tools i{font-size:18px}.inbox-tools button:hover{color:#3b82f6}.inbox-tools button.is-recording{color:#e25f57}.inbox-composer textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:64px;max-height:180px;border:0;border-radius:0;padding:6px 0;background:#fff;color:#29364c;outline:none;font-size:13px;line-height:1.6}.reply-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}.reply-footer span{color:#94a3b8;font-size:11px}.reply-footer .button{padding:9px 15px;min-height:36px;gap:7px;font-size:12px;display:flex;align-items:center}.reply-assets{display:flex;gap:8px;flex-wrap:wrap}.reply-asset{display:flex;gap:6px;align-items:center;border:1px solid #e2e8f0;background:#f8fafc;border-radius:7px;padding:5px 8px;font-size:11px;color:#718096;max-width:100%}.reply-asset span{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-asset img{width:28px;height:28px;object-fit:cover;border-radius:4px}.reply-asset button{border:0;background:transparent;cursor:pointer;color:#94a3b8;padding:0 3px}.inbox-composer fieldset:disabled{opacity:.55}.inbox-more[hidden]{display:none}
@media(max-width:1100px){.inbox-layout{grid-template-columns:240px minmax(0,1fr)}.inbox-history{padding:16px}.inbox-composer{padding:12px 16px}.reply-footer span{max-width:150px}}@media(max-width:700px){.inbox-layout{display:flex;flex-direction:column;height:auto;min-height:0}.inbox-sidebar{border-right:0;border-bottom:1px solid #edf1f7}.thread-list{max-height:200px}.inbox-search{padding:12px}.inbox-unread{margin-top:8px}.thread-entry{padding:12px}.inbox-chat{height:640px}.inbox-sync{padding:8px 12px}.message-bubble{max-width:95%}.message-bubble img{max-width:210px}.inbox-chat-heading{padding:12px 16px;height:64px;min-height:64px}.page-header .account-picker{width:100%}.reply-footer span{font-size:10px}.inbox-tools{gap:14px}}