textarea{width:100%;font:inherit;line-height:1.8;padding:12px;border:1px solid #d6e0e6;border-radius:7px;resize:vertical;color:#172c3b}.mail-layout{display:grid;grid-template-columns:180px 1fr;gap:20px}.folder-panel{padding:15px}.folder-panel>button{width:100%;margin-bottom:16px}.folder{background:none;color:#536c79;display:flex;justify-content:space-between;width:100%;margin:5px 0;text-align:left;font-weight:400}.folder.selected{background:#e8f4ef;color:#137b69}.mail-panel{min-height:600px}.search{display:flex;gap:10px}.mail-row{display:block;width:100%;background:white;color:#314955;text-align:left;border-radius:0;border-bottom:1px solid #e9eef2;font-weight:400;padding:20px 5px}.mail-row.unread{border-left:3px solid #17816d;padding-left:12px}.mail-row.unread>div{font-weight:650}.mail-row p{font-size:12px;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.row-meta{display:flex;justify-content:space-between;margin-bottom:9px}.row-meta time{font-size:11px;color:#7f929d;font-weight:400}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.message-body{font:inherit;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid #e5ecef;padding:22px 0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;color:#7a8e99}@media(max-width:900px){.mail-layout{grid-template-columns:1fr}.folder-panel #folders{display:flex;flex-wrap:wrap}.folder{width:auto}.folder-panel{min-height:0}.mail-row p{max-width:260px}}