/*!
 * Bordro denetimi — sayfaya özgü stiller.
 *
 * Site geneli style.css'in üstüne yalnızca bu sayfanın ihtiyacı olanlar
 * yazılıyor: form ızgarası, karşılaştırma tablosundaki durum renkleri ve
 * sebep/varsayım blokları. Renkler mevcut belirteçlerden alınıyor;
 * yeni renk tanımlanmıyor.
 */

.bd-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.bd-ops {
  font-weight: 400;
  color: var(--text-muted);
  font-size: var(--step--1);
}

.bd-bordro {
  margin-top: 1.5rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: 1rem 1.1rem 1.2rem;
}

.bd-bordro legend {
  padding: 0 .4rem;
  font-weight: 650;
  font-size: var(--step--1);
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--text-muted);
}

.bd-onay {
  display: flex;
  align-items: flex-start;
  gap: .6rem;
  margin-top: 1.1rem;
  line-height: 1.5;
}

.bd-ozet { margin: 1.6rem 0 .6rem; }
.bd-ozet p { margin: .25rem 0; }

/* Durum, renge EK OLARAK metinle de söyleniyor: tabloda "aynı" yazıyor
   ve özet satırı sonucu cümleyle tekrarlıyor. Renk tek başına bilgi
   taşımamalı. */
.bd-tamam-metin { color: var(--text); font-weight: 600; }
.bd-fark-metin { color: var(--text); font-weight: 600; }

.data-table tr.bd-fark th,
.data-table tr.bd-fark td {
  background: color-mix(in srgb, var(--brand) 9%, transparent);
}
.data-table tr.bd-bos th,
.data-table tr.bd-bos td { color: var(--text-muted); }

.bd-sebepler, .bd-varsayim {
  margin-top: 1.8rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--border);
}
.bd-sebepler h3, .bd-varsayim h3 {
  font-size: var(--step-0);
  margin: 0 0 .6rem;
}
.bd-sebepler h4 {
  font-size: var(--step--1);
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--text-muted);
  margin: 1.1rem 0 .3rem;
}

.bd-veri-blok {
  display: grid;
  gap: .3rem .9rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin: .5rem 0 0;
}
.bd-veri {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .35rem 0;
  border-bottom: 1px solid var(--border);
}
.bd-veri dt { color: var(--text-muted); font-size: var(--step--1); }
.bd-veri dd {
  margin: 0;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.bd-varsayim ul { margin: 0 0 .8rem; padding-left: 1.1rem; }
.bd-varsayim li { margin: .3rem 0; }

@media (max-width: 520px) {
  .bd-bordro { padding: .9rem .8rem 1rem; }
  .bd-veri { flex-direction: column; gap: .1rem; }
}