/* Takvim ana stilleri */


body {


  font-family: Arial, sans-serif;


  margin: 0;


  padding: 0;


  background-color: #f8f9fa;


}





/* Saatler butonu - fc-timegrid-axis içinde */


.hours-floating-btn {


  position: absolute !important;


  top: 5px !important;


  left: 5px !important;


  right: 5px !important;


  background: #28a745 !important;


  color: white !important;


  border: 1px solid #28a745 !important;


  border-radius: 2px !important;


  padding: 3px 6px !important;


  font-size: 10px !important;


  cursor: pointer !important;


  z-index: 1000 !important;


  transition: all 0.2s !important;


  box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;


  white-space: nowrap !important;


  font-weight: 500 !important;


  text-align: center !important;


}





/* Zaman ekseni hücresine relative position ver */


.fc-timegrid-axis {


  position: relative !important;


}





.fc-timegrid-axis-frame {


  position: relative !important;


}





.hours-floating-btn:hover {


  background: #218838 !important;


  border-color: #218838 !important;


  box-shadow: 0 5px 15px rgba(0,0,0,0.3) !important;


  transform: translateY(-2px) !important;


}





/* Takvim container'ın position'ını relative yap */


#calendar {


  position: relative;


}





/* FullCalendar özelleştirmeleri */


.fc-timegrid-slot,


.fc-scrollgrid-sync-table td {


  vertical-align: middle !important;


}





.fc-timegrid-col-frame {


  display: flex;


  flex-direction: column;


  justify-content: center;


  height: 100%;


}





/* Saat dilimi yazıları küçültülmüş */


.fc-timegrid-slot-label,


.fc-timegrid-slot {


  font-size: 12px !important;


}





/* Öğretmen isimleri */


.fc-col-header-cell-cushion {


  font-size: 13px !important;


  font-weight: 500;


  padding: 8px 4px;


}





/* Saat slot yüksekliği */


.fc-timegrid-slot,


.fc-timegrid-slot-label-frame {


  height: 50px !important;


  font-size: 12px !important;


}





/* Takvim container - 80% yükseklik kullanımı */


#calendar {


  height: 100%;


  padding: 0;


  margin: 0;


  background: white;


}





/* Event stilleri */


.fc-timegrid-event {


  


  font-size: 12px;


  overflow: hidden;


  white-space: normal;


  line-height: 1.2;


  text-overflow: ellipsis;


  display: flex;


  flex-direction: column;


  justify-content: center;


  border-radius: 1px;


  cursor: pointer;


  transition: all 0.15s ease;


}





.fc-timegrid-event:hover {


  opacity: 0.85;


  box-shadow: 0 1px 4px rgba(0,0,0,0.15);


}





/* Multi-resource event stilleri */


.fc-event[data-event-id="lunch-break-all"] {


  z-index: 10 !important;


  font-weight: bold;


}





/* Tablo hücreleri */


.fc td, .fc th {


  padding: 0px;


  height: 40px;


  vertical-align: center;


  border-color: #e5e5e5;


}





/* Resource başlıkları */


.fc-resource-area {


  background-color: #f8f9fa;


  border-right: 2px solid #e9ecef;


}





.fc-resource-area-header {


  background-color: #495057;


  color: white;


  font-weight: bold;


}





/* Toolbar özelleştirmesi */


.fc-toolbar {


  background-color: white;


 


  border-radius: 0;


  border-bottom: 2px solid #ddd;


  margin-bottom: 0;


}





.fc .fc-toolbar.fc-header-toolbar {


  margin-bottom: 0 !important;


}





.fc-toolbar-title {


  color: #2c3e50;


  font-size: 1.2rem;


  font-weight: 500;


}





/* Buton stilleri */


.fc-button-primary {


  background-color: #007bff;


  border-color: #007bff;


  font-size: 13px;


}





.fc-button-primary:hover {


  background-color: #0056b3;


  border-color: #0056b3;


}





.fc-button-primary:disabled {


  background-color: #6c757d;


  border-color: #6c757d;


}





/* View butonları */


.fc-button-group > .fc-button {


  margin-right: 2px;


}





/* Print butonu - diğer butonlarla aynı boyut */


.fc-printButton-button {


  background-color: #28a745 !important;


  border-color: #28a745 !important;


  color: white !important;


  font-size: 13px !important;


  padding: 6px 12px !important;


  margin-left: 8px !important;


}





.fc-printButton-button:hover {


  background-color: #1e7e34 !important;


  border-color: #1e7e34 !important;


}





/* Today butonu */


.fc-today-button {


  background-color: #28a745;


  border-color: #28a745;


}





.fc-today-button:hover {


  background-color: #1e7e34;


  border-color: #1e7e34;


}





/* Bugünün vurgulanması */


.fc-day-today {


  background-color: rgba(40, 167, 69, 0.1) !important;


}





/* Resource timeline özelleştirmesi */


.fc-resource-timeline .fc-timeline-slot {


  border-right: 1px solid #e9ecef;


}





/* Responsive tasarım için medya sorguları */


@media (max-width: 768px) {


  #calendar {


    max-height: 500px;


  }


  


  .fc-toolbar {


    flex-direction: column;


    gap: 10px;


  }


  


  .fc-toolbar-chunk {


    display: flex;


    justify-content: center;


  }


  


  .fc-col-header-cell-cushion {


    font-size: 11px !important;


  }


  


  .fc-timegrid-event {


    font-size: 10px;


    padding: 1px 2px;


  }


}





/* Loading durumu */


.fc-loading {


  opacity: 0.6;


}





