/* PARÇA PLAN GEÇMİŞİ — sağdan çekmece (public/parca-gecmisi.js)
   Renk ve yazı boyu yalnız tokens.css'ten.

   Tablo ORTAK çiziciyle yazılıyor (public/gecmis-tablo.js, sınıflar pgt-*);
   portal aynı sınıfları kendi jetonlarıyla (public/portal/stiller/) çiziyor. Burada
   ERP ölçeği: 11 / 12.5 / 13.5 / 15 / 19 / 26. */

.pg-link { color: var(--brand); font-weight: 700; text-decoration: none; }
.pg-link:hover { text-decoration: underline; color: var(--brand-dark); }

/* Çekmece: sağa yaslı, tam boy. Kart listesinin (#modal) üstünde açılabilsin.
   7 sütunlu tablo için 760'tan 920'ye genişledi (portal penceresiyle aynı). */
.popup.pg-ort { z-index: 210; padding: 0; justify-content: flex-end; align-items: stretch; }
.popup.pg-ort .pg-kutu {
  width: min(920px, 100vw); max-width: 100vw; height: 100vh; max-height: none;
  border: 0; border-left: 1px solid var(--chrome); border-radius: 0;
  animation: pg-gir .2s ease-out;
}
@keyframes pg-gir { from { transform: translateX(24px); opacity: .6; } }
@media (prefers-reduced-motion: reduce) { .popup.pg-ort .pg-kutu { animation: none; } }

.pg-kutu h3 { display: flex; align-items: baseline; gap: var(--bosluk-2); flex-wrap: wrap; min-width: 0; }
.pg-tanim { font-size: var(--yazi-md); font-weight: 400; color: var(--muted); }
.pg-rev { font-size: var(--yazi-md); font-weight: 600; }
.pg-govde { flex: 1 1 auto; min-height: 0; padding: var(--bosluk-3) var(--bosluk-4) var(--bosluk-5); background: var(--panel-2); }

/* İlk VSRM Termin Tarihi — başlığın hemen altında tek satır. */
.pg-ilk {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--bosluk-2);
  padding: var(--bosluk-2) var(--bosluk-4);
  border-bottom: 1px solid var(--line);
  font-size: var(--yazi-sm); color: var(--muted);
}
.pg-ilk b { font-size: var(--yazi-lg); color: var(--ink); }

/* ---- Ortak tablo (pgt-*) — ERP görünümü ---- */
.pg-ort .pgt-bos { padding: var(--bosluk-3); font-size: var(--yazi-md); color: var(--muted); }

/* Tablo kendi kabında YATAY kayar: dar ekranda sütunlar ezilmesin. */
.pg-ort .pgt-kap { overflow-x: auto; background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius); }
.pg-ort .pgt-tablo { width: 100%; min-width: 820px; border-collapse: collapse; }
.pg-ort .pgt-tablo thead th {
  padding: var(--bosluk-2) var(--bosluk-3);
  font-size: var(--yazi-xs); font-weight: 700; letter-spacing: var(--harf-etiket); text-transform: uppercase;
  text-align: left; color: var(--muted); background: var(--panel-2); white-space: normal;
  border-bottom: 1px solid var(--line-strong); line-height: 1.25; vertical-align: bottom;
}
.pg-ort .pgt-bas { display: inline-flex; align-items: flex-end; gap: var(--bosluk-1); }
.pg-ort .pgt-tablo tbody td {
  padding: var(--bosluk-2) var(--bosluk-3);
  font-size: var(--yazi-md); color: var(--ink);
  border-bottom: 1px solid var(--line); vertical-align: top; white-space: nowrap;
}
.pg-ort .pgt-tablo tbody tr:last-child td { border-bottom: 0; }
.pg-ort .pgt-tablo th.num, .pg-ort .pgt-tablo td.num { text-align: right; }
.pg-ort .pgt-tablo td.s-bildirim, .pg-ort .pgt-tablo td.s-not { white-space: normal; }
.pg-ort .pgt-tablo td.s-not { min-width: 150px; line-height: 1.45; }
.pg-ort .pgt-yok { color: var(--faint); }

/* Teslimat grubu başlığı — tablonun içinde, bütün sütunları kaplayan ince
   satır ("Teslimat · 31.07.2026 · 32 adet"). Başlık şeridinin zemini. */
.pg-ort .pgt-tablo tbody tr.pgt-grup th {
  padding: var(--bosluk-1) var(--bosluk-3);
  font-size: var(--yazi-xs); font-weight: 700; text-align: left; color: var(--muted);
  text-transform: none; letter-spacing: 0;
  background: var(--panel-2); border-bottom: 1px solid var(--line);
}

