/* _content/Xi_server_app/Pages/Zeitplanung.razor.rz.scp.css */
/* =============================
   XiPortal · Zeitplanung (clean)
   ============================= */

:root[b-dslwzspkl3] {
    --bg: #f4f7fb;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #475569;
    --line: rgba(15,23,42,.08);
    --primary: #1e66d0;
    --primary2: #0ea5e9;
    --shadow: 0 10px 30px rgba(15,23,42,.08);
    --shadow2: 0 12px 26px rgba(37,99,235,.18);
    --r: 14px;
}

/* ===== page ===== */
.zp-shell[b-dslwzspkl3] {
    padding: 18px 18px;
    background: var(--bg);
    min-height: calc(100vh - 20px);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.zp-header[b-dslwzspkl3] {
    max-width: 1600px;
    margin: 0 auto 12px auto;
}

.zp-h1[b-dslwzspkl3] {
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -0.02em;
    color: var(--text);
}

/* ===== card ===== */
.zp-card[b-dslwzspkl3] {
    background: var(--card);
    border-radius: 18px;
    box-shadow: var(--shadow);
    border: 1px solid var(--line);
    overflow: hidden;
}

.zp-wide[b-dslwzspkl3] {
    max-width: 1600px;
    margin: 0 auto;
}

/* ===== top row ===== */
.zp-toprow[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 14px 10px 14px;
    border-bottom: 1px solid var(--line);
}

/* ===== tabs ===== */
.zp-multitabs[b-dslwzspkl3] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding-left: 4px;
}

