@font-face{font-family:"IBM Plex Sans";src:url("assets/ibm-plex-sans.woff2") format("woff2");font-display:swap}
body,input,button,select,textarea{font-family:"IBM Plex Sans",Arial,sans-serif}
:root{--hosting-ink:#101719;--hosting-surface:#182225;--hosting-mint:#86e1b3;--hosting-paper:#f0f6f3;--hosting-muted:#a0b2b0}
body.task-login,html.dark-mode body.task-login{background:#101719;color:#f0f6f3}
.task-login #layout-content,html.dark-mode .task-login #layout-content{background:#101719;color:#f0f6f3;padding:64px 24px 40px;overflow:auto}
.task-login #logo{top:auto;width:228px;height:auto;max-height:none;margin:0 auto 30px;display:block}
.task-login #login-form{top:auto;width:100%;max-width:408px;padding:30px 32px 24px;background:#182225;border:1px solid #304044;border-radius:16px;text-align:left;box-shadow:0 18px 60px #0003}
.hosting-welcome{margin-bottom:28px}
.hosting-welcome .hosting-eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:#86e1b3;margin:0 0 16px}
.hosting-welcome h1{font-size:34px;font-weight:600;letter-spacing:-1.1px;line-height:1.12;margin:0 0 14px;color:#f0f6f3}
.hosting-welcome p{font-size:14px;line-height:1.6;color:#a0b2b0;margin:0}
.task-login #login-form .input-group{margin-bottom:14px}
.task-login #login-form .form-control{height:48px;background:#101719;border-color:#435659;color:#f0f6f3;box-shadow:none}
.task-login #login-form .form-control:focus{border-color:#86e1b3;box-shadow:0 0 0 2px #86e1b325}
.task-login #login-form .form-control::placeholder{color:#a0b2b0}
.task-login #login-form .input-group-text{background:#223034;border-color:#435659;color:#a0b2b0}
.task-login #rcmloginsubmit{min-height:46px;margin-top:6px;background:#86e1b3;border-color:#86e1b3;color:#101719;font-size:14px;font-weight:600;letter-spacing:.5px;border-radius:6px;box-shadow:none}
.task-login #rcmloginsubmit:hover{background:#a6eac8;border-color:#a6eac8}
.task-login #login-footer{text-align:center;font-size:12px;color:#a0b2b0;margin-top:24px;line-height:1.8}
.hosting-links{margin-top:4px}.hosting-links a{color:#86e1b3}
#layout-menu,#taskmenu,html.dark-mode #layout-menu,html.dark-mode #taskmenu{background:#101719;border-color:#304044}
#taskmenu a,#taskmenu a:before{color:#a0b2b0}
#taskmenu a.selected,#taskmenu a.selected:before,#taskmenu a:hover,#taskmenu a:hover:before{color:#86e1b3;background:#223034}
#taskmenu a.compose,#taskmenu a.compose:before{color:#86e1b3}
#layout-menu .popover-header{background:#101719}
#layout-menu #logo{max-height:40px;max-width:150px}
.btn-primary,.btn-primary:disabled,.btn-primary.disabled,html.dark-mode .btn-primary{background:#86e1b3;border-color:#86e1b3;color:#101719}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,html.dark-mode .btn-primary:hover{background:#a6eac8;border-color:#a6eac8;color:#101719}
.form-control:focus{border-color:#4b946f;box-shadow:0 0 0 .15rem #86e1b333}
.listing li.selected>a,.listing tr.selected>td{background:#dcefe5;color:#101719}
html.dark-mode .listing li.selected>a,html.dark-mode .listing tr.selected>td{background:#274638;color:#f0f6f3}
.toolbar a:not(.disabled):hover,.toolbar a.selected{color:#28744d}
html.dark-mode .toolbar a:not(.disabled):hover,html.dark-mode .toolbar a.selected{color:#86e1b3}
@media(max-width:480px){.task-login #layout-content{padding:32px 18px}.task-login #logo{width:206px;margin-bottom:24px}.task-login #login-form{padding:26px 24px}.hosting-welcome h1{font-size:30px}}
@media print{body{font-family:Arial,sans-serif}}
.task-login #login-footer .hosting-links{background:transparent;border:0;padding:0;margin-top:4px;color:#a0b2b0;box-shadow:none;border-radius:0}
.task-login #layout-content{scrollbar-color:#435659 #101719;scrollbar-width:thin}
