/* =========================================================
   CostChief kabuğu — kenar menü · üst çubuk · kimlik menüsü
   TASARIM_DILI.md 2. sürüm §5.6 · §6 (kaynak docs/tasarim/referans/01).
   AdminLTE iskeleti ve pushmenu davranışı kalır; görünüm buradan.
   Yalnız cc_tokens.css değişkenleri (cırcır: literal renk/px yok).
   ========================================================= */

/* --- B1 · kimlik menüsü bilgi satırı ---------------------------------
   `.dropdown-item`in kutusu, ama Bootstrap'in ok tuşu listesinin DIŞINDA
   (liste `.dropdown-item` ile toplanıyor; odak alamayan satır ↓'yi kilitliyordu). */
.cc-dd-bilgi {
  display: block;
  width: 100%;
  padding: var(--cc-space-1) var(--cc-space-6);
  color: var(--cc-text);
}

/* =====================================================================
   B2 · AÇIK KENAR MENÜ — §6.1 (taslak 01, "açık menü + dolu lacivert")
   ===================================================================== */

/* Genişlik: AdminLTE 250 px'e bağlıyor; açık (daraltılmamış) hâlin beş kuralı
   burada ezilir. Daraltılmış "mini" moda dokunulmaz (§14/5y). */
.main-sidebar,
.main-sidebar::before {
  width: var(--cc-kabuk-menu);
}
.sidebar-collapse .main-sidebar,
.sidebar-collapse .main-sidebar::before {
  margin-left: calc(var(--cc-kabuk-menu) * -1);
}
@media (max-width: 767.98px) {
  .main-sidebar,
  .main-sidebar::before {
    margin-left: calc(var(--cc-kabuk-menu) * -1);
  }
}
@media (min-width: 768px) {
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    margin-left: var(--cc-kabuk-menu);
  }
}
body:not(.sidebar-collapse) .sidebar-mini .main-sidebar .nav-link,
body.sidebar-mini:not(.sidebar-collapse) .main-sidebar .nav-link {
  width: auto;
}

.cc-menu-kenar {
  background: var(--cc-surface);
  border-right: 1px solid var(--cc-border);
  box-shadow: none;
}

/* Marka */
.cc-menu-kenar .cc-menu-marka {
  display: flex;
  align-items: center;
  gap: var(--cc-space-3);
  height: auto;
  padding: var(--cc-kabuk-marka-ic);
  background: var(--cc-surface);
  border-bottom: 0;
  overflow: hidden;
}
.cc-menu-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--cc-kabuk-logo);
  height: var(--cc-kabuk-logo);
  border-radius: 50%;
  box-sizing: border-box;
  background: var(--cc-surface);
  border: 1px solid var(--cc-border);
}
.cc-menu-kenar .cc-menu-logo-img {
  float: none;
  margin: 0;
  width: var(--cc-kabuk-logo-gorsel);
  height: var(--cc-kabuk-logo-gorsel);
  max-height: none;
  object-fit: contain;
  box-shadow: none;
  opacity: 1;
}
.cc-menu-kenar .cc-menu-marka .brand-text {
  font-family: var(--cc-family-heading);
  font-size: var(--cc-font-22);
  font-weight: var(--cc-weight-bold);
  letter-spacing: var(--cc-tracking-brand);
  color: var(--cc-navy);
  line-height: 1;
}

/* Gövde: esneme zinciri (Ayarlar en altta).
   ⛔ YÜKSEKLİK AdminLTE'yi YENMELİ (2026-09-19, ölçüldü): `.layout-fixed .wrapper .sidebar`
   (0,3,0) `100vh - 57px` veriyordu; marka bloğu 88 px olduğu için gövde ekranın
   31 px altına taşıyor, `mt-auto` ile en alta yaslı Ayarlar grubunun son öğesi 768 px
   yükseklikte kesiliyordu ve içerik sığdığı için kaydırma da çıkmıyordu.
   Taşarsa gövde KENDİ İÇİNDE kayar (`overflow-y: auto`). Bekçi: CcMenuYuksekligiTesti. */
