/* Astha Aroma interface layer. Sender HTML and code blocks keep their formatting. */
body,input,button,select,textarea {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;}
.message-part div.pre {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;font-size:15px !important;line-height:1.8;letter-spacing:.005em;}
.message-part pre,.message-part code {font-family:ui-monospace,Consolas,monospace;}
html:not(.dark-mode) body {color:#263346;background:#f5f7fb;}
html:not(.dark-mode) a {color:#b65c28;}
html:not(.dark-mode) #layout-menu {background:#fff;border-right:1px solid #e5eaf1;}
html:not(.dark-mode) #taskmenu a,html:not(.dark-mode) #taskmenu button {color:#5b6678;border-radius:12px;margin:5px 7px;transition:background-color .15s,color .15s;}
html:not(.dark-mode) #taskmenu a:hover,html:not(.dark-mode) #taskmenu .selected {background:#fff1e4;color:#b65c28;}
html:not(.dark-mode) #taskmenu a.compose {background:#c05e25;color:#fff;box-shadow:0 3px 9px #b65c2820;margin-top:14px;}
html:not(.dark-mode) #layout-sidebar {background:#fafbfe;border-color:#e5eaf1;}
html:not(.dark-mode) #layout-sidebar>.header,html:not(.dark-mode) #layout-list>.header,html:not(.dark-mode) #layout-content>.header {background:#fff;border-color:#e5eaf1;}
html:not(.dark-mode) #mailboxlist li>div {border-radius:9px;margin:3px 10px;}
html:not(.dark-mode) #mailboxlist li.selected>div {background:#fff1e4;color:#a75124;}
html:not(.dark-mode) #mailboxlist .unreadcount {background:#e1edf7;color:#a75124;border-radius:7px;}
html:not(.dark-mode) .toolbar {background:#fff;border-color:#e5eaf1;}
html:not(.dark-mode) .toolbar a {color:#4d596a;}
html:not(.dark-mode) .toolbar a:hover {background:#edf4fa;border-radius:8px;color:#a75124;}
html:not(.dark-mode) #messagelist tr {background:#fff;}
html:not(.dark-mode) #messagelist td {border-color:#edf0f5;}
html:not(.dark-mode) #messagelist tr.selected td {background:#eaf3fb;color:#183b57;}
html:not(.dark-mode) #messagelist tr:hover td {background:#f4f8fc;}
#messagelist td.subject {padding-top:11px;padding-bottom:11px;}
#messagelist .subject span.subject {line-height:1.5;}
html:not(.dark-mode) .searchbar,html:not(.dark-mode) #quicksearchbar {background:#f8fafc;border-color:#e7ecf3;}
html:not(.dark-mode) input:focus,html:not(.dark-mode) textarea:focus {border-color:#3384b5;box-shadow:0 0 0 3px #1675ab15;}
#message-header {padding:8px 4px 20px;margin-bottom:20px;border-bottom:1px solid #e6eaf0;}
#message-header>.subject {font-size:23px;font-weight:650;letter-spacing:-.025em;line-height:1.4;margin-bottom:22px;}
#message-header .header-summary {font-size:14px;line-height:1.7;}
#message-header .header-links {margin-top:7px;font-size:13px;}
#message-header .header img.contactphoto {width:44px;height:44px;}
#message-header .header-content {min-height:44px;}
#messagebody {padding:12px 4px;}
html:not(.dark-mode) .message-part div.pre {color:#283548;}
#attachment-list {padding:0;margin-bottom:14px;}
html:not(.dark-mode) #attachment-list li {background:#f9fafc;border:1px solid #e1e7ef;border-radius:10px;padding:10px 13px;margin:0 8px 8px 0;}
#attachment-list li a {font-size:13px;}
#attachment-list .attachment-size {color:#778397;}
body.task-login #logo {max-width:min(320px,85vw);height:auto;}
html:not(.dark-mode) body.task-login {background:linear-gradient(145deg,#f4f8fc,#fff 65%);}
body.task-login #login-footer {font-size:12px;line-height:1.8;}
html:not(.dark-mode) body.task-login button[type=submit] {background:#c05e25;border-color:#c05e25;border-radius:8px;}
@media(min-width:1025px) {
 body.task-mail #layout-content>.scroller, body.task-mail.action-preview #layout-content {padding:26px 30px;}
 body.task-mail.action-show #layout-content>.scroller {padding:28px 36px;}
 #layout-menu #logo {max-width:68px;height:auto;padding:12px 3px;}
}
@media(max-width:768px) {
 #message-header>.subject {font-size:20px;margin-bottom:16px;overflow-wrap:anywhere;}
 .message-part div.pre {font-size:15px !important;line-height:1.7;}
 #message-header {padding-bottom:16px;margin-bottom:14px;}
 #attachment-list li {max-width:100%;overflow-wrap:anywhere;}
}

html:not(.dark-mode) #layout-menu .popover-header,html:not(.dark-mode) #taskmenu .special-buttons {background:#fff;border-color:#e5eaf1;}
html:not(.dark-mode) #taskmenu .special-buttons a {color:#5b6678;}
html:not(.dark-mode) #taskmenu .special-buttons a.logout {color:#b54848;}
html:not(.dark-mode) #taskmenu .special-buttons a:hover {background:#edf4fa;color:#a75124;}


html:not(.dark-mode) #layout-menu .popover-header {background:#fff !important;}


/* Astha Aroma identity */
html:not(.dark-mode) body.task-login{background:#fff8f1;}
body.task-login #logo{max-height:90px;max-width:90px;width:auto;height:auto;margin-bottom:18px;}
body.task-login #login-form:before{content:"Astha Aroma Mail";display:block;text-align:center;font-family:Georgia,serif;font-size:28px;font-weight:600;color:#292929;margin-bottom:26px;}
body.task-login .btn-primary{background:#e66b25;border-color:#e66b25;border-radius:8px;}
body.task-login #login-footer{color:#75685e;line-height:1.8;}
.astha-powered{font-size:12px;margin-top:12px;}
.dark-mode body.task-login #login-form:before{color:#fff8f1;}