/* "Okuyunca onayla" bileşeni (mobil, 15 Ekim 2026). Önek: oko-
   Metin kutusu mob-doc + mob-doc-scroll'dan gelir; burada yalnızca
   bileşene özgü farklar durur. */

.oko-baslik {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
}

.oko-kutu {
    max-height: 42vh;
    white-space: pre-wrap;
}

/* Kayıt penceresinde ekran daha dar: kutu pencereyi taşırmasın. */
.kyt-modal .oko-kutu { max-height: 38dvh; }

.oko-ipucu {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 8px 0 12px;
    font-size: 12.5px;
    color: #64748b;
}

.oko-ipucu::before {
    content: "↓";
    font-weight: 700;
    color: #2563eb;
}

.is-okundu .oko-ipucu { color: #15803d; }
.is-okundu .oko-ipucu::before { content: "✓"; color: #15803d; }

/* Pasif düğme açıkça pasif görünsün: rengi silik, imleç yasak. */
[data-oku-onay]:disabled {
    opacity: .45;
    cursor: not-allowed;
    filter: grayscale(.4);
}

.oko-adim {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 600;
    color: #2563eb;
    letter-spacing: .02em;
}