/* Report Modal Styles */
.report-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: reportModalFadeIn 0.3s ease;
}

@keyframes reportModalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.report-modal-container {
    background: white;
    border-radius: 0;
    box-shadow: none;
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
    animation: reportModalSlideUp 0.3s ease;
}

@keyframes reportModalSlideUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.report-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.report-modal-close:hover {
    background: #f56565;
    color: white;
    transform: scale(1.1);
}

.report-modal-content {
    display: flex;
    height: 100%;
}

/* === Dialog-style modal bileşenleri (Çalışma Saatleri referansıyla uyumlu) === */
.report-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
    flex-shrink: 0;
}

.report-modal-header h3 {
    margin: 0;
    color: #2c3e50;
    font-size: 18px;
    font-weight: 500;
}

.report-modal-header-close {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #6c757d;
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transition: color 0.2s;
    flex-shrink: 0;
}

.report-modal-header-close:hover {
    color: #c53030;
}

.report-modal-body {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
}

.report-modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 16px 20px;
    border-top: 1px solid #e9ecef;
    background: #f8f9fa;
    flex-shrink: 0;
}

.report-modal-footer .btn-cancel {
    padding: 8px 16px;
    border: 1px solid #6c757d;
    border-radius: 2px;
    background: white;
    font-size: 13px;
    cursor: pointer;
    color: #6c757d;
    transition: all 0.2s;
}

.report-modal-footer .btn-cancel:hover {
    background: #6c757d;
    color: white;
}
/* ============================================================================ */

/* Sol Menü */
.report-menu {
    width: 300px;
    background: #f8fafc;
    border-right: 1px solid #e2e8f0;
    padding: 20px;
    overflow-y: auto;
}

.report-menu h3 {
    margin: 0 0 20px 0;
    color: #2d3748;
    font-size: 18px;
    font-weight: 600;
}

.report-menu-list {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.report-menu-item {

    background: white;

    border: 2px solid #e2e8f0;

    border-radius: 8px;

    padding: 12px 16px;

    text-align: left;

    cursor: pointer;

    transition: all 0.2s ease;

    font-size: 14px;

    line-height: 1.4;

    color: #4a5568;

    font-weight: 500;

}



.report-menu-item:hover {

    border-color: #cbd5e0;

    background: #f7fafc;

    transform: translateY(-1px);

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);

}



.report-menu-item.active {

    background: #4299e1;

    border-color: #3182ce;

    color: white;

    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);

}



.report-menu-item.active:hover {

    background: #3182ce;

    border-color: #2c5aa0;

}



/* Sağ Çalışma Alanı */

.report-workspace {

    flex: 1;

    background: white;

    overflow-y: auto;

    height: 100%;

}



#bepFormWorkspaceContent,

#reportWorkspaceContent {

    height: 100%;

}



/* EK-4 & EK-5 & Invoice Workspace */

.report-ek4-workspace,

.report-ek5-workspace,

.report-invoice-workspace {

    display: grid;

    grid-template-columns: 350px 1fr;

    gap: 10px;

    height: 100%;

}



.report-settings-panel {

    background: #f8fafc;

   

    padding: 20px;

    border: 1px solid #e2e8f0;

    height: 100%        ;

}



.report-settings-panel h4 {

    margin: 0 0 20px 0;

    color: #2d3748;

    font-size: 16px;

    font-weight: 600;

}



.report-preview-panel {

    background: white;

  

    border: 1px solid #e2e8f0;

    overflow: hidden;

    display: flex;

    flex-direction: column;

}



.report-preview-panel h4 {

    background: #f8fafc;

    margin: 0;

    padding: 15px 20px;

    border-bottom: 1px solid #e2e8f0;

    color: #2d3748;

    font-size: 16px;

    font-weight: 600;

}



.report-preview-content {

    flex: 1;

    padding: 20px;

    overflow-y: auto;

}



/* BEP Form için önizleme - tam sayfa */

#kabaDegerlendirmePreview {

    padding: 0;

}



/* BEP Ayarlar Toggle Sistemi */

.bep-form-workspace {

    transition: grid-template-columns 0.3s ease;

}



.bep-form-workspace.settings-hidden {

    grid-template-columns: 0 1fr;

}



.bep-settings-panel {

    transition: all 0.3s ease;

    overflow: hidden;

}



