.genel{
 margin-left: 350px;
  padding:20px;
   width: calc(100% - 350px);
    position:relative; 
    overflow-x:hidden;
}


.card-icon {
    font-size: 2rem;
    color: #6c757d;
  }
  .card-summary {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    text-decoration: none !important;
    color:black;
    cursor: pointer;
    border:#d4a444 2px solid !important;         
    /* sarıkenarlık */
  }
  .summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
  }
  .map-section {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-top: 1.5rem;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
  }
  .section-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
  .chart-small {
    width: 200px !important;
    height: 200px !important;
  }
  .card-summary h5
  {
     text-align: center;text-decoration: none;
  }
  @media (max-width:1300px) {
    .gorevOzet{
      width:100%;
      margin-bottom: 2rem;
    }
    .gorevPerformans{
      width: 100%;
      padding-bottom: 3rem;
    }
    #gorevPerformansChart{
      width: 100% !important;
      height: 300px !important;
    }
  }
  @media (max-width: 1100px) {
    .gorevOzet{
      width:100%;
      margin-bottom: 2rem;
    }
    .gorevPerformans{
      width: 100%;
      padding-bottom: 3rem;
    }
    .genel{
      width: 100%;
      margin-left: 0;
    }
  }
  @media (max-width:523px) {
    .chart-small{
      width:150px !important;
      height:150px !important;
    }
  }
  @media (max-width:440px){
    .ustButonlar{
     display: flex;
flex-direction: column;
gap: 5px;
    }
    .ustButonlar button{
      width: 100px;
      height: 60px;
      
    }
    .gorevOzetCnt{
     margin-top: 0 !important;
     gap: 0px !important;
     flex-direction: column;
     margin: 0 !important;
    }
  }