/* =====================================================
   KARİYER ↔ KURUMSAL TASARIM UYUMU
   Path: /kariyer/assets/css/kurumsal-uyum.css
   Eklendi: 2 Eylül 2026

   NEDEN VAR
   ---------
   İki bölüm birbirinden kopuk görünüyordu. Ölçülen ayrışmalar:

   | Bileşen        | Kurumsal              | Kariyer (önce)      |
   |----------------|-----------------------|---------------------|
   | Kart           | content-card / table-card | section-card    |
   | Kart başlığı   | card-header (293 kul.)| section-header      |
   | Tablo          | data-table (179 kul.) | tanımsız            |
   | card-tools     | var                   | YOK                 |
   | table-card     | var                   | YOK                 |

   ⚠️ RENK BİLEREK FARKLI KALDI. Kariyer turuncu (#FF6B35), kurumsal mor
   (#667EEA), birlikte-izle yeşil — bu modül kimliği vitrinde de böyle
   (service-icon orange). Renkleri eşitlemek marka sistemini bozardı;
   uyum RENKTE değil YAPIDA sağlanıyor: aynı kenarlık, aynı köşe yarıçapı,
   aynı boşluk ölçeği, aynı başlık ayracı, aynı tablo görünümü.

   Bu dosya SON yüklenir; yalnız EKLER ve hizalar, mevcut kuralları
   geniş biçimde ezmez.
   ===================================================== */

/* ============================================================
   1) BOZUK HİZALAMA — section-header iki farklı işte kullanılıyor
   ------------------------------------------------------------
   `.section-header` hem KAPSAYICI (başlık + sağda aksiyon → space-between
   doğru, 38 kullanım) hem BAŞLIK (<h3> ikon + metin → space-between YANLIŞ,
   15 kullanım) olarak kullanılmış. Başlık kullanımında ikon sola, metin
   sağa savruluyordu. Yalnız başlık etiketlerini düzeltiyoruz.
   ============================================================ */
/* ⭐ TEK KAYNAK: `.section-header` tanımı ARTIK BURADA.
   Ölçüldü — 24 sayfada 6 FARKLI sürüm vardı (gap 0.5 vs 0.75rem, font-weight
   600 vs 700, kimi space-between kimi değil). Sayfalar bu yüzden birbirine
   benzemiyordu. Kopyalar kaldırıldı.

   İKİ MEŞRU KULLANIM korunuyor:
   · <div class="section-header">  → başlık + sağda aksiyon  (space-between)
   · <h3 class="section-header">   → ikon + metin            (flex-start) */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, .75rem);
    margin-bottom: var(--space-5, 1.25rem);
    flex-wrap: wrap;
}

h2.section-header,
h3.section-header,
h4.section-header {
    justify-content: flex-start;
    gap: var(--space-2, .5rem);
    font-size: 1.125rem;
    font-weight: 600;
    /* Kurumsal card-title ile aynı ayraç: başlığın altında ince çizgi */
    padding-bottom: var(--space-4, 1rem);
    border-bottom: 1px solid var(--border-primary, rgba(255, 255, 255, .1));
}

/* ============================================================
   2) EKSİK KANONİK SINIFLAR — kurumsalda var, kariyerde yoktu
   ============================================================ */
.table-card {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl, 1rem);
    overflow: hidden;              /* kurumsalda da böyle: tablo köşeleri taşmasın */
    margin-bottom: var(--space-6, 1.5rem);
}

/* Kart üstündeki araç çubuğu (arama, filtre, düğmeler) */
.card-tools {
    display: flex;
    align-items: center;
    gap: var(--space-2, .5rem);
    flex-wrap: wrap;
}

/* ============================================================
   3) KART DİLİNİ EŞİTLE
   `.section-card` ile `.content-card` aynı görünsün — sayfaları
   yeniden yazmadan iki taraf aynı hisse gelir.
   ============================================================ */
