/* Ödev Atölyesi · Hazır Dikte ve Canlı Dikte sayfaları. Kağıt `.sayfa.dk-sayfa` (odev.css'in yazdırma ve indirme kuralları geçerli).
   Yazı: Andika (dik temel harflere en yakın, tek katlı a ve g). Satır çizgileri Andika'nın ölçülerine göre hesaplanır:
   satır yüksekliği 2.4em → taban 1.615em, x yüksekliği çizgisi 1.107em, üst çizgi 0.665em. */
.sayfa.dk-sayfa { --dk-a: #C0392B; --dk-fs: 22pt; padding: 12mm 14mm 9mm; font-family: 'Andika', 'Comic Sans MS', sans-serif; }
.dk-ust { display: flex; align-items: center; justify-content: space-between; gap: 8mm; }
.dk-baslik { display: flex; align-items: center; gap: 4mm; }
.dk-rozet { width: 14mm; height: 14mm; border-radius: 4mm; background: var(--dk-a); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 24pt; line-height: 1; flex: none; }
.dk-baslik b { display: block; font-size: 24pt; line-height: 1.05; letter-spacing: .5px; }
.dk-baslik small { display: block; font-size: 9.5pt; color: #6F6862; margin-top: 1mm; }
.dk-gun { text-align: right; border: 1.6px solid var(--dk-a); border-radius: 4mm; padding: 2mm 5mm; color: var(--dk-a); line-height: 1.1; }
.dk-gun b { display: block; font-size: 17pt; }
.dk-gun small { font-size: 9.5pt; color: #6F6862; }
.dk-kimlik { display: flex; gap: 8mm; margin: 5mm 0 3mm; font-size: 11pt; }
.dk-kimlik span { display: flex; align-items: baseline; gap: 2mm; white-space: nowrap; }
.dk-kimlik span:first-child { flex: 1; }
.dk-kimlik i { display: inline-block; border-bottom: 1.2px solid #8C8579; min-width: 30mm; height: 1em; flex: 1; }
.dk-kimlik span:last-child i { min-width: 32mm; flex: none; }
.dk-sesler { display: flex; align-items: center; flex-wrap: wrap; gap: 1.6mm; font-size: 10pt; color: #6F6862; margin-bottom: 3mm; }
.dk-sesler i { font-style: normal; font-size: 13pt; min-width: 7mm; height: 7mm; line-height: 7mm; text-align: center; border: 1.2px solid #D5CFC3; border-radius: 2mm; color: #1A1815; background: #FBFAF7; }
.dk-sesler i.yeni { background: var(--dk-a); border-color: var(--dk-a); color: #fff; }
.dk-yonerge { font-size: 11pt; background: #FFF8EE; border-left: 1.2mm solid var(--dk-a); border-radius: 0 2.5mm 2.5mm 0; padding: 2.2mm 4mm; margin-bottom: 3mm; line-height: 1.35; }
.dk-liste { flex: 1; min-height: 0; display: flex; flex-direction: column; justify-content: space-evenly; overflow: hidden; }
.dk-liste.iki { display: grid; grid-template-columns: 1fr 1fr; column-gap: 8mm; align-content: space-evenly; }
.dk-satir { display: flex; align-items: flex-start; gap: 3.5mm; flex: none; }
.dk-no { flex: none; width: calc(var(--dk-fs) * 1.25); height: calc(var(--dk-fs) * 1.25); margin-top: calc(var(--dk-fs) * .62); border-radius: 50%; background: var(--dk-a); color: #fff; font-weight: 700; font-size: calc(var(--dk-fs) * .62); display: flex; align-items: center; justify-content: center; }
.dk-sat { position: relative; flex: 1; min-width: 0; height: calc(var(--dk-fs) * 2.4); }
.dk-sat.cizgili { background-image: linear-gradient(#9AA3B2, #9AA3B2), repeating-linear-gradient(90deg, #E39A9A 0 5px, transparent 5px 10px), linear-gradient(#CBD0D9, #CBD0D9);
  background-size: 100% 1.6px, 100% 1.2px, 100% 1.2px; background-repeat: no-repeat;
  background-position: 0 calc(var(--dk-fs) * 1.615), 0 calc(var(--dk-fs) * 1.107), 0 calc(var(--dk-fs) * .665); }
.dk-yazi { position: absolute; left: 1.5mm; top: 0; white-space: nowrap; font-size: var(--dk-fs); line-height: 2.4; color: #1A1815; }
.dk-yazi u { text-decoration: none; color: var(--dk-a); font-weight: 700; }
.dk-alt { display: flex; align-items: center; justify-content: space-between; gap: 6mm; margin-top: 3mm; padding-top: 2.4mm; border-top: 1.2px solid #E4DED2; font-size: 9pt; color: #6F6862; }
.dk-alt b { color: #1A1815; }
/* ekrandaki düzenleme araçları: yazdırmaya ve PDF'e girmez */
.dk-arac { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; gap: 6px; z-index: 3; }
.dk-arac button { width: 30px; height: 30px; border-radius: 8px; border: 1px solid #D5CFC3; background: #fff; cursor: pointer; font-size: 15px; line-height: 1; padding: 0; color: #4a443d; }
.dk-arac button:hover { background: #FFF1D6; }
.dk-ekle { align-self: center; margin-top: 2mm; border: 1.4px dashed #C9B27A; background: #FFFBF0; color: #7D5A0C; border-radius: 10px; padding: 8px 16px; font-size: 14px; font-weight: 700; cursor: pointer; font-family: inherit; }
.dk-uyari { background: #FFF3D6; border: 1px solid #E8C873; color: #6B4B05; border-radius: 12px; padding: 10px 14px; font-size: 13.5px; margin-bottom: 12px; line-height: 1.5; }
.dk-sec { width: 100%; box-sizing: border-box; border: 1px solid var(--od-rule); border-radius: 9px; padding: 7px 9px; font-size: 14px; font-family: inherit; background: #fff; }
@media print { .dk-arac, .dk-ekle { display: none !important; } }

/* Canlı Dikte */
.dk-canli-alan { width: 100%; box-sizing: border-box; border: 1px solid var(--od-rule); border-radius: 9px; padding: 9px 11px; font-size: 16px; font-family: 'Andika', sans-serif; background: #fff; min-height: 150px; resize: vertical; line-height: 1.6; }
.dk-canli-sayac { font-size: 12px; color: var(--od-muted); margin-top: 4px; }
.dk-canli-sayfa-bos { color: #B4AEA4; font-style: italic; position: absolute; left: 1.5mm; top: 0; line-height: 2.4; font-size: var(--dk-fs); }
.dk-satir.canli .dk-sat { height: calc(var(--dk-fs) * 2.4); }
.dk-bar { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 793.7px; margin: 0 auto 8px; font-size: 15px; font-weight: 700; color: #4a443d; }
.dk-bar .dk-ekle { margin: 0 0 0 8px; padding: 6px 12px; font-size: 13px; }