.cc-menu-kenar .cc-menu-govde,
.layout-fixed .wrapper .cc-menu-kenar .cc-menu-govde {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--cc-kabuk-logo) - var(--cc-space-8) - var(--cc-space-4));
  padding: 0;
  overflow-y: auto;
}
.cc-menu-kenar .cc-menu-nav {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.cc-menu-kenar .cc-menu-liste {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--cc-space-1);
  padding: var(--cc-kabuk-liste-ic);
}
.cc-menu-kenar .cc-menu-bosluk {
  height: var(--cc-space-4);
  flex: 0 0 auto;
}

/* Satır */
.cc-menu-kenar .nav-sidebar .nav-link {
  display: flex;
  align-items: center;
  gap: var(--cc-kabuk-aralik);
  min-height: var(--cc-kabuk-satir);
  margin: 0;
  padding: 0 var(--cc-space-4);
  border-radius: var(--cc-radius-row);
  color: var(--cc-text-menu);
  background: transparent;
  font-size: var(--cc-font-15);
  font-weight: var(--cc-weight-medium);
  transition: background-color var(--cc-dur-fast) var(--cc-ease), color var(--cc-dur-fast) var(--cc-ease);
}
.cc-menu-kenar .nav-sidebar .nav-link p {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin: 0;
  color: inherit;
  white-space: nowrap;
}
.cc-menu-kenar .nav-sidebar .nav-link .nav-icon {
  width: auto;
  margin: 0;
  color: inherit;
}
.cc-menu-kenar .nav-sidebar .nav-link:hover {
  background: var(--cc-hover);
  color: var(--cc-navy);
}

/* ⛔ AKTİF = DOLU LACİVERT HAP (karar 5). En derin aktif satır dolar; alt menüsü
   açık üst satır yalnız lacivert yazı alır (iki dolu hap üst üste binmesin). */
.cc-menu-kenar .nav-sidebar .nav-link.active,
.cc-menu-kenar .nav-sidebar .nav-link.active:hover {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
  font-weight: var(--cc-weight-semibold);
  --cc-ikon-cizgi: 2;
}
.cc-menu-kenar .nav-sidebar .menu-open > .nav-link.active,
.cc-menu-kenar .nav-sidebar .menu-open > .nav-link.active:hover {
  background: transparent;
  color: var(--cc-navy);
}
.cc-menu-kenar .nav-sidebar .nav-link.active::before {
  content: none;
}

/* Alt menü */
.cc-menu-kenar .nav-treeview {
  padding: var(--cc-space-1) 0 0;
}
.cc-menu-kenar .nav-treeview .nav-link {
  min-height: var(--cc-kabuk-alt-satir);
  padding-left: var(--cc-kabuk-alt-girinti);
  font-size: var(--cc-font-14);
}
.cc-menu-kenar .nav-treeview > .nav-item + .nav-item {
  margin-top: var(--cc-space-1);
}

/* Açılır ok: sağda, alt menü açıkken aşağı bakar */
.cc-menu-kenar .nav-sidebar .nav-link .cc-menu-ok {
  position: static;
  margin-left: auto;
  transition: transform var(--cc-dur-base) var(--cc-ease);
}
.cc-menu-kenar .nav-sidebar .menu-open > .nav-link .cc-menu-ok {
  transform: rotate(90deg);
}

/* Grup başlığı (karar 2026-09-18): 11 px · 600 · .12em · büyük harf · #6b7280 */
.cc-menu-kenar .nav-header {
  padding: var(--cc-space-4) var(--cc-space-4) var(--cc-space-1);
  font-size: var(--cc-font-11);
  font-weight: var(--cc-weight-semibold);
  letter-spacing: var(--cc-tracking-group);
  text-transform: uppercase;
  color: var(--cc-text-muted);
}

/* Ayarlar: en altta, üstünde ince ayraç */
.cc-menu-kenar .cc-menu-alt {
  margin-top: auto;
  padding-top: var(--cc-space-2);
  border-top: 1px solid var(--cc-border);
}

/* =====================================================================
   B3 · LACİVERT ÜST ÇUBUK — §6.2 (taslak 01 üst satır · karar: tek satır)
   ===================================================================== */
