/* hub-baglam.css — Hub baglam karti (hub-baglam.js, _HubSidebar BaglamKart). Kart cercevesi + modulun
   doldurdugu icerik icin ortak satir dili: modul yalniz isaretleme yazar, deri buradan gelir.
     <dl class="pai-baglam-liste"><div><dt>Proje</dt><dd>HL-2026-001</dd></div>...</dl>
     <progress class="pai-baglam-ilerleme" max="100" value="42">%42</progress>   (satir ici stil yok)
     <a class="pai-baglam-uyari" ...><i class="bi bi-exclamation-triangle"></i> 3 uyarı</a>
     <div class="pai-baglam-bos">Aktif proje yok. <a ...>Proje seç</a></div> */

.pai-hub-baglam {
  flex-shrink: 0;
  margin: 10px 10px 0;
  border: 1px solid var(--border-soft);
  border-radius: var(--koselik-md);
  background: var(--surface);
  box-shadow: var(--card-shadow);
  overflow: hidden;
}

.pai-hub-baglam-bas {
  display: flex; align-items: center; gap: var(--bosluk-2);
  width: 100%; padding: 8px 10px;
  border: none; background: transparent; color: var(--muted);
  font-family: var(--font); font-size: 11px; font-weight: 600;
  letter-spacing: .4px; text-transform: uppercase; text-align: left;
  cursor: pointer;
}
.pai-hub-baglam-bas:hover { background: var(--hover-bg); }
.pai-hub-baglam-bas:focus-visible { outline: 2px solid var(--mac-blue); outline-offset: -2px; }
.pai-hub-baglam-bas .ad { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pai-hub-baglam-ok { transition: transform var(--hiz-hizli) ease; }
.pai-hub-baglam.dar .pai-hub-baglam-ok { transform: rotate(-90deg); }
.pai-hub-baglam.dar .pai-hub-baglam-govde { display: none; }

.pai-hub-baglam-govde {
  padding: 2px 10px 10px;
  font-size: 12.5px; color: var(--text);
}
.pai-hub-baglam-bekle,
.pai-baglam-bos { color: var(--muted); font-style: italic; }
.pai-baglam-bos a { font-style: normal; color: var(--mac-blue); }

/* olu-css: sakla — baglam karti icerik dili; Hakedis aktif proje ozeti (Dilim A) kullanir, bugun karti bos durumda. */
.pai-baglam-liste { margin: 0; display: grid; gap: 4px; }
.pai-baglam-liste > div { display: flex; gap: 8px; min-width: 0; }
.pai-baglam-liste dt { flex: none; width: 74px; color: var(--muted); }
.pai-baglam-liste dd {
  flex: 1; min-width: 0; margin: 0; font-weight: 600;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  font-variant-numeric: tabular-nums;
}

/* olu-css: sakla — baglam karti ilerleme cubugu (Dilim A, hakedis ilerlemesi). */
.pai-baglam-ilerleme {
  display: block; width: 100%; height: 6px; margin-top: 8px;
  border: none; border-radius: var(--koselik-pill);
  background: var(--gray-surface); color: var(--green);
  overflow: hidden; appearance: none; -webkit-appearance: none;
}
.pai-baglam-ilerleme::-webkit-progress-bar { background: var(--gray-surface); border-radius: var(--koselik-pill); }
.pai-baglam-ilerleme::-webkit-progress-value { background: var(--green); border-radius: var(--koselik-pill); }
.pai-baglam-ilerleme::-moz-progress-bar { background: var(--green); border-radius: var(--koselik-pill); }

/* olu-css: sakla — baglam karti uyari rozeti (Dilim A, proje uyarilari). */
.pai-baglam-uyari {
  display: flex; align-items: center; gap: 6px;
  margin-top: 8px; padding: 5px 8px;
  border-radius: var(--koselik-sm);
  background: var(--yellow-bg); color: var(--yellow-dark);
  font-weight: 600; text-decoration: none;
}
.pai-baglam-uyari:hover { filter: brightness(.97); }
.pai-baglam-uyari.tehlike { background: var(--red-bg); color: var(--red-dark); }