/* CRM'e özgü stiller.

   Kanban kolonları todo.css'te durur ve oradan yeniden kullanılır (sd-kanban): sınıflar
   jeneriktir, yalnızca dosya adı görev modülünden kalmadır. Zaman tüneli ise yalnızca CRM'de
   kullanılıyor ve kendi dosyasında tutulur. */

/* Zaman tüneli: solda renkli bir ikon sütunu, sağda satırın gövdesi. Dikey çizgi ikonların
   arkasından geçer ve satırları tek bir akış olarak okutur. */
.sd-timeline {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: .25rem;
}

.sd-timeline::before {
    content: "";
    position: absolute;
    left: 1.15rem;
    top: .5rem;
    bottom: .5rem;
    width: 1px;
    background: var(--rz-border-color);
}

.sd-timeline__row {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .45rem .25rem;
    border-radius: var(--rz-border-radius);
    cursor: default;
}

.sd-timeline__row:hover {
    background: color-mix(in srgb, var(--rz-primary) 6%, transparent);
}

/* Nokta çizginin ÜSTÜNDE durur: zemin rengi verilmezse çizgi ikonun içinden geçer. */
.sd-timeline__dot {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.sd-timeline__dot .rz-icon {
    font-size: 1.2rem;
}

.sd-timeline__body {
    flex: 1;
    min-width: 0;
}

.sd-timeline__head {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

/* Ölçüler projenin metin ölçeğinden alınmıştır, "küçük yazı" sezgisinden değil: kök font
   12px'tir, Radzen gövde metni 1.1rem (13,2px) ve Body1 1rem (12px) çizer. Önceki .85/.72/.75rem
   değerleri 10,2 / 8,6 / 9 piksele denk geliyordu — tünel, yanındaki Görevler paneline göre
   gözle görülür biçimde küçük kalıyordu. */
.sd-timeline__subject {
    font-size: 1.1rem;
    font-weight: 600;
}

.sd-timeline__meta {
    margin-top: .2rem;
    font-size: 1rem;
    color: var(--rz-text-secondary-color);
}

/* Sonuç metni iki satırla sınırlanır: uzun görüşme notları tüneli okunmaz hâle getirirdi,
   tamamı karttan okunur. */
.sd-timeline__outcome {
    margin-top: .3rem;
    font-size: 1rem;
    color: var(--rz-text-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sd-timeline__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .1rem;
}

/* Fırsat panosu: esnek kolonlar.
   Görev panosunun kolonu sabit 300px'tir (flex: 0 0 300px). Satış hattında beş-altı aşama
   olağandır ve 1440px'lik ekranda (menü açıkken ~1190px kalır) kolonlar sığmıyor, pano yatayda
   taşıyordu; kaydırma çubuğu da sayfanın dışında kaldığı için görünmüyordu (UAT Aşama 14).
   Kolon artık kalan genişliği paylaşır ve 210px'in altına inmez; ondan dar ekranda kaydırma
   panonun KENDİ çubuğuyla yapılır — kabın genişliği kabına sabitlenir (min-width: 0, flex
   öğelerinin varsayılan "içerik kadar geniş" tabanını kaldırır), aksi hâlde kap içeriği kadar
   büyür ve overflow-x hiç devreye girmez. */
.sd-kanban.sd-kanban--fluid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.sd-kanban--fluid .sd-kanban__column {
    flex: 1 1 210px;
    min-width: 210px;
}