/* ============================================================
   Iletisim paneli — iki temanin ortak stili.
   Renkleri temanin degiskenlerinden alir:
   --zemin --metin --soluk --cizgi --accent
   ============================================================ */
.ilet-kat{
  position:fixed; inset:0; z-index:120; display:none;
  align-items:center; justify-content:center; padding:24px;
  background:color-mix(in srgb, var(--metin) 22%, transparent);
  backdrop-filter:blur(3px);
}
.ilet-kat.acik{display:flex}
.ilet-kart{
  position:relative; width:min(420px,100%);
  background:var(--zemin); color:var(--metin);
  border:1px solid var(--cizgi); padding:30px 28px 22px;
  display:flex; flex-direction:column; gap:2px;
}
.ilet-kart h2{
  font-size:13px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  margin:0 0 18px;
}
.ilet-kapat{
  position:absolute; top:8px; right:10px; width:34px; height:34px;
  background:none; border:0; cursor:pointer; font-size:22px; line-height:1;
  color:var(--soluk);
}
.ilet-kapat:hover{color:var(--metin)}
.ilet-satir{
  display:flex; align-items:baseline; gap:12px; width:100%;
  padding:11px 2px; border:0; border-bottom:1px solid var(--cizgi);
  background:none; text-align:left; cursor:pointer; font:inherit; color:inherit;
}
.ilet-satir:last-child{border-bottom:0}
.ilet-satir:hover{background:color-mix(in srgb, var(--metin) 4%, transparent)}
.ilet-etiket{
  flex:0 0 62px; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--soluk);
}
.ilet-deger{flex:1 1 auto; font-size:13.5px; word-break:break-all; user-select:all}
.ilet-ipucu{
  flex:0 0 auto; font-size:10px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--soluk);
}
.ilet-satir.kopyalandi .ilet-ipucu,.ilet-satir.elle .ilet-ipucu{color:var(--accent, var(--metin))}
.ilet-bos{font-size:13px; line-height:1.7; color:var(--soluk); margin:0 0 8px}
.ilet-bos code{font-size:12px; background:color-mix(in srgb, var(--metin) 7%, transparent); padding:1px 4px}
.ilet-satir:focus-visible,.ilet-kapat:focus-visible{outline:2px solid var(--accent, var(--metin)); outline-offset:2px}