/* =============================================================================
   ÖZGEÇMİŞ FORMU — YERLEŞİM YARDIMCILARI

   Portalın görünümü ASELSAN Sivas'ın kendi teması (uikit.min.css +
   style.min.css). Bu dosya YENİ BİR TASARIM TANIMLAMAZ; yalnızca dinamik
   özgeçmiş formunun ihtiyaç duyduğu ızgara yerleşimini ve tekrarlanabilir
   kayıt kutularının aralıklarını verir — eski formda bu alanlar sabit HTML
   olduğu için temada karşılıkları yok.

   Renk, yazı tipi, düğme görünümü buradan GELMEZ; hepsi temadan gelir.
   ============================================================================= */

.cv-alanlar { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0 16px; }
.cv-g1, .cv-g2 { grid-column: span 12; }
.cv-g3  { grid-column: span 3; }
.cv-g4  { grid-column: span 4; }
.cv-g6  { grid-column: span 6; }
.cv-g8  { grid-column: span 8; }
.cv-g9  { grid-column: span 9; }
.cv-g12 { grid-column: span 12; }
.cv-alan { min-width: 0; }

.cv-ara-baslik { margin: 18px 0 2px; padding-top: 12px; border-top: 1px solid #e5e5e5; }

.cv-tekrar { border: 1px solid #e5e5e5; border-radius: 4px; padding: 6px 16px 18px; margin-bottom: 14px; }
.cv-tekrar-bas { display: flex; justify-content: space-between; align-items: center; margin: 8px 0 4px; }
.cv-tekrar-no { font-size: 12px; font-weight: 600; }
.cv-sil { font: inherit; font-size: 12px; background: none; border: 0; cursor: pointer; padding: 2px 6px; }
.cv-sil:hover { text-decoration: underline; }

/* KİLİTLİ SEKME (aday önceki adımı bitirmeden ilerleyemez).
   `style.min.css` `.cvTabs > li > a { color:#000 !important }` diyor ve
   UIkit'in kendi `uk-disabled` rengini eziyor: kilitli sekme açık olanla
   birebir aynı görünüyordu. Renk ve imleç burada açıkça veriliyor;
   `pointer-events` UIkit'in kuralını yedekliyor. */
.cvTabs > .cv-kilitli { background: #f4f4f4 !important; }
.cvTabs > .cv-kilitli > a {
    color: #a5a5a5 !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* Çoklu seçim hücresi (eski portalın üç sütunlu bölüm tercihi ızgarası).
   Kutucuk ile metin aynı satırda ve üstten hizalı durmalı: uzun bölüm
   adları ikinci satıra sardığında metin kutucuğun ALTINA kaymasın. */
.cv-secenek { display: flex; align-items: flex-start; gap: 8px; margin: 0; font-weight: 400; line-height: 1.35; cursor: pointer; }
.cv-secenek input { flex: 0 0 auto; margin-top: 2px; }
.cv-secenek span { flex: 1 1 auto; }

.cv-coklu { display: flex; flex-wrap: wrap; gap: 6px 18px; padding: 4px 0; }
.cv-kutu { display: flex; align-items: center; gap: 6px; font-weight: 400; margin: 0; }
.cv-kutu input { width: auto; }

/* Aday dosyaları (fotoğraf, CV, transkript) — H-44 */
.cv-dosya-mevcut { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 6px; }
.cv-dosya-onizleme { width: 54px; height: 54px; object-fit: cover; border: 1px solid #e5e5e5; border-radius: 4px; }
.cv-alan input[type="file"] { width: 100%; }

.cv-kaydet-serit { position: sticky; bottom: 0; z-index: 5; text-align: right; }

@media (max-width: 720px) {
    .cv-alanlar { grid-template-columns: 1fr; }
    .cv-g1, .cv-g2, .cv-g3, .cv-g4, .cv-g6, .cv-g8, .cv-g9, .cv-g12 { grid-column: 1 / -1; }
}

/* Yan yana akan radyo grubu (Cinsiyet, Tercih Edilen Ofis, Çalışma Durumu).
   `.cv-secenek` flex kutu olduğu için alt alta diziliyordu; eski formda bu üç
   grup bitişik iki düğmeydi. */
.cv-secenek-satirici { display: inline-flex; margin-right: 22px; vertical-align: middle; }