/* IS#99 — Duyuru barI. Tam genislik ust serit (#app icinde, .layout'un ustunde).
   Tema-duyarli: severity token'lari (--info/--warning/--danger/--success + *-bg) her iki
   temada tanimli. Soft zemin + 3px sol-kenar vurgu, kompakt tek satir, kapat (✕). */

/* Bar mevcutken .layout yuksekligini bar kadar kis (JS --duyuru-bar-h yazar).
   Duyuru yoksa/gizliyse degisken 0px → mevcut 100vh davranisi BIREBIR korunur. */
.layout { height: calc(100vh - var(--duyuru-bar-h, 0px)); }

.duyuru-bar {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.duyuru-bar[hidden] { display: none; }

/* Tek duyuru satiri — severity zemin/renk per-tip kuralda (var-in-var dolaylama YOK,
   tema degisiminde repaint guvenli). */
.duyuru {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 16px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border);
}
.duyuru + .duyuru { border-top: 0; }

.duyuru-ikon {
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
}
.duyuru-metin {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.duyuru-link {
  flex-shrink: 0;
  font-weight: 500;
  text-decoration: none;
}
.duyuru-link:hover { text-decoration: underline; }

.duyuru-kapat {
  flex-shrink: 0;
  background: none;
  border: 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 6px;
}
.duyuru-kapat:hover { background: rgba(127, 127, 127, .14); color: var(--text-primary); }
.duyuru-kapat:disabled { opacity: .4; cursor: default; }

/* Severity varyantlari — zemin + 3px sol kenar + ikon/link rengi (dogrudan token) */
.duyuru--info    { background: var(--info-bg);    border-left: 3px solid var(--info); }
.duyuru--warning { background: var(--warning-bg); border-left: 3px solid var(--warning); }
.duyuru--danger  { background: var(--danger-bg);  border-left: 3px solid var(--danger); }
.duyuru--success { background: var(--success-bg); border-left: 3px solid var(--success); }

.duyuru--info    .duyuru-ikon, .duyuru--info    .duyuru-link { color: var(--info); }
.duyuru--warning .duyuru-ikon, .duyuru--warning .duyuru-link { color: var(--warning); }
.duyuru--danger  .duyuru-ikon, .duyuru--danger  .duyuru-link { color: var(--danger); }
.duyuru--success .duyuru-ikon, .duyuru--success .duyuru-link { color: var(--success); }

/* Mobil: metin sarabilir, kompakt kalsin */
@media (max-width: 720px) {
  .duyuru { padding: 8px 12px; font-size: 12px; gap: 8px; }
  .duyuru-metin { white-space: normal; }
}