/* Bordro Sihirbazı CSS - Kurallarımıza Uygun Tasarım */

/* Ana Wrapper */
.hb-bordro-sihirbazi {
    padding: 15px; /* Ana wrap korunur */
}

/* Disclaimer ve Info stilleri */
.hb-bordro-sihirbazi .hb-disclaimer {
    margin: 15px 0 0;
    padding: 12px;
    background: #F2DEDE;
    border: 1px solid #d9d9d9;
    color: #843534;
    border-radius: 10px;
}

.hb-bordro-sihirbazi .hb-disclaimer strong {
    color: #7a0b0b;
}

.hb-bordro-sihirbazi .hb-alert {
    padding: .75rem .9rem;
    border: 1px solid;
    border-radius: 10px;
    margin: 15px 0 0;
}

.hb-bordro-sihirbazi .hb-alert-info {
    background: #D9EDF7;
    color: #245269;
    border-color: #d9d9d9;
}

.hb-bordro-sihirbazi .hb-alert-success {
    background: #DFF0D8;
    color: #2B542C;
    border-color: #d9d9d9;
}

.hb-bordro-sihirbazi .hb-alert-warning {
    background: #FCF8E3;
    color: #66512C;
    border-color: #d9d9d9;
}

.hb-bordro-sihirbazi .hb-alert-error {
    background: #F2DEDE;
    color: #843534;
    border-color: #d9d9d9;
}

/* Sadece Parametreler sekmesinde dıştaki 15+15 etkisini iptal et */
.hb-bordro-sihirbazi #hb-tab-param {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;   /* sol 15px */
    padding-right: 15px;  /* sağ 15px - en sağ tablo duvara yapışmasın */
}

/* Sekmeler - Ücret / Sonuç */
.hb-bordro-sihirbazi .hb-tabs-nav {
    display: flex;
    gap: 8px;
    margin: 0 0 15px 0;
}

.hb-bordro-sihirbazi .hb-tab-btn {
    padding: 6px 12px;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    color: #333;
    border-radius: 6px;
    cursor: pointer;
}

.hb-bordro-sihirbazi .hb-tab-btn.is-active {
    background: #245269;
    border-color: #245269;
    color: #ffffff;
}

/* Parametreler sekmesi butonu aktifken bordo olsun */
.hb-bordro-sihirbazi .hb-tabs-nav .hb-tab-btn[data-tab="param"].is-active {
    background: #4A1F1F;
    border-color: #4A1F1F;
    color: #ffffff;
}

/* Sonuç sekmesi butonu aktifken yeşil olsun */
.hb-bordro-sihirbazi .hb-tabs-nav .hb-tab-btn[data-tab="sonuc"].is-active {
    background: #2B542C;
    border-color: #2B542C;
    color: #ffffff;
}

/* Maliyet sekmesi butonu aktifken #66512C olsun */
.hb-bordro-sihirbazi .hb-tabs-nav .hb-tab-btn[data-tab="maliyet"].is-active {
    background: #66512C;
    border-color: #66512C;
    color: #ffffff;
}

.hb-bordro-sihirbazi .hb-tab-panel { display: none; }
.hb-bordro-sihirbazi .hb-tab-panel.is-active { display: block; }

/* Parametreler sekmesi paneli nötr arkaplan (bordo sadece sekme başlığında) */
.hb-bordro-sihirbazi #hb-tab-param {
    background: transparent;
    border: none;
    padding: 0;
    color: inherit;
}

.hb-bordro-sihirbazi .hb-param-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* kartlar arası 15px */
    align-items: start; /* tüm sütunlar üstten hizalansın */
}

.hb-bordro-sihirbazi .hb-param-card {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    min-height: auto; /* veri olmasa da eşit yükseklik gerekmiyor */
    display: flex;
    flex-direction: column;
}

.hb-bordro-sihirbazi .hb-param-title {
    font-weight: 600;
    margin: 0 0 6px 0; /* daha az alt boşluk */
    color: #333333;
}

/* Parametreler: başlık-altı bloklarda ekstra boşluk bırakma */
.hb-bordro-sihirbazi #hb-tab-param .hb-param-body { margin: 0; }
.hb-bordro-sihirbazi #hb-tab-param .hb-param-body > * { margin-top: 0; }

/* Orta ve sağ kartları sarı çizgiye yaklaştırmak için çok küçük yukarı kaydır */
.hb-bordro-sihirbazi #hb-tab-param .hb-param-grid > .hb-param-card:nth-child(2),
.hb-bordro-sihirbazi #hb-tab-param .hb-param-grid > .hb-param-card:nth-child(3) {
    margin-top: -6px;
}
/* 1. kartı da yukarı al */
.hb-bordro-sihirbazi #hb-tab-param .hb-param-grid > .hb-param-card:nth-child(1) {
    margin-top: -6px;
}

