:root {
    --atx-vue-navy: #091a29;
    --atx-vue-teal: #009eb4;
    --atx-vue-cyan: #3ec2cf;
    --atx-vue-muted: #52616b;
    --atx-vue-page: #f4f8fa;
    --atx-vue-border: #ccd8df;
    --atx-vue-radius: 8px;
    --atx-vue-radius-sm: 6px;
    --atx-vue-focus: 0 0 0 3px rgba(0, 158, 180, 0.15);
    --atx-vue-shadow-panel: 0 20px 55px rgba(9, 26, 41, 0.13);
    --atx-vue-font: "DIN Regular", DIN, Arial, Helvetica, sans-serif;
    --atx-vue-font-display: "Ashmore Norm Regular", "DIN Regular", DIN, Arial, Helvetica, sans-serif;
}

body.login-page,
body.login-page-nw,
body.login-administracao-modern,
body.login-colaboracao-modern,
body.login-colaboracao-ad-senha-modern {
    color: var(--atx-vue-navy);
    font-family: var(--atx-vue-font);
}

body.login-administracao-modern {
    --atx-login-bg-image: url("../img/login_background.jpg");
}

body.login-colaboracao-modern {
    --atx-login-bg-image: url("../img/login_colaboracao_background.jpg");
}

body.login-colaboracao-ad-senha-modern {
    --atx-login-bg-image: url("../img/login_colaboracao_ad_senha_background.jpg");
}

