/* ==========================================================================
   U3 · Mensagens retidas (área do usuário)
   Não é a caixa de entrada: é a lista do que chegou e do que aconteceu com
   cada uma. Sem acesso ao conteúdo. Aqui a régua de retenção aparece — o
   usuário já veio olhar a mensagem, e o prazo é a informação que falta.
   ========================================================================== */

.u3__lista { display: flex; flex-direction: column; gap: 10rem; }

.u3__item { border: 1rem solid var(--line); background: var(--bg-2); padding: 18rem 20rem; }
.u3__item-topo { display: flex; align-items: flex-start; gap: 14rem; }
.u3__item-glifo { font-family: var(--font-mono); font-size: 14rem; line-height: 1.2; flex: none; width: 14rem; }
.u3__assunto { font-size: 16rem; font-weight: 600; line-height: 1.4; }
.u3__de { font-family: var(--font-mono); font-size: 13rem; color: var(--ink-2); margin-top: 5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.u3__estado { font-family: var(--font-mono); font-weight: 500; font-size: 11rem; letter-spacing: .08em; margin-top: 10rem; }
.u3__nota { font-size: 14rem; color: var(--ink-3); margin-top: 8rem; line-height: 1.6; }
.u3__prazo { margin-top: 16rem; padding-top: 14rem; border-top: 1rem solid var(--line); }