/* ═══════════════════════════════════════════════════════════════════════
   GÖNDERİM EYLEMİ — ORTAK PARTIAL'IN STİLİ
   (`templates/dashboard/onboarding/_verification_action.html`)

   ⛔⛔ NEDEN AYRI DOSYA VE NEDEN `base.html`: bu kurallar
   `company_settings.html`in kendi `<style>` bloğunda yaşıyordu. Partial üç
   onboarding ekranına + ayarlar sayfasına ortaklanınca markup her yerde
   basılmaya başladı ama STİL YALNIZ O SAYFADA KALDI — §16.1'in "eksik
   yükleme" biçimi, teşhis tuzağı bölümünde birebir yazılı:

       "Markup'ın tekliği görünümün tekliğini garanti etmez. İkinci soru
        sorulmalı: bu sayfa o partial'ın DAYANDIĞI CSS'i yüklüyor mu?"

   Ölçülen sonuç (2026-09-12, kullanıcı tarayıcı turu):
     · dashboard'da eksik alan listesi STİLSİZ ve şeridi taşırıyordu
     · `#ccSubmitVerificationBtn:disabled` kuralı orada YOKTU, yani PASİF
       düğme pasif GÖRÜNMÜYORDU (§10.10.8: `disabled` görünür ama
       tıklanamaz — tersi de geçerli, tıklanamaz ama öyle görünmüyor)

   ⛔ TEK YÜKLEYİCİ `base.html`. `company-onboarding.css` seçilemezdi: onu
   yalnız `onboarding_assets.html` yüklüyor, ayarlar sayfası yüklemiyor —
   aynı hatanın ikinci yarısı olurdu. (`cc_confirm_modal.css` ile aynı
   karar, §16.1/5. vaka.)
   ═══════════════════════════════════════════════════════════════════════ */

/* ⛔⛔ SEBEP BLOĞU TEK FLEX ÖĞESİDİR VE TAM GENİŞLİK ALIR.

   `.cc-verify-action-strip` bir `display:flex ... justify-content:
   space-between` şerididir. Sebep metni ile listesi DOĞRUDAN flex öğesi
   olarak eklenince metin bloğu ile düğme arasına sıkışıyor, liste dar bir
   sütuna eziliyor ve düğme kartın sağından taşıyordu (ölçüldü).

   `flex: 1 1 100%` onu kendi satırına indirir; `order: 1` düğmenin
   ALTINDA kalmasını garantiler — sebep, eylemi okuduktan sonra okunur. */
.cc-verify-missing {
  flex: 1 1 100%;
  order: 1;
  min-width: 0;
}

.cc-verify-missing-intro {
  font-size: .9rem;
}

.cc-verify-missing-list {
  padding-left: 18px;
  margin-bottom: 0;
  color: #6c757d;
  font-size: .9rem;
}

/* Pasif buton "tıklanamaz" göründüğü kadar "neden" de anlatmalı; sebep
   listesi hemen altında duruyor (KARARLAR §11.2.1 — eylem gizlenmez,
   pasifleşir ve sebebi yazılır). */
#ccSubmitVerificationBtn:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* ⛔⛔ YUKARIDAKİ İDDİA YANLIŞTI — DÜZELTİLDİ (2026-09-13).

   Burada şu yazıyordu: *"`.cc-review-summary-action` (step_company_information)
   flex DEĞİL, dikey bir yığın; orada `flex-basis` etkisiz kalır ve blok zaten
   kendi satırına iner. Kural iki kapsayıcıda da doğru davranıyor — ölçüldü."*

   Ölçüm bunu çürüttü (`company-onboarding.css:594`, KOŞULSUZ):

       .cc-review-summary-action { display: flex; align-items: center; ... }

   Kapsayıcı flex'TİR ve `flex-wrap` YOKTUR. `flex-wrap` olmadan
   `flex: 1 1 100%` satır atlayamaz — öğe düğmeyle aynı satırda yer için
   yarışır, liste dar bir sütuna ezilir ve düğme taşar. Kullanıcının
   bildirdiği belirtinin tamamı buydu.

   ⛔ İKİNCİ MEKANİZMA: kapsayıcı 1200px ÜSTÜNDE grid'in `auto` genişlikli
   4. sütunudur; `grid-column: 1 / -1` yalnız `≤1199.98px`te devreye giriyor.
   Yani dar ekranda sorun kendiliğinden kayboluyor, masaüstünde kalıyor —
   §9.10'un ailesi: dallanan davranış YANLIŞ TARAFTA ölçülürse temiz görünür.

   ⚠️ DERS: "ölçüldü" yazmak ölçüm değildir. Bu not dosyada bir ay durdu ve
   yanlış olduğu ancak kullanıcı ekranda gördüğünde anlaşıldı (§10.10.8).
   Yanlış bir ölçüm notu, olmayan nottan kötüdür: sonraki okuyan o dalı
   yeniden ölçmez. */