/* Oran sütununu sağa yasla (2. sütun) */
.hb-bordro-sihirbazi #hb-tab-param .hb-param-split-table th:nth-child(2),
.hb-bordro-sihirbazi #hb-tab-param .hb-param-split-table td:nth-child(2) {
    text-align: right;
}

.hb-bordro-sihirbazi .hb-param-body { flex: 1; }
.hb-bordro-sihirbazi .hb-param-list { margin: 0; padding-left: 16px; }

/* Loading animasyonu - Parametreler sekmesi */
.hb-bordro-sihirbazi .hb-loading-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    min-height: 60px;
}

.hb-bordro-sihirbazi .hb-loading-spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2B542C;
    border-radius: 50%;
    animation: hb-spin 0.8s linear infinite;
}

.hb-bordro-sihirbazi .hb-loading-text {
    color: #6c757d;
    font-size: 14px;
    font-weight: 500;
}

@keyframes hb-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Parametreler sekmesinde içerikleri sarı çizgilere yaklaştır (iç boşlukları kaldır) */
.hb-bordro-sihirbazi #hb-tab-param .hb-param-list { padding-left: 0; }
.hb-bordro-sihirbazi #hb-tab-param .hb-param-split-table { margin: 0; }
.hb-bordro-sihirbazi #hb-tab-param .hb-param-two-col { margin: 0; }
.hb-bordro-sihirbazi .hb-param-list li { margin: 4px 0; }

/* Dönemli tablo (Ocak–Haziran / Temmuz–Aralık) */
.hb-bordro-sihirbazi .hb-param-split { margin-top: 8px; }
.hb-bordro-sihirbazi .hb-param-split-table { 
    width: 100%; 
    border-collapse: collapse; /* radius iptal, net tek kenarlık */
    border-spacing: 0; 
    border: 1px solid #d9d9d9; /* 1px */
}
.hb-bordro-sihirbazi .hb-param-split table,
.hb-bordro-sihirbazi .hb-param-split-table { border-radius: 0; overflow: visible; }

/* Hücre kenarlıkları: dış çerçeveye çift çizgi yapmasın */
.hb-bordro-sihirbazi .hb-param-split-table th,
.hb-bordro-sihirbazi .hb-param-split-table td { border: 0; }
.hb-bordro-sihirbazi .hb-param-split-table thead th { 
    background: #f8f8f8; 
    border-bottom: 1px solid #d9d9d9; /* 1px */
}
.hb-bordro-sihirbazi .hb-param-split-table tr + tr td { border-top: 1px solid #e6e6e6; } /* 1px satır ayırıcı */
.hb-bordro-sihirbazi .hb-param-split-table th + th,
.hb-bordro-sihirbazi .hb-param-split-table td + td { border-left: 1px solid #e6e6e6; } /* 1px sütun ayırıcı */
.hb-bordro-sihirbazi .hb-param-split-table th,
.hb-bordro-sihirbazi .hb-param-split-table td {
    border: 1px solid #d9d9d9;
    padding: 4px 6px;
    text-align: center;
}
.hb-bordro-sihirbazi .hb-param-split-table .hb-param-name { text-align: left; font-weight: 600; }

/* SGK Oranları iki sütun chip görünümü */
/* Kart Grid (kutucuk tasarım) */
.hb-bordro-sihirbazi .hb-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 12px;
}
.hb-bordro-sihirbazi .hb-card {
    background: #ffffff;
    border-radius: 10px;           /* tüm köşeler yuvarlak */
    box-shadow: inset 0 0 0 1px #d9d9d9; /* net 1px çerçeve */
    padding: 10px;
}
.hb-bordro-sihirbazi .hb-card-hd { font-weight: 700; margin: 0 0 6px 0; }
.hb-bordro-sihirbazi .hb-card-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
}
.hb-bordro-sihirbazi .hb-card-row + .hb-card-row { border-top: 1px solid #eee; }
.hb-bordro-sihirbazi .hb-card-val { font-weight: 700; }

@media (max-width: 768px) {
    .hb-bordro-sihirbazi .hb-param-grid {
        grid-template-columns: 1fr;
    }
}

/* Ücret sekmesi alt sağ hesapla butonu hizası */
.hb-bordro-sihirbazi #hb-tab-ucret .hb-bordro-actions.hb-actions-right {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

/* Sonuç sekmesi aksiyonları */
.hb-bordro-sihirbazi #hb-tab-sonuc .hb-result-actions {
    display: flex;
    justify-content: flex-end; /* sağa yaslı */
    gap: 10px;
    margin: 10px 0 0 0;
}