.zp-chip[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    background: #f8fafc;
    padding: 10px 16px;
    border-radius: 12px;
    font-weight: 900;
    color: #334155;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    .zp-chip:hover[b-dslwzspkl3] {
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(2,8,23,.10);
    }

    .zp-chip.on[b-dslwzspkl3] {
        background: linear-gradient(135deg,#1e66d0,#0ea5e9);
        color: #fff;
        border-color: transparent;
        box-shadow: 0 12px 26px rgba(30,102,208,.22);
    }

/* ===== search ===== */
.zp-search[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 14px;
    padding: 10px 12px;
    min-width: 320px;
    box-shadow: 0 8px 18px rgba(2,8,23,.05);
}

.zp-search-ico[b-dslwzspkl3] {
    opacity: .55;
    font-weight: 900;
}

.zp-search-input[b-dslwzspkl3] {
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
}

.zp-iconbtn[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    background: #fff;
    border-radius: 12px;
    padding: 9px 10px;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    .zp-iconbtn:hover[b-dslwzspkl3] {
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(2,8,23,.08);
        background: #f8fafc;
    }

.zp-funnel[b-dslwzspkl3] {
    display: inline-block;
    transform: rotate(90deg);
    opacity: .7;
}

/* ===== filters ===== */
.zp-filters[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--line);
}

.zp-filtergroup[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.zp-filter[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 14px;
    padding: 10px 12px;
    min-width: 260px;
    box-shadow: 0 8px 18px rgba(2,8,23,.05);
}

    .zp-filter label[b-dslwzspkl3] {
        font-weight: 900;
        color: #1f2a44;
        opacity: .92;
        white-space: nowrap;
        font-size: 13px;
    }

.zp-select[b-dslwzspkl3] {
    border: none;
    outline: none;
    background: transparent;
    font-weight: 900;
    color: #334155;
    width: 100%;
}

/* primary */
.zp-primary[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg,var(--primary),var(--primary2));
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 12px 16px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(37,99,235,.22);
    white-space: nowrap;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

    .zp-primary:hover[b-dslwzspkl3] {
        transform: translateY(-1px);
        box-shadow: 0 16px 34px rgba(37,99,235,.28);
        filter: brightness(.99);
    }

/* ===== rangebar ===== */
.zp-rangebar[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px 14px 14px;
    border-bottom: 1px solid var(--line);
}

/* KW + nav close to each other */
.zp-leftcluster[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}


.zp-nav[b-dslwzspkl3] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.zp-navbtn[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    background: #fff;
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    .zp-navbtn:hover[b-dslwzspkl3] {
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(2,8,23,.08);
        background: #f8fafc;
    }

    .zp-navbtn.primary[b-dslwzspkl3] {
        background: linear-gradient(135deg,#1e66d0,#0ea5e9);
        color: #fff;
        border-color: transparent;
        box-shadow: 0 12px 24px rgba(30,102,208,.18);
    }

/* KW badge */
.zp-kw[b-dslwzspkl3] {
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 14px;
    padding: 8px 10px;
}

.zp-kwbadge[b-dslwzspkl3] {
    background: rgba(30,102,208,.12);
    border: 1px solid rgba(30,102,208,.18);
    color: #0b3b91;
    font-weight: 1000;
    padding: 8px 10px;
    border-radius: 12px;
}

.zp-kwsub[b-dslwzspkl3] {
    color: var(--text);
    font-weight: 1000;
    opacity: .86;
}

/* daterange */
.zp-daterange[b-dslwzspkl3] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.zp-datefield[b-dslwzspkl3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .zp-datefield label[b-dslwzspkl3] {
        font-size: 12px;
        font-weight: 900;
        color: var(--muted);
    }

.zp-input[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 12px;
    padding: 10px 12px;
    font-weight: 900;
    outline: none;
    min-width: 150px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(2,8,23,.05);
}

    .zp-input:focus[b-dslwzspkl3] {
        border-color: rgba(30,102,208,.45);
        box-shadow: 0 12px 26px rgba(30,102,208,.14);
    }

.zp-btn[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    background: #fff;
    border-radius: 12px;
    padding: 10px 14px;
    font-weight: 900;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    .zp-btn:hover[b-dslwzspkl3] {
        transform: translateY(-1px);
        box-shadow: 0 10px 20px rgba(2,8,23,.08);
        background: #f8fafc;
    }

    .zp-btn.primary[b-dslwzspkl3] {
        background: var(--primary);
        color: #fff;
        border-color: rgba(30,102,208,.35);
    }

    .zp-btn.ghost[b-dslwzspkl3] {
        background: transparent;
    }

/* ===== table ===== */
.zp-tablewrap[b-dslwzspkl3] {
    padding: 14px;
    overflow: auto;
}

.zp-table[b-dslwzspkl3] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1100px;
    font-size: 14px;
}

    .zp-table thead th[b-dslwzspkl3] {
        background: #f3f6fb;
        color: var(--text);
        font-weight: 1000;
        text-align: left;
        padding: 12px 12px;
        border-top: 1px solid rgba(15,23,42,.08);
        border-bottom: 1px solid rgba(15,23,42,.08);
        position: sticky;
        top: 0;
        z-index: 2;
    }

        .zp-table thead th:first-child[b-dslwzspkl3] {
            border-left: 1px solid rgba(15,23,42,.08);
            border-top-left-radius: 12px;
        }

        .zp-table thead th:last-child[b-dslwzspkl3] {
            border-right: 1px solid rgba(15,23,42,.08);
            border-top-right-radius: 12px;
        }

    .zp-table tbody td[b-dslwzspkl3] {
        padding: 10px 12px;
        border-bottom: 1px solid rgba(15,23,42,.06);
        border-left: 1px solid rgba(15,23,42,.06);
        color: var(--text);
    }

        .zp-table tbody td:last-child[b-dslwzspkl3] {
            border-right: 1px solid rgba(15,23,42,.06);
        }

    .zp-table tbody tr:hover td[b-dslwzspkl3] {
        background: #fbfdff;
    }

.zp-strong[b-dslwzspkl3] {
    font-weight: 1000;
    color: var(--text);
}

.w-id[b-dslwzspkl3] {
    width: 120px;
}

.w-first[b-dslwzspkl3] {
    width: 160px;
}

.w-last[b-dslwzspkl3] {
    width: 180px;
}

.w-day[b-dslwzspkl3] {
    width: 130px;
}

/* ===== pills ===== */
.zp-cell[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    min-height: 36px;
}

.zp-pill[b-dslwzspkl3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
    border-radius: 12px;
    font-weight: 1000;
    border: 1px solid rgba(15,23,42,.10);
    width: 100%;
    background: #fff;
}

    .zp-pill.empty[b-dslwzspkl3] {
        background: #f2f4f7;
        color: #64748b;
    }

    .zp-pill.work[b-dslwzspkl3] {
        background: rgba(30,102,208,.10);
        color: #0b3b91;
        border-color: rgba(30,102,208,.18);
    }

    .zp-pill.frei[b-dslwzspkl3] {
        background: rgba(34,197,94,.12);
        color: #15803d;
        border-color: rgba(34,197,94,.20);
    }

    .zp-pill.off[b-dslwzspkl3] {
        background: rgba(100,116,139,.12);
        color: #334155;
        border-color: rgba(100,116,139,.18);
    }

/* ===== footer ===== */
.zp-footer[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px;
    color: #334155;
    border-top: 1px solid var(--line);
}

.zp-pager[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.zp-pagebox[b-dslwzspkl3] {
    border: 1px solid rgba(15,23,42,.12);
    background: #fff;
    border-radius: 12px;
    padding: 8px 12px;
    font-weight: 1000;
}

/* ===== modal ===== */
.zp-modalbackdrop[b-dslwzspkl3] {
    position: fixed;
    inset: 0;
    background: rgba(2,6,23,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    z-index: 9999;
}

.zp-modal[b-dslwzspkl3] {
    width: min(560px, 96vw);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 70px rgba(2,6,23,.45);
    border: 1px solid rgba(15,23,42,.10);
    overflow: hidden;
}

.zp-modaltitle[b-dslwzspkl3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 14px 10px 14px;
    border-bottom: 1px solid rgba(15,23,42,.08);
}

.zp-modalh[b-dslwzspkl3] {
    font-size: 18px;
    font-weight: 1000;
    color: var(--text);
}

.zp-modalsub[b-dslwzspkl3] {
    font-size: 13px;
    color: var(--muted);
    margin-top: 2px;
}

.zp-modalbody[b-dslwzspkl3] {
    padding: 14px;
}

.zp-modalrow[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

    .zp-modalrow label[b-dslwzspkl3] {
        font-weight: 1000;
        color: var(--text);
        width: 120px;
    }

.zp-hint[b-dslwzspkl3] {
    margin-top: 6px;
    color: var(--muted);
    font-size: 13px;
    background: #f8fafc;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 12px;
    padding: 10px 12px;
}

/* ===== responsive ===== */
@media (max-width: 980px) {
    .zp-search[b-dslwzspkl3] {
        min-width: 220px;
    }

    .zp-primary[b-dslwzspkl3] {
        background: linear-gradient(135deg,#1e66d0,#0ea5e9);
        box-shadow: 0 14px 30px rgba(30,102,208,.22);
    }

    .zp-filters[b-dslwzspkl3] {
        flex-direction: column;
        align-items: stretch;
    }
}
.zp-primary[b-dslwzspkl3] {
    background: linear-gradient(135deg,#1e66d0,#0ea5e9);
    box-shadow: 0 14px 30px rgba(30,102,208,.22);
}

    .zp-primary:hover[b-dslwzspkl3] {
        filter: brightness(.98);
        transform: translateY(-1px);
    }
.zp-dategroup[b-dslwzspkl3] {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.10);
    box-shadow: 0 8px 18px rgba(2,8,23,.05);
}
.zp-dateitem[b-dslwzspkl3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
    .zp-dateitem label[b-dslwzspkl3] {
        font-size: 12px;
        font-weight: 900;
        color: #475569;
    }
.zp-dategroup[b-dslwzspkl3] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
    padding: 8px 10px;
    border: 1px solid rgba(15,23,42,.08);
    background: #fff;
    border-radius: 14px;
}

.zp-dateitem label[b-dslwzspkl3] {
    font-size: 12px;
    font-weight: 800;
    opacity: .75;
}

.zp-dateitem .zp-input[b-dslwzspkl3] {
    min-width: 155px;
    box-shadow: none; /* daha temiz */
}
/* ====== PRO polish overrides (paste at VERY bottom) ====== */

/* Toolbar hissi: daha düzenli spacing */
.zp-toprow[b-dslwzspkl3], .zp-filters[b-dslwzspkl3], .zp-rangebar[b-dslwzspkl3] {
    background: linear-gradient(180deg, rgba(248,250,252,.95), rgba(255,255,255,1));
}

.zp-filters[b-dslwzspkl3] {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Sağdaki buton hep düzgün dursun */
.zp-filters[b-dslwzspkl3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

/* Chip’ler biraz daha premium */
.zp-chip[b-dslwzspkl3] {
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 900;
}

/* Input + select yükseklikleri eşit */
.zp-filter[b-dslwzspkl3],
.zp-search[b-dslwzspkl3],
.zp-navbtn[b-dslwzspkl3],
.zp-chip[b-dslwzspkl3],
.zp-input[b-dslwzspkl3] {
    height: 44px;
    display: flex;
    align-items: center;
}

/* select görünümü daha temiz */
.zp-filter[b-dslwzspkl3] {
    padding: 0 12px;
}

    .zp-filter label[b-dslwzspkl3] {
        margin-right: 6px;
    }

.zp-select[b-dslwzspkl3] {
    height: 40px;
    font-weight: 900;
}

/* Primary button daha “product” hissi */
.zp-primary[b-dslwzspkl3] {
    height: 44px;
    padding: 0 16px;
    border-radius: 14px;
    letter-spacing: .1px;
    box-shadow: 0 16px 36px rgba(30,102,208,.22);
}

.zp-primary-ico[b-dslwzspkl3] {
    font-weight: 900;
}

/* Date group tek blok gibi dursun */
.zp-dategroup[b-dslwzspkl3] {
    height: 44px;
    align-items: center;
    padding: 6px 10px;
    border-radius: 14px;
    box-shadow: none;
    background: #fff;
}

/* Date item label’ları toolbar içinde küçük göster */
.zp-dateitem[b-dslwzspkl3] {
    gap: 2px;
}

    .zp-dateitem label[b-dslwzspkl3] {
        font-size: 11px;
        font-weight: 900;
        opacity: .65;
        line-height: 1;
    }

    .zp-dateitem .zp-input[b-dslwzspkl3] {
        height: 32px;
        padding: 6px 10px;
        min-width: 155px;
        box-shadow: none;
    }

/* KW badge biraz daha “badge” gibi */
.zp-kw[b-dslwzspkl3] {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 14px;
}

.zp-kwbadge[b-dslwzspkl3] {
    border-radius: 999px;
    padding: 8px 12px;
}

/* Table container daha premium */
.zp-tablewrap[b-dslwzspkl3] {
    padding: 16px;
}

.zp-table thead th[b-dslwzspkl3] {
    background: #f8fafc;
}

.zp-table[b-dslwzspkl3] {
    border-radius: 16px;
    overflow: hidden;
}
/* tablo daha stabil olsun */
.zp-tablewrap[b-dslwzspkl3] {
    overflow: auto;
}

/* geniş aralıkta bozulmayı azaltır */
.zp-table[b-dslwzspkl3] {
    table-layout: fixed;
    min-width: 1100px; /* week görünümü gibi */
}

/* ilk 3 sütun genişliği sabit */
.w-id[b-dslwzspkl3] {
    width: 120px;
}

.w-first[b-dslwzspkl3] {
    width: 160px;
}

.w-last[b-dslwzspkl3] {
    width: 180px;
}

/* sticky kolon altyapı */
.sticky-col[b-dslwzspkl3] {
    position: sticky;
    left: 0;
    background: #fff; /* arkadaki hücreler görünmesin */
    z-index: 3; /* body hücreleri üstte kalsın */
}

    /* her kolonun left offset'i */
    .sticky-col.c1[b-dslwzspkl3] {
        left: 0;
    }

    .sticky-col.c2[b-dslwzspkl3] {
        left: 120px;
    }
    /* w-id */
    .sticky-col.c3[b-dslwzspkl3] {
        left: 120px + 160px;
    }
    /* w-id + w-first */

    /* CSS'te matematik yok, gerçek değer yaz: */
    .sticky-col.c3[b-dslwzspkl3] {
        left: 280px;
    }
/* 120 + 160 */

/* header zaten sticky; sticky-col ile çakışınca header'ı daha üste al */
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    z-index: 5;
    background: #f3f6fb; /* header rengi */
}

/* sticky kolonlarda border çizgisi daha net olsun */
.zp-table tbody td.sticky-col[b-dslwzspkl3],
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    border-right: 1px solid rgba(15,23,42,.10);
}
/* =========================
   FIX: Sticky 3 cols + scroll
   Paste at VERY BOTTOM
   ========================= */

/* Scroll container */
.zp-tablewrap[b-dslwzspkl3] {
    overflow: auto !important;
    max-width: 100% !important;
    position: relative !important;
}

/* Table must grow horizontally when range is large */
.zp-table[b-dslwzspkl3] {
    width: max-content !important; /* <-- bunu kilitliyoruz */
    min-width: 1100px !important;
    table-layout: auto !important; /* <-- fixed’i kapat */
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Column widths must be fixed for left offsets */
.w-id[b-dslwzspkl3] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.w-first[b-dslwzspkl3] {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.w-last[b-dslwzspkl3] {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

/* Header sticky */
.zp-table thead th[b-dslwzspkl3] {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: #f3f6fb !important;
}

/* Sticky columns */
.sticky-col[b-dslwzspkl3] {
    position: sticky !important;
    background: #fff !important;
    z-index: 3 !important;
}

    /* Left offsets */
    .sticky-col.c1[b-dslwzspkl3] {
        left: 0 !important;
    }

    .sticky-col.c2[b-dslwzspkl3] {
        left: 120px !important;
    }
    /* w-id */
    .sticky-col.c3[b-dslwzspkl3] {
        left: 280px !important;
    }
/* 120 + 160 */

/* Intersection: header + sticky col must be on top */
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    z-index: 10 !important;
    background: #f3f6fb !important;
}

/* Visual separator */
.zp-table thead th.sticky-col[b-dslwzspkl3],
.zp-table tbody td.sticky-col[b-dslwzspkl3] {
    border-right: 1px solid rgba(15,23,42,.12) !important;
}

/* Optional: prevent text wrapping in sticky cols */
.zp-table td.sticky-col[b-dslwzspkl3] {
    white-space: nowrap !important;
}
.zp-topscroll[b-dslwzspkl3] {
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
    border-bottom: 1px solid rgba(15,23,42,.08);
}

.zp-topscroll-inner[b-dslwzspkl3] {
    height: 1px;
}
/* ===== STICKY + SCROLL KİLİT (en alta) ===== */

.zp-tablewrap[b-dslwzspkl3] {
    overflow: auto !important;
    max-width: 100% !important;
    position: relative !important;
}

/* tablo yatayda uzasın */
.zp-table[b-dslwzspkl3] {
    width: max-content !important;
    min-width: 1100px !important;
    table-layout: auto !important; /* fixed’i iptal */
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* sabit genişlik şart */
.w-id[b-dslwzspkl3] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.w-first[b-dslwzspkl3] {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.w-last[b-dslwzspkl3] {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

.zp-table thead th[b-dslwzspkl3] {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: #f3f6fb !important;
}

.sticky-col[b-dslwzspkl3] {
    position: sticky !important;
    background: #fff !important;
    z-index: 3 !important;
}

    .sticky-col.c1[b-dslwzspkl3] {
        left: 0 !important;
    }

    .sticky-col.c2[b-dslwzspkl3] {
        left: 120px !important;
    }

    .sticky-col.c3[b-dslwzspkl3] {
        left: 280px !important;
    }

.zp-table thead th.sticky-col[b-dslwzspkl3] {
    z-index: 10 !important;
    background: #f3f6fb !important;
}

/* çizgi */
.zp-table thead th.sticky-col[b-dslwzspkl3],
.zp-table tbody td.sticky-col[b-dslwzspkl3] {
    border-right: 1px solid rgba(15,23,42,.12) !important;
}

/* üst scrollbar */
.zp-topscroll[b-dslwzspkl3] {
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
    border-bottom: 1px solid rgba(15,23,42,.08);
}

.zp-topscroll-inner[b-dslwzspkl3] {
    height: 1px;
}
/* =========================
   FINAL FIX: Sticky 3 cols
   paste at VERY bottom
   ========================= */

/* sticky'yi bozan şey: table overflow hidden -> kapat */
.zp-table[b-dslwzspkl3] {
    overflow: visible !important;
}

/* scroll container doğru yer */
.zp-tablewrap[b-dslwzspkl3] {
    overflow-x: auto !important;
    overflow-y: auto !important;
    position: relative !important;
    max-width: 100% !important;
}

/* table yatay uzasın */
.zp-table[b-dslwzspkl3] {
    width: max-content !important;
    min-width: 1100px !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* 3 kolon genişlikleri sabit (offset için şart) */
.w-id[b-dslwzspkl3] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

.w-first[b-dslwzspkl3] {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
}

.w-last[b-dslwzspkl3] {
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
}

/* header sticky */
.zp-table thead th[b-dslwzspkl3] {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    background: #f3f6fb !important;
}

/* sticky cells kesin */
.zp-table th.sticky-col[b-dslwzspkl3],
.zp-table td.sticky-col[b-dslwzspkl3] {
    position: sticky !important;
    background: #fff !important;
    z-index: 5 !important;
}

/* left offsets */
.zp-table .sticky-col.c1[b-dslwzspkl3] {
    left: 0 !important;
}

.zp-table .sticky-col.c2[b-dslwzspkl3] {
    left: 120px !important;
}

.zp-table .sticky-col.c3[b-dslwzspkl3] {
    left: 280px !important;
}
/* 120+160 */

/* header+sticky kesişimi en üst */
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    z-index: 10 !important;
    background: #f3f6fb !important;
}

/* ayırıcı çizgi */
.zp-table thead th.sticky-col[b-dslwzspkl3],
.zp-table tbody td.sticky-col[b-dslwzspkl3] {
    border-right: 1px solid rgba(15,23,42,.12) !important;
}

/* yazılar taşmasın */
.zp-table td.sticky-col[b-dslwzspkl3] {
    white-space: nowrap !important;
}
/* =========================
   FIX: Sticky bleed (left)
   ========================= */

/* Sticky kolonların üst katmanı daha güçlü olsun */
.zp-table td.sticky-col[b-dslwzspkl3] {
    z-index: 20 !important;
    background: #fff !important;
}

/* Header sticky-col daha da üstte */
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    z-index: 30 !important;
    background: #f3f6fb !important;
}

    /* En soldaki kolon: sol kenardan içerik sızmasını kes */
    .zp-table td.sticky-col.c1[b-dslwzspkl3],
    .zp-table thead th.sticky-col.c1[b-dslwzspkl3] {
        left: 0 !important;
        background-clip: padding-box !important;
        box-shadow: 8px 0 0 #fff !important; /* soldaki sızıntıyı “boyar” */
    }

/* Arka hücreler sticky altından görünmesin diye: ayırıcı çizgiyi güçlendir */
.zp-table td.sticky-col[b-dslwzspkl3],
.zp-table thead th.sticky-col[b-dslwzspkl3] {
    border-right: 1px solid rgba(15,23,42,.16) !important;
}
.zp-table[b-dslwzspkl3] {
    border-spacing: 0 !important;
}
.zp-tablewrap[b-dslwzspkl3] {
    padding: 0 !important;
    overflow: auto !important;
}

.zp-tablepad[b-dslwzspkl3] {
    padding: 16px;
}
/* eski padding buraya taşındı */
/* === STICKY COL WIDTH REDUCTION === */

/* 1) Kolon genişlikleri */
.w-id[b-dslwzspkl3] {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
}

.w-first[b-dslwzspkl3] {
    width: 130px !important;
    min-width: 130px !important;
    max-width: 130px !important;
}

.w-last[b-dslwzspkl3] {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
}

/* 2) Sticky left offset'ler (EN ÖNEMLİ KISIM) */
.zp-table .sticky-col.c1[b-dslwzspkl3] {
    left: 0 !important;
}

.zp-table .sticky-col.c2[b-dslwzspkl3] {
    left: 90px !important;
}

/* 90 + 130 */
.zp-table .sticky-col.c3[b-dslwzspkl3] {
    left: 220px !important;
}
/* ===== Status colors (new) ===== */

/* Früh – mavi */
.zp-pill.frueh[b-dslwzspkl3] {
    background: rgba(56, 132, 255, 0.12); /* soft mavi */
    color: #1e4fd8;
    border-color: rgba(56, 132, 255, 0.22);
}


/* Spät – yeşil */
.zp-pill.spaet[b-dslwzspkl3] {
    background: rgba(34, 197, 94, 0.14); /* soft yeşil */
    color: #15803d;
    border-color: rgba(34, 197, 94, 0.22);
}

/* Frei – tok pembe */
.zp-pill.frei[b-dslwzspkl3] {
    background: rgba(239, 68, 68, 0.12); /* soft rose */
    color: #b91c1c;
    border-color: rgba(239, 68, 68, 0.22);
}

/* Krank – kırmızı */
.zp-pill.krank[b-dslwzspkl3] {
    background: rgba(220, 38, 38, 0.16); /* soft kırmızı */
    color: #991b1b;
    border-color: rgba(220, 38, 38, 0.28);
}
.zp-pill.off[b-dslwzspkl3] {
    background: rgba(100, 116, 139, 0.14);
    color: #334155;
    border-color: rgba(100, 116, 139, 0.22);
}
.zp-pill.empty[b-dslwzspkl3] {
    background: #f1f5f9;
    color: #64748b;
    border-color: rgba(15,23,42,.08);
}
.zp-pill[b-dslwzspkl3] {
    transition: background-color .15s ease, color .15s ease;
}
    .zp-pill.urlaub[b-dslwzspkl3] {
        background: rgba(250, 204, 21, 0.16); /* soft sarı */
        color: #92400e; /* sıcak koyu sarı/kahve */
        border-color: rgba(250, 204, 21, 0.28);
    }
.zp-iconbtn[b-dslwzspkl3] {
    font-size: 16px;
}

    .zp-iconbtn:hover[b-dslwzspkl3] {
        background: linear-gradient(135deg,#1e66d0,#0ea5e9);
        color: #fff;
    }
/* _content/Xi_server_app/Shared/NavMenu.razor.rz.scp.css */