.kisih-wrap{
  border:1px solid #e6e6e6;
  padding:16px;
  border-radius:12px;
}
.kisih-letters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}

.kisih-extra{
  display:grid;
  grid-template-columns: 1fr;
  gap:12px;
  margin-bottom:16px;
}

.kisih-card{
  border:1px solid #eee;
  padding:12px;
  border-radius:12px;
}

.kisih-card-title{
  font-weight:700;
  margin-bottom:8px;
}

.kisih-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.kisih-input{
  flex:1;
  min-width:180px;
  border:1px solid #ddd;
  border-radius:10px;
  padding:10px 12px;
  font-size:14px;
}

.kisih-btn{
  -webkit-appearance:none;
  appearance:none;
  border:1px solid #111;
  background:#111;
  color:#fff;
  border-radius:10px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
  font-size:14px;
}

.kisih-btn:hover,
.kisih-btn:focus{
  opacity:0.9;
}

.kisih-note{
  margin-top:8px;
  font-size:13px;
  opacity:0.8;
}

.kisih-length-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.kisih-chip{
  -webkit-appearance:none;
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd !important;
  background:#fff !important;
  color:#111 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:700 !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  cursor:pointer;
  line-height:1 !important;
  text-indent:0 !important;
  text-transform:none !important;
}

.kisih-chip:hover,
.kisih-chip:focus,
.kisih-chip:focus-visible{
  background:#ffeb3b !important;
  border-color:#111 !important;
}

.kisih-chip.is-active{
  border-color:#111 !important;
}
/*
  Tema/Builder bazı durumlarda <button> stillerini agresif biçimde override edebiliyor.
  (ör. renk/opacity, font-size 0, background: transparent vb.)
  Bu yüzden harf butonlarını görünür kılmak için daha spesifik selector + !important kullanıyoruz.
*/
.kisih-wrap .kisih-letter{
  -webkit-appearance:none;
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd !important;
  background:#fff !important;
  color:#111 !important;
  opacity:1 !important;
  font-size:14px !important;
  font-weight:700 !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  cursor:pointer;
  line-height:1 !important;
  text-indent:0 !important;
  text-transform:none !important;
  min-width:36px;
}

.kisih-wrap .kisih-letter:hover,
.kisih-wrap .kisih-letter:focus,
.kisih-wrap .kisih-letter:focus-visible{
  background:#ffeb3b !important; /* sarı yanma */
  border-color:#111 !important;
}

.kisih-wrap .kisih-letter.is-active{
  border-color:#111 !important;
}
.kisih-status{
  margin:8px 0 12px;
  font-size:14px;
}
.kisih-table{
  width:100%;
  border-collapse:collapse;
}
.kisih-table th, .kisih-table td{
  border-top:1px solid #eee;
  padding:10px 8px;
  vertical-align:top;
}
.kisih-table th{
  text-align:left;
}