.bep-form-workspace.settings-hidden .bep-settings-panel {

    padding: 0;

    opacity: 0;

    visibility: hidden;

}



.bep-settings-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 15px;

}



.bep-settings-header h4 {

    margin: 0;

}



.bep-settings-toggle {

    background: #e2e8f0;

    border: none;

    width: 32px;

    height: 32px;

    border-radius: 6px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: all 0.2s ease;

}



.bep-settings-toggle:hover {

    background: #cbd5e0;

}



.bep-settings-show {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    background: #4299e1;

    border: none;

    width: 24px;

    height: 60px;

    border-radius: 0 6px 6px 0;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    color: white;

    transition: all 0.2s ease;

    z-index: 10;

}



.bep-settings-show:hover {

    background: #3182ce;

    width: 28px;

}



.bep-preview-panel {

    position: relative;

}



/* EK-4 Preview */

.ek4-preview {

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    line-height: 1.5;

}



.ek4-header {

    text-align: center;

    margin-bottom: 25px;

    padding-bottom: 15px;

    border-bottom: 2px solid #e2e8f0;

}



.ek4-header h5 {

    margin: 0;

    color: #2d3748;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.ek4-info-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 15px;

    margin-bottom: 25px;

}



.ek4-info-item {

    background: #f8fafc;

    padding: 12px;

    border-radius: 6px;

    border-left: 4px solid #4299e1;

    font-size: 13px;

}



.ek4-info-item strong {

    color: #2d3748;

    display: block;

    margin-bottom: 4px;

    font-weight: 600;

}



.ek4-lessons {

    margin-bottom: 25px;

}



.ek4-lessons h6 {

    margin: 0 0 15px 0;

    color: #2d3748;

    font-size: 14px;

    font-weight: 600;

    padding-bottom: 8px;

    border-bottom: 1px solid #e2e8f0;

}



.ek4-lessons-list {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.ek4-lesson-item {

    background: #f8fafc;

    padding: 10px 12px;

    border-radius: 6px;

    display: grid;

    grid-template-columns: 100px 120px 80px 1fr;

    gap: 12px;

    align-items: center;

    font-size: 12px;

    border-left: 3px solid #68d391;

}



.lesson-date {

    font-weight: 600;

    color: #2d3748;

}



.lesson-time {

    color: #4a5568;

    font-family: monospace;

}



.lesson-type {

    background: #e6fffa;

    color: #285e61;

    padding: 2px 6px;

    border-radius: 4px;

    font-size: 11px;

    font-weight: 500;

    text-align: center;

}



.lesson-teacher {

    color: #4a5568;

    font-weight: 500;

}



.ek4-actions {

    display: flex;

    gap: 10px;

    justify-content: center;

    padding-top: 20px;

    border-top: 1px solid #e2e8f0;

}



/* Responsive */

@media (max-width: 1200px) {

    .report-ek4-workspace,

    .report-ek5-workspace {

        grid-template-columns: 1fr;

        gap: 20px;

    }

    

    .report-settings-panel {

        order: 1;

    }

    

    .report-preview-panel {

        order: 2;

        min-height: 500px;

    }

}



@media (max-width: 768px) {

    .report-modal-container {

        width: 100vw;

        height: 100vh;

        border-radius: 0;

    }

    

    .report-modal-content {

        flex-direction: column;

    }

    

    .report-menu {

        width: 100%;

        height: 200px;

        border-right: none;

        border-bottom: 1px solid #e2e8f0;

    }

    

    .report-menu-list {

        flex-direction: row;

        overflow-x: auto;

        gap: 10px;

        padding-bottom: 10px;

    }

    

    .report-menu-item {

        min-width: 200px;

        white-space: nowrap;

    }

    

    .ek4-info-grid {

        grid-template-columns: 1fr;

    }

    

    .ek4-lesson-item {

        grid-template-columns: 1fr;

        gap: 6px;

        text-align: left;

    }

}



/* Form Elements */

.report-settings-panel .uk-select,

.report-settings-panel .uk-input {

    border-radius: 6px;

    border: 1px solid #e2e8f0;

    font-size: 14px;

}



.report-settings-panel .uk-select:focus,

.report-settings-panel .uk-input:focus {

    border-color: #4299e1;

    box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);

}



.report-settings-panel .uk-button {

    border-radius: 6px;

    font-weight: 600;

    transition: all 0.2s ease;

}



.report-settings-panel .uk-button-primary {

    background: #4299e1;

    border-color: #4299e1;

}