.fc-loading::after {


  content: '';


  position: absolute;


  top: 50%;


  left: 50%;


  width: 20px;


  height: 20px;


  margin: -10px 0 0 -10px;


  border: 2px solid #f3f3f3;


  border-top: 2px solid #007bff;


  border-radius: 50%;


  animation: spin 1s linear infinite;


}





@keyframes spin {


  0% { transform: rotate(0deg); }


  100% { transform: rotate(360deg); }


}





/* Event renk özelleştirmesi */


.fc-event.event-bireysel {


  background-color: #28a745;


  border-color: #28a745;


}





.fc-event.event-grup {


  background-color: #ff8c00;


  border-color: #ff8c00;


}





.fc-event.event-database {


  background-color: #007bff;


  border-color: #007bff;


}





.fc-event.event-new {


  background-color: #28a745;


  border-color: #28a745;


}





.fc-event.event-updated {


  background-color: #ff8c00;


  border-color: #ff8c00;


}





/* Drag & Drop stilleri */


.fc-event.fc-draggable {


  cursor: move;


}





.fc-event.fc-resizable {


  cursor: ns-resize;


}





/* Modal özelleştirmesi */


.uk-modal-dialog {


  border-radius: 8px;


}





.uk-modal-title {


  color: #495057;


  border-bottom: 1px solid #e9ecef;


  padding-bottom: 10px;


  margin-bottom: 20px;


}





/* 3-Sütunlu Modal Düzeni */


.modal-large {


  max-width: 1400px !important;


  width: 95vw !important;


}





.modal-grid-container {


  display: grid;


  grid-template-columns: 1fr 1fr 1fr;


  gap: 30px;


  min-height: 400px;


}





.modal-column {


  padding: 0 15px;


  border-right: 1px solid #e9ecef;


}





.modal-column:last-child {


  border-right: none;


}





.modal-column-basic {


  /* Sol sütun - Temel bilgiler */


}





.modal-column-group {


  /* Orta sütun - Grup öğrencileri */


  background-color: #f8f9fa;


  border-radius: 8px;


  padding: 20px;


  border: 2px dashed #28a745;


}





.modal-column-education {


  /* Sağ sütun - Eğitim programı */


}





/* Grup öğrenci listesi */


.group-students-container {


  max-height: 400px;


  overflow-y: auto;


  padding: 10px;


}





.group-student-item {


  display: flex;


  align-items: center;


  padding: 8px 12px;


  margin: 5px 0;


  background: white;


  border: 1px solid #dee2e6;


  border-radius: 6px;


  cursor: pointer;


  transition: all 0.2s ease;


}





.group-student-item:hover {


  background-color: #e8f5e8;


  border-color: #28a745;


  transform: translateX(5px);


}





.group-student-item.selected {


  background-color: #d4edda;


  border-color: #28a745;


  font-weight: bold;


}





.group-student-checkbox {


  margin-right: 10px;


}





.group-student-name {


  flex: 1;


  font-size: 14px;


}





.group-student-info {


  font-size: 12px;


  color: #6c757d;


  margin-left: 10px;


}





/* Responsive tasarım */


@media (max-width: 1200px) {


  .modal-grid-container {


    grid-template-columns: 1fr 1fr;


    gap: 20px;


  }


  


  .modal-column-group {


    grid-column: span 2;


    margin-top: 20px;


  }


}





@media (max-width: 768px) {


  .modal-large {


    width: 98vw !important;


  }


  


  .modal-grid-container {


    grid-template-columns: 1fr;


    gap: 15px;


  }


  


  .modal-column {


    border-right: none;


    border-bottom: 1px solid #e9ecef;


    padding-bottom: 20px;


  }


  


  .modal-column:last-child {


    border-bottom: none;


  }


}





/* Form özelleştirmesi */


.uk-form-label {


  font-weight: 600;


  color: #495057;


  margin-bottom: 5px;


}





.uk-input, .uk-select, .uk-textarea {


  border-radius: 6px;


  border: 1px solid #ced4da;


  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;


}





.uk-input:focus, .uk-select:focus, .uk-textarea:focus {


  border-color: #007bff;


  box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);


}





/* Ana container */


.uk-container-expand {


  min-height: 100vh;


}





/* Ana grid */


.uk-grid-collapse {


  margin: 0;


}





.uk-grid-collapse > * {


  padding-left: 0;


}





/* Ana içerik alanı */


.uk-width-3-4\@m .uk-card {


  min-height: calc(100vh - 40px);


  margin: 20px;


  border-radius: 8px;


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


}





/* Başlık alanı */


.uk-heading-small {


  color: #495057;


  margin-bottom: 20px;


}





/* Arama alanı */


.uk-form-width-medium {


  border-radius: 6px;


}





/* PKT Hedef Karşılaştırma Butonları */


.pkt-hedef-buttons {


  display: flex;


  gap: 8px;


  margin: 0 15px;


}





.pkt-hedef-compare-btn {


  display: inline-flex;


  align-items: center;


  gap: 5px;


  padding: 5px 12px;


  border: 1px solid #ddd;


  border-radius: 4px;


  background: #fff;


  font-size: 12px;


  cursor: pointer;


  transition: all 0.2s ease;


}





.pkt-hedef-compare-btn.orijinal {


  border-color: #3498db;


  color: #3498db;


}





.pkt-hedef-compare-btn.orijinal:hover {


  background: #3498db;


  color: #fff;


}





.pkt-hedef-compare-btn.degisen {


  border-color: #9b59b6;


  color: #9b59b6;


}





.pkt-hedef-compare-btn.degisen:hover {

  background: #9b59b6;

  color: #fff;

}



body {
  padding-top: 0 !important;
}

body::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}