/* Üst Header - Grid Layout */
.hb-bordro-sihirbazi .hb-bordro-header {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 15px;
    padding: 15px;
	margin: 0 0 15px 0;	
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

.hb-bordro-sihirbazi .hb-header-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.hb-bordro-sihirbazi .hb-header-item label {
    font-weight: 600;
    color: #333333;
    font-size: 14px;
}

/* İstatistikler Grid */
.hb-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 eşit sütun */
    gap: 15px;
    margin: 15px 0 15px 0;
}

.hb-stat-card {
    display: flex;
    align-items: flex-start;
    padding: 15px;
    background: #f8f9fa;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    min-height: 90px;
    height: 100%; /* Tüm kutular aynı yükseklikte */
}

.hb-stat-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
}

.hb-stat-label {
    font-size: 16px;
    color: #6c757d;
    font-weight: 600;
    line-height: 1.3;
    margin: 0;
}

.hb-stat-value {
    font-size: 32px;
    font-weight: 700;
    color: #2B542C;
    line-height: 1.2;
    margin: 0;
}

.hb-stat-value.hb-stat-date {
    font-size: 32px; /* Diğer değerlerle aynı boyut */
    color: #2B542C; /* Yeşil renk */
    font-weight: 700; /* Diğer değerlerle aynı kalınlık */
    margin: 0;
}

@media (max-width: 768px) {
    .hb-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .hb-stat-card {
        min-height: 80px;
        padding: 15px;
    }
    
    .hb-stat-label {
        font-size: 14px;
    }
    
    .hb-stat-value {
        font-size: 24px;
    }
    
    .hb-stat-value.hb-stat-date {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .hb-stats-grid {
        grid-template-columns: 1fr;
    }
}

/* Input ve Select - Standart Boyutlar */
.hb-bordro-sihirbazi .hb-year-select,
.hb-bordro-sihirbazi .hb-gun-secenekleri,
.hb-bordro-sihirbazi .hb-input-readonly {
    height: 35px;
    /*padding: 8px 12px;*/
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
    font-size: 14px;
}

.hb-bordro-sihirbazi .hb-input-readonly {
    background: #f8f9fa;
    color: #6c757d;
}

.hb-bordro-sihirbazi .hb-year-select:focus,
.hb-bordro-sihirbazi .hb-gun-secenekleri:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
}

.hb-bordro-sihirbazi .hb-year-select:hover,
.hb-bordro-sihirbazi .hb-gun-secenekleri:hover {
    border-color: #007bff;
    cursor: pointer;
}

/* Tablo Container - Grid Layout */
/* Sticky columns for result table */
.hb-sonuc-container .hb-sticky-col-1 {
    position: sticky;
    left: 0;
    z-index: 10;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.05);
}

.hb-sonuc-container .hb-sticky-col-2 {
    position: sticky;
    left: 110px; /* Ay sütunu genişliği (110px) */
    z-index: 10;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.05);
}

.hb-sonuc-container .hb-sticky-col-3 {
    position: sticky;
    left: 200px; /* Ay (110px) + Maaş (90px) = 200px */
    z-index: 10;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.05);
}

.hb-sonuc-container .hb-sticky-col-4 {
    position: sticky;
    left: 250px; /* Ay (110px) + Maaş (90px) + Maaş Tipi (50px) = 250px */
    z-index: 10;
    background: #ffffff;
    box-shadow: 2px 0 4px rgba(0,0,0,0.05);
}

.hb-sonuc-container .hb-table-header .hb-sticky-col-1,
.hb-sonuc-container .hb-table-header .hb-sticky-col-2,
.hb-sonuc-container .hb-table-header .hb-sticky-col-3,
.hb-sonuc-container .hb-table-header .hb-sticky-col-4 {
    z-index: 11; /* Header'da üstte kalsın */
    background: #2B542C!important; /* Yeşil - sonuç tablosu header rengi */
}

/* Sticky header th elementleri için arka plan - AY sütunu için özel - EN SPESİFİK */
.hb-bordro-sihirbazi .hb-sonuc-container #sonuc_table thead th.hb-sticky-col-1.hb-th-ay,
.hb-bordro-sihirbazi .hb-sonuc-container #sonuc_table .hb-table-header th.hb-sticky-col-1.hb-th-ay,
.hb-bordro-sihirbazi .hb-sonuc-container thead th.hb-sticky-col-1.hb-th-ay,
.hb-bordro-sihirbazi .hb-sonuc-container .hb-table-header th.hb-sticky-col-1.hb-th-ay,
.hb-sonuc-container thead th.hb-sticky-col-1.hb-th-ay,
.hb-sonuc-container .hb-table-header th.hb-sticky-col-1.hb-th-ay,
.hb-sonuc-container thead th.hb-sticky-col-1 {
    background: #2B542C !important; /* Yeşil - AY başlığı için */
    color: #ffffff !important; /* Beyaz yazı */
}

