:root{--wire-red:#df2037;--wire-dark:#14171d;--wire-silver:#e5e9ef}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#layout-menu{background:#14171d;border-right:1px solid #343a44}
#taskmenu a{color:#dfe4eb;border-radius:8px;margin:4px 6px}
#taskmenu a:hover,#taskmenu a.selected{color:#fff;background:#b41a30}
#taskmenu a.compose{background:var(--wire-red);color:#fff}
#taskmenu .popover-header,#layout-menu .popover-header{background:#14171d;color:#fff}
#layout-sidebar{background:#1d222a;color:#e9edf3}
#layout-sidebar .header,#layout-sidebar .footer{background:#1d222a;color:#e9edf3;border-color:#343a44}
#layout-sidebar .listing li a{color:#e9edf3}
#layout-sidebar .listing li.selected>a,#layout-sidebar .listing li a:hover{background:#49202c;color:#fff}
#layout-sidebar .listing li.selected>a{box-shadow:inset 3px 0 var(--wire-red)}
#layout-sidebar .searchbar{background:#222833;color:#fff}
#layout-list .header,#layout-content>.header{background:#fafbfc;border-color:#e4e7ec}
#messagelist tr.selected td{background:#fff0f2!important;color:#191e27!important}
#messagelist tr.unread td.subject{font-weight:700}
.btn-primary,input.button.mainaction{background-color:var(--wire-red);border-color:var(--wire-red)}
.btn-primary:hover,input.button.mainaction:hover{background-color:#bd172c;border-color:#bd172c}
.form-control:focus{border-color:#e84659;box-shadow:0 0 0 .15rem rgba(223,32,55,.15)}
#layout-menu #logo{max-width:100%;height:auto;padding:12px 4px}
body.task-login{background:#11151c;color:#eef1f5}
body.task-login #layout-content{background:transparent}
body.task-login #login-form{padding:34px 28px;background:#1d222b;border:1px solid #363e4b;border-radius:18px;box-shadow:0 20px 70px #0005;max-width:440px;width:calc(100% - 32px)}
body.task-login #logo{width:270px;max-width:100%;height:auto;margin:0 auto 30px}
body.task-login .form-control{background:#12171f;border-color:#586477;color:#fff;border-radius:8px;min-height:48px}
body.task-login .form-control::placeholder{color:#a9b4c5}
body.task-login .input-group-text{background:#2d3542;color:#e8ecf3;border-color:#586477}
body.task-login .btn-primary{min-height:48px;border-radius:8px;font-weight:700}
body.task-login #login-footer{color:#b8c2d0}
.wire-login-caption{text-align:center;color:#b8c2d0;font-size:14px;margin:0 0 22px}
html.dark-mode #layout-list .header,html.dark-mode #layout-content>.header{background:#242a33;color:#eef1f5}
html.dark-mode #messagelist tr.selected td{background:#472532!important;color:#fff!important}
@media(max-width:767px){#layout-menu{padding-bottom:env(safe-area-inset-bottom)}#layout>.header,#layout-sidebar>.header,#layout-list>.header,#layout-content>.header{padding-top:env(safe-area-inset-top);min-height:calc(48px + env(safe-area-inset-top))}body.task-login{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.task-login #login-form{padding:26px 20px}.form-control{font-size:16px}#layout-menu #logo{max-width:170px}}