.report-settings-panel .uk-button-primary:hover {

    background: #3182ce;

    border-color: #3182ce;

    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);

}



/* Toplu Rapor Stilleri */

.ek4-bulk-preview {

    background: white;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

}



.ek4-bulk-summary {

    background: #f8f9fa;

    padding: 15px;

    border-radius: 6px;

    margin-bottom: 20px;

    border-left: 4px solid #007bff;

}



.ek4-students-table-container {

    max-height: 400px;

    overflow-y: auto;

    border: 1px solid #e9ecef;

    border-radius: 8px;

    margin-top: 15px;

}



.ek4-students-table {

    font-size: 9pt;

    margin: 0;

}



.ek4-students-table th {

    background: #f8f9fa;

    font-weight: bold;

    position: sticky;

    top: 0;

    z-index: 10;

}



.ek4-students-table td {

    padding: 8px 4px;

    vertical-align: middle;

}



.ek4-students-table .uk-badge {

    font-size: 8pt;

    padding: 4px 8px;

}



.ek4-student-row:hover {

    background-color: #f8f9fa;

}



.student-checkbox {

    transform: scale(1.2);

    margin: 0;

}



.ek4-student-card {

    background: white;

    border: 1px solid #e9ecef;

    border-radius: 8px;

    padding: 15px;

    transition: box-shadow 0.2s ease;

}



.ek4-student-card:hover {

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}



.student-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 10px;

}



.student-header strong {

    font-size: 14px;

    color: #2c3e50;

    font-weight: 600;

}



.student-stats {

    display: flex;

    justify-content: space-between;

    margin-bottom: 8px;

}



.lesson-stat {

    font-size: 12px;

    padding: 3px 6px;

    border-radius: 4px;

    background: #e8f4f8;

    color: #0073aa;

    font-weight: 500;

}



.student-lessons {

    text-align: center;

    margin-top: 8px;

}



.ek4-bulk-actions {

    display: flex;

    gap: 10px;

    justify-content: center;

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #e9ecef;

}



/* Çoklu seçim alanları */

.uk-select[multiple] {

    min-height: 140px;

    padding: 8px;

    border: 2px solid #e5e5e5;

    border-radius: 6px;

    background: white;

}



.uk-select[multiple]:focus {

    border-color: #007bff;

    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);

}



.uk-select[multiple] option {

    padding: 8px 12px;

    border-radius: 4px;

    margin: 2px 0;

}



.uk-select[multiple] option:checked {

    background: #007bff !important;

    color: white !important;

}



.uk-select[multiple] option:hover {

    background: #f8f9fa !important;

    color: #007bff !important;

}



/* Çoklu seçim yardım metni */

.uk-text-muted {

    font-size: 11px;

    color: #6c757d;

    font-style: italic;

    margin-top: 4px;

}



/* EK-4 PDF Format Stilleri - FastReport Uyumlu */

.ek4-document {

    font-family: 'Arial', sans-serif;

    font-size: 7pt;

    line-height: 1.1;

    color: #000;

    background: white;

   

    width: 297mm;

    min-height: 210mm;

    margin: 10px;

    box-sizing: border-box;

}



.ek4-main-title {

    text-align: center;

    font-family: Arial, sans-serif;

    font-size: 13pt;

    font-weight: 600;



    text-transform: uppercase;

    letter-spacing: 0.3px;

   

}



.ek4-header-section {

  

    border: 1px solid #000;

    padding: 0;

}



.ek4-header-table {

    width: 100%;

    border-collapse: collapse;

    font-size: 8pt;

}



.ek4-header-cell {

    border: 1px solid #000;

    padding: 4px 6px;

    vertical-align: middle;

    font-size: 8pt;

    min-height: 18px;

}



.ek4-header-cell.bold {

    font-weight: bold;

}



.ek4-header-cell.checkbox-cell {

    text-align: center;

    font-weight: bold;

    width: 30px;

    background-color: #f5f5f5;

}



/* Dikey yazı stili */

.ek4-vertical-text {

    writing-mode: vertical-rl;

    text-orientation: mixed;

    transform: rotate(180deg);

    text-align: center;

    vertical-align: middle;

    white-space: nowrap;

    font-size: 7pt;

    padding: 2px !important;

}



/* Sütun genişlikleri */

.ek4-header-table td:nth-child(1) { width: 10%; } /* 1.KURUM ADI label */

