body{overflow:auto;background:#f5f7f8}.mail-top{display:flex;align-items:center;justify-content:space-between;padding:16px 4%;background:white;border-bottom:1px solid #dde3e7}.mail-top .brand{width:180px;height:70px}.mail-main{padding:28px 4%;max-width:1700px;margin:auto}.mail-tools{display:flex;gap:16px;align-items:center;margin:20px 0}.mail-layout{display:grid;grid-template-columns:minmax(250px,32%) minmax(0,1fr);gap:20px}#list,#detail{background:white;border:1px solid #dde3e7;border-radius:14px;min-height:400px;max-height:75vh;overflow:auto}#detail{padding:26px}.mail-row{display:block;width:100%;text-align:left;padding:18px;background:white;border:0;border-bottom:1px solid #ddd;cursor:pointer}.mail-row strong,.mail-row small{display:block;margin-bottom:7px}.mail-row:hover{background:#eef4e6}.email-body,.draft-body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.6;background:#f8fafb;padding:18px;border-radius:8px}.mail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}textarea{display:block;width:100%;min-height:100px;margin:12px 0}button{cursor:pointer;padding:10px 14px;border:1px solid #bdc8ce;border-radius:7px}#error{color:#a12e2e}#sync{color:#63727c;font-size:14px}@media(max-width:750px){.mail-layout{grid-template-columns:1fr}#list{min-height:0;max-height:30vh}#detail{max-height:none}.mail-main{padding:16px}.mail-tools{flex-wrap:wrap}}
.mail-top .brand{height:96px;overflow:visible;display:flex;align-items:center;gap:8px}.mail-top .brand img{position:static;width:96px;height:96px;max-width:none;object-fit:contain;transform:none;margin:0}.mail-top .brand-product{position:static;transform:none;color:#192f3d}.mail-tools select{width:auto;min-width:190px}

.mail-title{display:flex;align-items:center;gap:16px;margin-bottom:14px}.mail-title-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#d7f076;color:#192939}.mail-title-icon svg{width:30px;height:30px}