.hb-sonuc-container thead th.hb-sticky-col-2,
.hb-sonuc-container thead th.hb-sticky-col-3,
.hb-sonuc-container thead th.hb-sticky-col-4 {
    background: #2B542C!important; /* Yeşil - sonuç tablosu header rengi */
    color: #ffffff !important; /* Beyaz yazı */
}

/* Sonuç tablosundaki Maaş sütunu genişliği - daraltıldı */
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-maas,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-maas {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: right !important;
}

/* Sonuç tablosundaki kriter sütunları - 50px genişlik ve ortalı - ÇOK SPESİFİK SELECTOR */
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-maas-tipi,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-gun,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-sgk-tipi,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-engel-derece,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-bes,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-gv,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-dv,
.hb-bordro-sihirbazi #sonuc_table .hb-th-kriter-tesvik,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-maas-tipi,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-gun,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-sgk-tipi,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-engel-derece,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-bes,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-gv,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-dv,
.hb-bordro-sihirbazi #sonuc_table .hb-td-kriter-tesvik {
    width: 65px !important;
    min-width: 65px !important;
    max-width: 65px !important;
    text-align: center !important;
    /*padding: 8px 2px !important;*/ /* Az padding - içerik sığsın */
    height: 20px !important; /* Sabit yükseklik */
    min-height: 20px !important;
    max-height: 20px !important;
    white-space: nowrap !important; /* Tek satır */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /* font-size kaldırıldı - varsayılan kullanılacak */
    line-height: 1.2 !important;
    border: 1px solid #d9d9d9 !important; /* Kenarlık eklendi */
}

.hb-bordro-sihirbazi .hb-bordro-table-container {
    overflow-x: auto;
    background: transparent;
}

/* Ana Tablo - Grid Style */
.hb-bordro-sihirbazi .hb-bordro-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    min-width: 800px;
    table-layout: fixed;
    background: transparent;
}

/* Jannaj temasının global table td, th padding: 0.4em kuralını devre dışı bırak */
.hb-bordro-sihirbazi table td,
.hb-bordro-sihirbazi table th {
    padding: 0px 5px !important;
}

/* Jannaj temasının table margin-bottom kuralını devre dışı bırak */
.hb-bordro-sihirbazi table {
    margin-bottom: 0 !important;
}

/* Tablo Header - Grid Style */
.hb-bordro-sihirbazi .hb-table-header {
    background: transparent;
}

.hb-bordro-sihirbazi .hb-table-header th {
    padding: 12px 8px;
    text-align: center;
    font-weight: 600;
    background: #245269; /* Gerçek renginiz - koyu mavi */
    color: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 0; /* Varsayılan - ortadakiler düz */
    white-space: normal; /* Text wrap için */
    text-wrap: wrap; /* Text wrap özelliği */
    box-sizing: border-box;
    vertical-align: middle;
    line-height: 1.2;
}

/* Sonuç tablosu başlık satırı yeşil (kriter tablosundan ayrışması için) */
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th {
    background: #2B542C; /* Yeşil - sonuç başlıkları */
    color: #ffffff;
}

/* Sonuç tablosundaki AY başlığı arka plan rengi - ÇOK SPESİFİK */
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th.hb-th-ay,
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi #sonuc_table thead th.hb-th-ay,
.hb-bordro-sihirbazi #sonuc_table thead th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi #sonuc_table .hb-th-ay {
    background: #2B542C !important;
    color: #ffffff !important;
}

/* Header köşe radius'ları - Titreşim önleme */
.hb-bordro-sihirbazi .hb-th-ay {
    border-top-left-radius: 10px !important;
    border-left: none !important; /* Sol border kaldır */
    border-top: none !important; /* Üst border kaldır */
}

.hb-bordro-sihirbazi .hb-th-tesvik {
    border-top-right-radius: 10px !important;
    border-right: none !important; /* Sağ border kaldır */
    border-top: none !important; /* Üst border kaldır */
}

/* Header hizaları - 10 sütun */
.hb-bordro-sihirbazi .hb-th-ay {
    text-align: left !important;
    width: 120px !important; /* Ay sütunu genişliği - sabit px değeri */
    min-width: 120px !important;
    max-width: 120px !important;
}