.ek4-header-table td:nth-child(2) { width: 18%; } /* Kurum değeri */

.ek4-header-table td:nth-child(3) { width: 10%; } /* 5-7 label */

.ek4-header-table td:nth-child(4) { width: 12%; } /* 5-7 değer */

.ek4-header-table td:nth-child(5) { width: 22%; } /* 8. RAM sütunu - geniş */

.ek4-header-table td:nth-child(6) { width: 8%; }  /* 10. ALINAN EĞİTİM ŞEKLİ */

.ek4-header-table td:nth-child(7) { width: 10%; } /* Bireysel Eğt. - 10 ile aynı */

.ek4-header-table td:nth-child(8) { width: 10%; } /* Grup Eğt. - 10 ile aynı */



/* Tablo Stilleri - FastReport Uyumlu */

.ek4-table-section {

    margin: 2mm 0;

}



.ek4-table {

    width: 100%;

    border-collapse: collapse;

    border: 1px solid #000;

    font-family: Arial, sans-serif;

    font-size: 8pt;

    table-layout: fixed;

}



.ek4-table th, .ek4-table td {

    border: 1px solid #000;

    padding: 2mm 1mm;

    text-align: left;

    vertical-align: middle;

    word-wrap: break-word;

    overflow: hidden;

    height: 7mm;

    min-height: 7mm;

}



/* Ders satırları için sınıf */

.ek4-lesson-row td {

    /* Normal modda değişiklik yok, compact modda override edilecek */

}



.ek4-table th {

    background-color: white;

    font-weight: bold;

    font-size: 7pt;

}



/* FastReport Sütun Genişlikleri (Landscape A4 için optimize) */

.ek4-th-date, .ek4-td-date { 

    width: 18mm; 

    font-size: 7pt;

}

.ek4-th-time, .ek4-td-time { 

    width: 18mm; 

    font-size: 7pt;

}

.ek4-th-type, .ek4-td-type { 

    width: 13mm; 

    font-size: 7pt;

}

.ek4-th-teacher, .ek4-td-teacher { 

    width: 35mm; 

    font-size: 7pt;

}

.ek4-th-branch, .ek4-td-branch { 

    width: 38mm; 

    font-size: 7pt;

}

.ek4-th-program, .ek4-td-program { 

    width: 55mm; 

    font-size: 7pt;

}

.ek4-th-module, .ek4-td-module { 

    width: 43mm; 

    font-size: 7pt;

}

.ek4-th-submodule, .ek4-td-submodule { 

    width: 15mm; 

    font-size: 7pt;

}

.ek4-th-telafi, .ek4-td-telafi { 

    width: 20mm; 

    font-size: 7pt;

}

.ek4-th-signature1, .ek4-td-signature1 { 

    width: 15mm; 

    font-size: 7pt;

}

.ek4-th-signature2, .ek4-td-signature2 { 

    width: 15mm; 

    font-size: 7pt;

}



.ek4-table-row:nth-child(even) {

    background-color: #f9f9f9;

}



.ek4-no-data {

    text-align: center;

    font-style: italic;

    color: #666;

}



/* İmza Bölümü */

.ek4-signature-section {

        display: grid

    ;

        grid-template-columns: 1fr 1fr;

        gap: 20px;

        

        border: 1px solid #000;

        padding: 5px;

        width: 50%;

        margin-left: 548px;

        border: 1 px solid #000;

        margin-top: -5px;

        align: right;

}



.ek4-signature-title {

    text-align: left;

    font-weight: bold;

    margin-bottom: 15px;

    font-size: 8pt;

}



