.elementor-28065 .elementor-element.elementor-element-f2afc1d{overflow:hidden;}#jet-popup-28065{z-index:998;}#jet-popup-28065 .jet-popup__container{width:100%;height:100%;}#jet-popup-28065 .jet-popup__inner{justify-content:flex-start;align-items:flex-start;}#jet-popup-28065 .jet-popup__container-inner{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}/* Start custom CSS for section, class: .elementor-element-f2afc1d *//**********************************************
 * GENEL SARMALAYICI
 **********************************************/
.board-container {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow: hidden !important;
  cursor: grab !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;

  /* Arka planın çok açık gri tonunda olması modern bir his verebilir */
  background-color: #f8fafc !important;
}

/* Sürüklerken tutuş imleci */
.board-container:active {
  cursor: grabbing !important;
}

/**********************************************
 * İÇ WRAPPER
 **********************************************/
.wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  padding: 20px !important;
  height: 100% !important;
  transform-origin: center !important;
  box-sizing: border-box !important;
  /* Hafif bir animasyon hissi için transition ekleyebilirsiniz:
     transition: transform 0.2s ease !important; */
}

/**********************************************
 * BOARD (HER KART KOLONU)
 **********************************************/
.board {
  width: 320px !important;
  min-height: 300px !important;
  height: calc(100vh - 100px) !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important; /* Daha soft gri */
  border-radius: 8px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07) !important;
  box-sizing: border-box !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

/* Board üstünde hover efekti (isteğe bağlı) */
.board:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transform: scale(1.01) !important;
}

/**********************************************
 * BOARD ÜST KISMI (HEADER)
 **********************************************/
.board-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background-color: #f1f5f9 !important; /* Hafif gri arka plan */
  box-sizing: border-box !important;
}

.board-header h3 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #1e293b !important; /* Koyu gri/mavi metin */
}

/**********************************************
 * BOARD HEADER'DAKİ BUTON
 **********************************************/
.board-header button {
  border: none !important;
  background-color: #2563eb !important; /* Mavi ton */
  color: #ffffff !important;
  padding: 8px 14px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
  transition: background-color 0.2s ease !important;
}

/* Buton hover */
.board-header button:hover {
  background-color: #1d4ed8 !important; /* Bir ton daha koyu mavi */
}

/**********************************************
 * KARTLARIN BULUNDUĞU KISIM
 **********************************************/
.card-container {
  padding: 16px !important;
  overflow-y: auto !important; /* Dikey scrollbar */
  flex: 1 !important;
  box-sizing: border-box !important;
}

/**********************************************
 * KART (HER BİR İÇ İÇERİK BÖLÜMÜ)
 **********************************************/
.card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  padding: 12px !important;
  margin-bottom: 12px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
  box-sizing: border-box !important;
}

/* Kart hover efekti */
.card:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
  transform: scale(1.01) !important;
}

.card h4 {
  margin: 0 0 5px !important;
  font-size: 14px !important;
  color: #334155 !important;
}

.card p {
  margin: 0 !important;
  font-size: 13px !important;
  color: #475569 !important;
}

/**********************************************
 * CARD'DAKİ ACTION BUTONLAR
 **********************************************/
.actions {
  display: flex !important;
  gap: 8px !important;
  margin-top: 8px !important;
}

.actions button {
  flex: 1 !important;
  border: none !important;
  padding: 6px 0 !important;
  background: #f1f5f9 !important;
  cursor: pointer !important;
  font-size: 12px !important;
  border-radius: 4px !important;
  transition: background-color 0.2s ease !important;
}

/* Action buton hover */
.actions button:hover {
  background-color: #e2e8f0 !important; /* Bir ton daha koyu gri */
}

/**********************************************
 * SÜRÜKLEME SIRASINDAKİ EFEKT (DRAG CLASS)
 **********************************************/
.drag {
  cursor: grabbing !important;
  transform: scale(0.93) !important;
  /* Ekstra bir gölge veya opaklık da ekleyebilirsiniz:
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
     opacity: 0.95 !important; */
}/* End custom CSS */