body.login-page,
body.login-page-nw {
    background:
        radial-gradient(circle at top left, rgba(62, 194, 207, 0.18), transparent 34%),
        linear-gradient(135deg, #f8fbfc 0%, var(--atx-vue-page) 52%, #eaf4f7 100%);
}

body.login-administracao-modern,
body.login-colaboracao-modern,
body.login-colaboracao-ad-senha-modern {
    background:
        radial-gradient(circle at top left, rgba(62, 194, 207, 0.08), transparent 30%),
        linear-gradient(135deg, rgba(248, 251, 252, 0.42) 0%, rgba(244, 248, 250, 0.32) 52%, rgba(234, 244, 247, 0.38) 100%),
        var(--atx-login-bg-image) center center / cover no-repeat;
}

body.login-page .login-box,
body.login-page .card,
body.login-page-nw .login-box,
body.login-page-nw .card,
body.login-colaboracao-modern .login-box,
body.login-colaboracao-modern .card,
body.login-colaboracao-ad-senha-modern .login-box,
body.login-colaboracao-ad-senha-modern .card {
    border: 1px solid rgba(204, 216, 223, 0.92);
    border-radius: var(--atx-vue-radius);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: var(--atx-vue-shadow-panel);
}

body.login-page .card-header,
body.login-page-nw .card-header,
body.login-colaboracao-modern .card-header,
body.login-colaboracao-ad-senha-modern .card-header {
    border-color: #dfe8ed;
    background: #ffffff;
}

body.login-page .login-logo a,
body.login-page-nw .login-logo a,
body.login-colaboracao-modern .login-logo a,
body.login-colaboracao-ad-senha-modern .login-logo a {
    color: var(--atx-vue-navy);
    font-family: var(--atx-vue-font-display);
    font-weight: 800;
}

body.login-page .login-card-body,
body.login-page .register-card-body,
body.login-page-nw .login-card-body,
body.login-page-nw .register-card-body,
body.login-colaboracao-modern .login-card-body,
body.login-colaboracao-modern .register-card-body,
body.login-colaboracao-ad-senha-modern .login-card-body,
body.login-colaboracao-ad-senha-modern .register-card-body {
    border-radius: var(--atx-vue-radius);
    background: transparent;
    color: var(--atx-vue-navy);
    filter: none;
}

body.login-page .login-box-msg,
body.login-page-nw .login-box-msg,
body.login-colaboracao-modern .login-box-msg,
body.login-colaboracao-ad-senha-modern .login-box-msg {
    color: var(--atx-vue-muted);
    font-size: 0.88rem;
    font-weight: 400;
}

body.login-colaboracao-modern .login-logo h4,
body.login-colaboracao-ad-senha-modern .login-logo h4 {
    color: var(--atx-vue-navy);
    font-family: var(--atx-vue-font-display);
    font-size: 1rem;
    font-weight: 600;
}

body.login-page label,
body.login-page-nw label,
body.login-colaboracao-modern label,
body.login-colaboracao-ad-senha-modern label {
    color: var(--atx-vue-navy);
    font-size: 0.82rem;
    font-weight: 500;
}

body.login-page .form-control,
body.login-page-nw .form-control,
body.login-colaboracao-modern .form-control,
body.login-colaboracao-ad-senha-modern .form-control {
    min-height: 38px;
    border-color: var(--atx-vue-border);
    border-radius: var(--atx-vue-radius-sm);
    background: #fbfcfd;
    color: var(--atx-vue-navy);
    font-size: 0.86rem;
    font-weight: 400;
}

body.login-page .form-control:focus,
body.login-page-nw .form-control:focus,
body.login-colaboracao-modern .form-control:focus,
body.login-colaboracao-ad-senha-modern .form-control:focus {
    border-color: var(--atx-vue-teal);
    box-shadow: var(--atx-vue-focus);
}

body.login-page .input-group-text,
body.login-page-nw .input-group-text,
body.login-colaboracao-modern .input-group-text,
body.login-colaboracao-ad-senha-modern .input-group-text {
    border-color: var(--atx-vue-border);
    background: #f7fafb;
    color: var(--atx-vue-teal);
    font-size: 0.86rem;
}

body.login-page .btn,
body.login-page-nw .btn,
body.login-colaboracao-modern .btn,
body.login-colaboracao-ad-senha-modern .btn {
    min-height: 34px;
    border-radius: var(--atx-vue-radius-sm);
    font-size: 0.84rem;
    font-weight: 600;
}

body.login-page .btn-primary,
body.login-page-nw .btn-primary,
body.login-colaboracao-modern .btn-primary,
body.login-colaboracao-ad-senha-modern .btn-primary {
    border-color: var(--atx-vue-teal);
    background: var(--atx-vue-teal);
    color: #ffffff;
}

body.login-page .btn-primary:hover,
body.login-page .btn-primary:focus,
body.login-page-nw .btn-primary:hover,
body.login-page-nw .btn-primary:focus,
body.login-colaboracao-modern .btn-primary:hover,
body.login-colaboracao-modern .btn-primary:focus,
body.login-colaboracao-ad-senha-modern .btn-primary:hover,
body.login-colaboracao-ad-senha-modern .btn-primary:focus {
    border-color: #008ca0;
    background: #008ca0;
    box-shadow: var(--atx-vue-focus);
}

body.login-page .btn-secondary,
body.login-page .btn-default,
body.login-page-nw .btn-secondary,
body.login-page-nw .btn-default,
body.login-colaboracao-modern .btn-secondary,
body.login-colaboracao-modern .btn-default,
body.login-colaboracao-ad-senha-modern .btn-secondary,
body.login-colaboracao-ad-senha-modern .btn-default {
    border-color: var(--atx-vue-border);
    background: #ffffff;
    color: var(--atx-vue-navy);
}

body.login-page .btn-secondary:hover,
body.login-page .btn-default:hover,
body.login-page-nw .btn-secondary:hover,
body.login-page-nw .btn-default:hover,
body.login-colaboracao-modern .btn-secondary:hover,
body.login-colaboracao-modern .btn-default:hover,
body.login-colaboracao-ad-senha-modern .btn-secondary:hover,
body.login-colaboracao-ad-senha-modern .btn-default:hover {
    border-color: rgba(62, 194, 207, 0.65);
    background: #eef8fa;
    color: var(--atx-vue-teal);
}

body.login-page a,
body.login-page-nw a,
body.login-colaboracao-modern a,
body.login-colaboracao-ad-senha-modern a {
    color: var(--atx-vue-teal);
    font-weight: 500;
}

body.login-page a:hover,
body.login-page a:focus,
body.login-page-nw a:hover,
body.login-page-nw a:focus,
body.login-colaboracao-modern a:hover,
body.login-colaboracao-modern a:focus,
body.login-colaboracao-ad-senha-modern a:hover,
body.login-colaboracao-ad-senha-modern a:focus {
    color: var(--atx-vue-navy);
}

body.login-page .alert,
body.login-page-nw .alert,
body.login-colaboracao-modern .alert,
body.login-colaboracao-ad-senha-modern .alert {
    border-radius: var(--atx-vue-radius);
}