.ek4-signature-info {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.ek4-signature-row {

    display: flex;

    align-items: center;

}



.ek4-signature-label {

    font-size: 7pt;

    min-width: 100px;

    margin-right:  7px;

}



.ek4-signature-value {

    flex: 1;

    /* border-bottom: 1px solid #000; */

    min-height: 10px;

    padding-bottom: 2px;

    font-size: 7pt;

}



/* Yazdırma Stilleri - FastReport Landscape Uyumlu */

@media print {

    .ek4-document {

        padding: 6.25mm 12.5mm;

        max-width: none;

        width: 297mm;

        height: 210mm;

        margin: 0;

        font-size: 8pt;

        page-break-before: auto;

    }

    

    .ek4-actions {

        display: none !important;

    }

    

    .ek4-table {

        font-size: 7pt;

    }

    

    .ek4-table th, .ek4-table td {

        padding: 1mm;

        height: 6mm;

        font-size: 7pt;

    }

    

    .ek4-main-title {

        font-size: 10pt;

        margin-bottom: 8mm;

        font-family: 'Arial Black', Arial, sans-serif;

    }

    

    .ek4-signature-section {

       

      

    }

    

    /* Sayfa sonu kontrolü */

    .ek4-table-section {

        page-break-inside: avoid;

    }

    

    .ek4-signature-section {

        page-break-inside: avoid;

    }

    

    /* Landscape orientation */

    @page {

        size: A4 landscape;

        margin: 6.25mm 12.5mm;

    }

    

    /* ÜÇ AŞAMALI DİNAMİK SATIR YÜKSEKLİK SİSTEMİ */

    

    /* SEVIYE 1: Standard Mode (≤14 ders) - Değişiklik yok */

    .ek4-standard .ek4-lesson-row td {

        /* Mevcut 7mm sistem korunur */

    }

    

    /* SEVIYE 2: Compact Mode (15-19 ders) - 3mm satır yüksekliği */

    .ek4-compact .ek4-lesson-row td {

        height: 3mm !important;

        min-height: 3mm !important;

        padding: 0.5mm !important;

        font-size: 6pt !important;

        line-height: 1.1 !important;

    }

    

    .ek4-compact .ek4-table th {

        padding: 1mm !important;

        font-size: 6pt !important;

        line-height: 1.2 !important;

    }

    

    .ek4-compact .ek4-header-cell {

        padding: 1mm !important;

        font-size: 6pt !important;

    }

    

    .ek4-compact .ek4-main-title {

        font-size: 10pt !important;

        margin-bottom: 4mm !important;

    }

    

    /* SEVIYE 3: Ultra-Compact Mode (20-24 ders) - 1mm satır yüksekliği */

    .ek4-ultra-compact .ek4-lesson-row td {

        height: 2.5mm !important;

        min-height: 2.5mm !important;

        padding: 0.2mm !important;

        font-size: 6pt !important;

        line-height: 1 !important;

    }

    

    .ek4-ultra-compact .ek4-table th {

        padding: 0.3mm !important;

        font-size: 6pt !important;

        line-height: 1 !important;

    }

    

    .ek4-ultra-compact .ek4-header-cell {

        padding: 0.3mm !important;

        font-size: 7pt !important;

    }

    

    .ek4-ultra-compact .ek4-main-title {

        font-size: 8pt !important;

        margin-bottom: 2mm !important;

    }

    

    /* İMZA ALANI - Derslerin hemen sonrasında görünür */

    .ek4-signature-section {

        page-break-inside: avoid;

        /* Sabit pozisyon kaldırıldı - artık normal flow'da */

    }

    

    /* Sayfa düzeni kontrolü */

    .ek4-document {

        position: relative;

        page-break-after: always;

    }

}



/* EK-5 Yazdırma Stilleri - Tek Sayfa Optimizasyonu */

@media print {

    .ek5-monthly-report, .ek5-weekly-report {

        width: 297mm;

        height: 210mm;

        margin: 0;

        padding: 8mm 10mm;

        font-family: Arial, sans-serif;

        font-size: 6pt;

        line-height: 1.1;

        page-break-after: always;

        box-sizing: border-box;

    }

    

    /* Başlık düzenlemesi */

    .ek5-monthly-report h3 {

        font-size: 9pt !important;

        margin: 0 0 3mm 0 !important;

        font-weight: bold;

    }

    

    /* Ana tablo */

    .ek5-schedule-table table {

        width: 100% !important;

        border-collapse: collapse !important;

        font-size: 6pt !important;

        margin: 0 !important;

    }

    

    .ek5-schedule-table th {

        border: 1px solid #333 !important;

        padding: 3px !important;

        font-size: 6pt !important;

        text-align: center !important;

        height: 6mm !important;

        background-color: #f0f0f0 !important;

        -webkit-print-color-adjust: exact !important;

        print-color-adjust: exact !important;

    }

    

    .ek5-schedule-table td {

        border: 1px solid #333 !important;

        padding: 3px !important;

        font-size: 5pt !important;

        text-align: center !important;

        height: 5mm !important;

        overflow: hidden !important;

        word-wrap: break-word !important;

    }

    

    /* Öğretmen bilgileri tablosu */

    .ek5-teacher-info {

        margin-top: 3mm !important;

    }

    

    .ek5-teacher-info table {

        width: 100% !important;

        border-collapse: collapse !important;

        font-size: 6pt !important;

    }

    

    .ek5-teacher-info th,

    .ek5-teacher-info td {

        border: 1px solid #333 !important;

        padding: 3px !important;

        font-size: 6pt !important;

        text-align: center !important;

        height: 6mm !important;

    }

    

    /* Footer açıklama */

    .ek5-footer {

        margin-top: 2mm !important;

        font-size: 6pt !important;

        text-align: left !important;

    }

    

    .ek5-footer p {

        margin: 0 !important;

    }

    

    /* Sayfa boyutu */

    @page {

        size: A4 landscape;

        margin: 8mm 10mm;

    }

    

    /* Sayfa sonu kontrolü */

    .ek5-schedule-table,

    .ek5-teacher-info,

    .ek5-footer {

        page-break-inside: avoid;

    }

}



/* Çoklu EK-5 Rapor Stilleri */

.ek5-multiple-reports-header {

    background: #f8f9fa;

    padding: 15px;

    border-radius: 8px;

    border-left: 4px solid #007bff;

}



.ek5-individual-report {

    border: 1px solid #dee2e6;

    border-radius: 8px;

    padding: 20px;

    background: white;

    box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}



.ek5-individual-report:not(:last-child) {

    margin-bottom: 30px;

}



.ek5-report-header {

    background: #e9ecef;

    padding: 10px 15px;

    border-radius: 6px;

    border-left: 3px solid #28a745;

}



.ek5-report-header h5 {

    color: #495057;

    font-weight: bold;

}



@media print {

    /* SAYFA DÜZENLEMESI */

    @page {

        size: A4 landscape;

        margin: 8mm;

    }

    

    /* Sadece EK-5 raporlarını yazdır - diğer tüm UI elemanlarını gizle */

    body * {

        visibility: hidden !important;

    }

    

    /* EK-5 rapor alanlarını görünür yap */

    #ek5PreviewContent,

    #ek5PreviewContent *,

    .ek5-individual-report,

    .ek5-individual-report *,

    .ek5-document,

    .ek5-document *,

    .ek5-monthly-report,

    .ek5-monthly-report * {

        visibility: visible !important;

    }

    

    /* EK-5 önizleme içeriğini tam sayfa yap */

    #ek5PreviewContent {

        position: absolute !important;

        left: 0 !important;

        top: 0 !important;

        width: 100% !important;

        height: auto !important;

        margin: 0 !important;

        padding: 0 !important;

    }

    

    /* Çoklu rapor başlığını gizle */

    .ek5-multiple-reports-header {

        display: none !important;

    }

    

    /* Her raporu ayrı sayfa yap - SPEZİFİK KURALLAR */

    .ek5-individual-report {

        page-break-before: always !important;

        page-break-inside: avoid !important;

        break-before: page !important;

        break-inside: avoid !important;

        box-shadow: none !important;

        border: none !important;

        margin: 0 !important;

        padding: 0 !important;

        background: white !important;

        width: 100% !important;

        height: auto !important;

        display: block !important;

    }

    

    /* İlk raporda önceki sayfa sonu olmasın */

    .ek5-individual-report:first-child {

        page-break-before: auto !important;

        break-before: auto !important;

    }

    

    /* Rapor başlıklarını gizle */

    .ek5-report-header {

        display: none !important;

    }

    

    /* EK-5 belgesi stilleri */

    .ek5-document {

        margin: 0 !important;

        padding: 0 !important;

        width: 100% !important;

    }

    

    /* EK-5 Monthly Report stilleri */

    .ek5-monthly-report {

        width: 100% !important;

        height: auto !important;

        margin: 0 !important;

        padding: 0 !important;

        page-break-inside: avoid !important;

        break-inside: avoid !important;

    }

}



/* PDF Export için özel stiller */

.html2pdf__page-break {

    page-break-before: always;

}



.ek4-document.pdf-export {

    font-size: 10pt;

    line-height: 1.1;

}



.ek4-document.pdf-export .ek4-table {

    font-size: 8pt;

}



.ek4-document.pdf-export .ek4-table th,

.ek4-document.pdf-export .ek4-table td {

    padding: 2px 3px;

}