/* ⭐ TEK KAYNAK: `.section-card` tanımı ARTIK BURADA.
   Ölçüldü — bu kural 30 ayrı sayfanın kendi <style> bloğunda BİREBİR
   kopyalanmıştı (5'inde margin-bottom eksik, 1'inde yarıçap sabit 12px).
   Kopyalar kaldırıldı; kart görünümü değişecekse YALNIZ burası değişir.
   Yeni sayfa yazarken .section-card'ı SAYFA İÇİNDE YENİDEN TANIMLAMA. */
.section-card,
.content-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl, 1rem);
    margin-bottom: var(--space-6, 1.5rem);
}
/* ⚠️ DÜZELTME (7 Eyl 2026): `.content-card` bu kuralda `padding: 1.5rem` alıyordu.
   Kurumsalda `.content-card` iç boşluk TAŞIMAZ — ölçüldü: padding 0, başlık
   kenara dayanıyor (sol boşluk 1px). Kariyerde 24px padding yüzünden başlık
   kenardan 25px içerideydi; bu yüzden kurumsaldaki başlık zemini de
   eklenemiyordu. Boşluğu `.card-header` (16px) ve `.card-body` verir.
   `.section-card` kendi boşluğunu KORUR — o, kurumsalda da boşluklu. */
.section-card {
    padding: var(--space-6, 1.5rem);
}

/* ============================================================
   4) AÇIK TEMA — kurumsalın imzası
   Kurumsal açık temada camı bırakıp DÜZ BEYAZ karta ve net
   #e2e8f0 kenarlığa geçiyor. Kariyer camda kalıyordu; en görünür
   ayrışma buydu. Aynı muameleyi burada da uyguluyoruz.
   ============================================================ */
[data-theme="light"] .section-card,
[data-theme="light"] .content-card,
[data-theme="light"] .table-card {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 1px solid #e2e8f0;
    box-shadow: var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05));
}

[data-theme="light"] h2.section-header,
[data-theme="light"] h3.section-header,
[data-theme="light"] h4.section-header,
[data-theme="light"] .card-header {
    border-bottom-color: #e2e8f0;
    color: #1e293b;
}

/* Kurumsalda tablo satır ayracı da bu tonda */
[data-theme="light"] .data-table th,
[data-theme="light"] .data-table td {
    border-bottom-color: #e2e8f0;
}

/* ============================================================
   5) TABLO — kurumsal data-table ölçüleri
   ============================================================ */
.data-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}
.data-table th {
    text-align: left;
    font-weight: 600;
    padding: var(--space-3, .75rem) var(--space-4, 1rem);
    border-bottom: 1px solid var(--border-primary, rgba(255, 255, 255, .1));
    white-space: nowrap;
}
.data-table td {
    padding: var(--space-3, .75rem) var(--space-4, 1rem);
    border-bottom: 1px solid var(--border-primary, rgba(255, 255, 255, .06));
}
.data-table tbody tr:last-child td { border-bottom: 0; }

/* Geniş tablo kendi içinde kayar — sayfa yatay kaymaz.
   (Kurumsalda .table-scroll-container ile yapılıyor.) */
.table-scroll-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ============================================================
   6) İSTATİSTİK IZGARASI — kurumsaldaki stats-grid-N ölçüleri
   ============================================================ */
.stats-grid-2,
.stats-grid-3,
.stats-grid-4 {
    display: grid;
    gap: var(--space-4, 1rem);
    margin-bottom: var(--space-6, 1.5rem);
}
.stats-grid-2 { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
.stats-grid-3 { grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); }
.stats-grid-4 { grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); }

/* ============================================================
   7) DÜĞMELER — kurumsal .btn ölçüleri
   Kariyer sayfaları çoğunlukla `.btn-primary` gibi TEK sınıf
   kullanıyor (kurumsalda `.btn .btn-primary` ikili). Ölçüleri
   tek sınıfa da veriyoruz ki iki taraf aynı boyda görünsün.
   ============================================================ */
