.type {
    grid-column: 1;
    width: 100%;
}
.form_detail {
    grid-column: 2;
    display:flex;
    flex-direction:column;
    width:100%
}
.entry_form {
      display: grid;
    grid-template-columns: repeat(3, 33%);
    width: 999px;
    box-shadow: 0px 5px 8px #bababa;
    border-radius: 20px;
    padding: 15px;
  } 
.btns {
    grid-column: 3;
    width: 100%;
}
.formwrapper {
    display: flex;
    justify-content: center;
  
}
.entry_form {
    gap:100px;
    display:flex;
    justify-content:center;
}
.form_detail div{
    display:flex;
    justify-content:space-between
}
.tabelle {
    padding: 5%;
}
td:first-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
td:nth-of-type(4), td:nth-of-type(3), td:nth-of-type(8) {
    font-weight: 700;
}
.form_detail div {
    margin: 5px 0 5px 0;
}
.profit {
  width: fit-content;
  display: flex;
  justify-content: center;
  padding: 15px;
  border-radius: 20px;
      box-shadow: 0px 5px 8px #80ffb3;
  margin: 0 auto 20px auto;

}
.form_detail div input{padding:2px 0 2px 5px;}
.form_detail div label{font-weight:700;}
.btns{align-items:center}
th,td{border:1px solid black;padding:2px 5px}
@media screen and (max-width:768px){
  .entry_form{flex-direction:column;width:100%;gap:20px;padding:0 1rem}
  .form_detail,.type{width:100%}
  .form_detail div{flex-direction:column;align-items:flex-start;gap:3px}
  table{display:block;overflow-x:auto;width:100%}
  th,td{white-space:nowrap;font-size:12px}
}
.delbtn {
  width:20px;height:20px;
  background:#ff4c4c;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:bold;cursor:pointer;border:none;
}
#editModal {
  display: none;
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.3);
  width: 90%;
  max-width: 400px;
  z-index: 1000;
}

#editModal h3 {
  margin-bottom: 1rem;
  font-size: 20px;
  color: var(--turk);
}

#editModal label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}

#editModal input, 
#editModal select {
  width: 100%;
  padding: 6px 10px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

#editModal button {
  margin-top: 12px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

#editModal button:first-of-type {
  background: var(--turk);
  color: white;
}

#editModal button:last-of-type {
  background: #ccc;
}
.chart {
  padding: 5%;
}