/* AiO Max card */
.aiomax-dash-card {
  background: linear-gradient(135deg, #eff6ff 0%, #eef2ff 50%, #f5f3ff 100%);
  border: 1px solid #c7d2fe;
}
.dark .aiomax-dash-card {
  background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 40%, #312e81 70%, #1e3a5f 100%) !important;
  border: none !important;
}
.aiomax-dash-icon {
  background: rgba(37, 99, 235, .12);
  border: 1px solid rgba(37, 99, 235, .25);
}
.dark .aiomax-dash-icon {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .15);
}

/* News ticker */
.ticker-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: ticker 40s linear infinite;
}
.ticker-track:hover { animation-play-state: paused; }
@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* AiO Max dashboard chat panel */
.dash-chat-bubble-ai {
  background: #f1f5f9;
  color: #374151;
  border-radius: 1rem 1rem 1rem .25rem;
  padding: .625rem .875rem;
  font-size: .8125rem;
  line-height: 1.5;
  max-width: 85%;
}
.dark .dash-chat-bubble-ai {
  background: #1e293b;
  color: #e2e8f0;
}
.dash-chat-bubble-usr {
  background: #2563eb;
  color: #fff;
  border-radius: 1rem 1rem .25rem 1rem;
  padding: .625rem .875rem;
  font-size: .8125rem;
  line-height: 1.5;
  max-width: 85%;
}
@keyframes dash-aio-open {
  from { opacity: 0; transform: scale(.97) translateY(12px); }
  to   { opacity: 1; transform: scale(1)   translateY(0); }
}
@keyframes dash-aio-close {
  from { opacity: 1; transform: scale(1)   translateY(0); }
  to   { opacity: 0; transform: scale(.97) translateY(12px); }
}
.dash-aio-opening {
  animation: dash-aio-open .28s cubic-bezier(.34, 1.1, .64, 1) forwards;
}
.dash-aio-closing {
  animation: dash-aio-close .22s cubic-bezier(.4, 0, 1, 1) forwards;
}

/* Dashboard loading skeleton — background/border-radius are inline for pre-CSS visibility */
@keyframes dsk { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
#dash-sk > div,
#dash-sk div { animation: dsk 1.5s ease-in-out infinite; }
html.dark #dash-sk > div,
html.dark #dash-sk div { background: #1e293b; }