/* Official Pureverse artwork; visual-only override of the legacy demo theme. */
.app {
  position: relative;
  isolation: isolate;
  background: #f7fafc !important;
  color: #20343e !important;
  color-scheme: light;
}

.app::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url('/pureverse-logo.20260915.png') center / auto 82vh no-repeat;
  opacity: 0.48;
}

.elevenlab-chat,
.elevenlab-configure {
  background-color: rgba(255, 255, 255, 0.66) !important;
  color: #20343e !important;
}

.scoring-dashboard {
  background-color: rgba(255, 255, 255, 0.9);
  color: #20343e;
  box-shadow: 0 4px 24px rgba(30, 70, 80, 0.06);
}

.side-panel { background: transparent !important; }
.custom-table, .custom-table td { background: #fff !important; color: #20343e !important; }
.custom-table th { background: #e1f1ef !important; color: #20343e !important; }
.custom-table th, .custom-table td { border-color: #d8e5e9 !important; }
.tab-navigation { border-color: #d8e5e9 !important; }
.tab-btn { background: #eaf1f5 !important; color: #294550 !important; }
.tab-btn.active { background: #256c67 !important; color: #fff !important; }
.elevenlab-input-text { color: #20343e !important; background: #fff !important; border: 1px solid #cbdde3 !important; }
.elevenlab-input-text::placeholder { color: #667c87 !important; }
.configure-item { background: #eaf1f5 !important; color: #294550 !important; }
.score-highlight { color: #18734d !important; }

.elevenlab-chat .msg-width {
  background: #e8f3f2 !important;
  color: #20343e !important;
}
.elevenlab-chat .avatar { color: #fff !important; }

@media (max-width: 767px) {
  .app::before {
    background-size: auto 65vh;
  }
}