/*
OTR411 Tired-Eye Typography V1
Readability-only layer.
*/
html{-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important}
body{font-size:18px !important;line-height:1.45}

button,.btn,a.btn,input,select{font-size:16px !important}
textarea{font-size:20px !important}

.meta,.small,.sub,.subtitle,.section-note,.section-head p,
.creator-note,.hub-code,.helper,.help,.description{
    font-size:15px !important;
    line-height:1.5 !important;
}

.role,.start-chat-role,.pill,.badge,.status,.turn-pill,
.turn-status,.unread-total,.unread{
    font-size:13px !important;
    line-height:1.2 !important;
}

.name,.person-name,.chat-name,.start-chat-name{
    font-size:19px !important;
    line-height:1.25 !important;
}

.row-action,.start-chat-btn,.start-chat-form button,
.chat-button,.shortcut,.top-actions a{
    font-size:15px !important;
}

/* Company Inbox */
.action .name,.action strong{font-size:20px !important;line-height:1.22 !important}
.action .desc,.action span{font-size:16px !important;line-height:1.45 !important}
.row .name{font-size:19px !important}
.row .subject{font-size:16px !important;line-height:1.35 !important}
.row .meta{font-size:14px !important;line-height:1.45 !important}
.row-side .turn-pill{font-size:13px !important;min-height:44px !important}
.row-side .row-action,
.row-side > .row-action,
.row-side > .row-action-form .row-action{
    font-size:14px !important;
    line-height:1.15 !important;
    min-height:46px !important;
}
.resolved-history summary,.team-resolved-history summary{font-size:15px !important}
.resolved-history-count,.team-resolved-count{font-size:13px !important}

/* Company Team */
.section-head h2{font-size:24px !important}
.section-head p{font-size:16px !important}
.start-chat-name{font-size:19px !important}
.start-chat-role,.role{font-size:13px !important;padding:5px 9px !important}
.start-chat-btn,.start-chat-form button{font-size:15px !important;min-height:48px !important}
.contact-row .name,.user-row .name{font-size:19px !important}
.contact-row .small,.user-row .small{font-size:14px !important}
.row-actions .pill{font-size:13px !important}
.row-actions .btn,.row-actions .inline-form .btn{
    font-size:15px !important;
    min-height:48px !important;
}

/* Chat screens */
.close,.close-chat{font-size:15px !important}
.status,.turn-status{font-size:14px !important}
.message{font-size:20px !important;line-height:1.62 !important}
.message .meta,.message.mine .meta{font-size:16px !important;line-height:1.45 !important}
.send{font-size:19px !important}
.more{font-size:26px !important}
.end-chat{font-size:16px !important}
.menu-note{font-size:13px !important}

/* Private Hub */
.quick-card .person-name{font-size:19px !important}
.quick-card .status{font-size:13px !important}
.quick-card .unread{font-size:13px !important}
.quick-card .chat-button{font-size:15px !important;min-height:46px !important}
.shortcut{font-size:15px !important;line-height:1.2 !important}
.more-replies{font-size:15px !important}

@media(max-width:700px){
    body{font-size:18px !important}

    .action .name,.action strong{font-size:19px !important}
    .action .desc,.action span{font-size:15px !important}

    .row .name{font-size:18px !important}
    .row .subject{font-size:16px !important}
    .row .meta{font-size:14px !important}

    .row-side .turn-pill{font-size:13px !important}
    .row-side > .row-action,
    .row-side > .row-action-form .row-action,
    .row-side > .row-action.primary,
    .row-side > .row-action.new-topic{
        font-size:14px !important;
        min-height:48px !important;
    }

    .close,.close-chat{font-size:15px !important}
    .status,.turn-status{font-size:14px !important}
    .message .meta,.message.mine .meta{font-size:16px !important}

    .start-chat-name,.name,.person-name,.chat-name{font-size:19px !important}
    .role,.start-chat-role,.pill{font-size:13px !important}
    .small,.section-head p,.section-note,.meta,.sub{font-size:15px !important}

    .start-chat-btn,.start-chat-form button,
    .row-actions .btn,.row-actions .inline-form .btn{
        font-size:15px !important;
    }

    .quick-card .person-name{font-size:19px !important}
    .quick-card .chat-button{font-size:15px !important}
    .shortcut{font-size:14px !important}
}

@media(max-width:390px){
    .action .name{font-size:18px !important}
    .action .desc{font-size:14px !important}
    .row .name{font-size:18px !important}
    .row .subject{font-size:15px !important}

    .row-side .turn-pill,
    .row-side > .row-action,
    .row-side > .row-action-form .row-action,
    .row-side > .row-action.primary,
    .row-side > .row-action.new-topic{
        font-size:13px !important;
    }

    .shortcut{font-size:13px !important}
}