/* Keep Elastic's native mobile navigation, reader and compose behavior. */
@media(max-width:1024px){
html,body{background:#f8f7f3;color:#29332d}
body{font-family:"Segoe UI",system-ui,sans-serif}
#layout{height:100vh;height:100dvh;max-width:100vw}
#layout>div{min-width:0}
#layout-list,#layout-sidebar,#layout-content{background:#fff}
#layout-list>.header,#layout-sidebar>.header,#layout-content>.header{background:#faf9f5;border-color:#e3e4dc;min-height:56px}
.header-title{font-size:15px;font-weight:650;letter-spacing:-.2px}
.header a.button{min-width:44px;min-height:48px;line-height:48px;color:#39483e}
.header a.button:before{font-size:21px}
#layout-list .searchbar{padding:5px 8px;background:#fff;border-color:#e3e4dc;min-height:48px}
#layout-list .searchbar input{font-size:16px;height:38px;background:#f7f7f2;border-radius:7px}
#layout-list .searchbar a{min-width:38px;min-height:38px;line-height:38px}
.messagelist td.subject{padding:13px 12px 13px 5px;line-height:1.55;border-color:#edede7}
.messagelist td.subject span.from{font-size:13px;color:#727e73}.messagelist td.subject span.subject{font-size:15px;color:#28372c}.messagelist td.subject span.date{font-size:11px;color:#7b8378}
.messagelist tr.selected td,.listing li.selected>a{background:#fff0e3!important;color:#773e19!important}
.messagelist tr.unread .subject{font-weight:650}
.floating-action-buttons a.button{width:56px;height:56px;line-height:56px;background:#ff751f;color:#222e26;box-shadow:0 4px 16px #c96b2530;bottom:calc(64px + env(safe-area-inset-bottom));right:18px;border-radius:18px}
.btn-primary,.btn-primary.disabled,.btn-primary:disabled{background:#ff751f;border-color:#ff751f;color:#202a23}.btn-primary:hover,.btn-primary:focus{background:#ed6717;border-color:#ed6717;color:#202a23}
#layout-list>.footer,#layout-sidebar>.footer{min-height:42px;background:#faf9f5;border-color:#e3e4dc;padding-bottom:env(safe-area-inset-bottom)}
#taskmenu{background:#faf9f5}#taskmenu a{min-height:48px;color:#455347}#taskmenu a.selected,#taskmenu a:hover{background:#fff0e3;color:#a34613}
#taskmenu #logo{object-fit:contain;max-width:150px;height:auto}
.folderlist li>a{min-height:46px;line-height:46px;font-size:15px}.folderlist li.selected>a{background:#fff0e3!important;color:#914118!important}
input.form-control,textarea.form-control,select.form-control,#compose-subject{font-size:16px!important}.form-control:focus{border-color:#e58a51;box-shadow:0 0 0 2px #ff751f20}
.recipient-input input{font-size:16px;min-height:38px}.recipient-input{min-height:42px}
#compose-content{min-width:0}#compose-headers{padding:10px 12px}#compose-headers td{min-width:0}#compose-subject{min-height:44px}#composebody{font-size:16px;line-height:1.6}
body.action-compose #layout-content>.footer{padding-bottom:env(safe-area-inset-bottom)}
.message-header{padding:16px 12px}.message-header h2{font-size:20px;line-height:1.4;overflow-wrap:anywhere}.message-part{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.message-part img{max-width:100%;height:auto}.message-htmlpart{overflow-x:auto}
.popover,.ui-dialog{max-width:calc(100vw - 16px)}.popover .listing li>a,.popupmenu .listing li>a{min-height:44px}
body.task-login #layout-content{background:#fff;border:1px solid #e2e3db;border-radius:18px;padding:28px 22px;box-shadow:0 12px 50px #252a2908;max-width:calc(100vw - 32px);width:400px}
body.task-login{background:#f7f5ef}body.task-login #logo{width:200px;max-width:100%;height:auto;max-height:90px;object-fit:contain}body.task-login .form-control,body.task-login .btn{min-height:48px;font-size:16px}body.task-login #login-footer{font-size:12px;color:#788073}
html.dark-mode body,html.dark-mode #layout{background:#202824;color:#e4e9e1}html.dark-mode #layout-list,html.dark-mode #layout-sidebar,html.dark-mode #layout-content{background:#252e28}html.dark-mode #layout-list>.header,html.dark-mode #layout-sidebar>.header,html.dark-mode #layout-content>.header,html.dark-mode #layout-list>.footer,html.dark-mode #layout-sidebar>.footer,html.dark-mode #taskmenu{background:#202823;border-color:#3d483e}html.dark-mode .header a.button{color:#dae3d7}html.dark-mode #layout-list .searchbar,html.dark-mode #layout-list .searchbar input{background:#29332b;color:#e3e9df;border-color:#424c40}html.dark-mode .messagelist td.subject span.subject{color:#e3e9df}html.dark-mode .messagelist td.subject span.from,html.dark-mode .messagelist td.subject span.date{color:#aab7a6}html.dark-mode .messagelist td{border-color:#3b453b}html.dark-mode .messagelist tr.selected td,html.dark-mode .listing li.selected>a,html.dark-mode .folderlist li.selected>a,html.dark-mode #taskmenu a.selected{background:#483729!important;color:#ffbd8a!important}html.dark-mode #taskmenu a{color:#d2dfcc}html.dark-mode body.task-login #layout-content{background:#252e28;border-color:#3d483e}
}