.inbox { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--sp-4); margin-top: var(--sp-5); min-height: 480px; }
.inbox .list-item { cursor: pointer; }
.inbox .list-item[aria-current="true"] { border-color: var(--ink); }
.thread { display: flex; flex-direction: column; gap: var(--sp-3); }
.msgs { flex: 1; display: flex; flex-direction: column; gap: var(--sp-2); overflow: auto; max-height: 460px; padding: var(--sp-2) 0; }
.msg { max-width: 75%; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-md); background: var(--surface-2); }
.msg.eu { align-self: flex-end; background: var(--ink); color: var(--bg); }
.msg .small { display: block; opacity: .7; }
.thread form { display: flex; gap: var(--sp-2); }
.thread form .input { flex: 1; }
.lead { display: grid; gap: 4px; }
@media (max-width: 800px) { .inbox { grid-template-columns: 1fr; } }