.mail-compose{border:1px solid var(--line,#e6e9e5);background:#fff;border-radius:18px;margin:18px 0}.mail-compose>summary{cursor:pointer;font-weight:700;padding:20px}.mail-compose-body{padding:0 22px 22px}.mail-compose label{margin:14px 0}.mail-compose input,.mail-compose textarea,.mail-compose select{width:100%;box-sizing:border-box}.mail-compose textarea{resize:vertical;min-height:150px}.mail-head,.mail-row,.mail-pager{display:flex;justify-content:space-between;align-items:center;gap:16px}.mail-head h2,.mail-head h3,.mail-row h3{margin:4px 0}.mail-row{padding:18px 0;border-bottom:1px solid #edf0ec}.mail-row small{display:block;color:#728075;margin-top:6px}.mail-unread h3{color:#173b2d}.mail-unread{border-left:3px solid #f44336;padding-left:14px}.mail-pager{margin:20px 0;flex-wrap:wrap}.mail-pager>span{margin-right:auto}.mail-detail,.mail-review{margin-top:20px;padding:22px;background:#f7f9f6;border:1px solid #dce4da;border-radius:16px}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.mail-check{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:10px!important;margin:16px 0!important}.mail-check input{width:18px!important;height:18px!important;flex:0 0 18px;margin:3px 0 0!important;accent-color:#f44336}.mail-check span{flex:1;line-height:1.6}.mail-empty{padding:24px 0;color:#728075}.mail-badge{display:inline-block;min-width:19px;text-align:center;background:#f44336;color:#fff;border-radius:12px;padding:1px 5px;font-size:11px;margin-left:5px}.mail-badge[hidden],[data-mail-target][hidden],[data-mail-invoices][hidden]{display:none!important}.mail-nav-link{display:flex;gap:6px;align-items:center;white-space:nowrap}.mail-list+.mail-pager{font-size:13px}@media(max-width:600px){.mail-compose-body,.mail-detail,.mail-review{padding:15px}.mail-row{gap:10px}.mail-row>div{min-width:0}.mail-row h3{overflow-wrap:anywhere}.mail-head{align-items:flex-start}.mail-compose .form-grid{display:block}}

/* The unread marker follows the account avatar on desktop and mobile. */
.account-btn[data-account-inbox-avatar]{position:relative;overflow:visible;flex-shrink:0}.account-btn .avatar-mail-badge{position:absolute;top:-4px;right:-5px;min-width:19px;max-width:38px;box-sizing:border-box;margin:0;padding:2px 5px;line-height:15px;border:2px solid #fff;font-weight:700;box-shadow:0 1px 4px #0002;pointer-events:none}.account-btn.has-unread-mail{border-color:#f44336}.account-btn.has-unread-mail:focus-visible{outline:3px solid #f7a365;outline-offset:3px}