.mail-tabs{display:flex;align-items:center;gap:.5rem}.mail-tabs button{flex:1;min-width:0}.mail-tab-dot{color:#ff6565;font-size:1rem;flex:none}.mail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mail-actions button{min-width:0;flex:1 1 8rem;white-space:normal;word-break:normal;overflow-wrap:normal}.system-mail-list{display:grid;gap:.75rem}.system-mail{border:1px solid #b8a26770;border-radius:16px;overflow:hidden;background:#103e36}.system-mail.unread{border-color:#ddc47f}.mail-open{display:block;width:100%;min-width:0;padding:1rem;text-align:start;background:transparent;color:inherit;box-shadow:none;border:0;white-space:normal}.mail-subject{display:flex;align-items:baseline;gap:.5rem;font-weight:700;font-size:1.1rem;color:#f6df9a;overflow-wrap:anywhere;word-break:normal}.mail-open small{display:block;margin:.4rem 0;color:#c2d1c5;white-space:normal}.mail-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin:.7rem 0}.mail-attachment{display:flex;align-items:center;gap:.4rem;min-width:0;max-width:100%;padding:.4rem .55rem;border-radius:10px;background:#ffffff09;border:1px solid #ffffff15}.mail-attachment .art-icon{width:36px;height:36px;object-fit:contain;flex:none}.mail-attachment span{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.4}.mail-attachment strong{white-space:nowrap;color:#f6df9a}.mail-state{font-size:.9rem;color:#ecd897}.system-mail-detail{border:1px solid #ceb779;border-radius:18px;padding:1rem;margin:1rem 0;min-width:0}.system-mail-detail h3,.system-mail-detail p{overflow-wrap:anywhere;word-break:normal}.mail-status{min-height:1.2em;color:#f6df9a;white-space:normal;overflow-wrap:anywhere}.mail-empty{text-align:center;padding:2rem 0}.mail-open:hover{background:#ffffff08}.mail-open:focus-visible{outline:2px solid #ffdb83;outline-offset:-4px}

.mail-open small{word-break:keep-all;overflow-wrap:normal}