/* cc_confirm_modal.css — ONAY/UYARI MODALİ ORTAK GÖRÜNÜMÜ
 *
 * ⛔ BASE'DE YÜKLENİR, SAYFA BAŞINA DEĞİL — `cc_card.css` ile aynı gerekçe.
 *
 * Bu sınıflar ÜÇ ayrı partial ve şablon tarafından kullanılıyor:
 *   dashboard/onboarding/modals/unsaved_changes_confirm.html
 *   dashboard/onboarding/modals/revision_submit_confirm.html
 *   dashboard/company_settings.html  (#ccCompanySubmitConfirmModal)
 *
 * Kurallar önce `company-onboarding.css`teydi ve o dosyayı YALNIZ
 * `onboarding_assets.html` yüklüyor (§10.9.1/2: `company_settings.html`
 * onboarding varlıklarını yüklemez). Sonuç ölçüldü (2026-09-07): AYNI
 * partial iki sayfada İKİ FARKLI GÖRÜNÜYORDU — `/dashboard/`te tasarımlı,
 * ayarlar sayfasında ÇIPLAK Bootstrap. §16.1'in "eksik yükleme" ihlal
 * biçimi: mekanizma tek yerdeydi ama sayfa onu YÜKLEMİYORDU.
 *
 * ⛔ İKİNCİ BİR YÜKLEME NOKTASI AÇILMAZ. Kuralları hem `onboarding_assets`
 * hem `company_settings` yüklese, üçüncü bir sayfa eklendiğinde aynı hata
 * sessizce tekrarlardı (§10.2.1). Tek yükleyici: `base.html`.
 *
 * ⚠️ Renkler §11.2'ye tabi: `var(--cc-action)` EYLEM, `#002b45` kart/başlık lacivert.
 * Değerler taşınırken DEĞİŞTİRİLMEDİ — bu bir taşıma, yeniden tasarım değil.
 */

.cc-primary-btn {
  background: var(--cc-action);
  border-color: var(--cc-action);
  color: #222;
  font-weight: 800;
  border-radius: 999px;
  padding: 10px 22px;
  box-shadow: 0 8px 18px rgba(241,109,10, .28);
}

.cc-primary-btn:hover {
  background: var(--cc-action-hover);
  border-color: var(--cc-action-hover);
  color: #222;
}

.cc-revision-confirm-modal {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .22);
}

.cc-revision-confirm-modal .modal-header {
  background: #002b45;
  color: #fff;
  border-bottom: 0;
}

.cc-revision-confirm-modal .modal-title {
  font-weight: 800;
  font-size: 16px;
}

.cc-revision-confirm-modal .close {
  color: #fff;
  opacity: .9;
}

.cc-revision-confirm-modal .modal-body {
  text-align: center;
  padding: 28px 30px 24px;
}

.cc-revision-confirm-icon {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  background: rgba(241,109,10, .14);
  color: var(--cc-action);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 14px;
}

.cc-revision-confirm-modal h4 {
  color: #002b45;
  font-weight: 900;
  margin-bottom: 10px;
}

.cc-revision-confirm-modal p {
  color: #4b5563;
  line-height: 1.55;
}

.cc-revision-confirm-modal .modal-footer {
  border-top: 1px solid #eef1f4;
  padding: 16px 20px;
}

/* ═══════════════════════════════════════════════════════════════════════
   ⛔⛔ BİLGİ MODALİ ONAY MODALİ DEĞİL — GÖVDE SOLA HİZALI
   (§14.45, kullanıcı tarayıcı turu 2026-09-18)

   Doğrulama geçmişi detay modali bu kabuğu ödünç alıyor (renk · köşe ·
   gölge ortak, §16.1) ama İÇERİĞİ bir onay sorusu değil, bir KAYIT
   OKUMASI: başlık · tarih · sonuç cümlesi · etkilenen alan listesi.

   ⛔ BELİRTİ LİSTEDE GÖRÜLDÜ, SEBEP GÖVDEDEYDİ. `<ul>` üstteki
   `text-align: center`ı MİRAS ALIYOR: madde imleri `ul`un sol padding
   kenarında kalıyor, metin ortalanıyor — ikisi hiç hizalanmıyor.
   Yalnız `ul`u sola çekmek belirtiyi kapatır ve modali İKİ HİZALI
   bırakırdı (ortalı cümle + sola dayalı liste); ölçüt "hangi öğe
   şikâyet edildi" değil, "bu modalin içeriği ne".

   ⛔ KABUK KOPYALANMADI, DARALTILDI: `cc-timeline-detail-modal` yalnız
   hizayı eziyor. İkinci bir kabuk yazılsaydı §16.1'in "kopya tanım"
   biçimi doğardı — renk bir gün değişince biri güncellenir, öteki kalır.

   ⚠️ ONAY MODALLERİ ETKİLENMEZ: kural iki sınıfın BİRLİKTE bulunmasını
   istiyor; `cc-revision-confirm-modal` tek başınayken ortalı kalır.
   ═══════════════════════════════════════════════════════════════════════ */
.cc-revision-confirm-modal.cc-timeline-detail-modal .modal-body {
  text-align: left;
}

/* ═══════════════════════════════════════════════════════════════════════
   ⛔⛔ ONAY MODALİNİN KATMAN SIRASI (§14.42, 2026-09-12)

   Bu iki kural `company_settings.html`in sayfa-yerel `<style>`ındaydı.
   Markup ortak partial'a (`base.html`) taşınınca stil de taşınmak
   zorundaydı: kalsaydı modal dashboard'da AÇILIR ama kendi arka planının
   ALTINDA kalırdı — kullanıcı için "hiçbir şey olmadı"ya eşdeğer.
   §16.1/5. vaka: *markup'ın tekliği görünümün tekliğini garanti etmez.*

   ⚠️ `!important` KORUNDU: modal, firma düzenleme modalinin (Bootstrap
   varsayılan 1050) ÜSTÜNDE açılmak zorunda — onay penceresi onaylattığı
   şeyin altında kalamaz.
   ═══════════════════════════════════════════════════════════════════════ */
#ccCompanySubmitConfirmModal {
  z-index: 1065 !important;
}

.modal-backdrop.cc-company-submit-confirm-backdrop {
  z-index: 1060 !important;
}