/* Statü — ERP'deki tip renkleri: Kesin aksan, Planlanan yeşil, Bakiye kehribar. */
.pg-ort .pgt-statu {
  display: inline-block; padding: 1px var(--bosluk-2);
  border: 1px solid var(--line-strong); border-radius: 999px;
  font-size: var(--yazi-xs); font-weight: 700; color: var(--muted); background: var(--panel-2);
}
.pg-ort .pgt-statu.kesin { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }
.pg-ort .pgt-statu.planlanan { color: var(--green); background: var(--green-bg); border-color: var(--green-line); }
.pg-ort .pgt-statu.bakiye { color: var(--amber-ink); background: var(--amber-bg); border-color: var(--amber-line); }

.pg-ort .pgt-bildirimler { display: flex; flex-wrap: wrap; gap: var(--bosluk-1); }
.pg-ort .pgt-bil {
  display: inline-block; padding: 1px var(--bosluk-2);
  border: 1px solid var(--line-strong); border-radius: var(--radius);
  font-size: var(--yazi-xs); font-weight: 700; color: var(--muted); background: var(--panel-2); white-space: nowrap;
}
.pg-ort .pgt-bil.eklendi { color: var(--green); background: var(--green-bg); border-color: var(--green-line); }
.pg-ort .pgt-bil.cikti { color: var(--red); background: var(--red-bg); border-color: var(--red-line); }
.pg-ort .pgt-bil.termin { color: var(--brand-dark); background: var(--brand-soft); border-color: var(--brand-line); }

/* "?" düğmesi — gerçek düğme; tıklayınca sütunun anlamı açılır. */
.pg-ort .pgt-soru {
  flex: 0 0 auto; width: 20px; height: 20px; padding: 0;
  border: 1px solid var(--line-strong); border-radius: 50%; background: var(--panel);
  font: inherit; font-size: var(--yazi-xs); font-weight: 700; line-height: 1; letter-spacing: 0;
  color: var(--muted); cursor: pointer;
}
.pg-ort .pgt-soru:hover, .pg-ort .pgt-soru[aria-expanded="true"] { color: var(--brand-dark); border-color: var(--brand); }
.pg-ort .pgt-soru:focus-visible { outline: none; box-shadow: var(--odak); }

/* Açılır açıklama — çekmecenin dış kabına (#parcaGecmisi) ekleniyor. */
.pg-ort .pgt-balon {
  position: fixed; z-index: 1; max-width: 340px;
  padding: var(--bosluk-3); background: var(--panel);
  border: 1px solid var(--line-strong); border-radius: var(--radius);

  font-size: var(--yazi-md); line-height: 1.45; color: var(--ink);
}
.pg-ort .pgt-balon b { display: block; margin-bottom: var(--bosluk-1); }
/* Statü açıklaması: rozet + açıklama, alt alta satırlar (Selim 2026-10-02). */
.pg-ort .pgt-balon-liste {
  display: grid; grid-template-columns: max-content 1fr; align-items: center;
  gap: var(--bosluk-2) var(--bosluk-3); margin: var(--bosluk-2) 0 0;
}
.pg-ort .pgt-balon-liste dt, .pg-ort .pgt-balon-liste dd { margin: 0; }

/* Eskimiş değer — sonraki değişiklikle geçerliliğini yitirdi: ince, yarı
   saydam çizgi; metin rengi aynı kalıyor (AAA). Portal penceresiyle aynı. */
.pg-ort .pgt-eski, .pg-ort .pgt-eski .pgt-statu {
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-decoration-color: color-mix(in srgb, var(--muted) 55%, transparent);
}

/* ---- DEĞİŞİM TAKİBİ ROZETİ — "Ne Değişti" listesinin son sütunu ----
   (Selim 2026-10-01; portal gözlem tablosuyla aynı rozet, ERP ölçeğiyle).
   ETKİN: marka aksanı açık zemin; PASİF: kesik çerçeve, soluk, disabled. */
.pgt-takip {
  display: inline-flex; align-items: center; min-height: 24px; padding: 0 var(--bosluk-2);
  border: 1px solid var(--brand-line); border-radius: 999px; background: var(--brand-soft);
  font: inherit; font-size: var(--yazi-xs); font-weight: 700; color: var(--brand-dark);
  white-space: nowrap; cursor: pointer;
}
.pgt-takip.etkin:hover { border-color: var(--brand); }
.pgt-takip:focus-visible { outline: none; box-shadow: var(--odak); }
.pgt-takip:disabled {
  border-style: dashed; border-color: var(--line-strong); background: none;
  color: var(--muted); font-weight: 400; opacity: .7; cursor: default;
}