.nmail{width:100%;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e6e9ee;box-shadow:0 14px 40px -18px rgba(15,23,42,.4);font-family:inherit;color:#1f2937;line-height:1.3}.nmail-top{gap:10px;padding:9px 13px;border-bottom:1px solid #eef1f4;background:#fff}.nmail-brand,.nmail-top{display:flex;align-items:center}.nmail-brand{gap:7px;font-weight:800;font-size:13px;color:#0f2937;white-space:nowrap}.nmail-brand .nmail-logo{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#0d9488;color:#fff;font-size:14px}.nmail-brand b{color:#0d9488}.nmail-search{flex:1 1;display:flex;align-items:center;gap:7px;height:29px;padding:0 12px;border-radius:999px;background:#f2f5f7;color:#9aa3ad;font-size:11px}.nmail-topicons{display:flex;gap:10px;color:#9aa3ad;font-size:13px}.nmail-topavatar{width:24px;height:24px;border-radius:50%;background:#0d9488;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.nmail-body{display:grid;grid-template-columns:152px 1fr 44px}.nmail-side{padding:12px 10px;border-right:1px solid #eef1f4;background:#fbfdfc}.nmail-compose{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:35px;border-radius:9px;background:#0d9488;color:#fff;font-weight:700;font-size:12px;box-shadow:0 8px 16px -8px rgba(13,148,136,.7);margin-bottom:12px}.nmail-nav{display:flex;flex-direction:column;gap:1px}.nmail-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font-size:12px;color:#55606b}.nmail-nav-item svg{font-size:14px;opacity:.8}.nmail-nav-item.active{background:#e3faf6;color:#0d9488;font-weight:700}.nmail-nav-item .nmail-badge{margin-left:auto;font-size:10.5px;font-weight:700;color:#0d9488}.nmail-main{min-width:0;background:#fff}.nmail-tabs{display:flex;gap:20px;padding:10px 16px 0;border-bottom:1px solid #eef1f4}.nmail-tab{display:flex;align-items:center;gap:6px;padding-bottom:10px;font-size:11.5px;color:#7a838d;border-bottom:2px solid transparent;white-space:nowrap}.nmail-tab svg{font-size:13px}.nmail-tab.active{color:#0d9488;font-weight:700;border-bottom-color:#0d9488}.nmail-list{display:flex;flex-direction:column}.nmail-row{display:grid;grid-template-columns:16px 30px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:9px 16px;border-bottom:1px solid #f2f4f6}.nmail-row.unread{background:#f2fbf9;box-shadow:inset 3px 0 0 #0d9488}.nmail-star{color:#d4d9de;font-size:13px}.nmail-star.on{color:#f5b301}.nmail-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.nmail-text{min-width:0}.nmail-sender{font-size:12px;color:#2b333c;margin-bottom:1px}.nmail-row.unread .nmail-sender{font-weight:800;color:#101828}.nmail-subject{font-size:11.5px;color:#7a838d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nmail-row.unread .nmail-subject{color:#37414b;font-weight:600}.nmail-chip{display:inline-block;margin-right:6px;padding:1px 6px;border-radius:5px;font-size:10px;font-weight:700;vertical-align:middle}.nmail-date{font-size:11px;color:#9aa3ad;white-space:nowrap}.nmail-row.unread .nmail-date{color:#0d9488;font-weight:700}.nmail-rail{display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 0;border-left:1px solid #eef1f4;background:#fbfdfc}.nmail-rail-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:#7a838d;font-size:14px}.nmail-rail-icon.active{background:#e3faf6;color:#0d9488}@media (max-width:700px){.nmail-body{grid-template-columns:1fr}.nmail-rail,.nmail-side{display:none}}