/* düzenleme paneli */
.panel{
  position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;
  background:#0d0b18;color:var(--kagit);
  font-family:"Space Mono",ui-monospace,monospace;font-size:13px;
}
.panel[hidden]{display:none!important}

.panel-ust{
  display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;
  padding:.7rem 16px;padding-top:calc(.7rem + env(safe-area-inset-top,0px));
  background:var(--gece-3);border-bottom:2px solid #000;
}
.panel-ust h2{
  font-family:"Bricolage Grotesque","Arial Black",sans-serif;font-weight:800;
  font-size:1.05rem;margin:0;margin-right:auto;text-transform:lowercase;letter-spacing:-.01em;
}
.panel-durum{font-size:11px;color:var(--sis);letter-spacing:.06em}
.panel-durum[data-tip="iyi"]{color:#7ef0a8}
.panel-durum[data-tip="kotu"]{color:#ff8f7a}

.dugme{
  font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;
  background:transparent;color:var(--kagit);border:1.5px solid rgba(244,239,226,.3);
  padding:.45rem .8rem;border-radius:999px;transition:background .15s,color .15s,transform .15s;
}
.dugme:hover{background:rgba(244,239,226,.12);transform:translateY(-1px)}
.dugme--ana{background:var(--turuncu);border-color:var(--turuncu);color:#1a0b04;font-weight:700}
.dugme--ana:hover{background:#ff7642}
.dugme--tehlike{border-color:rgba(255,45,149,.55);color:#ff9ac8}
.dugme--tehlike:hover{background:rgba(255,45,149,.16)}
.dugme--ufak{padding:.25rem .55rem;font-size:10.5px;border-radius:6px}

.panel-govde{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px))}
.panel-ic{width:min(920px,100%);margin:0 auto;display:flex;flex-direction:column;gap:1.4rem}

.alan{display:flex;flex-direction:column;gap:.3rem}
.alan > span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sis)}
.alan input,.alan textarea,.alan select{
  font:inherit;background:#17142b;color:var(--kagit);
  border:1.5px solid rgba(144,137,180,.32);border-radius:8px;padding:.55rem .7rem;width:100%;
}
.alan textarea{min-height:110px;resize:vertical;line-height:1.5}
.alan input:focus,.alan textarea:focus,.alan select:focus{border-color:var(--turuncu)}
.satir{display:flex;gap:.8rem;flex-wrap:wrap}
.satir > .alan{flex:1 1 170px;min-width:0}

.pbolum{background:#14122a;border:1.5px solid rgba(144,137,180,.24);border-radius:12px;overflow:hidden}
.pbolum-ust{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.7rem .8rem;background:rgba(31,26,58,.8)}
.pbolum-ust input{
  font:inherit;font-weight:700;font-size:1rem;background:transparent;border:0;color:var(--kagit);
  flex:1;min-width:120px;padding:.2rem;border-bottom:1.5px dashed rgba(144,137,180,.35);
}
.pbolum-liste{display:flex;flex-direction:column;gap:.6rem;padding:.8rem}

.pblok{
  display:flex;align-items:flex-start;gap:.7rem;padding:.65rem .7rem;
  background:#191635;border:1.5px solid rgba(144,137,180,.2);border-radius:10px;
  transition:border-color .15s,background .15s;
}
.pblok:hover{border-color:rgba(255,90,31,.5)}
.pblok.tasiniyor{opacity:.45;border-style:dashed}
.pblok.hedef{border-color:var(--turuncu);background:#221a3d}
.pblok-tut{cursor:grab;color:var(--sis);font-size:15px;line-height:1.2;padding-top:.15rem;user-select:none}
.pblok-tut:active{cursor:grabbing}
.pblok-orta{flex:1;min-width:0}
.pblok-tip{
  display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  background:var(--gece-3);color:var(--cyan);padding:.12rem .45rem;border-radius:4px;margin-bottom:.25rem;
}
.pblok-ozet{color:#cfc9e6;font-size:12px;line-height:1.45;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pblok-sag{display:flex;gap:.3rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}

/* tip seçici */
.tipler{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:.55rem}
.tip-sec{
  font:inherit;font-size:12px;cursor:pointer;text-align:left;
  background:#191635;border:1.5px solid rgba(144,137,180,.24);border-radius:10px;
  padding:.65rem .6rem;color:var(--kagit);transition:transform .14s,border-color .14s,background .14s;
}
.tip-sec:hover{transform:translateY(-2px) rotate(-1deg);border-color:var(--turuncu);background:#221a3d}
.tip-sec b{display:block;font-size:12.5px;margin-bottom:.15rem}
.tip-sec small{color:var(--sis);font-size:10.5px;line-height:1.35;display:block}

/* diyalog */
.diyalog{
  position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;
  background:rgba(6,5,12,.82);backdrop-filter:blur(3px);
}
.diyalog[hidden]{display:none!important}
.diyalog-kutu{
  width:min(560px,100%);max-height:86vh;overflow-y:auto;
  background:#14122a;border:2px solid rgba(144,137,180,.3);border-radius:14px;
  padding:1.1rem;display:flex;flex-direction:column;gap:.9rem;
  box-shadow:0 30px 70px rgba(0,0,0,.6);
  animation:diyalog-ac .22s cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes diyalog-ac{from{transform:scale(.94) rotate(-.6deg);opacity:0}to{transform:none;opacity:1}}
.diyalog-kutu h3{
  font-family:"Bricolage Grotesque","Arial Black",sans-serif;font-weight:800;
  margin:0;font-size:1.1rem;text-transform:lowercase;
}
.diyalog-alt{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}

/* yükleme alanı */
.yukle{
  border:2px dashed rgba(144,137,180,.4);border-radius:10px;padding:.9rem;text-align:center;
  color:var(--sis);font-size:11.5px;line-height:1.5;cursor:pointer;transition:border-color .15s,color .15s;
}
.yukle:hover,.yukle.uzerinde{border-color:var(--turuncu);color:var(--kagit)}
.yukle input{display:none}
.onizleme{max-height:130px;margin:.5rem auto 0;display:block;border-radius:6px}

/* giriş ekranı */
.giris{display:grid;place-items:center;flex:1;padding:16px}
.giris form{
  width:min(340px,100%);display:flex;flex-direction:column;gap:.8rem;
  background:#14122a;border:2px solid rgba(144,137,180,.28);border-radius:14px;padding:1.3rem;
}
.giris h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;margin:0;text-transform:lowercase}
.giris .hata{color:#ff9ac8;font-size:11.5px;min-height:1em}

.ipucu{color:var(--sis);font-size:11px;line-height:1.55;letter-spacing:.02em}
.ipucu code{background:#221a3d;padding:.08rem .3rem;border-radius:4px;color:var(--cyan)}