.cc-ust-cubuk.main-header {
  display: flex;
  align-items: center;
  min-height: var(--cc-kabuk-cubuk);
  padding: 0 var(--cc-space-6) 0 var(--cc-space-4);
  background: var(--cc-navy);
  border-bottom: 0;
}
.cc-ust-cubuk .navbar-nav {
  align-items: center;
}
.cc-ust-sol {
  flex: 1 1 auto;
  min-width: 0;
  gap: var(--cc-space-2);
}
.cc-ust-cubuk .cc-ust-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cc-kabuk-avatar);
  height: var(--cc-kabuk-avatar);
  padding: 0;
  border-radius: var(--cc-radius-md);
  color: var(--cc-on-navy-muted);
  transition: background-color var(--cc-dur-fast) var(--cc-ease);
}
.cc-ust-cubuk .cc-ust-menu:hover,
.cc-ust-cubuk .cc-ust-menu:focus-visible {
  background: var(--cc-on-navy-hover);
  color: var(--cc-on-navy);
}
.cc-ust-sayfa {
  min-width: 0;
}
/* Çalışma ekranı: sayfa adı çubukta, Montserrat 18/700 beyaz (onay bekliyor). */
.cc-ust-sayfa-adi {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--cc-family-heading);
  font-size: var(--cc-font-18);
  font-weight: var(--cc-weight-bold);
  letter-spacing: var(--cc-tracking-heading);
  color: var(--cc-on-navy);
}
/* Ana sayfa: büyük başlığı sahne taşır, çubukta üst başlık (taslak 01). */
.cc-sayfa-ana .cc-ust-sayfa-adi {
  font-family: var(--cc-family-body);
  font-size: var(--cc-font-12);
  font-weight: var(--cc-weight-semibold);
  letter-spacing: var(--cc-tracking-page);
  text-transform: uppercase;
  color: var(--cc-on-navy-eyebrow);
}

/* Zil — 42 px cam kutu (taslak 01: ikon #dae7f1, zemin/kenar cam değerleri).
   ⛔ SEÇİCİ `.navbar-nav` İÇERİR: AdminLTE'nin `.navbar-dark .navbar-nav .nav-link`
   kuralı (0,3,0) rengi ve dolguyu eziyordu. Eski beyaz çubuktan kalma
   `color:#002b45!important` (navbar.html) zili lacivert üstüne lacivert yapıyordu —
   silindi (2026-09-19). Bekçi: CcZilGorunurTesti. */
.cc-ust-cubuk .navbar-nav .cc-notification-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cc-kabuk-zil);
  height: var(--cc-kabuk-zil);
  padding: 0;
  border: 1px solid var(--cc-on-navy-line);
  border-radius: var(--cc-radius-row);
  background: var(--cc-on-navy-glass);
  color: var(--cc-on-navy-icon);
  transition: background-color var(--cc-dur-fast) var(--cc-ease), border-color var(--cc-dur-fast) var(--cc-ease);
}
.cc-ust-cubuk .navbar-nav .cc-notification-toggle:hover,
.cc-ust-cubuk .navbar-nav .cc-notification-toggle:focus-visible {
  background: var(--cc-on-navy-glass-hover);
  border-color: var(--cc-on-navy-line-hover);
  color: var(--cc-on-navy);
}
/* Yeni bildirim sallanması: B3'te ikon Font Awesome → Tabler oldu ve navbar.html'deki
   animasyon `.fa-bell`i hedeflediği için ÖLMÜŞTÜ (2026-09-19). Anahtar kareler orada. */
.cc-ust-cubuk .cc-notification-toggle.is-ringing .cc-ikon {
  transform-origin: 50% 0;
  animation: ccNotificationBellRing var(--cc-dur-ring) ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .cc-ust-cubuk .cc-notification-toggle.is-ringing .cc-ikon { animation: none; }
}
.cc-ust-cubuk .cc-notification-badge {
  position: absolute;
  top: calc(var(--cc-space-1) * -1 - 1px);
  right: calc(var(--cc-space-1) * -1 - 1px);
  min-width: var(--cc-kabuk-sayac);
  height: var(--cc-kabuk-sayac);
  padding: 0 calc(var(--cc-space-1) + 1px);
  box-sizing: border-box;
  border-radius: var(--cc-radius-pill);
  background: var(--cc-action);
  color: var(--cc-on-action);
  font-size: var(--cc-font-11);
  font-weight: var(--cc-weight-bold);
  line-height: var(--cc-kabuk-sayac);
  text-align: center;
  box-shadow: var(--cc-on-navy-ring);
}

