/** Custom KubiXo CSS - Keycloak 26 */



/*************** Body ***********************************************************************************/

body {
  margin: 0;
  height: 100%;
  background: var(--keycloak-bg-logo-url) no-repeat center center fixed;
  background-size: cover;
}

/*************** App page ***********************************************************************************/

#app {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.pf-v5-l-flex {
  height: 100%;
  width: 100%;
}

.pf-v5-c-page {
  display: grid;
  grid-template-areas:
    "header header"
    "sidebar main";
  grid-template-columns: auto 1fr; /* Sidebar flex + main  */
  grid-template-rows: max-content 1fr;
  background-color: transparent;
  transition: all 0.3s ease;
}

@media(max-width: 768px) {
  .pf-v5-c-page {
    height: 95vh;
    width: 95vw;
  }
}