/* A restrained blue/slate identity, independent of the storefront. */
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.task-login { background: #eef2f8; }
.task-login #layout-content { background: transparent; }
.task-login #login-form { max-width: 400px; margin: 8vh auto; padding: 38px 32px; border: 1px solid #e2e7f0; border-radius: 20px; background: #fff; box-shadow: 0 16px 60px #22355912; }
.task-login #logo { margin-bottom: 30px; max-height: 48px; }
.task-login input { border-radius: 9px; min-height: 44px; background: #f8faff; border-color: #dce3ef; }
.task-login .btn-primary { border-radius: 9px; min-height: 44px; background: #3663e8; border-color: #3663e8; }
#layout-menu { background: #17243d; }
#taskmenu a { color: #c4cfe4; }
#taskmenu a.selected { color: #fff; background: #3663e8; }
#taskmenu a:hover { background: #253858; }
#messagelist tbody tr.selected td { background: #e8efff; color: #162e67; }
html.dark-mode body.task-login, html.dark-mode .task-login #layout-content { background: #101927; }
html.dark-mode .task-login #login-form { background: #192437; border-color: #2b3a52; }
html.dark-mode .task-login input { background: #121d30; border-color: #344763; color: #f0f4fc; }
@media (max-width: 480px) { .task-login #login-form { margin: 4vh 14px; padding: 28px 22px; } }