.mail{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden}.mail .mh{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--tint-gray)}.mail .mh svg{width:18px;height:18px;stroke:var(--indigo-ink);fill:none;stroke-width:1.7}.mail .mh b{font-weight:800;color:var(--slate);font-size:1rem}.mail .mh .lbl{margin-left:auto;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#059669;background:var(--tint-mint);padding:4px 10px;border-radius:100px}.thread{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.msg{border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.5}.msg .from{display:flex;align-items:center;gap:8px;margin-bottom:6px}.msg .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;flex:none}.msg.q .av{background:var(--muted)}.msg.a .av{background-image:var(--grad)}.msg .who{font-weight:700;font-size:12.5px;color:var(--slate)}.msg .who span{font-weight:600;color:var(--muted);font-size:10px;margin-left:6px}.msg.a{border-left:3px solid var(--violet);background:var(--tint-lav)}.msg p{margin:4px 0 0;color:var(--body)}.msg .subj{font-weight:800;color:var(--slate)}.sib{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sib .lbl{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sib a{font-size:13.5px;font-weight:700;color:var(--indigo-ink);border:1px solid var(--line);border-radius:100px;padding:7px 14px;background:#fff}.sib a:hover{background:var(--tint-lav)}