.hk-sekme { display: flex; gap: 6px; margin-bottom: 18px; border-bottom: 1px solid var(--border); }
.hk-sekme button { background: none; border: 0; padding: 10px 14px; font-weight: 600; color: var(--muted); border-bottom: 2px solid transparent; margin-bottom: -1px; }
.hk-sekme button.on { color: var(--fg); border-color: var(--primary); }
.hk-ozet { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.hk-ozet .kart { padding: 14px 16px; } .hk-ozet b { display: block; font-family: var(--head); font-size: 30px; line-height: 1; } .hk-ozet span { font-size: 13px; color: var(--muted); }
.hk-ozet b.kirmizi { color: var(--bad); }
.hk-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.hk-kutu { padding: 16px 18px; } .hk-kutu h3 { font-family: var(--head); font-size: 17px; margin-bottom: 12px; }
.hk-sure, .hk-dur { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--border); font-size: 14px; }
.hk-sure:last-child, .hk-dur:last-child { border-bottom: 0; }
.hk-gun { width: 52px; text-align: center; border-radius: 10px; padding: 6px 0; font-family: var(--head); font-weight: 700; line-height: 1.05; }
.hk-gun small { display: block; font-size: 10.5px; font-weight: 500; }
.hk-gun.k { background: #fee2e2; color: #991b1b; } .hk-gun.s { background: #fef3c7; color: #92400e; } .hk-gun.y { background: #e0f2fe; color: #075985; }
.hk-sure b, .hk-dur b { display: block; } .hk-sure span, .hk-dur span { color: var(--muted); font-size: 13px; }
.hk-tarih { width: 52px; text-align: center; font-family: var(--head); line-height: 1.05; } .hk-tarih b { font-size: 20px; } .hk-tarih small { display: block; font-size: 11px; color: var(--muted); }
.hk-bilgilendir { display: grid; grid-template-columns: 1fr 1.2fr; gap: 18px; align-items: start; }
.hk-bilgilendir select { width: 100%; margin: 10px 0; padding: 9px; border-radius: 8px; border: 1px solid var(--border); background: #fff; }
.hk-wp { background: #efeae2; border-radius: 12px; padding: 14px; min-height: 140px; display: flex; flex-direction: column; gap: 6px; }
.hk-wp .m { align-self: flex-end; background: #d9fdd3; padding: 8px 10px; border-radius: 9px 2px 9px 9px; font-size: 14px; line-height: 1.45; max-width: 92%; white-space: pre-wrap; }
.hk-wp .m small { display: block; text-align: right; color: #667781; font-size: 11px; }
.hk-filtre { display: flex; gap: 10px; margin-bottom: 12px; }
.hk-filtre input { flex: 1; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--border); }
.hk-filtre select { padding: 10px; border-radius: 8px; border: 1px solid var(--border); background: #fff; }
.hk-tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.hk-tablo th { text-align: left; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding: 10px 14px; border-bottom: 1px solid var(--border); }
.hk-tablo td { padding: 11px 14px; border-bottom: 1px solid var(--border); }
.hk-tablo tr:last-child td { border-bottom: 0; }
.hk-dilekce { display: grid; grid-template-columns: 380px 1fr; gap: 16px; align-items: start; }
.hk-dilekce select, .hk-dilekce input, .hk-dilekce textarea { width: 100%; padding: 9px 11px; border-radius: 8px; border: 1px solid var(--border); background: #fff; margin-bottom: 10px; }
.hk-dilekce label { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 4px; }
.hk-dilekce textarea { min-height: 80px; resize: vertical; }
.hk-taslak-ust { display: flex; justify-content: space-between; align-items: center; }
.hk-taslak pre { white-space: pre-wrap; font-family: Georgia, 'Times New Roman', serif; font-size: 14.5px; line-height: 1.6; background: #fcfcfb; border: 1px solid var(--border); border-radius: 8px; padding: 18px; min-height: 420px; }
@media (max-width: 900px) {
    .hk-ozet { grid-template-columns: 1fr 1fr; }
    .hk-iki, .hk-bilgilendir, .hk-dilekce { grid-template-columns: 1fr; }
    .hk-tablo th:nth-child(4), .hk-tablo td:nth-child(4), .hk-tablo th:nth-child(3), .hk-tablo td:nth-child(3) { display: none; }
}
