/* ============================================================================
   ORTAK KART BİLEŞENİ — ⛔ TEK KAYNAK (2026-08-30)

   ⛔ NEDEN ÇIKARILDI: aynı görsel İKİ YERDE tanımlıydı — `cc_profile_view.css`
      ve firma modalinin satır içi <style>'ı. İkisi ayrışınca gerçek bir
      gerileme doğdu: firma içerik kartlarında `background` bir kuraldan
      (BEYAZ), `color` başka bir kuraldan (BEYAZ) geldi ve başlık METİNLERİ
      GÖRÜNMEZ oldu. §10.2.1'in birebir aynı hatası.

   ⛔ DOSYA `base.html`DEN YÜKLENİR. `cc_profile_view.css`e konsaydı
      `/dashboard/` onu yüklemediği için firma modali stilsiz kalırdı —
      §10.9.1'in tuzağı, bu turda tam olarak ondan kaçınmak için base seçildi.

   ⛔ RENK VE METİN AYNI SEÇİCİDE. Bugünkü hata `background` ile `color`un
      farklı özgüllükteki iki kurala dağılmasıydı; bu dosyada ikisi hiçbir
      zaman ayrılmaz. Bekçi: CcKartBileseniTesti.
   ========================================================================= */

.cc-card-header {
  min-height: 38px;
  padding: 10px 14px;
  background: #002b45 !important;
  color: #fff;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cc-card-header .card-title,
.cc-card-header h3 {
  color: #fff;
  margin-bottom: 0;
  line-height: 1.2;
}

/* Başlık içindeki ikincil metin ve ikonlar — lacivert zeminde okunur gri. */
.cc-card-header .text-muted,
.cc-card-header i {
  color: #cbd5e1 !important;
}

/* Sağdaki araç kutusu (akordiyon oku, ⓘ, rozet) her zaman sağa yaslanır. */
.cc-card-header .card-tools {
  margin-left: auto;
  display: flex;
  align-items: center;
}

/* Başlıktaki bağlantı ve düğmeler — akordiyon başlığı bir <a> olabilir. */
.cc-card-header a,
.cc-card-header .btn-tool,
.cc-card-header .btn {
  color: #fff !important;
  text-decoration: none;
}

.cc-card-header a:hover,
.cc-card-header a:focus {
  color: #fff !important;
  text-decoration: none;
}

/* ⛔ MOBİLDE ÖLÇÜ İNCELİR, RENK DEĞİŞMEZ.
   Ölçüldü: 38px × 5 kart = 190px; telefonda modalin görünür yüksekliğinin
   ≈%34'ü yalnız başlık oluyordu. */
@media (max-width: 575.98px) {
  .cc-card-header {
    min-height: 30px;
    padding: 5px 12px;
  }

  .cc-card-header .card-title,
  .cc-card-header h3 {
    font-size: 13px;
  }
}