.task-mail-messages > button strong,
.tour-mail-section > button strong {
    font-size: .78rem;
    line-height: 1.35;
}

.mail-viewer h2 {
    font-size: 1rem;
    line-height: 1.35;
}

.mail-viewer iframe[data-mail-html] {
    width: 100%;
    min-height: 48vh;
    border: 0;
    background: #fff;
}

.task-unread-mail {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 7px;
    vertical-align: -2px;
    background: linear-gradient(135deg,#ff9800,#ff3d32 62%,#f80067);
    mask: url('/assets/icons/mail.svg') center/contain no-repeat;
    -webkit-mask: url('/assets/icons/mail.svg') center/contain no-repeat;
}

.task-mail-widget.is-collapsed {
    padding-top: 12px;
    padding-bottom: 12px;
}

.task-mail-widget.is-collapsed > header {
    margin-bottom: 0;
}

.task-mail-messages > button i,
.tour-mail-section > button i {
    color: #ff5a22;
    transition: color .18s ease, opacity .18s ease;
}

.task-mail-messages > button.is-read i,
.tour-mail-section > button.is-read i {
    color: #9aa3b2;
    opacity: .82;
}

.task-mail-messages > button.is-read strong,
.tour-mail-section > button.is-read strong {
    font-weight: 500;
    color: var(--text-muted);
}