/* Ayraç */
.cc-ust-cubuk .cc-kimlik-ayrac {
  width: 1px;
  height: var(--cc-kabuk-ayrac);
  margin: 0 var(--cc-space-3);
  background: var(--cc-on-navy-line);
}

/* Kimlik düğmesi */
.cc-ust-cubuk .cc-kimlik-toggle {
  align-items: center;
  gap: var(--cc-space-3);
  min-height: var(--cc-kabuk-kimlik);
  padding: 0 var(--cc-space-2) 0 var(--cc-space-2);
  border: 1px solid transparent;
  border-radius: var(--cc-radius-lg);
  transition: background-color var(--cc-dur-fast) var(--cc-ease), border-color var(--cc-dur-fast) var(--cc-ease);
}
.cc-ust-cubuk .cc-kimlik-toggle:hover,
.cc-ust-cubuk .cc-kimlik-toggle:focus-visible,
.cc-ust-cubuk .show > .cc-kimlik-toggle {
  background: var(--cc-on-navy-hover);
  border-color: var(--cc-on-navy-line);
}
.cc-ust-cubuk .cc-kimlik-avatar {
  margin-right: var(--cc-space-1);
}
.cc-ust-cubuk .cc-nav-avatar {
  width: var(--cc-kabuk-avatar);
  height: var(--cc-kabuk-avatar);
  flex-basis: var(--cc-kabuk-avatar);
  background: var(--cc-navy-100);
  color: var(--cc-navy);
  font-size: var(--cc-font-13);
  font-weight: var(--cc-weight-semibold);
}
/* Firma rozeti: MARKA öğesi, durum taşımaz (karar 2026-09-18) — turuncu, lacivert harf. */
.cc-ust-cubuk .cc-kimlik-rozet {
  right: calc(var(--cc-space-2) * -1);
  bottom: calc(var(--cc-space-2) * -.75);
  width: var(--cc-kabuk-rozet);
  height: var(--cc-kabuk-rozet);
  border: 0;
  border-radius: var(--cc-radius-sm);
  background: var(--cc-action);
  color: var(--cc-on-action);
  font-size: var(--cc-font-10);
  font-weight: var(--cc-weight-bold);
  box-shadow: var(--cc-on-navy-ring);
}
.cc-ust-cubuk .cc-kimlik-ad {
  color: var(--cc-on-navy);
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
}
.cc-ust-cubuk .cc-kimlik-firma {
  color: var(--cc-on-navy-muted);
  font-size: var(--cc-font-12);
}
/* Eylem bekliyor noktası: "senin sıran" → turuncu (§1.2, karar 2026-09-18). */
.cc-ust-cubuk .cc-kimlik-nokta {
  flex-basis: var(--cc-kabuk-nokta);
  width: var(--cc-kabuk-nokta);
  height: var(--cc-kabuk-nokta);
  background: var(--cc-action);
}
.cc-ust-cubuk .cc-kimlik-nokta--avatar {
  box-shadow: var(--cc-on-navy-ring);
}
.cc-ust-cubuk .cc-kimlik-ok {
  color: var(--cc-on-navy-muted);
}

/* İçerik alanının başındaki alt başlık (karar: küçük gri satır) */
.content-wrapper .cc-sayfa-alt:empty {
  display: none;
}
/* ⛔ Üstte 16, altta 12 px (2026-09-19, tarayıcı turu: satır uyarı şeridine ve altındaki
   içeriğe yapışık görünüyordu — kaynakta yalnız üst dolgu vardı, alt boşluk yoktu). */
.content-wrapper .cc-sayfa-alt {
  padding: var(--cc-space-4) 0 var(--cc-space-3);
  color: var(--cc-text-muted);
  font-size: var(--cc-font-13);
}
.cc-sayfa-alt p,
.cc-sayfa-alt .small {
  margin: 0;
  font-size: var(--cc-font-13);
  color: inherit;
}

