/* A moving color layer clipped to the letters, not a moving text marquee. */
html[data-workbench-theme] #systemAnnouncementModal .system-announcement-card {
  --announcement-text: #d5dee7;
  --announcement-text-shimmer: linear-gradient(110deg,
    #d5dee7 0%, #8fcaff 16%, #c5a2ff 32%, #ffafd3 48%,
    #ffe0a3 64%, #8fe5d0 80%, #d5dee7 100%);
}
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-card {
  --announcement-text: #294769;
  --announcement-text-shimmer: linear-gradient(110deg,
    #294769 0%, #245ec5 16%, #7540b2 32%, #aa2867 48%,
    #88520b 64%, #16725e 80%, #294769 100%);
}
html[data-workbench-theme] #systemAnnouncementModal .system-announcement-head,
html[data-workbench-theme] #systemAnnouncementModal .system-announcement-meta,
html[data-workbench-theme] #systemAnnouncementModal .system-announcement-actions {
  flex-shrink: 0;
}
html[data-workbench-theme] #systemAnnouncementModal .system-announcement-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-head h2,
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-content > :not(br) {
    color: var(--announcement-text);
    background-color: transparent !important;
    background-image: var(--announcement-text-shimmer) !important;
    background-size: 250% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: announcement-text-shimmer 6s linear infinite alternate;
  }
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-content > :not(br) * {
    -webkit-text-fill-color: inherit;
  }
}
@keyframes announcement-text-shimmer {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-head h2,
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-content > :not(br) {
    animation: none;
    background-image: none !important;
    -webkit-text-fill-color: currentColor;
  }
}
@media (forced-colors: active) {
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-head h2,
  html[data-workbench-theme] #systemAnnouncementModal .system-announcement-content > :not(br) {
    animation: none;
    background-image: none !important;
    -webkit-text-fill-color: CanvasText;
  }
}

