/* Fluxos identity theme. Native Keycloak forms and security scripts are inherited. */
:root{--pf-v5-global--primary-color--100:#164bcc;--pf-v5-global--primary-color--200:#103da7;--pf-v5-global--link--Color:#164bcc;--pf-v5-global--FontFamily--sans-serif:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--pf-v5-global--FontFamily--heading--sans-serif:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
html.login-pf{background:#f4f7fb;color:#10213b}
body#keycloak-bg{margin:0;min-width:0;background:radial-gradient(ellipse at 8% 8%,#dcecff,transparent 48%),radial-gradient(ellipse at 94% 90%,#ddf5f9,transparent 45%),#f4f7fb;color:#10213b;font-family:var(--pf-v5-global--FontFamily--sans-serif)}
#keycloak-bg .pf-v5-c-login{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:40px 20px;background:none}
#keycloak-bg .pf-v5-c-login__container{display:block;width:100%;max-width:490px;min-width:0;margin:0;background:white;border:1px solid #e0e8f1;border-radius:24px;padding:34px 38px 24px;box-shadow:0 20px 65px #102b4810}
#keycloak-bg .pf-v5-c-login__header{margin:0 0 28px;padding:0;text-align:center;grid-area:auto}
#kc-header-wrapper{color:#526985;font-size:10px;font-weight:650;line-height:1.7;letter-spacing:.12em;white-space:normal;padding:0}
#kc-header-wrapper::before{content:"";display:block;width:138px;height:112px;margin:0 auto 14px;background:url('../img/fluxos.png') center/contain no-repeat}
#keycloak-bg .pf-v5-c-login__main{background:transparent;border:0;box-shadow:none;min-width:0;padding:0;margin:0}
#keycloak-bg .pf-v5-c-login__main-header{padding:0;margin-bottom:24px;display:flex;flex-direction:column;align-items:stretch;gap:12px}
#kc-page-title{font-family:inherit;font-size:26px;line-height:1.3;letter-spacing:-.025em;font-weight:700;color:#061b3d;text-align:left;margin:0;overflow-wrap:anywhere}
#keycloak-bg .pf-v5-c-login__main-header-utilities{align-self:flex-end;max-width:100%}
#keycloak-bg .pf-v5-c-login__main-body{padding:0;min-width:0}
#keycloak-bg .pf-v5-c-form{gap:20px}
#keycloak-bg .pf-v5-c-form__label{font-size:14px;color:#19344f;font-weight:600}
#keycloak-bg .pf-v5-c-form-control{--pf-v5-c-form-control--BorderRadius:10px;--pf-v5-c-form-control--BorderColor:#d7e2ef;--pf-v5-c-form-control--BorderBottomColor:#d7e2ef;--pf-v5-c-form-control--BackgroundColor:#f9fbfd;min-height:48px;border-radius:10px;background:#f9fbfd}
#keycloak-bg .pf-v5-c-form-control::after{border-radius:10px}
#keycloak-bg .pf-v5-c-form-control input,#keycloak-bg .pf-v5-c-form-control select{font-family:inherit;font-size:15px;min-height:46px;color:#102b48}
#keycloak-bg .pf-v5-c-form-control input{padding-inline:14px}
#keycloak-bg .pf-v5-c-form-control:focus-within{outline:2px solid #164bcc;outline-offset:2px}
#keycloak-bg .pf-v5-c-input-group{min-width:0;align-items:stretch}
#keycloak-bg .pf-v5-c-input-group__item{min-width:0}
#keycloak-bg .pf-v5-c-button{font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;border-radius:10px;white-space:normal;overflow-wrap:anywhere}
#keycloak-bg .pf-v5-c-button::after{border-radius:10px}
#keycloak-bg .pf-v5-c-button.pf-m-primary{background:#164bcc;color:white;min-height:48px;padding:12px 18px;width:100%;box-shadow:0 5px 14px #164bcc16}
#keycloak-bg .pf-v5-c-button.pf-m-primary:hover{background:#103da7}
#keycloak-bg .pf-v5-c-button.pf-m-secondary{background:#f2f7ff;color:#164bcc;min-height:48px;padding:12px 18px}
#keycloak-bg .pf-v5-c-button.pf-m-control{background:#f2f6fb;color:#425b76;min-width:46px;padding:10px}
#keycloak-bg .pf-v5-c-button.pf-m-link{color:#164bcc}
#keycloak-bg a{color:#164bcc;text-underline-offset:3px}
#keycloak-bg :is(a,button,input,select):focus-visible{outline:3px solid #087ef5;outline-offset:3px}
#keycloak-bg .pf-v5-c-login__main-footer{padding:0;margin:0}
#keycloak-bg .pf-v5-c-alert{border-radius:12px;margin-bottom:20px;overflow-wrap:anywhere}
#keycloak-bg .select-auth-container{border:1px solid #dce6f1;border-radius:12px;overflow:hidden}
#keycloak-bg .select-auth-box-parent{min-width:0}
#keycloak-bg .select-auth-box-headline{color:#102b48;font-family:inherit}
#keycloak-bg .pf-v5-c-login__main-footer-band{border-radius:12px;background:#f3f7fc;margin-top:20px;padding:18px}
.fluxos-login-footer{margin-top:28px;border-top:1px solid #e4ebf3;padding-top:20px;text-align:center}
.fluxos-login-footer p{font-size:12px;color:#60738a;line-height:1.7;margin:0 0 12px}
.fluxos-login-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px}
.fluxos-login-footer a{font-size:12px;font-weight:600;line-height:1.7}
@media(max-width:540px){#keycloak-bg .pf-v5-c-login{padding:24px 16px;align-items:flex-start}#keycloak-bg .pf-v5-c-login__container{padding:26px 24px 22px;border-radius:20px}#kc-header-wrapper::before{width:120px;height:92px}#kc-page-title{font-size:24px}#keycloak-bg .pf-v5-c-login__header{margin-bottom:24px}}
@media(max-width:360px){#keycloak-bg .pf-v5-c-login__container{padding:24px 18px}#kc-page-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){#keycloak-bg *,#keycloak-bg *::before,#keycloak-bg *::after{scroll-behavior:auto;transition:none;animation:none}}

/* Finish inherited PatternFly spacing without replacing its interactive controls. */
#keycloak-bg #kc-header-wrapper{color:#526985;margin:0;padding:0;width:auto;max-width:none}
#keycloak-bg .pf-v5-c-login__main::before{display:none}
#keycloak-bg #kc-page-title{font-weight:700}
#keycloak-bg .pf-v5-c-form-control{border:1px solid #d7e2ef}
#keycloak-bg .pf-v5-c-form-control::before,#keycloak-bg .pf-v5-c-form-control::after{border:0;box-shadow:none}
#keycloak-bg .pf-v5-c-form-control input{border:0;background:transparent;border-radius:10px;outline:none;box-shadow:none}
#keycloak-bg .pf-v5-c-form-control input:focus-visible,#keycloak-bg .pf-v5-c-form-control select:focus-visible{outline:none;box-shadow:none}
#keycloak-bg .pf-v5-c-form-control.pf-m-error{border-color:#b42318}
#keycloak-bg .pf-v5-c-input-group{gap:8px}
#keycloak-bg .pf-v5-c-login__main-header-utilities .pf-v5-c-form-control{min-height:32px}
#keycloak-bg .pf-v5-c-login__main-header-utilities select{min-height:30px;font-size:12px;padding-block:4px}
#keycloak-bg #kc-select-try-another-way-form{margin-top:14px}
