.oidc-login-step{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.oidc-login-step .auth-state-not-authenticated{display:flex;flex-direction:column;align-items:center;gap:20px}.oidc-login-step .auth-state-not-authenticated .auth-icon-container i{color:#5c5c5c}.oidc-login-step .auth-state-not-authenticated .auth-message h4{margin:0 0 10px 0;font-size:20px;color:#333}.oidc-login-step .auth-state-not-authenticated .auth-message p{margin:0;font-size:14px}.oidc-login-step .auth-state-not-authenticated .btn{min-width:250px;padding:12px 30px;font-size:16px}.oidc-login-step .auth-state-not-authenticated .btn .fa{margin-right:8px}.oidc-login-step .auth-state-not-authenticated .auth-error-message{margin-top:20px;max-width:500px;text-align:left}.oidc-login-step .auth-state-not-authenticated .auth-error-message .fa{margin-right:8px}.oidc-login-step .auth-state-authenticated{display:flex;flex-direction:column;align-items:center;gap:20px}.oidc-login-step .auth-state-authenticated .checkmark-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(76,175,80,0.4)}.oidc-login-step .auth-state-authenticated .checkmark-circle i{color:white}.oidc-login-step .auth-state-authenticated .auth-user-info h4{margin:0 0 10px 0;font-size:20px;color:#2e7d32}.oidc-login-step .auth-state-authenticated .auth-user-info h4 .fa{margin-right:8px}.oidc-login-step .auth-state-authenticated .auth-user-info .auth-username{margin:0;font-size:16px;color:#333}.oidc-login-step .auth-state-authenticated .auth-reauthenticate-section .btn{padding:8px 20px;font-size:14px}.oidc-login-step .auth-state-authenticated .auth-reauthenticate-section .btn .fa{margin-right:6px}.cf-cplace-connect-oidc-sign-in-widget{padding:12px 16px}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-out{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-out p{margin:0}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-in-compact{display:flex;align-items:center;gap:8px}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-in-compact .btn-link{padding:0}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-in-full{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:20px 0}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-in-full .auth-user-info h4{margin:0 0 6px 0}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-signed-in-full .auth-user-info p{margin:0}.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-error,.cf-cplace-connect-oidc-sign-in-widget .oidc-sign-in-misconfigured{margin:0}:root{--repo-path-main:'../main';--plugin-path-cf-cplace-platform:'../../../../main/cf.cplace.platform';--brand-default:#ffffff;--brand-primary:#0078bd;--brand-primary-components:#0078bd;--brand-info:#e1e4ea;--brand-success:#a2d02f;--brand-warning:#f5bb17;--brand-danger:#bf111d;--body-bg:#ffffff;--text-color:#343c4c;--link-color:#0078bd;--font-family-sans-serif:'Roboto',Arial,Helvetica,Sans-Serif;--border-radius-base:3px;--input-border-radius:0;--modal-border-radius:5px;--modal-content-bg:#ffffff;--widget-header-bg:#e1e4ea;--widget-border-radius:0;--widget-padding:1rem;--login-sso-background-color:#eeeff2;--login-sso-button-color:#202228;--login-sso-button-hover-color:#646a7d;--sblue:#00207a;--smint:#0ce796;--ssky:#0058d4;--l-nav-wm-background:#00207a;--l-nav-wm-element-hover:#0ce796;--l-nav-wm-element-active:#0058d4}