/* gb (defter) modülü — bugünkü gb.html dili: hero form, iki sütun teaser, katlanır "tamamı", "> cevap" satırı. */
.gb-form { display: grid; gap: 8px; }
.gb-form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gb-mesaj-kutu { position: relative; }
.gb-mesaj-kutu textarea { resize: vertical; min-height: 84px; padding-bottom: 22px; }
.gb-sayac { position: absolute; right: 10px; bottom: 6px; color: var(--bb-text-faint); font: 11px var(--bb-font-mono); pointer-events: none; }
.gb-form-alt { display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; }
.gb-onay { display: inline-flex; align-items: center; gap: 6px; margin: 0; color: var(--bb-text-muted); font-size: .88em; }
.gb-onay input { width: 16px; height: 16px; accent-color: var(--bb-gold); }
.gb-durum { flex: 1 1 160px; color: var(--bb-text-dim); font-size: .88em; }
.gb-durum.ok { color: var(--bb-ok); } .gb-durum.bad { color: var(--bb-bad); }
.gb-form [aria-invalid="true"] { border-color: var(--bb-bad); }
.gb-tuzak { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.gb-kolonlar { display: grid; gap: 12px; }
.gor-izgara2 .gb-kolonlar { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.gb-kolon { --renk: var(--bb-gold); min-width: 0; padding: 8px 10px 4px; border: 1px solid var(--bb-border-2); border-radius: var(--bb-radius); }
.gb-mesaj { padding: 8px 0; border-bottom: 1px solid var(--bb-border); }
.gb-mesaj:last-child { border-bottom: 0; }
.gb-mesaj header { display: flex; align-items: baseline; gap: 8px; }
.gb-ad { color: var(--bb-text-strong); font-weight: 600; font-size: .92em; }
.gb-ad.anonim { color: var(--bb-text-dim); font-weight: 400; font-style: italic; }
.gb-eposta { color: var(--bb-text-dim); font: 12px var(--bb-font-mono); }
.gb-mesaj time { margin-left: auto; color: var(--bb-text-faint); font: 12px var(--bb-font-mono); }
.gb-metin { margin: 2px 0 0; color: var(--bb-text); font-size: .93em; overflow-wrap: anywhere; }
.gb-cevap { margin: 4px 0 0; color: var(--bb-gold); font-size: .9em; overflow-wrap: anywhere; }
.gb-isaretli { background: var(--bb-accent-tint); border-radius: 6px; padding-inline: 8px; }

.gb-tamami summary { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; padding: 4px 0 4px 8px; border-left: 2px solid var(--bb-gold);
                     color: var(--bb-gold); font: 600 13px var(--bb-font-mono); cursor: pointer; list-style: none; }
.gb-tamami summary::-webkit-details-marker { display: none; }
.gb-tamami summary span::after { content: " +"; color: var(--bb-text-dim); }
.gb-tamami[open] summary span::after { content: " −"; }
.gb-tamami summary small { color: var(--bb-text-faint); font-weight: 400; }
.gb-tamami-liste { margin-top: 4px; }
button.gb-devam { width: 100%; margin-top: 6px; padding: 4px 10px; background: transparent; color: var(--bb-text-dim); border: 1px solid var(--bb-border-2); border-radius: 6px; font: 500 12px var(--bb-font-mono); }
button.gb-devam:hover { color: var(--bb-gold); border-color: var(--bb-gold); background: transparent; }
@media (max-width: 760px) {
  .gb-form-satir, .gor-izgara2 .gb-kolonlar { grid-template-columns: minmax(0, 1fr); }
}