/* ======================================================================== */
/* PROJELER (2026-10) · proje bazinda gorev ozeti                            */
/*                                                                          */
/* Salt okunur ekran. Kart iskeleti Genel Bakis'in `.asv-dashboard-panel`   */
/* sinifindan geliyor; burada yalnizca projeye ozgu ic yerlesim var.        */
/* ======================================================================== */

.asv-projeler-ekrani {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.asv-projeler-ekrani .asv-ozet-izgara {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.asv-proje-listesi {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.asv-proje-ipucu {
  margin: 0;
  padding: 10px 14px;
  border: 1px dashed var(--asv-kenar-renk);
  border-radius: 12px;
  color: var(--asv-metin-soluk);
  background: var(--asv-yuzey);
}

[data-tema] .asv-proje-karti {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.asv-proje-basi {
  display: flex;
  align-items: center;
  gap: 10px;
}

[data-tema] .asv-proje-basi h2 {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  border: none;
}

.asv-proje-ozet {
  display: grid;
  grid-template-columns: minmax(120px, 260px) auto auto;
  align-items: center;
  justify-content: start;
  gap: 12px;
  font-size: var(--asv-text-sm);
}

.asv-proje-cipler {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.asv-proje-etiket {
  margin-right: 4px;
  font-size: var(--asv-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--asv-metin-soluk);
}

.asv-proje-soluk {
  color: var(--asv-metin-soluk);
}

.asv-proje-gecikmis,
[data-tema] .asv-proje-gecikmis {
  color: #c81e53;
  font-weight: 600;
}

[data-tema] .asv-proje-atanmamis {
  border-style: dashed;
}

/* Durum ciplerinin sol kenari durum rengi - renk TEK isaret degil, metin
   zaten durumu yaziyor (WCAG 1.4.1). */
[data-tema] .asv-proje-durum-0 { border-left: 3px solid #8a94a6; }
[data-tema] .asv-proje-durum-1 { border-left: 3px solid #4f46e5; }
[data-tema] .asv-proje-durum-2 { border-left: 3px solid #a855f7; }
[data-tema] .asv-proje-durum-3 { border-left: 3px solid #0d9488; }

/* Ac/kapa dugmesi: neon katmanindaki koyu dugme zeminini ezer (0,2,0). */
[data-tema] .asv-proje-ac {
  align-self: flex-start;
  min-height: 0;
  padding: 6px 12px;
  border: 1px solid var(--asv-kenar-renk);
  border-radius: 8px;
  background: var(--asv-yuzey);
  color: var(--asv-vurgu-renk);
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  box-shadow: none;
  cursor: pointer;
}

[data-tema] .asv-proje-ac:hover,
[data-tema] .asv-proje-ac:focus-visible {
  background: var(--asv-zemin);
}

.asv-proje-tablo-sarmal {
  overflow-x: auto;
}

.asv-proje-tablo {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--asv-text-sm);
}

.asv-proje-tablo th,
.asv-proje-tablo td {
  padding: 8px 10px;
  border-bottom: 1px solid var(--asv-kenar-renk);
  text-align: left;
  white-space: nowrap;
}

.asv-proje-tablo td:first-child {
  white-space: normal;
  min-width: 220px;
}

.asv-proje-tablo th {
  font-size: var(--asv-text-xs);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--asv-metin-soluk);
}

.asv-proje-tablo a {
  color: var(--asv-vurgu-renk);
  font-weight: 600;
  text-decoration: none;
}

.asv-proje-tablo a:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .asv-proje-ozet {
    grid-template-columns: 1fr;
  }
}