html[data-announcement-theme="aurora"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#b4f4e5;--announcement-text-shimmer:linear-gradient(110deg,#86e7ff,#a990ff,#ff9fda,#9af5c8,#86e7ff);--announcement-rainbow:linear-gradient(110deg,#25d7c5,#6c8cff,#d07cff,#25d7c5)}
html[data-announcement-theme="sunset"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#ffe0b2;--announcement-text-shimmer:linear-gradient(110deg,#ffbf69,#ff7c9b,#c58cff,#ffcf7a);--announcement-rainbow:linear-gradient(110deg,#ff8a65,#ffd166,#ef629f,#ff8a65)}
html[data-announcement-theme="ocean"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#c7e9ff;--announcement-text-shimmer:linear-gradient(110deg,#7dd3fc,#60a5fa,#a78bfa,#5eead4,#7dd3fc);--announcement-rainbow:linear-gradient(110deg,#22d3ee,#3b82f6,#8b5cf6,#22d3ee)}
html[data-announcement-theme="original"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#d5dee7;--announcement-text-shimmer:linear-gradient(110deg,#d5dee7,#8fcaff,#c5a2ff,#ffafd3,#ffe0a3,#8fe5d0,#d5dee7)}
.announcement-head-tools{display:flex;align-items:flex-start;gap:10px}.announcement-color-switch{display:flex;gap:3px}.announcement-color-switch button{width:25px;height:25px;padding:0;border:1px solid #526b85;border-radius:5px;background:#203247;color:#bcd0e5;font-size:10px;cursor:pointer}.announcement-color-switch button:hover,.announcement-color-switch button.active{border-color:#68cfff;background:#315174;color:#fff}.chat-version-badge{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:5px;padding:0 4px;border-radius:8px;background:#ef4f5f;color:#fff;font-size:9px;font-weight:800;vertical-align:middle}.chat-version-badge.hidden{display:none}
@media(max-width:560px){.announcement-head-tools{gap:5px}.announcement-color-switch button{width:23px;height:23px}}

html[data-workbench-theme] #systemAnnouncementModal .system-announcement-card{border-color:#49627d;box-shadow:0 24px 80px #000b,0 0 24px color-mix(in srgb,var(--announcement-text) 18%,transparent)}
html[data-announcement-theme="aurora"] #systemAnnouncementModal .system-announcement-card{border-color:#5de6d2}
html[data-announcement-theme="sunset"] #systemAnnouncementModal .system-announcement-card{border-color:#ffad76}
html[data-announcement-theme="ocean"] #systemAnnouncementModal .system-announcement-card{border-color:#60b4ff}

html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#fff;--announcement-text-shimmer:linear-gradient(110deg,#fff,#fff,#d7e8ff,#fff);background:#000!important;color:#fff;border-color:#fff}html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-content,html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-meta,html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-actions{background:#000!important;color:#fff;border-color:#333}html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-content h3,html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-content p,html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-content div,html[data-announcement-theme="contrast"] #systemAnnouncementModal .system-announcement-content blockquote{color:#fff!important}html[data-announcement-theme="contrast"] #systemAnnouncementModal .announcement-history{background:#000;border-color:#333;color:#fff}html[data-announcement-theme="contrast"] #systemAnnouncementModal .announcement-history-item{color:#fff}html[data-announcement-theme="contrast"] #systemAnnouncementModal .announcement-history-item.active{background:#222;border-color:#fff}html[data-announcement-theme="contrast"] #systemAnnouncementModal .announcement-color-switch button{background:#111;color:#fff;border-color:#555}

/* Light theme keeps announcement text dark enough for WCAG-style contrast. */
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#20354d}
html[data-workbench-theme="light"][data-announcement-theme="original"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#20354d;--announcement-text-shimmer:linear-gradient(110deg,#20354d,#245ec5,#5b3fa4,#a02c57,#6d4600,#136c58,#20354d)}
html[data-workbench-theme="light"][data-announcement-theme="aurora"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#17483f;--announcement-text-shimmer:linear-gradient(110deg,#075985,#3154a5,#6b3fa0,#0f766e,#075985)}
html[data-workbench-theme="light"][data-announcement-theme="sunset"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#633516;--announcement-text-shimmer:linear-gradient(110deg,#9a3412,#9f1239,#6b21a8,#854d0e,#9a3412)}
html[data-workbench-theme="light"][data-announcement-theme="ocean"] #systemAnnouncementModal .system-announcement-card{--announcement-text:#123b63;--announcement-text-shimmer:linear-gradient(110deg,#075985,#1d4ed8,#5b21b6,#0f766e,#075985)}
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br),html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-head h2{-webkit-text-fill-color:transparent}

/* White theme: use solid professional black text, never transparent shimmer. */
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-head h2,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br),
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br) *{color:#152238!important;background-image:none!important;background-color:transparent!important;-webkit-text-fill-color:#152238!important;text-shadow:none!important;animation:none!important}
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-meta,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-meta time,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-type{color:#152238!important}
html[data-workbench-theme="light"] #systemAnnouncementModal .announcement-history,
html[data-workbench-theme="light"] #systemAnnouncementModal .announcement-history h3,
html[data-workbench-theme="light"] #systemAnnouncementModal .announcement-history-item,
html[data-workbench-theme="light"] #systemAnnouncementModal .announcement-history-item strong,
html[data-workbench-theme="light"] #systemAnnouncementModal .announcement-history-item time{color:#152238!important}

/* Final white-theme readability override: no glow, no shimmer, no animation. */
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-card,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-card *{text-shadow:none!important;filter:none!important}
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-head h2,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br),
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br) *{background:none!important;background-image:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#152238!important;color:#152238!important;animation:none!important;transition:none!important}

/* White theme requested animated readable text: dark high-contrast shimmer with restrained glow. */
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-head h2,
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br),
html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br) *{color:#152238!important;background-image:linear-gradient(110deg,#152238 0%,#245ec5 18%,#5b3fa4 36%,#a02c57 52%,#6d4600 68%,#136c58 84%,#152238 100%)!important;background-size:260% 100%!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 7px #3267a52b!important;animation:announcement-light-text-shimmer 7s ease-in-out infinite alternate!important}
@keyframes announcement-light-text-shimmer{from{background-position:0% 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-head h2,html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br),html[data-workbench-theme="light"] #systemAnnouncementModal .system-announcement-content > :not(br) *{animation:none!important;background-image:none!important;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#152238!important;color:#152238!important;text-shadow:none!important}}

/* Announcement typography: clean professional UI sans-serif matching the reference. */
#systemAnnouncementModal .system-announcement-card,
#systemAnnouncementModal .system-announcement-card button,
#systemAnnouncementModal .system-announcement-card time,
#systemAnnouncementModal .system-announcement-card span,
#systemAnnouncementModal .system-announcement-card p,
#systemAnnouncementModal .system-announcement-card h2,
#systemAnnouncementModal .system-announcement-card h3{font-family:Inter,"Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
#systemAnnouncementModal .system-announcement-content{font-weight:450;letter-spacing:.01em}
#systemAnnouncementModal .announcement-history-item strong{font-weight:650;letter-spacing:.01em}