.btn,
.btn-primary,
.btn-secondary,
.btn-outline,
.btn-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, .5rem);
    padding: var(--space-3, .75rem) var(--space-5, 1.25rem);
    border-radius: var(--radius-md, .5rem);
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    border: none;
    text-decoration: none;
    transition: all .15s ease;
}
.btn-primary { background: var(--gradient-primary); color: #fff; }
.btn-primary:hover:not(:disabled) { transform: translateY(-1px); }

/* ============================================================
   8) SAYFA BAŞLIĞI — kurumsalla aynı alt boşluk ve ayraç
   ============================================================ */
.page-header {
    padding-bottom: var(--space-4, 1rem);
    margin-bottom: var(--space-6, 1.5rem);
}

@media (max-width: 768px) {
    .page-header { flex-direction: column; align-items: flex-start; gap: .75rem; }
    .section-card, .content-card { padding: var(--space-4, 1rem); }
}

/* =====================================================
   MOBİL KULLANILABİLİRLİK — 5 Eyl 2026 (ölçülerek eklendi)
   =====================================================
   375px genişlikte canlı ölçüm yapıldı. Yatay taşma YOK (iyi), ama iki
   somut sorun çıktı:

   1) iOS SAFARI ODAK YAKINLAŞTIRMASI
      Yazı boyutu 16px'in ALTINDA olan bir form alanına dokunulduğunda iOS
      sayfayı otomatik yakınlaştırır ve kullanıcı elle geri uzaklaştırmak
      zorunda kalır. Kariyer formlarında 15px ve 14px kullanılıyordu.
      Çözüm masaüstünü BOZMAZ: kural yalnız dar ekranda geçerli.

   2) DOKUNMA HEDEFİ BOYUTU
      Filtre çipleri 28px yüksekliğindeydi. WCAG 2.5.8 (AA) en az 24×24
      ister; Apple ve Google kılavuzları 44×44 önerir. 44'e çıkarıldı.
      ⚠️ Satır içi metin bağlarına (cümle içindeki linkler) DOKUNULMADI —
      WCAG onları bu kuraldan muaf tutar ve büyütmek metin akışını bozar.
   ===================================================== */
@media (max-width: 768px) {
    /* iOS'un odakta yakınlaştırmasını önler. 16px EŞİK değerdir, altına inme. */
    input[type="text"], input[type="email"], input[type="password"],
    input[type="tel"], input[type="url"], input[type="number"],
    input[type="search"], input[type="date"], select, textarea {
        font-size: 16px;
    }

    /* Parmakla rahat basılabilir hedefler
       ⚠️ 6 Eyl 2026 ÖLÇÜMÜ (375px, İş Ara): `.chip` 44px'e çıkarılmıştı ama
       asıl butonlar atlanmıştı — `.btn-back` 34px, `.btn-search` 35px,
       `select` 31px ölçüldü. Kurumsal `mobil-tasarim.css` buton ve
       `button` için 44px'i zorunlu kılıyor; kariyer de aynı hizaya alındı. */
    .chip,
    .filter-chips .chip,
    .btn-clear-filters,
    .tab-btn,
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-back,
    .btn-search,
    .header-right .btn-action {
        min-height: 44px;
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    /* Açılır listeler de parmakla seçilebilir olmalı (16px yazı kuralı
       yukarıda; burada yalnız yükseklik). */
    select {
        min-height: 44px;
    }

    /* Onay kutusu/radyo: 16px'lik kutuya isabet ettirmek zordur;
       tıklama alanını etiketle birlikte büyütür. */
    .izin-satir,
    .toggle-switch {
        min-height: 44px;
        display: flex;
        align-items: center;
    }
}

/* ============================================================
   9) BASLIK SAGINDAKI GERI BAGLANTISI
   `.back-link` blok yerlesim icin yazilmisti (margin-bottom .75rem).
   Kanonik baslige gecerken bu baglantilar `.page-header-actions`
   icine tasindi; orasi `align-items:center` bir flex satiri oldugu
   icin alt bosluk baglantiyi ~6px yukari kaydiriyordu.
   ============================================================ */
.page-header-actions .back-link {
    margin-bottom: 0;
}


/* ============================================================
   10) MİSAFİR BAŞLIK BUTONLARI — paylaşımlı bileşen
   `layout.php` her sayfada misafire "Giriş Yap" / "Kayıt Ol"
   bağlantılarını `.btn-action search-btn` / `.btn-action ai-btn`
   sınıflarıyla basıyor. Ama bu sınıfların görsel tanımı YALNIZ
   `is-ilanlari/index.php`'nin kendi <style> bloğundaydı.
   ⚠️ Sonuç (6 Eyl 2026, canlı ölçüm): misafire açık diğer iki sayfada
   (`is-ilanlari/ara`, `is-ilanlari/detay`) bu bağlantılar hiç
   biçimlenmiyor, tarayıcının ham MAVİ ALTI ÇİZİLİ linki olarak
   görünüyordu. Paylaşımlı bileşenin tanımı paylaşımlı dosyada durur.
   `.header-right` ile kapsandı: sayfa gövdesinde başka amaçla
   kullanılan `.btn-action` kurallarıyla çakışmaz.
   ============================================================ */
.header-right .btn-action {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem 1.25rem;
    border-radius: 10px;
    font-size: .8125rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid var(--border-primary);
    background: var(--glass-bg);
    color: var(--text-primary);
    transition: all .2s ease;
}
.header-right .btn-action:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
}
.header-right .btn-action.search-btn:hover {
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}
.header-right .btn-action.ai-btn {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #fff;
    border-color: transparent;
}
.header-right .btn-action.ai-btn:hover {
    box-shadow: 0 4px 16px rgba(102, 126, 234, .4);
}

/* ============================================================
   11) KARŞILAMA BÖLÜMÜ (panel/ana sayfa)
   Referans: kurumsal/assets/css/pages/dashboard.css `.welcome-*`.
   Kurumsalın ana sayfası `.page-header` DEĞİL, gradyan başlıklı bir
   karşılama bloğu kullanıyor; kariyerin panelinde bunun karşılığı yoktu
   ve sayfa düz beyaz bir başlıkla açılıyordu (7 Eyl 2026 ekran
   karşılaştırması). Ölçüler kurumsalla aynı; animasyon kariyerde ZATEN
   tanımlı olan `float`a bağlandı — yeni keyframe eklenmedi.
   ============================================================ */
.welcome-section {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-2xl);
    padding: var(--space-8);
    margin-bottom: var(--space-6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.welcome-content { max-width: 60%; z-index: 1; }
.welcome-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: var(--space-2);
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.welcome-subtitle {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.6;
}
.welcome-illustration {
    position: absolute;
    right: -50px;
    top: -50px;
    width: 300px;
    height: 300px;
    opacity: .1;
    pointer-events: none;
}
.illustration-blob {
    width: 100%;
    height: 100%;
    background: var(--gradient-primary);
    border-radius: 50%;
    animation: float 10s ease-in-out infinite;
}

@media (max-width: 768px) {
    .welcome-section { flex-direction: column; text-align: center; padding: var(--space-6, 1.5rem); }
    .welcome-content { max-width: 100%; }
    .welcome-title { font-size: 1.5rem; }
}

/* Hareket azaltma tercihi: dekoratif animasyon durur. */
@media (prefers-reduced-motion: reduce) {
    .illustration-blob { animation: none; }
}

/* ============================================================
   12) TABLO — AÇIK TEMA (kurumsalda VAR, kariyerde YOKTU)
   Kurumsal `kurumsal.css` açık temada tabloyu ayrıca elden geçiriyor;
   kariyerde bu üç kuralın hiçbiri yoktu. Ölçüm (aynı anda, açık tema):
     başlık zemini   kurumsal rgb(248,250,252)  ·  kariyer ŞEFFAF
     başlık rengi    kurumsal rgb(17,24,39)     ·  kariyer rgb(74,74,90)
     başlık alt çizgi kurumsal 2px #e2e8f0      ·  kariyer 1px rgba(0,0,0,.1)
     satır ayracı    kurumsal #f1f5f9           ·  kariyer rgba(0,0,0,.06)
   Başlık zemini olmayınca tablo başlığı gövdeden ayrılmıyordu.
   ============================================================ */
[data-theme="light"] .data-table th {
    background: #f8fafc;
    color: #111827;
    border-bottom: 2px solid #e2e8f0;
}
[data-theme="light"] .data-table td {
    color: #000;
    border-bottom: 1px solid #f1f5f9;
}
[data-theme="light"] .data-table tbody tr:hover,
[data-theme="light"] .data-table tr:hover td {
    background: #f8fafc;
}

/* Yatay taşma: kurumsalın `.table-container` ailesiyle aynı davranış.
   Dar ekranda tablo kartı taşırmasın, kendi içinde kaysın. */
.table-scroll-container,
.table-responsive,
.data-table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* ============================================================
   13) BUTON ve FORM ALANI — kurumsalla ölçülmüş hizalama
   Aynı anda, aynı temada ölçüldü (7 Eyl 2026):

   .btn-primary    boşluk 12px 24px → 12px 20px · yarıçap 12px → 8px
   .btn-secondary  aynısı + ZEMİN YOKTU:
                     kariyer  rgba(0,0,0,0)  (hayalet buton)
                     kurumsal açık rgb(241,245,249) · koyu rgb(20,20,20)
                   metin açık temada kariyer #000, kurumsal #1f2937
   FORM ALANI — 7 Eyl 2026'da DÜZELTİLDİ (önceki hizalama yanlıştı):
   Önce kurumsalın GENEL `.form-input` değeri (12px 16px · r8px · --bg-secondary)
   kanon sayılmıştı. Ölçüm bunu çürüttü: kurumsalın kendisi tek değer kullanmıyor
   (Ayarlar 12px 14px·r10px, Personel 0px 12px·r10px), yani "kurumsalın genel
   değeri" diye bir referans yok. Kariyerin KENDİ baskın değeri ölçüldü —
   69 sayfa, 25 alanla açık ara birinci:
       boşluk 0.875rem 1rem (14×16) · yarıçap var(--radius-lg) (12px)
       zemin var(--bg-tertiary) · punto 0.9375rem (15px)
   Sapan aile tek bir şeyi yanlış yapıyordu: --radius-md (8px). 8 sayfada
   düzeltildi. Renkler sabit değil JETON: açık/koyu tema kendiliğinden doğru.
   ============================================================ */
.btn-primary,
.btn-secondary {
    padding: 12px 20px;
    border-radius: 8px;
}
.btn-secondary {
    background: #141414;                 /* koyu tema — kurumsalla aynı */
}
[data-theme="light"] .btn-secondary {
    background: #f1f5f9;
    color: #1f2937;
    border-color: #e2e8f0;
}

.form-input,
.form-select,
.form-textarea {
    padding: 0.875rem 1rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-lg);
    font-size: 0.9375rem;
    color: var(--text-primary);
}