.hb-bordro-sihirbazi .hb-th-sgk-tipi,
.hb-bordro-sihirbazi .hb-th-engel-derece,
.hb-bordro-sihirbazi .hb-th-zorunlu-bes,
.hb-bordro-sihirbazi .hb-th-gv,
.hb-bordro-sihirbazi .hb-th-dv,
.hb-bordro-sihirbazi .hb-th-tesvik,
.hb-bordro-sihirbazi .hb-th-maas-tipi,
.hb-bordro-sihirbazi .hb-th-gun {
    text-align: center !important;
}

.hb-bordro-sihirbazi .hb-th-maas {
    text-align: right !important;
}

/* Tablo Satırları - Grid Style */
.hb-bordro-sihirbazi .hb-table-row {
    background: transparent;
}

.hb-bordro-sihirbazi .hb-table-row td {
    /*padding: 8px !important;*/
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 1.2;
    overflow: hidden;
}

/* Kriter tablosu için spesifik - !important YOK, developer tools'dan değiştirilebilir */
.hb-bordro-sihirbazi #bordro_table .hb-table-row td {
    height: 20px;
    min-height: 20px;
    max-height: 20px;
}

/* Sonuç tablosu için spesifik */
.hb-bordro-sihirbazi #sonuc_table .hb-table-row td {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
}

/* Son satır (Aralık) köşe radius'ları - İlk tablo için (footer yok) */
.hb-bordro-sihirbazi #bordro_table .hb-table-row:last-child .hb-td-ay {
    border-bottom-left-radius: 10px !important;
    border-left: none !important; /* Sol border kaldır */
    border-bottom: none !important; /* Alt border kaldır */
}

.hb-bordro-sihirbazi #bordro_table .hb-table-row:last-child .hb-td-tesvik {
    border-bottom-right-radius: 10px !important;
    /* Border'ları kaldırmıyoruz - pembe renkte titreşim yok */
}

/* İkinci tablo için son satır (Aralık) - radius yok (footer var) */
.hb-bordro-sihirbazi #sonuc_table .hb-table-row:last-child .hb-td-ay,
.hb-bordro-sihirbazi #sonuc_table .hb-table-row:last-child td {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px solid #d9d9d9 !important; /* Alt border var */
}

/* Sonuç tablosundaki footer */
.hb-bordro-sihirbazi #sonuc_table .hb-table-footer td {
    height: 35px;
    min-height: 35px;
    max-height: 35px;
    padding: 8px !important;
    line-height: 1.2 !important;
}

/* İçerik hizaları - 10 sütun */
.hb-bordro-sihirbazi .hb-td-ay {
    text-align: left !important;
    /*padding: 8px !important;*/
    font-weight: 600;
    color: #ffffff !important;
    background: #66512C !important; /* Gerçek renginiz - kahverengi */
    width: 120px !important; /* Ay sütunu genişliği - sabit px değeri */
    min-width: 120px !important;
    max-width: 120px !important;
}

/* Kriter tablosundaki ay sütunu için height - padding 8px + line-height hesabı yapıyor */
.hb-bordro-sihirbazi #bordro_table .hb-td-ay {
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    /*padding: 2px 8px;*/
    line-height: 16px;
}

.hb-bordro-sihirbazi .hb-td-sgk-tipi,
.hb-bordro-sihirbazi .hb-td-engel-derece,
.hb-bordro-sihirbazi .hb-td-tesvik,
.hb-bordro-sihirbazi .hb-td-maas-tipi {
    text-align: center !important;
    /*padding: 4px !important;*/
}

.hb-bordro-sihirbazi .hb-td-zorunlu-bes,
.hb-bordro-sihirbazi .hb-td-gv,
.hb-bordro-sihirbazi .hb-td-dv {
    text-align: center !important;
    padding: 0 !important;
}

.hb-bordro-sihirbazi .hb-td-maas {
    text-align: right !important;
    /*padding: 4px !important;*/
}

.hb-bordro-sihirbazi .hb-td-gun {
    text-align: center !important;
    /*padding: 4px !important;*/
}


.hb-bordro-sihirbazi .hb-ay-number {
    margin-right: 5px;
}

/* Input'lar - Border'sız */
.hb-bordro-sihirbazi .hb-maas-input {
    width: 100%;
    height: 32px;
    /*padding: 6px 8px;*/
    border: none;
    border-radius: 0;
    text-align: right;
    background: transparent;
    box-sizing: border-box;
    font-size: 14px;
}

.hb-bordro-sihirbazi .hb-gun-input {
    width: 100%;
    height: 32px;
    /*padding: 6px 8px;*/
    border: none;
    border-radius: 0;
    text-align: center;
    background: transparent;
    box-sizing: border-box;
    font-size: 14px;
}

.hb-bordro-sihirbazi .hb-maas-input:focus,
.hb-bordro-sihirbazi .hb-gun-input:focus {
    outline: none;
    background: transparent; /* Input'a değil parent td'ye uygulanacak */
}

