/* Copyright (c) 2026 TNSystem. Alle Rechte vorbehalten. */
.chat-stage > .status-chip {
  position: absolute;
  z-index: 3;
  top: 17px;
  right: 24px;
  max-width: calc(100% - 48px);
  backdrop-filter: blur(12px);
}
.status-orb {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  flex: none;
  border: 1px solid #b8dcf5;
  border-radius: 50%;
  background: #123b67;
  box-shadow: 0 0 9px #4ebaffaa;
}
.status-orb i {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 80% 12% 80% 12%;
  background: linear-gradient(135deg,#eff8ff,#729fc2 55%,#1b4468);
}
.status-orb i:nth-child(1) { top: 1px; left: 1px; }
.status-orb i:nth-child(2) { top: 1px; right: 1px; transform: rotate(90deg); }
.status-orb i:nth-child(3) { bottom: 1px; left: 1px; transform: rotate(-90deg); }
.status-orb i:nth-child(4) { bottom: 1px; right: 1px; transform: rotate(180deg); }
#status-symbol { min-width: 10px; color: #8bd1ff; font-weight: 800; text-align: center; }
.chat-stage[data-activity="active"] .orb {
  background: radial-gradient(circle at 40% 36%,#ffd8d4,#713a4f 48%,#1b1524 71%,#ead4e0 92%,#2b1625 100%);
  box-shadow: inset 9px 9px 25px #ffe0e055,inset -12px -14px 20px #000b,0 0 27px #ff5b7373;
}
.chat-stage[data-activity="active"] .orb-piece,
.status-chip[data-state="active"] .status-orb i {
  background: linear-gradient(130deg,#fff0ed 0,#d98892 32%,#54243b 66%,#ffe1e1 100%);
}
.chat-stage[data-activity="active"] .orb-core {
  background: #ffe1dd;
  box-shadow: 0 0 8px 5px #ff9da8,0 0 30px 16px #e93157;
}
.status-chip[data-state="active"] .status-orb { background: #672637; box-shadow: 0 0 9px #ff4d69aa; }
.status-chip[data-state="active"] #status-symbol { color: #ffacb8; }
.status-chip[data-state="error"] { border-color: #e8ab72; }
.status-chip[data-state="error"] #status-symbol { color: #ffc384; }
.conversation { padding-top: 48px; }
@media(max-width:760px) {
  .main-content { min-height: 0; }
  .chat-stage { padding-top: 58px; }
  .chat-stage > .status-chip { top: 12px; right: 12px; max-width: calc(100% - 24px); }
}
@media(max-height:560px) and (max-width:760px) {
  .orb-wrap { height: 120px; margin-bottom: 8px; }
  .orb { transform: scale(.52) rotate(-16deg); }
  .welcome-sub { margin: 6px 0; }
  .chat-stage { padding-bottom: 150px; }
}