.cc-review-summary-action{
  flex-wrap: wrap;
}

/* ⛔ MASAÜSTÜNDE DE TAM SATIR — eksik alan listesi VARKEN.

   Kapsayıcı grid'in dar `auto` sütununda kaldığı sürece `flex-wrap` tek
   başına yetmez: liste sarar ama hâlâ dar bir sütunun içinde sarar.

   ⛔ KOŞUL SUNUCUDAN GELİR, `:has()` İLE DEĞİL. İki sebep: (a) `:has()`
   bir tarayıcı taban çizgisi bağımlılığı ekler ve bozulduğunda belirtisi
   sessizdir (kural hiç uygulanmaz, ekran eski hâline döner); (b) sunucu
   bu bilgiyi ZATEN biliyor — liste `cc_submit_gate_blocks` ile basılıyor.
   Modifier AYNI bayraktan türetiliyor; ayrı bir koşul yazmak §10.2.2'nin
   kendisi olurdu (aynı gerçek iki yerden hesaplanır, biri bayatlar). */
.cc-review-summary-action--eksik{
  grid-column: 1 / -1;
}


/* ═══════════════════════════════════════════════════════════════════════
   REVİZYON ÖZETİ — SAYAÇ · ALAN ETİKETİ · REVIEWER NOTU (§14.39,
   2026-09-12)

   ⛔ AYNI DOSYADA VE AYNI YÜKLEYİCİDE (`base.html`) — markup'ı basan
   partial burada stillenen sınıfların sahibidir. `company-onboarding.css`
   seçilseydi ayarlar sayfası onu YÜKLEMEDİĞİ için (§10.9.1/2) şerit orada
   stilsiz inerdi: §16.1'in "eksik yükleme" biçimi, bu dosyanın başlığında
   birebir yazılı ve bir kez ödendi.

   ⛔ ÖZET DE TEK FLEX ÖĞESİ VE TAM GENİŞLİK — `.cc-verify-missing` ile
   aynı gerekçe: `.cc-verify-action-strip` bir `space-between` şeridi,
   doğrudan öğe olarak eklenen liste düğmeyle metin arasına sıkışır.
   `order: 0` sebep bloğundan ÖNCE, düğmelerden ÖNCE okunmasını sağlar —
   kullanıcı önce NEYİ düzelteceğini, sonra eylemi görür.
   ═══════════════════════════════════════════════════════════════════════ */
.cc-revizyon-ozet {
  flex: 1 1 100%;
  order: 0;
  min-width: 0;
}

.cc-revizyon-sayac {
  font-weight: 700;
  font-size: .95rem;
  color: #002b45;
}

.cc-revizyon-liste {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.cc-revizyon-kalem {
  font-size: .9rem;
  line-height: 1.5;
  /* ⚠️ KEHRİBAR, KIRMIZI DEĞİL (§11.2): ortada bir HATA yok, kullanıcının
     yapacağı bir İŞ var. Kırmızı yalnız REJECTED içindir. */
  color: #7a5b12;
}

.cc-revizyon-kalem.is-duzeltildi {
  color: #15803d;
}

/* ⚠️ Reviewer notu ikincil: alan adı taranabilir kalmalı, not okunur. */
.cc-revizyon-not {
  color: #6c757d;
}

/* Sebep metni pasif düğmenin karşılığıdır — KARARLAR §11.2.1. */
.cc-revizyon-sebep {
  font-size: .9rem;
  color: #6c757d;
}