/* Focus durumunda parent td'ye highlight - JavaScript ile kontrol edilecek */
.hb-bordro-sihirbazi .hb-maas-input:focus,
.hb-bordro-sihirbazi .hb-gun-input:focus {
    background: transparent;
}

/* Focus highlight class - JavaScript tarafından eklenir */
.hb-bordro-sihirbazi .hb-focus-highlight {
    background: rgba(0,123,255,0.1) !important;
}

/* Kilit (readonly) durumunda tüm hücre gri */
.hb-bordro-sihirbazi .hb-td-gun.readonly-cell {
    background: #f5f5f5 !important; /* Kilit rengi hep gri */
}

.hb-bordro-sihirbazi .hb-gun-input[readonly] {
    background: transparent !important;
    color: #6c757d;
    cursor: not-allowed;
}

/* Teşvik select kilit durumunda tüm hücre gri */
.hb-bordro-sihirbazi .hb-td-tesvik.readonly-cell {
    background: #f5f5f5 !important; /* Kilit rengi hep gri */
}

.hb-bordro-sihirbazi .hb-tesvik-select[disabled] {
    background: transparent !important;
    color: #6c757d;
    cursor: not-allowed;
}

/* Select'ler - Border'sız ve Ortalanmış */
.hb-bordro-sihirbazi .hb-sgk-tipi-select,
.hb-bordro-sihirbazi .hb-engel-derece-select,
.hb-bordro-sihirbazi .hb-tesvik-select,
.hb-bordro-sihirbazi .hb-maas-tipi-select {
    width: 100%;
    height: 32px;
    /*padding: 6px 8px;*/
    border: none;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    text-align: center;
    text-align-last: center; /* Firefox için */
    font-size: 14px;
}

.hb-bordro-sihirbazi .hb-sgk-tipi-select:focus,
.hb-bordro-sihirbazi .hb-engel-derece-select:focus,
.hb-bordro-sihirbazi .hb-tesvik-select:focus,
.hb-bordro-sihirbazi .hb-maas-tipi-select:focus {
    outline: none;
    background: transparent; /* Select'e değil parent td'ye uygulanacak */
}

/* Select focus durumları da JavaScript ile kontrol edilecek */

/* Checkbox Container - Ortalanmış */
.hb-bordro-sihirbazi .hb-checkbox-container {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 32px;
}

.hb-bordro-sihirbazi .hb-checkbox-container input[type="checkbox"] {
    display: none;
}

.hb-bordro-sihirbazi .hb-checkbox-mark {
    width: 20px;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #ffffff;
    position: relative;
}

.hb-bordro-sihirbazi .hb-checkbox-container input[type="checkbox"]:checked + .hb-checkbox-mark {
    background: #007bff;
    border-color: #007bff;
}

.hb-bordro-sihirbazi .hb-checkbox-container input[type="checkbox"]:checked + .hb-checkbox-mark::after {
    content: '✓';
    position: absolute;
    top: 0px;
    left: 3px;
    color: #ffffff;
    font-weight: bold;
}

/* Alt Butonlar */
.hb-bordro-sihirbazi .hb-bordro-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 15px; /* 15px kuralımıza uygun */
    padding: 0; /* Padding kaldırıldı */
    /* border-top kaldırıldı - çizgi yok */
}

