/* Account sign-in on top of keycloak.v2 (PatternFly 5): slate console look, square edges.
   Colours, type and shape only - no layout or template changes. */
:root {
  --acct-accent: #1f5fbf; --acct-accent-2: #194d9b; --acct-ink: #121821; --acct-head: #111821;
  --acct-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;
  --acct-sans: "Segoe UI", system-ui, -apple-system, sans-serif;
  --pf-t--global--color--brand--default: var(--acct-accent);
  --pf-t--global--color--brand--hover: var(--acct-accent-2);
  --pf-t--global--border--radius--small: 3px;
  --pf-t--global--border--radius--medium: 3px;
  --pf-t--global--border--radius--large: 3px;
  --pf-v5-global--primary-color--100: var(--acct-accent);
  --pf-v5-global--primary-color--200: var(--acct-accent-2);
  --pf-v5-global--link--Color: var(--acct-accent);
  --pf-v5-global--BorderRadius--sm: 3px;
  --pf-v5-global--BorderRadius--lg: 3px;
  --pf-v5-global--FontFamily--text: var(--acct-sans);
  --pf-v5-global--FontFamily--heading: var(--acct-sans);
}
html, body, .pf-v5-c-login, .pf-v6-c-login { background: #eef0f3 !important; }
.pf-v5-c-login__container, .pf-v6-c-login__container { padding-top: 0; }
.pf-v5-c-login__main, .pf-v6-c-login__main {
  border-radius: 3px !important; border: 1px solid #d3d8df; box-shadow: 0 1px 2px rgba(10, 14, 20, .06) !important;
}
.pf-v5-c-login__main-header, .pf-v6-c-login__main-header { border-bottom: 1px solid #e6e9ee; padding-bottom: 14px; }
.pf-v5-c-title, .pf-v6-c-title { font-weight: 600 !important; letter-spacing: 0; }
.pf-v5-c-button, .pf-v6-c-button, .pf-v5-c-form-control, .pf-v6-c-form-control { border-radius: 3px !important; }
.pf-v5-c-button.pf-m-primary, .pf-v6-c-button.pf-m-primary { font-weight: 600; }
.pf-v5-c-form__label, .pf-v6-c-form__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #5d6877; }
input[type=text], input[type=password], input[name=recovery-code-input] { font-family: var(--acct-mono); }
/* Brand = realm displayNameHtml; shown in the dark header strip. */
.pf-v5-c-login__header, .pf-v6-c-login__header, #kc-header {
  background: var(--acct-head); padding: 12px 18px !important; margin-bottom: 18px; border-radius: 0;
}
.acct-brand { display: inline-flex; align-items: center; gap: 10px; font: 600 17px var(--acct-sans); color: #e7ecf2; letter-spacing: .02em; }
.acct-logo { width: 24px; height: 24px; border-radius: 2px; background: var(--acct-accent); color: #fff;
             display: inline-grid; place-items: center; font: 700 13px var(--acct-mono); }
.acct-brand::after { content: "keycloak \00b7  WebAuthn \00b7  OIDC"; font: 11px var(--acct-mono); color: #8d9aab;
                     border: 1px solid #2a3442; padding: 2px 6px; border-radius: 2px; margin-left: 4px; }