/* CentricCom Branding: Navy #002d55 aus dem Logo statt LibreChat-Grün.
   html.dark / html:not(.dark) schlagen die .dark-Regeln des Haupt-Stylesheets. */
html:not(.dark) {
  --surface-submit: 0 45 85;
  --surface-submit-hover: 0 61 115;
  --brand-purple: 0 45 85;
}
html.dark {
  --surface-submit: 18 86 148;
  --surface-submit-hover: 28 106 178;
  --brand-purple: 90 160 230;
}

/* Denk-Indikator: statt des pulsierenden Punkts atmet das CentricCom-Zeichen */
@keyframes cc-breathe {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.35; transform: scale(0.82); }
}
html .submitting .result-thinking:empty:last-child:after {
  background-color: transparent;
  background-image: url("/assets/mark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 0;
  width: 22px;
  height: 22px;
  top: -14px;
  animation: lc-fade-in 250ms ease-out both, cc-breathe 1.4s ease-in-out 250ms infinite;
}
html.dark .submitting .result-thinking:empty:last-child:after {
  background-image: url("/assets/mark-dark.svg");
}
@media (prefers-reduced-motion: reduce) {
  html .submitting .result-thinking:empty:last-child:after { animation: none; }
}

/* Startbildschirm: atmendes CentricCom-Zeichen statt leerer Fläche */
#loading-container {
  background-image: url("/assets/mark.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 72px;
  animation: cc-breathe 1.4s ease-in-out infinite;
}
@media (prefers-color-scheme: dark) {
  #loading-container { background-image: url("/assets/mark-dark.svg"); }
}