.hb-bordro-sihirbazi .hb-btn {
    height: 40px;
    padding: 8px 24px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.hb-bordro-sihirbazi .hb-btn-primary {
    background: #245269; /* Bizim mavi renk - Hesapla */
    color: #ffffff;
    border-color: #245269;
}

.hb-bordro-sihirbazi .hb-btn-success {
    background: #2B542C; /* Bizim yeşil renk - Excel */
    color: #ffffff;
    border-color: #2B542C;
}

/* Checkbox alanı kaldırıldı - artık gerekli değil */

/* İkinci tablo - scrollbar ve genişlik kontrolü */
.hb-bordro-sihirbazi .hb-bordro-actions + .hb-bordro-table-container {
    overflow-x: auto !important;
    width: 100% !important;
}

.hb-bordro-sihirbazi .hb-bordro-actions + .hb-bordro-table-container .hb-bordro-table {
    table-layout: fixed !important;
    min-width: 2785px !important; /* AY 110px + Maaş 90px + 6 kriter x 50px + SGK Tipi 65px + 20 hesaplama x 90px = 2785px */
    width: auto !important;
}

/* İkinci tablo - AY sütunu genişliği üstteki tablo ile AYNI (110px sabit) */
.hb-bordro-sihirbazi .hb-bordro-actions + .hb-bordro-table-container .hb-th-ay {
    width: 120px !important; /* Üstteki tablo ile aynı px değeri */
    min-width: 120px !important;
    max-width: 120px !important;
}

.hb-bordro-sihirbazi .hb-bordro-actions + .hb-bordro-table-container .hb-td-ay {
    width: 120px !important; /* Üstteki tablo ile aynı px değeri */
    min-width: 120px !important;
    max-width: 120px !important;
}

/* İkinci tablo - AY ve kriter sütunları hariç tüm sütunlar sağa yaslı ve eşit genişlik - daraltılmış */
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th:not(.hb-th-ay):not(.hb-th-kriter-maas):not(.hb-th-kriter-maas-tipi):not(.hb-th-kriter-gun):not(.hb-th-kriter-sgk-tipi):not(.hb-th-kriter-engel-derece):not(.hb-th-kriter-bes):not(.hb-th-kriter-gv):not(.hb-th-kriter-dv):not(.hb-th-kriter-tesvik),
.hb-bordro-sihirbazi #sonuc_table td:not(.hb-td-ay):not(.hb-td-kriter-maas):not(.hb-td-kriter-maas-tipi):not(.hb-td-kriter-gun):not(.hb-td-kriter-sgk-tipi):not(.hb-td-kriter-engel-derece):not(.hb-td-kriter-bes):not(.hb-td-kriter-gv):not(.hb-td-kriter-dv):not(.hb-td-kriter-tesvik) {
    text-align: right !important;
    width: 120px !important; /* Sütun genişliği daraltıldı - 140px'den 90px'e */
    min-width: 120px !important;
    max-width: 120px !important;
}

/* Sonuç tablosundaki başlık satırı - wrap text aktif */
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th {
    white-space: normal !important; /* Wrap text aktif */
    word-wrap: break-word !important;
    line-height: 1.3 !important;
}

/* İkinci tablo - AY sütunu sticky (sabit) */
.hb-bordro-sihirbazi #sonuc_table .hb-th-ay,
.hb-bordro-sihirbazi #sonuc_table .hb-table-header .hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi #sonuc_table thead .hb-th-ay.hb-sticky-col-1 {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;
    background: #2B542C !important; /* Yeşil - Sonuç sekmesi için */
    color: #ffffff !important;
}

.hb-bordro-sihirbazi #sonuc_table .hb-td-ay {
    position: sticky !important;
    left: 0 !important;
    z-index: 10 !important;
    background: #66512C !important;
}

/* ===== KÖŞE RADIUS'LARI ===== */

/* Sağ üst köşe - Son başlık sütunu */
.hb-bordro-sihirbazi .hb-table-header th:last-child {
    border-top-right-radius: 10px !important;
}

/* Sol alt köşe - TOPLAM yazısı */
.hb-bordro-sihirbazi .hb-table-footer td:first-child {
    border-bottom-left-radius: 10px !important;
    border-bottom: none !important; /* Alt border kaldır */
    border-left: none !important; /* Sol border kaldır */
}

/* Sağ alt köşe - Son veri hücresi */
.hb-bordro-sihirbazi .hb-table-footer td:last-child {
    border-bottom-right-radius: 10px !important;
    border-bottom: 1px solid #d9d9d9 !important; /* Alt border var */
    border-right: 1px solid #d9d9d9 !important; /* Sağ border var */
}

/* ===== TOPLAM SATIRI (FOOTER) ===== */

/* Footer satırı genel stil */
.hb-bordro-sihirbazi .hb-table-footer td {
    background: #f8f9fa; /* Açık gri arka plan */
    border: 1px solid #d9d9d9; /* Kenarlık ekle */
    padding: 8px;
    text-align: center;
    font-weight: bold;
    height: 40px;
    box-sizing: border-box;
}

/* Footer'daki ay sütunu */
.hb-bordro-sihirbazi .hb-table-footer .hb-td-ay {
    background: #245269 !important; /* Mavi arka plan */
    color: #ffffff !important;
    text-align: left !important;
}

.hb-bordro-sihirbazi .hb-th-sgk-tipi,
.hb-bordro-sihirbazi .hb-td-sgk-tipi {
    width: 11%; /* SGK Tipi sütunu */
}

.hb-bordro-sihirbazi .hb-th-engel-derece,
.hb-bordro-sihirbazi .hb-td-engel-derece {
    width: 9%; /* Engel Derece sütunu */
}

.hb-bordro-sihirbazi .hb-th-zorunlu-bes,
.hb-bordro-sihirbazi .hb-td-zorunlu-bes {
    width: 8%; /* BES sütunu */
}

.hb-bordro-sihirbazi .hb-th-gv,
.hb-bordro-sihirbazi .hb-td-gv {
    width: 7%; /* GV sütunu */
}

