/* Görev yönetimi ekranlarının stilleri.

   Satır içi style yerine dosyada durur: "İşlerim" panellerindeki satır sayısı çok olabilir
   ve her satıra aynı kuralları inline yazmak hem DOM'u şişirir hem temayla birlikte
   değişmesini zorlaştırır. Renkler her zaman Radzen değişkenlerinden türetilir; sabit
   renk yazılsaydı koyu temada okunmaz hâle gelirdi. */

.sd-mywork-item {
    padding: .45rem .5rem;
    border-radius: var(--rz-border-radius);
    cursor: pointer;
    border-bottom: 1px solid color-mix(in srgb, var(--rz-border-color) 50%, transparent);
}

.sd-mywork-item:last-child {
    border-bottom: none;
}

.sd-mywork-item:hover {
    background: color-mix(in srgb, var(--rz-primary) 8%, var(--rz-base-background-color));
}

/* Öncelik şeridi: renk satır içinde verilir (önceliğe göre değişir), ölçüler burada. */
.sd-mywork-item__priority {
    flex: 0 0 auto;
    width: 4px;
    height: 28px;
    border-radius: 2px;
}

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

.sd-mywork-item__title {
    font-size: .82rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-mywork-item__meta {
    font-size: .72rem;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---------------- Kanban ---------------- */

/* Kolonlar yan yana ve yatay kaydırmalı: kolon sayısı panoya göre değiştiği için sabit
   ızgara yerine esnek satır kullanılır. */
.sd-kanban {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: .5rem;
}

.sd-kanban__column {
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    background: color-mix(in srgb, var(--rz-base-background-color) 92%, var(--rz-text-color));
    border: 1px solid var(--rz-border-color);
    border-radius: var(--rz-border-radius);
    max-height: 70vh;
}

.sd-kanban__header {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .6rem;
    border-bottom: 1px solid var(--rz-border-color);
}

/* Kolon rengi satır içinde verilir (kolona göre değişir), ölçüler burada. */
.sd-kanban__accent {
    flex: 0 0 auto;
    width: 4px;
    height: 18px;
    border-radius: 2px;
}

.sd-kanban__title {
    flex: 1;
    min-width: 0;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Bırakma alanı: kolon boşken de hedef olabilmesi için asgari yüksekliği vardır. */
.sd-kanban__zone {
    flex: 1;
    min-height: 120px;
    overflow-y: auto;
    padding: .5rem;
}

.sd-kanban__empty {
    padding: 1rem .5rem;
    text-align: center;
    font-size: .75rem;
    color: var(--rz-text-tertiary-color);
}

.sd-kanban__card {
    background: var(--rz-base-background-color);
    border: 1px solid var(--rz-border-color);
    border-radius: var(--rz-border-radius);
    padding: .5rem .6rem;
    margin-bottom: .5rem;
    cursor: grab;
}

.sd-kanban__card:hover {
    border-color: var(--rz-primary);
}

.sd-kanban__card-top {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .25rem;
}

.sd-kanban__priority {
    flex: 0 0 auto;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.sd-kanban__code {
    flex: 1;
    font-size: .68rem;
    color: var(--rz-text-tertiary-color);
}

.sd-kanban__card-title {
    font-size: .8rem;
    font-weight: 500;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sd-kanban__card-meta {
    margin-top: .25rem;
    font-size: .7rem;
    color: var(--rz-text-secondary-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Kolon altındaki toplam şeridi. Kaydırılan bırakma alanının DIŞINDADIR: içeride olsaydı
   kolonu aşağı kaydırınca toplam da görüş alanından çıkardı. */
.sd-kanban__footer {
    padding: .35rem .6rem;
    border-top: 1px solid var(--rz-border-color);
    font-size: .72rem;
    font-weight: 600;
    text-align: right;
    color: var(--rz-text-secondary-color);
}

/* Radzen'in bırakma geri bildirimi: izin verilen ve verilmeyen hedefler ayırt edilir. */
.sd-kanban .rz-can-drop {
    background: color-mix(in srgb, var(--rz-success) 12%, transparent);
}

.sd-kanban .rz-no-drop {
    background: color-mix(in srgb, var(--rz-danger) 10%, transparent);
}