/* Notice bar (sliding announcements on the Feed) */
.fcnotice {
  --fcn-accent: #2563eb;
  display: flex;
  align-items: center;
  gap: 10px;
  box-sizing: border-box;
  width: 100%;
  flex: 0 0 100%;
  grid-column: 1 / -1;
  height: 44px;
  margin: 0 0 16px;
  padding: 0 8px 0 14px;
  border: 1px solid var(--fcom-primary-border, #e3e8ef);
  border-radius: 10px;
  background: var(--fcom-primary-bg, #fff);
  color: var(--fcom-primary-text, #19283a);
  font-size: 14px;
  line-height: 1.4;
  overflow: hidden;
}
.fcnotice__icon { flex: none; display: inline-flex; color: var(--fcn-accent); }
.fcnotice__label { flex: none; font-weight: 600; color: var(--fcn-accent); }
.fcnotice__view { position: relative; flex: 1 1 auto; min-width: 0; height: 100%; overflow: hidden; }
.fcnotice__item {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  display: flex; align-items: center; gap: 10px; min-width: 0;
  color: inherit; text-decoration: none; white-space: nowrap; box-shadow: none;
}
.fcnotice__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 500; transition: color .15s; }
.fcnotice__date { flex: none; font-size: 12px; color: var(--fcom-secondary-text, #7b8794); }
a.fcnotice__item:hover .fcnotice__text { color: var(--fcn-accent); }
.fcnotice__nav { flex: none; display: flex; gap: 2px; }
.fcnotice__btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; padding: 0; margin: 0; border: 0; border-radius: 6px;
  background: transparent; color: var(--fcom-secondary-text, #7b8794); cursor: pointer; box-shadow: none;
}
.fcnotice__btn:hover { background: var(--fcom-secondary-content-bg, #f0f2f5); color: var(--fcn-accent); }
@media (max-width: 520px) {
  .fcnotice { font-size: 13px; padding-left: 10px; gap: 8px; }
  .fcnotice__date { display: none; }
}