.hb-bordro-sihirbazi .hb-th-dv,
.hb-bordro-sihirbazi .hb-td-dv {
    width: 7%; /* DV sütunu */
}

.hb-bordro-sihirbazi .hb-th-tesvik,
.hb-bordro-sihirbazi .hb-td-tesvik {
    width: 9%; /* Teşvik sütunu */
}

.hb-bordro-sihirbazi .hb-th-maas-tipi,
.hb-bordro-sihirbazi .hb-td-maas-tipi {
    width: 10%; /* Maaş Tipi sütunu */
}

.hb-bordro-sihirbazi .hb-th-maas,
.hb-bordro-sihirbazi .hb-td-maas {
    width: 22%; /* Maaş sütunu (en geniş) */
}

.hb-bordro-sihirbazi .hb-th-gun,
.hb-bordro-sihirbazi .hb-td-gun {
    width: 8%; /* Gün sütunu */
}

/* Responsive */
@media (max-width: 1000px) {
    .hb-bordro-sihirbazi .hb-bordro-header {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 10px;
    }
}

@media (max-width: 768px) {
    .hb-bordro-sihirbazi {
        padding: 10px;
    }
    
    .hb-bordro-sihirbazi .hb-bordro-header {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        padding: 10px;
    }
    
    .hb-bordro-sihirbazi .hb-bordro-actions {
        flex-direction: column;
        gap: 10px;
    }
    
    .hb-bordro-sihirbazi .hb-btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .hb-bordro-sihirbazi .hb-bordro-header {
        grid-template-columns: 1fr;
    }
    
    .hb-bordro-sihirbazi .hb-bordro-table {
        min-width: 600px;
    }
    
    .hb-bordro-sihirbazi .hb-table-header th,
    .hb-bordro-sihirbazi .hb-table-row td {
        padding: 6px 4px;
    }
}

/* ===== SONUÇ TABLOSU AY BAŞLIĞI YEŞİL RENK - EN SON KURAL ===== */
/* Tüm olası kombinasyonlar için çok spesifik selector'lar */
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi #sonuc_table thead th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi .hb-sonuc-container #sonuc_table .hb-table-header th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi .hb-sonuc-container #sonuc_table thead th.hb-th-ay.hb-sticky-col-1,
.hb-bordro-sihirbazi #sonuc_table .hb-table-header th.hb-th-ay,
.hb-bordro-sihirbazi #sonuc_table thead th.hb-th-ay {
    background: #2B542C !important;
    background-color: #2B542C !important;
    color: #ffffff !important;
}

/* ===== MALİYET SEKMESİ STİLLERİ ===== */
.hb-bordro-sihirbazi #hb-tab-maliyet {
    background: transparent;
    padding: 0;
    border-radius: 0;
    min-height: auto;
}

.hb-maliyet-container {
    display: flex;
    gap: 20px;
    align-items: stretch; /* Yükseklikleri eşitle */
    min-height: 500px; /* Minimum yükseklik garanti et */
}

.hb-maliyet-left {
    width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 0; /* Flexbox için önemli */
}

.hb-maliyet-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 0; /* Flexbox için önemli */
}

.hb-maliyet-chart-wrapper {
    background: #fff;
    padding: 20px;
    padding-bottom: 40px; /* Negatif bar text'i için yer aç */
    border-radius: 10px; /* Radius eklendi */
    border: 1px solid #d9d9d9; /* Sabit border rengi */
    flex: 1; /* Tüm yüksekliği kapla */
    overflow: hidden; /* Taşmayı engelle */
    position: relative; /* İçerik pozisyonlaması için */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0; /* Flexbox için önemli */
}

.hb-maliyet-chart-wrapper canvas {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
}

.hb-maliyet-summary {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 15px;
    flex: 1; /* Tüm yüksekliği kapla */
    min-height: 0; /* Flexbox için önemli */
}

.hb-maliyet-summary-card {
    background: #fff;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    text-align: center;
    overflow: hidden; /* Taşmayı engelle */
    word-wrap: break-word; /* Uzun kelimeleri kır */
    min-width: 0; /* Flexbox için önemli */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* hb-maliyet-summary-card-highlight kaldırıldı - hepsi beyaz */

.hb-maliyet-summary-label {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.3;
    min-height: 2.2em; /* İki satır için yeterli alan */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    word-wrap: break-word;
}

.hb-maliyet-summary-value {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    line-height: 1.2;
    word-wrap: break-word;
}

.hb-maliyet-summary-value > span {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}


@media (max-width: 768px) {
    .hb-maliyet-summary {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .hb-maliyet-summary {
        grid-template-columns: 1fr;
    }
}