/* Sigortabaz CRM — WowDash teması üstüne küçük eklemeler.
   Şablonun kendi stilleri /tema/css/style.css içindedir; burada yalnızca CRM'e özgü parçalar var. */

/* Plaka */
.plaka {
  display: inline-block;
  font-family: "Inter", ui-monospace, "Segoe UI", sans-serif;
  font-weight: 700;
  font-size: 0.8125rem;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border: 1.5px solid var(--neutral-400);
  border-left-width: 6px;
  border-left-color: var(--primary-600);
  border-radius: 4px;
  background: var(--white);
  color: var(--text-primary-light);
  white-space: nowrap;
  line-height: 1.4;
}
.plaka.buyuk { font-size: 1.125rem; padding: 4px 12px; }

/* Avatar (baş harfler) */
.av {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  flex-shrink: 0;
  overflow: hidden;
}
.av.kucuk-av { width: 32px; height: 32px; font-size: 0.75rem; }
.av.buyuk { width: 72px; height: 72px; font-size: 1.375rem; }
.av-0 { background: #487FFF; } .av-1 { background: #45B369; } .av-2 { background: #FF9F29; } .av-3 { background: #8252E9; }
.av-4 { background: #DE3ACE; } .av-5 { background: #00B8F2; } .av-6 { background: #F86624; } .av-7 { background: #144BD6; }

/* Branş çipleri */
.brans {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  background: var(--neutral-200);
  color: var(--neutral-700);
}
.b-trafik { background: #E4F1FF; color: #2F5BD6; }
.b-kasko { background: #EBD7FF; color: #6F37E6; }
.b-dask { background: #FFF5E9; color: #D97706; }
.b-konut { background: #DAF0E1; color: #1B7F3B; }
.b-saglik { background: #FCDAE2; color: #C02657; }
.b-fk { background: #EEFBFF; color: #0487B4; }
.b-isyeri { background: #FFF9E2; color: #A16207; }
.b-tarim { background: #E7F6D5; color: #4D7C0F; }
.b-diger { background: var(--neutral-200); color: var(--neutral-700); }
[data-theme=dark] .b-trafik, [data-theme=dark] .b-kasko, [data-theme=dark] .b-dask, [data-theme=dark] .b-konut,
[data-theme=dark] .b-saglik, [data-theme=dark] .b-fk, [data-theme=dark] .b-isyeri, [data-theme=dark] .b-tarim { filter: saturate(0.8) brightness(0.85); }

/* Takip aşaması rozetleri: her aşama ayrı renk (util.DURUMLAR renk anahtarı) */
.rozet-gri { background: var(--neutral-200); color: var(--neutral-700); }
.rozet-sari { background: #FFF3C4; color: #9A6700; }
.rozet-mavi { background: #E4F1FF; color: #1D5FD1; }
.rozet-turuncu { background: #FFE4D6; color: #C2410C; }
.rozet-mor { background: #EBD7FF; color: #6F37E6; }
.rozet-yesil { background: #DAF0E1; color: #1B7F3B; }
.rozet-kirmizi { background: #FCDAE2; color: #C11F3F; }
.rozet-cyan { background: #DDF6FD; color: #0487B4; }
.rozet-bos { background: transparent; color: var(--neutral-500); border: 1px dashed var(--neutral-400); }
.takip-form select.form-select { border-color: transparent; font-weight: 600; cursor: pointer; padding: 3px 26px 3px 10px; border-radius: 999px; line-height: 1.4; font-size: 0.75rem; height: 28px; background-position: right 8px center; background-size: 12px; }
.takip-form select.form-select.rozet-bos { border: 1px dashed var(--neutral-400); }
.satir-liste .satir-ana a.ad:hover { color: var(--primary-600); }
[data-theme=dark] .rozet-sari, [data-theme=dark] .rozet-mavi, [data-theme=dark] .rozet-turuncu, [data-theme=dark] .rozet-mor,
[data-theme=dark] .rozet-yesil, [data-theme=dark] .rozet-kirmizi, [data-theme=dark] .rozet-cyan { filter: saturate(0.85) brightness(0.9); }

/* Kanal rozeti */
.kanal-rozet {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.kanal-rozet.MERKEZ { background: var(--neutral-200); color: var(--neutral-700); }
.kanal-rozet.SUBE { background: var(--info-focus); color: var(--info-main); }
.kanal-rozet.PRODUKTOR { background: var(--lilac-100); color: var(--lilac-600); }

/* Vade rengi */
.vade { white-space: nowrap; color: var(--text-secondary-light); }
.vade.yakin { color: var(--warning-main); font-weight: 600; }
.vade.bugun, .vade.gecti { color: var(--danger-main); font-weight: 600; }

/* Eksi tutar */
.eksi { color: var(--danger-main) !important; }

/* Tıklanabilir satır */
tr[data-href] { cursor: pointer; }
tr[data-href]:hover td { background-color: var(--neutral-50) !important; }

/* Liste satırı (poliçe / teklif listeleri) */
.satir-liste .satir {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 16px;
  padding: 14px 20px;
  border-bottom: 1px solid var(--neutral-200);
  color: inherit;
  text-decoration: none;
  transition: background 0.15s;
}
.satir-liste .satir:last-child { border-bottom: 0; }
.satir-liste .satir[data-href] { cursor: pointer; }
.satir-liste .satir:hover { background: var(--neutral-50); color: inherit; }
.satir-liste .satir-ana { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.satir-liste .satir-ana .ad { font-weight: 600; color: var(--text-primary-light); }
.satir-liste .satir-alt { grid-column: 1; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 0.8125rem; color: var(--text-secondary-light); }
.satir-liste .satir-sag { grid-column: 2; grid-row: 1 / span 2; text-align: right; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; white-space: nowrap; }
.satir-liste .satir-sag b { font-size: 1rem; color: var(--text-primary-light); }
.satir-liste .satir-sag small { color: var(--text-secondary-light); font-size: 0.75rem; }
@media (max-width: 575px) {
  .satir-liste .satir { grid-template-columns: 1fr; }
  .satir-liste .satir-sag { grid-column: 1; grid-row: auto; align-items: flex-start; flex-direction: row; gap: 8px; }
}

/* Vade takvimi */
.takvim { display: flex; flex-direction: column; gap: 4px; }
.takvim-satir { display: flex; gap: 4px; }
.takvim-satir > * { flex: 1 1 0; min-width: 0; }
.takvim-gun-adi { text-align: center; font-size: 0.75rem; font-weight: 600; color: var(--text-secondary-light); padding: 4px 0; }
.takvim-gun, .takvim-bos { height: 46px; border-radius: 8px; }
.takvim-gun {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: var(--neutral-50); color: var(--text-primary-light); text-decoration: none;
  font-size: 0.8125rem; font-weight: 500; border: 1px solid transparent; transition: transform 0.15s;
}
.takvim-gun:hover { transform: translateY(-1px); border-color: var(--primary-600); color: var(--text-primary-light); }
.takvim-gun small { font-size: 0.6875rem; line-height: 1; opacity: 0.85; }
.takvim-gun.y1 { background: var(--primary-50); }
.takvim-gun.y2 { background: #BFDCFF; }
.takvim-gun.y3 { background: #6BB1FF; color: #fff; }
.takvim-gun.y4 { background: var(--primary-600); color: #fff; }
.takvim-gun.y3:hover, .takvim-gun.y4:hover { color: #fff; }
.takvim-gun.gecmis { opacity: 0.55; }
.takvim-gun.bugun { border-color: var(--danger-main); font-weight: 700; }
[data-theme=dark] .takvim-gun.y1 { background: #2a3a5e; }
[data-theme=dark] .takvim-gun.y2 { background: #2f4c8a; color: #fff; }

/* Şirket logosu */
.sirket-logo { width: 40px; height: 40px; border-radius: 10px; flex-shrink: 0; }
img.sirket-logo { object-fit: contain; background: #fff; border: 1px solid var(--neutral-200); padding: 3px; }
.sirket-logo.kucuk { width: 32px; height: 32px; }
img.sirket-logo.kucuk { padding: 2px; }
.sirket-logo.buyuk { width: 72px; height: 72px; border-radius: 14px; }
img.sirket-logo.buyuk { padding: 6px; }
span.sirket-logo { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.75rem; color: #fff; }
span.sirket-logo.buyuk { font-size: 1.125rem; }
.partaj-rozet { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 0.6875rem; font-weight: 600; }
.partaj-rozet.IC { background: var(--success-focus); color: var(--success-main); }
.partaj-rozet.DIS { background: var(--warning-focus); color: var(--warning-main); }

/* MVP / lider kartı */
.mvp-kart { background: linear-gradient(135deg, #487FFF 0%, #8252E9 100%) !important; color: #fff; border: 0 !important; }
.mvp-kart .text-secondary-light, .mvp-kart .text-primary-light, .mvp-kart h6, .mvp-kart a, .mvp-kart p { color: #fff !important; }
.mvp-kart .mvp-sayi { background: rgba(255,255,255,0.14); border-radius: 8px; padding: 10px 12px; }
.mvp-kart .mvp-sayi b { display: block; font-size: 1rem; line-height: 1.2; white-space: nowrap; }
.mvp-kart .mvp-sayi small { font-size: 0.75rem; opacity: 0.85; }
.mvp-kart .brans { background: rgba(255,255,255,0.18); color: #fff; }
.mvp-kart .fark { background: rgba(255,255,255,0.18); color: #fff; }

/* Yüzde değişim */
.fark { display: inline-flex; align-items: center; gap: 2px; font-size: 0.75rem; font-weight: 600; padding: 1px 6px; border-radius: 4px; white-space: nowrap; }
.fark.arti { background: var(--success-focus); color: var(--success-main); }
.fark.eksi { background: var(--danger-focus); color: var(--danger-main); }
.fark.notr { background: var(--neutral-200); color: var(--neutral-600); }

/* Prodüktör / şirket kartı */
.prod-kart { display: block; color: inherit; text-decoration: none; transition: transform 0.15s, box-shadow 0.15s; height: 100%; }
.prod-kart:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08); color: inherit; }
.prod-kart.pasif { opacity: 0.6; }
.prod-kart .prod-pay { height: 6px; border-radius: 999px; background: var(--neutral-200); overflow: hidden; }
.prod-kart .prod-pay span { display: block; height: 100%; background: var(--primary-600); border-radius: 999px; }
.prod-kart.mvp .prod-pay span { background: linear-gradient(90deg, #487FFF, #8252E9); }
.prod-sayilar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.prod-sayilar b { display: block; font-size: 0.9375rem; color: var(--text-primary-light); }
.prod-sayilar small { font-size: 0.6875rem; color: var(--text-secondary-light); }

/* Podyum sırası */
.podyum-sira { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; font-size: 0.75rem; font-weight: 700; background: var(--neutral-200); color: var(--neutral-700); flex-shrink: 0; }
.podyum-sira.s1 { background: #FFD666; color: #7A4B00; }
.podyum-sira.s2 { background: #D9DEE5; color: #374151; }
.podyum-sira.s3 { background: #F1C2A0; color: #7A3B0B; }

/* Branş kapsamı çipleri (müşteri kartı) */
.cip { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.8125rem; font-weight: 500; border: 1px solid transparent; }
.cip.aktif { background: var(--success-focus); color: var(--success-main); border-color: var(--success-border); }
.cip.eski { background: var(--warning-focus); color: var(--warning-main); border-color: var(--warning-border); }
.cip.yok { background: var(--neutral-100); color: var(--neutral-500); border-color: var(--neutral-200); }

/* Geçmiş notlar */
.gecmis { list-style: none; padding: 0; margin: 16px 0 0; }
.gecmis li { padding: 10px 0; border-top: 1px solid var(--neutral-200); }
.gecmis li > div { white-space: pre-wrap; }

/* Sabit not */
.sabit-not { background: var(--warning-surface); color: #7A4B00; border-left: 4px solid var(--warning-main); padding: 8px 12px; border-radius: 4px; font-size: 0.875rem; }

/* Özet listesi (dt/dd) */
.ozet { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 0; }
.ozet dt { color: var(--text-secondary-light); font-weight: 500; font-size: 0.875rem; }
.ozet dd { margin: 0; color: var(--text-primary-light); font-weight: 500; font-size: 0.875rem; min-width: 0; overflow-wrap: anywhere; }

/* Tablo hizalama kısayolu */
.sag { text-align: right !important; }
/* Şablon tabloyu max-content genişletir; uzun sigortalı adları tabloyu taşırmasın diye %100'e sabitle */
.table-responsive .bordered-table { min-width: 100%; }
.ad-kes { display: block; max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bordered-table.kompakt thead tr th, .bordered-table.kompakt tbody tr td { padding: 10px 8px !important; font-size: 0.875rem; }
.bordered-table td .vade { white-space: normal; }
.bordered-table td .kanal-rozet { max-width: 130px; }
.bordered-table tbody tr.en-iyi td { background-color: var(--success-50); }

/* Giriş sayfası sol görsel */
.auth-left { background: linear-gradient(135deg, #487FFF 0%, #8252E9 100%); }
.giris-gorsel { color: #fff; max-width: 420px; text-align: center; padding: 24px; }
.giris-gorsel .giris-ikon { width: 120px; height: 120px; border-radius: 30px; background: rgba(255,255,255,0.16); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 32px; color: #fff; }

/* Küçük yardımcılar */
.nokta { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--neutral-400); vertical-align: middle; margin-right: 4px; }
.nokta.yesil { background: var(--success-main); }
.line-clamp-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.min-w-0 { min-width: 0; }
.form-label { font-weight: 500; }

/* Rapor sayfaları */
.rapor-kart { color: inherit; text-decoration: none; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; }
.rapor-kart:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08); border-color: var(--primary-600) !important; color: inherit; }
.oran-cubuk { height: 6px; border-radius: 999px; background: var(--neutral-200); overflow: hidden; min-width: 60px; }
.oran-cubuk span { display: block; height: 100%; border-radius: 999px; background: var(--success-main); }
.oran-cubuk.dusuk span { background: var(--danger-main); }
.oran-cubuk.orta span { background: var(--warning-main); }