/* Mobil logo — varsayılan gizli, ≤576 px'te sayfa adının yerini alır. */
.cc-ust-logo { display: none; }
.cc-ust-logo-bag { display: flex; align-items: center; }
.cc-ust-logo-img {
  width: var(--cc-ust-logo);
  height: var(--cc-ust-logo);
  padding: var(--cc-ust-logo-ic);
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--cc-surface);
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .cc-ust-cubuk.main-header {
    min-height: var(--cc-kabuk-cubuk-mobil);
    padding: 0 var(--cc-space-2) 0 var(--cc-space-1);
  }
  .cc-ust-sayfa-adi {
    font-size: var(--cc-font-16);
  }
  .cc-ust-cubuk .cc-kimlik-ayrac {
    margin: 0 var(--cc-space-1);
  }
}
/* ≤576 px (taslak 03, 2026-09-19): sayfa adı → logo; kimlik yazıları KESİLMEZ.
   Sığmıyorsa `cc_kabuk.js` `.cc-kimlik--sikisik` ekler → yalnız rozetli avatar + ok
   (nokta avatarın köşesine taşınır). JS yoksa navbar.html'in 340 px kuralı yedektir. */
@media (max-width: 575.98px) {
  .cc-ust-cubuk .cc-ust-sol { flex: 0 0 auto; }
  .cc-ust-cubuk .cc-ust-sayfa { display: none; }
  .cc-ust-cubuk .cc-ust-logo { display: flex; align-items: center; }
  .cc-ust-cubuk .navbar-nav.ml-auto { flex: 1 1 auto; min-width: 0; justify-content: flex-end; }
  .cc-ust-cubuk .cc-kimlik-ayrac { display: none; }
  .cc-ust-cubuk .cc-kimlik-metin { max-width: none; }
  .cc-ust-cubuk .cc-kimlik-ad,
  .cc-ust-cubuk .cc-kimlik-firma { text-overflow: clip; }
  .cc-ust-cubuk .cc-kimlik--sikisik .cc-kimlik-metin { display: none; }
  .cc-ust-cubuk .cc-kimlik--sikisik .cc-kimlik-nokta--avatar { display: block; }
}

/* =====================================================================
   B4 · KİMLİK MENÜSÜ — §5.6 (taslak 01)
   ===================================================================== */
.cc-ust-cubuk .cc-kimlik-dd {
  width: var(--cc-kabuk-menu-kutu);
  padding: var(--cc-space-2);
  border: 1px solid var(--cc-hover-border);
  border-radius: var(--cc-radius-card);
  background: var(--cc-surface);
  box-shadow: var(--cc-shadow-menu);
  transform-origin: top right;
}
.cc-ust-cubuk .cc-kimlik-dd.show {
  animation: cc-menu-acilis var(--cc-dur-base) var(--cc-ease) both;
}
@keyframes cc-menu-acilis {
  from { opacity: 0; transform: translateY(calc(var(--cc-space-1) * -1.5)) scale(.98); }
  to { opacity: 1; transform: none; }
}

/* Başlık: avatar 44 + ad 15/600 + e-posta 13 */
.cc-kimlik-dd-baslik {
  display: flex;
  align-items: center;
  gap: var(--cc-space-3);
  padding: var(--cc-space-3) var(--cc-space-3) var(--cc-kabuk-aralik);
}
.cc-kimlik-dd-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--cc-kabuk-menu-avatar);
  height: var(--cc-kabuk-menu-avatar);
  border-radius: 50%;
  overflow: hidden;
  background: var(--cc-navy-100);
  color: var(--cc-navy);
  font-size: var(--cc-font-15);
  font-weight: var(--cc-weight-semibold);
}
.cc-kimlik-dd-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cc-ust-cubuk .cc-kimlik-dd .cc-kimlik-dd-kullanici {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  line-height: 1.3;
}
.cc-ust-cubuk .cc-kimlik-dd .cc-kimlik-dd-ad {
  font-size: var(--cc-font-15);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-navy);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-kimlik-dd-eposta {
  font-size: var(--cc-font-13);
  color: var(--cc-text-secondary);
}
.cc-ust-cubuk .cc-kimlik-dd .dropdown-divider {
  margin: var(--cc-space-2) var(--cc-space-1);
  border-top-color: var(--cc-border-row);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-kimlik-dd-ayrac {
  margin-top: 0;
}

/* "FİRMALARINIZ" */
.cc-ust-cubuk .cc-kimlik-dd .cc-dd-header {
  padding: var(--cc-space-1) var(--cc-space-3) calc(var(--cc-space-1) * 1.5);
  font-size: var(--cc-font-11);
  font-weight: var(--cc-weight-semibold);
  letter-spacing: var(--cc-tracking-section);
  text-transform: uppercase;
  color: var(--cc-text-muted);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--cc-space-1) / 2);
}

