/* Identidade visual oficial Cósimo - outubro de 2026. */
body.cosimo-login {
    background: #03215c;
    min-height: 100vh;
}
.cosimo-login .cosimo-login-logo {
    display: block;
    width: 300px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.cosimo-login .cosimo-brand-link {
    max-width: calc(100% - 48px);
}
.cosimo-login .card-header,
.cosimo-login .panel-login > .ui-panel-titlebar {
    background: #03215c;
    color: #fff;
    border-color: #03215c;
}
.cosimo-login .btn-primary,
.cosimo-login .ui-button.cosimo-primary {
    background: #1b76d6;
    border-color: #1b76d6;
    color: #fff;
}
.cosimo-login .btn-primary:hover,
.cosimo-login .ui-button.cosimo-primary.ui-state-hover {
    background: #03215c;
    border-color: #03215c;
    color: #fff;
}
.cosimo-login .btn-outline-primary,
.cosimo-login .ui-button.cosimo-secondary {
    background: #fff;
    border: 1px solid #1b76d6;
    color: #1b76d6;
}
.cosimo-login .btn-outline-primary:hover,
.cosimo-login .ui-button.cosimo-secondary.ui-state-hover {
    background: #1b76d6;
    border-color: #1b76d6;
    color: #fff;
}
.cosimo-login a:focus-visible,
.cosimo-login .ui-button:focus-visible,
.cosimo-login input:focus {
    outline: 2px solid #5fdefe;
    outline-offset: 2px;
}
.cosimo-login .form-control:focus {
    border-color: #1b76d6;
    box-shadow: 0 0 0 0.2rem rgba(95, 222, 254, 0.3);
}
.cosimo-login #ajax-status-spinner .spinner-border,
.cosimo-login .link-decoration {
    color: #1b76d6;
}
.cosimo-login .spinner {
    border-left-color: #1b76d6;
}
.cosimo-login .cosimo-login-heading {
    padding: 24px 16px;
    text-align: center;
}
.cosimo-login .panel-login {
    width: 540px;
    max-width: calc(100% - 32px);
    margin: 0 auto 24px;
}
.cosimo-login .panel-login .ui-selectoneradio td {
    white-space: normal;
}
.cosimo-login .panel-login .ui-radiobutton-box.ui-state-active {
    background: #1b76d6;
    border-color: #1b76d6;
}
#sidebar-header.cosimo-sidebar-header {
    background: #03215c;
}
#sidebar-header.cosimo-sidebar-header #logo {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
#sidebar-header.cosimo-sidebar-header a i {
    color: #5fdefe;
}
.cosimo-login .menu a:hover {
    color: #5fdefe;
}
.cosimo-login .btn-primary:active,
.cosimo-login .btn-primary:focus,
.cosimo-login .ui-button.cosimo-primary.ui-state-active,
.cosimo-login .ui-button.cosimo-primary.ui-state-focus {
    background: #03215c;
    border-color: #03215c;
    color: #fff;
}

.cosimo-index #landing-page-wrapper .cosimo-landing-logo {
    width: 245px;
    max-width: 100%;
    height: auto;
}
.cosimo-index #landing-page-wrapper #landing-footer {
    background: #03215c;
}
.cosimo-index #landing-page-wrapper #landing-top-bar #landing-menubar-button {
    color: #5fdefe;
}