/* ── ÜCRETSİZ DENEME ŞERİDİ (Dilim 1, 2026-10-10) ────────────────────
   Sakin bilgi: gövdenin en üstünde, akışta yer tutan ince bant. Renkler
   emsal jetonlardan (`--green-bg` / `--green-ink`, iki temada da tanımlı;
   yeni renk yok). Metin 13px, dar ekranda İKİ SATIRA sarar (taşmaz,
   `min-width: 0`). × görsel olarak küçük; `pointer: coarse`ta görünmez
   uzantı tıklama alanını 44 px'e çıkarır (görseli büyütmez). JS şeridi
   yalnız sunucu `deneme` gönderirse yaratır (ortak/deneme-serit-ekran.js
   `denemeSeridiniKur`); yoksa bu kurallar ölüdür. Yazdırmada görünmez. */
.denemeSerit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 6px 12px;
  background: var(--green-bg);
  color: var(--green-ink);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  line-height: 1.4;
}
/* Deneme bitti notu: aynı iskelet, mavi bilgi tonu (emsal `--blue-*`; yeşil
   «her şey açık» der, burada anlatılan «süre doldu, çözmek ücretsiz»). Sakin:
   kırmızı/uyarı rengi YOK — hiçbir şey kapanmadı. */
.denemeSeritBitti {
  background: var(--blue-bg);
  color: var(--blue-ink);
}
.denemeSeritMetin { min-width: 0; text-align: center; text-wrap: balance; }
.denemeSeritKapat {
  position: relative;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.denemeSeritKapat:hover { background: color-mix(in srgb, currentColor 14%, transparent); }
.denemeSeritKapat:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; }
@media (pointer: coarse) {
  .denemeSeritKapat::after { content: ""; position: absolute; inset: -10px; }
  /* Dört göz 10-10 (B): tek satırlı şerit 37 px idi → × uzantısı (44 px)
     altında sonraki üst çubuğa 3,5 px taşıyor ve gerçek hedef 44×37 kalıyordu
     (nokta testi: alt→header.topbar). Şerit dokunmatikte en az 44 px:
     uzantı kendi şeridinin İÇİNDE kalır. İki satıra sarınca zaten >44. */
  .denemeSerit { min-height: 44px; }
}
@media print {
  .denemeSerit { display: none !important; }
}