/* ============================================================
   14) KART BAŞLIĞI — kurumsalla ölçülmüş hizalama
   Açık temada kurumsalın `.card-header`'ı gövdeden ZEMİNLE ayrılıyor;
   kariyerde şeffaftı — tablo başlığındakiyle birebir aynı kusur:
     kariyer  rgba(0, 0, 0, 0)      kurumsal  rgb(248, 250, 252)
   `.card-title` boyutu da farklıydı: kariyer 15px, kurumsal 16px.
   Koyu temada ikisi de şeffaf; orada fark yok, dokunulmadı.
   ============================================================ */
[data-theme="light"] .card-header {
    background: #f8fafc;
}
.card-title {
    font-size: 1rem;
}

/* ============================================================
   15) DURUM ROZETİ — açık temada okunabilirlik
   Kurumsal açık temada rozetleri sistematik olarak elden geçiriyor
   (kurumsal.css'te 232 kural): zemin opaklığı %10 → %42, metin ise
   o rengin KOYU tonu. Sebebi: %10 opaklıkta tint beyaz üzerinde
   neredeyse görünmez ve renk-üstü-renk metin okunmuyor.
   Kariyerde bu düzeltme HİÇ yoktu — ölçüm (7 Eyl 2026, açık tema):
     kariyer  rgba(59,130,246,0.10) + rgb(59,130,246)   ← soluk
     kurumsal rgba(245,158,11,0.42) + rgb(120,53,15)    ← okunur
   Koyu temada %10 tint doğru çalışıyor; oraya DOKUNULMADI.
   ============================================================ */
