/* B63 Mail brand (ink #0c0b12, violet #6a4cff, lime #d6ff3d, paper #fbfaf7). */
:root { --b63-ink: #0c0b12; --b63-violet: #6a4cff; --b63-violet-d: #5334f0; --b63-paper: #fbfaf7; --b63-sand: #f3f1ea; }
body.task-login { background: radial-gradient(1200px 600px at 50% -10%, #ece8ff 0%, var(--b63-paper) 55%, var(--b63-sand) 100%) fixed; }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form { background: #fff; border: 1px solid #e3e0d6; border-radius: 18px; padding: 36px 32px 28px;
  box-shadow: 0 24px 60px -24px rgba(12, 11, 18, .35); max-width: 380px; margin: 0 auto; }
body.task-login #logo { max-height: 64px; width: auto; margin: 0 auto 22px; display: block; }
body.task-login #login-form .formcontent input.form-control { border-radius: 10px; height: 46px; border-color: #d9d5ca; }
body.task-login #login-form .formcontent input.form-control:focus { border-color: var(--b63-violet); box-shadow: 0 0 0 3px rgba(106, 76, 255, .18); }
.btn-primary, .btn-primary:not(:disabled):not(.disabled):active, body.task-login #rcmloginsubmit {
  background-color: var(--b63-violet); border-color: var(--b63-violet); }
.btn-primary:hover, body.task-login #rcmloginsubmit:hover { background-color: var(--b63-violet-d); border-color: var(--b63-violet-d); }
body.task-login #rcmloginsubmit { border-radius: 10px; height: 46px; font-weight: 600; letter-spacing: .01em; }
body.task-login .b63-note { text-align: center; color: #5d5969; font-size: .85rem; margin: 14px 0 0; }
body.task-login #login-footer { color: #5d5969; }
body.task-login #login-footer a { color: var(--b63-violet); }
a, .header-title, .listing li.selected a { color: inherit; }
#layout-menu .selected > a, .menu a.selected, .listing li.selected { color: var(--b63-violet) !important; }
.badge-primary, .unreadcount { background-color: var(--b63-violet) !important; }