/* 1.0.2: açılır bölümler */
.bt-grup { border-top: 1px solid var(--cizgi); padding: 4px 0 12px; }
.bt-grup > summary { cursor: pointer; list-style: none; font-weight: 700; font-size: 1.05rem; color: var(--koyu, var(--lacivert)); min-height: 52px; display: flex; align-items: center; justify-content: space-between; }
.bt-grup > summary::-webkit-details-marker { display: none; }
.bt-grup > summary::after { content: "+"; font-size: 1.5rem; font-weight: 400; color: var(--ikincil); }
.bt-grup[open] > summary::after { content: "−"; }
.bt-ayrinti > summary { cursor: pointer; color: var(--vurgu); font-weight: 600; min-height: var(--hedef-ik); display: flex; align-items: center; }
/* BETON-1.0.0 · yalnız bu sayfanın düzeni. Renk, ölçü ve yazı tipi ortak kabuktan (kabuk.css) gelir. */
.bt-etki {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5.5em, 1fr));
  gap: calc(var(--ara) / 2);
}
.bt-etki .onay { min-height: var(--hedef-ik); }

.bt-satir {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9em, 1fr));
  gap: var(--ara);
  align-items: end;
}
.bt-satir .alan-k input,
.bt-satir .alan-k select { display: block; width: 100%; min-height: var(--hedef); box-sizing: border-box; }
.bt-katki { margin-bottom: var(--ara); }
.bt-katki .sil { min-height: var(--hedef); }

.bt-agrega {
  border-top: 1px solid var(--cizgi);
  padding-top: var(--ara);
  margin-bottom: var(--ara);
}
.bt-agrega textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: var(--mono);
  resize: vertical;
}
.bt-agrega .sil { margin-top: calc(var(--ara) / 2); min-height: var(--hedef-ik); }

.bt-yan { display: flex; gap: calc(var(--ara) / 2); }
.bt-yan input { flex: 1 1 50%; min-width: 0; min-height: var(--hedef); }
.bt-yan select { flex: 1 1 50%; min-width: 0; min-height: var(--hedef); }

.bt-ayrinti { margin-top: var(--ara); }
.bt-ayrinti summary { min-height: var(--hedef-ik); cursor: pointer; color: var(--vurgu); }

/* karar şeridi */
.cevap.bt-uygun { border-left-color: var(--uygun); background: var(--uygun-zemin); }
.cevap.bt-dikkat { border-left-color: var(--dikkat); background: var(--dikkat-zemin); }
.cevap.bt-uygun_degil { border-left-color: var(--red); background: var(--red-zemin); }
.cevap.bt-uygun .damga { color: var(--uygun); }
.cevap.bt-dikkat .damga { color: var(--dikkat); }
.cevap.bt-uygun_degil .damga { color: var(--red); }

.bt-durum { font-weight: 600; white-space: nowrap; }
.bt-d-uygun { color: var(--uygun); }
.bt-d-dikkat { color: var(--dikkat); }
.bt-d-uygun_degil { color: var(--red); }
th.bt-sag, td.bt-sag { text-align: right; font-variant-numeric: tabular-nums; }

/* granülometri çizimi (renk sınıfla: iOS Safari nitelikte var() desteklemez) */
.bt-figur { margin: 0; }
.bt-grafik { display: block; width: 100%; height: auto; }
.bt-izgara { stroke: var(--cizgi-ince); stroke-width: 1; }
.bt-eksen { fill: var(--ikincil); font-family: var(--sans); }
.bt-sag-yazi { text-anchor: end; }
.bt-orta-yazi { text-anchor: middle; }
.bt-bolge3 { fill: var(--uygun-zemin); stroke: none; }
.bt-sinir { fill: none; stroke: var(--ikincil); stroke-width: 1.2; }
.bt-kesik { stroke-dasharray: 6 4; }
.bt-karisim { fill: none; stroke: var(--vurgu); stroke-width: 3; stroke-linejoin: round; }
.bt-nokta { fill: var(--vurgu); }

[hidden] { display: none !important; }