/* Firma satırı: kare 40 (köşe 11) + ad 14/600 + durum 12 */
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-satir {
  gap: var(--cc-space-3);
  padding: calc(var(--cc-space-2) * 1.25) var(--cc-space-3);
  border-radius: var(--cc-radius-row);
  white-space: normal;
  color: var(--cc-navy);
  background: transparent;
  transition: background-color var(--cc-dur-fast) var(--cc-ease);
}
.cc-ust-cubuk .cc-kimlik-dd button.cc-firma-satir:hover,
.cc-ust-cubuk .cc-kimlik-dd button.cc-firma-satir:focus-visible {
  background: var(--cc-hover);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-aktif,
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-aktif:hover {
  background: var(--cc-navy-50);
  font-weight: var(--cc-weight-regular);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-logo {
  flex: 0 0 var(--cc-kabuk-firma-kare);
  width: var(--cc-kabuk-firma-kare);
  height: var(--cc-kabuk-firma-kare);
  border-radius: var(--cc-radius-firma);
  background: var(--cc-icon-tile);
  color: var(--cc-navy);
  font-family: var(--cc-family-heading);
  font-size: var(--cc-font-16);
  font-weight: var(--cc-weight-bold);
}
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-aktif .cc-firma-logo {
  background: var(--cc-navy);
  color: var(--cc-on-navy);
}
.cc-firma-metin {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.3;
}
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-ad {
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-semibold);
  color: var(--cc-navy);
}
.cc-firma-durum {
  display: flex;
  align-items: center;
  gap: calc(var(--cc-space-1) * 1.5);
  font-size: var(--cc-font-12);
  color: var(--cc-text-secondary);
}
.cc-firma-nokta {
  flex-shrink: 0;
  width: calc(var(--cc-space-1) * 1.5);
  height: calc(var(--cc-space-1) * 1.5);
  border-radius: 50%;
  background: var(--cc-dot-idle);
}
.cc-firma-nokta--eylem { background: var(--cc-action); }
.cc-firma-nokta--uyari { background: var(--cc-warning); }
.cc-firma-nokta--hata { background: var(--cc-danger); }
.cc-firma-nokta--bilgi { background: var(--cc-navy); }
.cc-firma-nokta--dogrulandi { background: var(--cc-trust); }
.cc-ust-cubuk .cc-kimlik-dd .cc-firma-onay {
  --cc-ikon-cizgi: 2.6;
  color: var(--cc-navy);
}

/* Eylem satırları: 44 px · 14/500 · ikon 18 */
.cc-ust-cubuk .cc-kimlik-dd > .cc-dd-item {
  display: flex;
  align-items: center;
  gap: var(--cc-space-3);
  min-height: var(--cc-kabuk-satir-sm);
  padding: 0 var(--cc-space-3);
  border-radius: var(--cc-radius-row);
  font-size: var(--cc-font-14);
  font-weight: var(--cc-weight-medium);
  color: var(--cc-text);
  transition: background-color var(--cc-dur-fast) var(--cc-ease);
}
.cc-ust-cubuk .cc-kimlik-dd > .cc-dd-item .cc-ikon {
  color: var(--cc-text-secondary);
}
.cc-ust-cubuk .cc-kimlik-dd > .cc-dd-item:hover,
.cc-ust-cubuk .cc-kimlik-dd > .cc-dd-item:focus-visible {
  background: var(--cc-hover);
  color: var(--cc-text);
}
.cc-ust-cubuk .cc-kimlik-dd > .cc-kimlik-cikis,
.cc-ust-cubuk .cc-kimlik-dd > .cc-kimlik-cikis .cc-ikon,
.cc-ust-cubuk .cc-kimlik-dd > .cc-kimlik-cikis:hover {
  color: var(--cc-danger-text);
}