/* ============================================================================
   ALAP LAYOUT – Sticky footer biztosítása
   ========================================================================== */
body.auth-checking {
    visibility: hidden;
}

html, body {
  height: 100%;
  margin: 0;
}

#page {
  display: flex;
  flex-direction: column;
  min-height: 70vh; /* teljes nézetmagasság */
}

.page-content {
  display: flex;
  flex-direction: column;
  min-height: 70vh; /* teljes nézetmagasság */
  flex: 1; /* kitölti a középső részt, kitolja a footert */
}

.page-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#login-error {
  min-height: 1.5rem;
  opacity: 0;
  transition: opacity 0.2s ease;
}

#login-error.show {
  opacity: 1;
}
.text-danger {
    color: red !important;
}
/* ============================================================================
   KÓDKIEMELÉS STÍLUSOK
   ========================================================================== */

.highlight pre,
pre.highlight {
  max-height: 30rem;
  margin: 1.5rem 0;
  overflow: auto;
  border-radius: var(--tblr-border-radius);
}

.highlight {
  margin: 0;
}

.highlight code > * {
  margin: 0 !important;
  padding: 0 !important;
}

.highlight .c,
.highlight .c1 {
  color: #a0aec0;
}

.highlight .nc,
.highlight .nt,
.highlight .nx {
  color: #ff8383;
}

.highlight .na,
.highlight .p {
  color: #ffe484;
}

.highlight .dl,
.highlight .s,
.highlight .s2 {
  color: #b5f4a5;
}

.highlight .k {
  color: #93ddfd;
}

.highlight .mi,
.highlight .s1 {
  color: #d9a9ff;
}