.mail-layout{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:20px;margin-top:20px;align-items:start}.mail-layout>.card{min-width:0;padding:20px}.mail-thread{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;margin:10px 0;white-space:normal;overflow-wrap:anywhere}.mail-thread.selected{border-color:#087f74;background:#e4f3ef}.mail-thread small{font-size:12px;color:#536b72}.mail-meta{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:#536b72}.mail-message{padding:18px 0;border-bottom:1px solid #dbe5e7}.mail-message.mine{border-left:3px solid #087f74;padding-left:14px}.mail-message p{white-space:pre-wrap;overflow-wrap:anywhere}.mail-message a{overflow-wrap:anywhere}.message-history{max-height:540px;overflow-y:auto;margin:16px 0}.mail-layout textarea{resize:vertical;min-height:110px}.mail-layout .page-top{flex-wrap:wrap}.mail-layout h2{overflow-wrap:anywhere}.mail-layout input[type=file]{max-width:100%;min-width:0}.mail-layout form{display:grid;gap:12px}@media(max-width:800px){.mail-layout{grid-template-columns:1fr}.mail-layout>.card{padding:16px}#mail-threads{max-height:280px;overflow:auto}.mail-meta{flex-direction:column;gap:3px}.message-history{max-height:430px}}