/* =============================================
   KNOWTHEM ICON (SVG inline logo)
   ============================================= */
.kt-logo {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--font); font-weight: 800; font-size: 24px;
  color: var(--text-primary);
  text-decoration: none;
}
.kt-logo-icon {
  color: var(--accent);
  display: block;
}
.kt-logo-icon .kt-node { transform-origin: center; }

@media (max-width: 768px) {
  .kt-logo { font-size: 20px; gap: 8px; }
}

/* Dashboard Loading Screen */
#kt-loading-screen {
  position: fixed;
  inset: 0;
  background: #FFFFFF;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
#kt-loading-screen.fade-out {
  opacity: 0;
  pointer-events: none;
}

/* Mobile Splash Screen matching theming sheet */
@media (max-width: 768px) {
  #kt-loading-screen {
    background: #4F6F52; /* Primary Green background */
    align-items: center;
    justify-content: center;
  }
  #kt-loading-screen .kt-logo {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    color: #FFFFFF !important;
  }
  #kt-loading-screen .kt-logo-icon {
    color: #FFFFFF !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto;
  }
  #kt-loading-screen .kt-logo-text {
    font-size: 24px !important;
    color: #FFFFFF !important;
    display: block;
    text-align: center;
  }
}