/* ANSG palette shared with the BIP editorial login. */
body.task-login {
    --ansg-card:#fff;--ansg-ink:#103276;--ansg-muted:#475d7e;
    --ansg-field:#f5f7fc;--ansg-border:#60779a;
    --ansg-action:#103276;--ansg-hover:#071d46;
    background:#103276;background:linear-gradient(135deg,#071d46,#103276);
    color:var(--ansg-ink);
}
html.dark-mode body.task-login {
    --ansg-card:#11233f;--ansg-ink:#f4f7ff;--ansg-muted:#bdd5ff;
    --ansg-field:#0b1b33;--ansg-border:#829bc0;
    --ansg-action:#2355a3;--ansg-hover:#3067bd;
}
body.task-login #layout {
    display:flex;align-items:center;justify-content:center;box-sizing:border-box;
    min-height:100vh;min-height:100dvh;height:auto;overflow:visible;
    padding:32px 16px;background:transparent;
}
body.task-login #layout-content {
    display:block;position:relative;flex:0 1 440px;width:100%;max-width:440px;
    min-width:0;min-height:0;height:auto;margin:auto;padding:36px 40px;
    overflow:visible;box-sizing:border-box;background:var(--ansg-card);
    color:var(--ansg-ink);border:1px solid var(--ansg-border);
    border-radius:16px;box-shadow:0 16px 48px #071d4660;text-align:center;
}
body.task-login #logo {
    display:block;position:static;top:auto;width:104px;height:104px;
    max-width:100%;max-height:none;margin:0 auto 20px;
    padding:6px;background:#fff;border-radius:12px;box-sizing:border-box;
}
body.task-login #login-form {
    position:static;top:auto;display:block;width:100%;max-width:none;margin:0;
    color:var(--ansg-ink);
}
body.task-login .ansg-login-heading {margin:0 0 26px;}
body.task-login #ansg-login-title {
    color:var(--ansg-ink);font-size:28px;font-weight:700;line-height:1.25;margin:0 0 10px;
}
body.task-login .ansg-login-heading p {
    color:var(--ansg-muted);font-size:14px;line-height:1.6;margin:0;
}
body.task-login #login-form .form-control {
    background:var(--ansg-field);color:var(--ansg-ink);border-color:var(--ansg-border);
    border-radius:6px;min-height:48px;font-size:16px;
}
body.task-login #login-form .input-group-text {
    background:var(--ansg-field);color:var(--ansg-muted);border-color:var(--ansg-border);
}
body.task-login #login-form .input-group {border-radius:6px;}
body.task-login #login-form .input-group-prepend .input-group-text {border-radius:6px 0 0 6px;}
body.task-login #login-form .input-group > .form-control:not(:first-child) {
    border-top-left-radius:0;border-bottom-left-radius:0;
}
body.task-login #login-form .form-control:focus {
    border-color:var(--ansg-border);outline:none;box-shadow:none;
}
body.task-login #login-form .input-group:focus-within::after {
    content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
    border:2px solid #dcaa22;border-radius:inherit;box-sizing:border-box;
}
body.task-login #login-form input::placeholder {color:var(--ansg-muted);opacity:1;}
body.task-login #login-form label {color:var(--ansg-ink);}
body.task-login #login-form .formbuttons {margin:22px 0 0;}
body.task-login #rcmloginsubmit {
    min-height:48px;width:100%;font-weight:600;border-radius:6px;
    background:var(--ansg-action);border-color:var(--ansg-action);color:#fff;
}
body.task-login #rcmloginsubmit:hover {
    background:var(--ansg-hover);border-color:var(--ansg-hover);
}
body.task-login #login-footer {position:static;margin:22px 0 0;color:var(--ansg-muted);font-size:14px;}
body.task-login #login-footer a {color:var(--ansg-muted);text-decoration:underline;}
body.task-login :is(a,button):focus-visible {outline:3px solid #dcaa22;outline-offset:3px;}
body:not(.task-login) #logo {background:#fff;border-radius:6px;}
@media(max-width:480px) {
    body.task-login #layout {padding:20px 12px;}
    body.task-login #layout-content {padding:28px 22px;border-radius:12px;}
    body.task-login #ansg-login-title {font-size:25px;}
    body.task-login #logo {width:92px;height:92px;margin-bottom:18px;}
}
@media(forced-colors:active) {
    body.task-login,body.task-login #layout-content,body.task-login #login-form .form-control,
    body.task-login #rcmloginsubmit {background:Canvas;color:CanvasText;border-color:CanvasText;}
    body.task-login #login-footer a {color:LinkText;}
    body.task-login :is(a,button):focus-visible {outline-color:Highlight;}
    body.task-login #login-form .input-group:focus-within::after {border-color:Highlight;}
}