.howl-chat { height: 800px !important; }
.new-movies { height: 300px !important; }

/* HA Dashboard iframe widgets */
.ha-overview { height: 180px !important; }
.ha-rooms { height: 320px !important; }
.ha-power { height: 240px !important; }
.tautulli-activity { height: 300px !important; }

/* === Kristy Theme === */
body.user-kristy {
  --color-theme-500: #a855f7 !important;
}

/* Background override for Kristy */
body.user-kristy #page_container::before,
body.user-kristy .bg-theme-600\/20 {
  background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* Override the background image container */
body.user-kristy div[style*="background-image"] {
  background-image: url('https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80') !important;
}

/* Purple accent overrides */
body.user-kristy .text-theme-500 {
  color: #a855f7 !important;
}

body.user-kristy .bg-theme-500 {
  background-color: #a855f7 !important;
}

body.user-kristy .border-theme-500 {
  border-color: #a855f7 !important;
}

body.user-kristy .from-theme-500 {
  --tw-gradient-from: #a855f7 !important;
}

body.user-kristy .to-theme-500 {
  --tw-gradient-to: #a855f7 !important;
}

/* Section header color */
body.user-kristy h2 {
  color: #c084fc !important;
}

/* Card hover/border accents */
body.user-kristy .service:hover {
  border-color: #a855f7 !important;
}

/* Hide new-movies for Kristy */
body.user-kristy .new-movies {
  display: none !important;
}

/* === ChurchPortals Section === */
.kristy-cp-section {
  width: 100%;
  padding: 0 1rem;
  margin-bottom: 1rem;
}

.kristy-cp-heading {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #c084fc !important;
  margin-bottom: 0.75rem;
  padding-left: 0.25rem;
}

.kristy-cp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.75rem;
}

.kristy-cp-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(168, 85, 247, 0.2);
  border-radius: 0.75rem;
  text-decoration: none;
  color: #e2e8f0;
  transition: all 0.2s ease;
}

.kristy-cp-card:hover {
  background: rgba(168, 85, 247, 0.15);
  border-color: #a855f7;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(168, 85, 247, 0.2);
}

.kristy-cp-icon {
  font-size: 1.75rem;
  line-height: 1;
  flex-shrink: 0;
}

.kristy-cp-name {
  font-weight: 600;
  font-size: 0.9rem;
  color: #f1f5f9;
}

.kristy-cp-desc {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.125rem;
}

/* Hide resource widgets (CPU, RAM, disk) for Kristy */
body.user-kristy .information-widget-resource {
  display: none !important;
}

/* Custom scrollbar - dark/cyan theme */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(6,182,212,0.4); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(6,182,212,0.7); }
* { scrollbar-width: thin; scrollbar-color: rgba(6,182,212,0.4) transparent; }
.ha-arcade { height: 500px !important; }
.ha-network { height: 400px !important; }
.ha-energy { height: 450px !important; }

/* Hide native footer (refresh, version) */
#footer, footer, #revalidate, .bottom-0.w-full {
  display: none !important;
}

/* Top-right logout button */

#wolfden-logout {
  position: fixed;
  top: 8px;
  right: 8px;
  z-index: 10000;
  cursor: pointer;
  color: rgba(6, 182, 212, 0.5);
  transition: color 0.2s ease, background 0.2s ease;
  padding: 6px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
}
#wolfden-logout:hover {
  color: rgba(6, 182, 212, 1);
  background: rgba(6, 182, 212, 0.1);
}