.organization-org { 
  --bg-color:#ffffff;
  --node-bg:#ffffff;
  --border-color:#e5e7eb;
  --text-primary:#1f2937;
  --text-secondary:#6b7280;
  --text-light:#9ca3af;
  --shadow-soft:0 4px 12px rgba(0,0,0,.05);
  --shadow-hover:0 8px 25px rgba(0,0,0,.1);
  font-family:'Inter',sans-serif;
  background:var(--bg-color);
  color:var(--text-primary);
}
    

.organization-org *{box-sizing:border-box}

.organization-org .organization-container{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:2rem 1rem;
  position:relative;
  z-index:1;
}

.organization-org .organization-chart-wrapper{width:100%;padding:2rem 0;display:flex;justify-content:center}
.organization-org .organization-chart{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}

.organization-org .organization-section{margin-bottom:4rem;width:100%;}
.organization-org .organization-section-title{
  text-align:center;font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary);
  padding:1rem 2rem;background:var(--bg-color);border-radius:12px;box-shadow:var(--shadow-soft);border:1px solid var(--border-color);
}
.organization-org .organization-level{
  display:flex;justify-content:center;align-items:flex-start;gap:2rem;margin-bottom:2rem;position:relative;z-index:2;flex-wrap:wrap;max-width:1200px;margin-left:auto;margin-right:auto;
}

/* ===== KART ===== */
.organization-org .organization-node{
  background:var(--node-bg);
  border:2px solid var(--border-color);
  border-top:6px solid var(--border-color);
  border-radius:16px;
  padding:1.5rem 1.75rem;
  width:calc(25% - 1.5rem);
  min-height:180px;
  text-align:center;
  box-shadow:var(--shadow-soft);
  transition:all .25s cubic-bezier(.4,0,.2,1);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
  overflow:hidden;
  flex: 0 0 calc(25% - 1.5rem);
}
.organization-org .organization-node:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:var(--shadow-hover);
}

/* Fotoğraf stilleri */
.organization-org .organization-photo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 3px solid #f0f0f0;
}

.organization-org .organization-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dinamik hover renkleri */
.organization-org .organization-node[data-hover-color]:hover {
  border-color: var(--hover-color) !important;
  border-top-color: var(--hover-color) !important;
}

.organization-org .organization-node-title{
  font-size:1rem;
  font-weight:700;
  margin-bottom:.5rem;
  letter-spacing:.5px;
  text-transform:uppercase;
  line-height:1.3;
}

.organization-org .organization-node-subtitle{
  font-size:.8rem;
  color:var(--text-light);
  font-weight:500;
  margin-bottom:.5rem;
  text-transform:uppercase;
  line-height:1.3;
}

.organization-org .organization-node-role{
  font-size:.75rem;
  color:var(--text-secondary);
  font-weight:600;
  font-style:italic;
  text-transform:uppercase;
  line-height:1.3;
}

/* Tüm organizasyonlarda üye kartları gri */
.organization-org .organization-section .organization-node:not(.organization-node-chairman){
  border-color:var(--border-color)!important;
  border-top-color:var(--border-color)!important;
}

/* Başkan kartları her zaman kendi renginde */
.organization-org .organization-node-chairman {
  border-color: var(--committee-color, var(--border-color)) !important;
  border-top-color: var(--committee-color, var(--border-color)) !important;
}

@media (max-width:768px){
  .organization-org .organization-level{
    flex-direction:column;
    align-items:center;
    gap:1.5rem;
    margin-bottom:2rem;
  }
  
  .organization-org .organization-node{
    width:90%;
    max-width:320px;
    flex: 0 0 auto;
    min-height:160px;
  }
  
  .organization-org .organization-section-title{
    font-size:1.6rem;
  }
  
  .organization-org .organization-photo {
    width: 60px;
    height: 60px;
  }
}

/* Küçük ekranlar için ek ayarlar */
@media (max-width:480px){
  .organization-org .organization-container{
    padding:1rem 0.5rem;
  }
  
  .organization-org .organization-node{
    padding:1rem 1.25rem;
    min-height:140px;
  }
  
  .organization-org .organization-photo {
    width: 50px;
    height: 50px;
    margin-bottom: 0.75rem;
  }
  
  .organization-org .organization-node-title{
    font-size:0.9rem;
  }
  
  .organization-org .organization-node-subtitle{
    font-size:0.75rem;
  }
  
  .organization-org .organization-node-role{
    font-size:0.7rem;
  }
}