[data-theme="light"] .status-badge.status-success,
[data-theme="light"] .status-badge.success {
    background: rgba(16, 185, 129, .42);
    color: #064e3b;
}
[data-theme="light"] .status-badge.status-warning,
[data-theme="light"] .status-badge.warning {
    background: rgba(245, 158, 11, .42);
    color: #78350f;
}
[data-theme="light"] .status-badge.status-danger,
[data-theme="light"] .status-badge.danger {
    background: rgba(239, 68, 68, .42);
    color: #7f1d1d;
}
[data-theme="light"] .status-badge.status-info,
[data-theme="light"] .status-badge.info {
    background: rgba(59, 130, 246, .42);
    color: #1e3a8a;
}
[data-theme="light"] .status-badge.status-pending,
[data-theme="light"] .status-badge.pending {
    background: rgba(156, 163, 175, .42);
    color: #374151;
}

/* ============================================================
   16) MODAL BAŞLIK/ALT BÖLÜM — açık tema
   Kurumsalda GLOBAL olarak var, kariyerde hiç yoktu (ölçüm, açık tema):
     .modal-header  kariyer şeffaf  ·  kurumsal #f8fafc
     .modal-footer  kariyer #fff    ·  kurumsal #f8fafc
   Kart ve tablo başlığındakiyle AYNI dil: başlık/alt bölüm zeminle ayrılır.
   ⚠️ `!important` bilinçli: kariyerde modal stilleri SAYFA İÇİNDE tanımlı
   (global modal bileşeni yok — bkz. kariyer.css ölü dosya notu) ve sayfa
   <style>'ı bu dosyadan SONRA yükleniyor. Kurumsal da aynı sebeple
   `!important` kullanıyor.
   Taban ölçüler zaten uyuyor: header 20px 24px, footer 16px 24px.
   ============================================================ */
