/*
 * J&A Automation
 * Responsive / touch refinements
 */

#messagebody img {
    max-width: 100%;
    height: auto;
}

#messagebody,
.message-part,
.message-part .pre {
    overflow-wrap: anywhere;
    word-break: normal;
}


/* Better touch targets */

@media (pointer: coarse) {

    .toolbar a,
    .menu a,
    #mailboxlist li > a {
        min-height: 42px;
    }

}


/* Tablet */

@media (max-width: 1024px) {

    #layout > div > .header {
        min-height: 48px;
    }

    .toolbar a {
        padding-left: .55rem;
        padding-right: .55rem;
    }

}


/* Phones */

@media (max-width: 600px) {

    .task-login #logo {
        max-width: 78vw;
        max-height: 110px;
    }

    .task-login #login-form {
        width: calc(100% - 1.25rem);
        padding: 1.35rem 1rem;
    }

    #messagebody {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .message-part {
        max-width: 100%;
    }

}


/* Scrollbars */

* {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(130, 150, 170, .55)
        transparent;
}