[data-theme="light"] .modal-header {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #000 !important;
}
[data-theme="light"] .modal-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* ============================================================
   17) KÜÇÜK / HAYALET BUTON — §13'ün yan etkisini onarır
   🔴 §13'te `.btn-primary, .btn-secondary { padding: 12px 20px }` eklenmişti.
      `.btn-sm` dashboard.css'te AYNI ÖZGÜLLÜKTE tanımlı ama ÖNCE yükleniyor;
      bu yüzden `class="btn btn-primary btn-sm"` olan butonlar küçülmüyordu
      (ölçüm: 12px 20px / 14px — kurumsalda 8px 12px / 13px).
      Kuralı buraya, §13'ten SONRA tekrarlayarak önceliği geri veriyoruz.
   `.btn-ghost` de kurumsalın değerlerine hizalandı:
      zemin  --bg-tertiary → --bg-secondary
      kenar  --glass-border → --border-primary
   ============================================================ */
.btn-sm {
    padding: var(--space-2, .5rem) var(--space-3, .75rem);
    font-size: .8125rem;
}
.btn-ghost {
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
    color: var(--text-secondary);
}

/* Açık temada kurumsal hayalet butona ayrı zemin/kenar veriyor
   (ölçüm: kurumsal #f3f4f6 + #d1d5db · kariyer #fff + #e0e0e0). */
[data-theme="light"] .btn-ghost {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #000;
}

/* ============================================================
   18) FORM ETİKETİ — kariyerde KANONİK TANIMI YOKTU
   `dashboard.css`te `.form-label` hiç tanımlı değil; 8 sayfa kendi
   sürümünü taşıyor ve hepsi 600 ağırlık veriyordu. Kurumsalla ölçüm:
     kariyer  14px | 600 | #000 | alt boşluk 8px
     kurumsal 14px | 500 | #000 | alt boşluk 8px
   Tek kaynak burası olsun; sayfa kopyaları ayrıca temizlendi.
   ============================================================ */
.form-label {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .5rem;
}