/* mailiam — bütün posta kutuları. Panelin kâğıt dilini kullanır;
   rengi navilhepnisay bordosu. Yazı ölçüleri --yz basamaklarından. */

.posta-link { font-size: var(--yz-buyuk); font-weight: 600; border-bottom: 2px solid #b8475a; padding-bottom: 2px; }
body.misafir .posta-link { display: none; }

.posta-ust { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 6px 0 12px; }
.posta-ust h1 { font-size: calc(clamp(34px, 5vw, 52px) * var(--yz)); margin: 0; letter-spacing: -.02em; }
.posta-sayi { font-family: var(--m-mono, monospace); font-size: var(--yz-orta); color: var(--m-gri, #6f6a61); }
.posta-ust .kilit-kapat, .posta-ust .kilit-giris { font-size: var(--yz-normal); padding: 7px 14px; text-decoration: none; }
.posta-ust .posta-ekle { margin-left: auto; }
.posta-ust .kilit-kapat { color: var(--m-murekkep, #191919); border-color: var(--m-cizgi, #ddd7cd); }
.posta-ust .kilit-kapat:hover { border-color: var(--m-murekkep, #191919); color: var(--m-murekkep, #191919); }
.posta-aciklama { color: var(--m-gri, #6f6a61); font-size: var(--yz-normal); line-height: 1.55; max-width: 720px; margin: 0 0 22px; }
.posta-uyari {
  border-left: 4px solid var(--m-kirmizi, #bd2c2c); background: #fbeeee; color: #7d1d1d;
  padding: 10px 14px; font-size: var(--yz-normal); margin: 12px 0; line-height: 1.5;
}
.p-bekle { color: var(--m-gri, #6f6a61); font-size: var(--yz-normal); padding: 26px 0; }
.posta-durum { font-size: var(--yz-normal); color: var(--m-gri, #6f6a61); min-height: 1.4em; margin-top: 14px; line-height: 1.5; }
.posta-durum.hata { color: var(--m-kirmizi, #bd2c2c); font-weight: 600; }

/* ---------- kutu düğmeleri ---------- */
.posta-grup { margin: 0 0 26px; }
.posta-grup h2 {
  font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); font-weight: 600;
  text-transform: uppercase; letter-spacing: .1em; color: var(--m-gri, #6f6a61);
  border-bottom: 1px solid var(--m-cizgi, #ddd7cd); padding-bottom: 6px; margin: 0 0 12px;
}
.posta-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.posta-kutu {
  position: relative; display: flex; flex-direction: column; gap: 5px;
  padding: 14px 16px; border: 1px solid var(--m-cizgi, #ddd7cd); border-left: 5px solid #8a8378;
  background: #fff; color: var(--m-murekkep, #191919); text-decoration: none; border-radius: 3px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.posta-kutu:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .1); }
.posta-kutu.yeni { border-left-color: #2f7d4a; }
.posta-kutu.hata { border-left-color: var(--m-kirmizi, #bd2c2c); }
.posta-kutu.bekliyor { border-left-style: dashed; border-left-color: #b9b3a7; background: var(--m-dolgu, #f3efe8); }
.pk-ad { font-size: var(--yz-buyuk); font-weight: 600; padding-right: 44px; }
.pk-adres { font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); word-break: break-all; }
.pk-sayac { font-size: var(--yz-normal); display: flex; gap: 6px; align-items: baseline; }
.pk-sayac b { font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); text-transform: uppercase; letter-spacing: .06em; color: var(--m-gri, #6f6a61); min-width: 46px; font-weight: 600; }
.pk-sayac i { font-style: normal; font-family: var(--m-mono, monospace); font-weight: 600; }
.pk-sayac i.var { color: #2f7d4a; }
.pk-sayac i.yok { color: var(--m-gri, #6f6a61); font-weight: 400; }
.pk-alt { font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); margin-top: 2px; line-height: 1.4; }
.pk-hata { color: var(--m-kirmizi, #bd2c2c); }
.pk-yeni {
  position: absolute; top: 12px; right: 12px; background: #2f7d4a; color: #fff;
  font-family: var(--m-mono, monospace); font-size: var(--yz-mini); text-transform: uppercase;
  letter-spacing: .08em; padding: 2px 7px; border-radius: 2px;
}

/* ---------- mesaj listesi ---------- */
.posta-sekmeler { display: flex; gap: 4px; border-bottom: 1px solid var(--m-cizgi, #ddd7cd); margin: 8px 0 0; }
.posta-sekmeler a {
  padding: 8px 18px; font-size: var(--yz-buyuk); text-decoration: none; color: var(--m-gri, #6f6a61);
  border: 1px solid transparent; border-bottom: none; margin-bottom: -1px; border-radius: 3px 3px 0 0;
}
.posta-sekmeler a.secili { color: var(--m-murekkep, #191919); border-color: var(--m-cizgi, #ddd7cd); background: #fff; font-weight: 600; }
.posta-sekmeler i { font-style: normal; font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); }

.posta-liste { background: #fff; border: 1px solid var(--m-cizgi, #ddd7cd); border-top: none; }
.posta-satir {
  display: grid; grid-template-columns: minmax(120px, 220px) 1fr 30px 92px; gap: 14px; align-items: baseline;
  padding: 10px 14px; border-bottom: 1px solid #efebe4; color: var(--m-murekkep, #191919); text-decoration: none;
  font-size: var(--yz-normal);
}
.posta-satir:hover { background: #faf6f0; }
.posta-satir.baslik {
  font-family: var(--m-mono, monospace); font-size: var(--yz-mini); text-transform: uppercase; letter-spacing: .08em;
  color: var(--m-gri, #6f6a61); background: var(--m-dolgu, #f3efe8); padding: 6px 14px;
}
.posta-satir.okunmamis .ps-kim, .posta-satir.okunmamis .ps-konu { font-weight: 700; }
.posta-satir.okunmamis .ps-kim::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #2f7d4a; margin-right: 7px; vertical-align: 1px; }
.ps-kim, .ps-konu { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ps-ek { font-family: var(--m-mono, monospace); font-size: var(--yz-mini); color: var(--m-gri, #6f6a61); text-transform: uppercase; }
.ps-tarih { font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); text-align: right; }
.posta-sayfalama { display: flex; justify-content: space-between; align-items: center; padding: 14px 4px; font-size: var(--yz-normal); }
.posta-sayfalama span { font-family: var(--m-mono, monospace); color: var(--m-gri, #6f6a61); }

/* ---------- tek mesaj ---------- */
.pm-konu { font-size: calc(clamp(24px, 3.4vw, 34px) * var(--yz)); line-height: 1.2; margin: 10px 0 14px; letter-spacing: -.01em; }
.pm-baslik { border-top: 1px solid var(--m-cizgi, #ddd7cd); border-bottom: 1px solid var(--m-cizgi, #ddd7cd); padding: 10px 0; margin-bottom: 14px; }
.pm-alan, .pm-ekler { display: flex; gap: 12px; font-size: var(--yz-normal); padding: 3px 0; align-items: baseline; flex-wrap: wrap; }
.pm-alan i, .pm-ekler i {
  font-style: normal; font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk);
  text-transform: uppercase; letter-spacing: .06em; color: var(--m-gri, #6f6a61); min-width: 56px;
}
.pm-alan span { flex: 1; min-width: 0; word-break: break-word; }
.p-adres { color: var(--m-gri, #6f6a61); font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk); }
.pm-ekler { margin-bottom: 12px; }
.pm-ek {
  border: 1px solid var(--m-cizgi, #ddd7cd); padding: 4px 10px; border-radius: 3px; background: #fff;
  font-size: var(--yz-kucuk); text-decoration: none; color: var(--m-murekkep, #191919);
}
.pm-ek span { color: var(--m-gri, #6f6a61); font-family: var(--m-mono, monospace); margin-left: 4px; }
.pm-ek:hover { border-color: var(--m-murekkep, #191919); }
.pm-uzak {
  background: #fff8e1; border: 1px solid #ecd9a0; padding: 8px 12px; font-size: var(--yz-kucuk);
  margin-bottom: 12px; display: flex; gap: 12px; align-items: center; flex-wrap: wrap;
}
.pm-uzak button {
  background: none; border: 1px solid #b38f2a; color: #6b5414; padding: 3px 10px; cursor: pointer;
  font-family: inherit; font-size: var(--yz-kucuk); font-weight: 600;
}
.pm-govde { width: 100%; height: 72vh; min-height: 420px; border: 1px solid var(--m-cizgi, #ddd7cd); background: #fff; display: block; }
.pm-metin {
  white-space: pre-wrap; word-break: break-word; background: #fff; border: 1px solid var(--m-cizgi, #ddd7cd);
  padding: 18px; font-family: var(--m-serif, Georgia, serif); font-size: var(--yz-normal); line-height: 1.6; margin: 0;
}

/* ---------- yanıt ---------- */
.pm-yanit-dugmeler { display: flex; gap: 10px; margin: 0 0 12px; }
.pm-yanit-dugmeler button { padding: 8px 18px; font-size: var(--yz-normal); }
.pm-yanit-dugmeler .kilit-kapat { color: var(--m-murekkep, #191919); border-color: var(--m-cizgi, #ddd7cd); }
.pm-yanit {
  border: 1px solid var(--m-cizgi, #ddd7cd); border-left: 4px solid #b8475a; background: #fff;
  padding: 14px 16px; margin: 0 0 16px; display: flex; flex-direction: column; gap: 8px;
}
.pm-yanit-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pm-yanit-satir i {
  font-style: normal; font-family: var(--m-mono, monospace); font-size: var(--yz-kucuk);
  text-transform: uppercase; letter-spacing: .06em; color: var(--m-gri, #6f6a61); min-width: 64px;
}
.pm-yanit-satir input {
  flex: 1; min-width: 180px; padding: 7px 10px; font-size: var(--yz-normal); font-family: inherit;
  border: 1px solid var(--m-cizgi, #ddd7cd); background: #fff; color: var(--m-murekkep, #191919);
}
#py-ad { flex: 0 1 220px; min-width: 140px; }
.pm-yanit textarea {
  width: 100%; box-sizing: border-box; min-height: 220px; resize: vertical; padding: 12px;
  font-family: var(--m-serif, Georgia, serif); font-size: var(--yz-normal); line-height: 1.55;
  border: 1px solid var(--m-cizgi, #ddd7cd); background: #fffdf9; color: var(--m-murekkep, #191919);
}
.pm-yanit .pf-dugmeler .kilit-kapat { color: var(--m-murekkep, #191919); border-color: var(--m-cizgi, #ddd7cd); }
.pm-yanit button:disabled { opacity: .6; cursor: wait; }
.pm-yanit-not { font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); }
.pm-yanit-tamam {
  border-left: 4px solid #2f7d4a; background: #eef7f0; color: #1f5a33; padding: 10px 14px;
  margin: 0 0 16px; font-size: var(--yz-normal);
}

/* ---------- ekle / düzenle ---------- */
.posta-form { max-width: 620px; display: flex; flex-direction: column; gap: 14px; }
.posta-form label { display: flex; flex-direction: column; gap: 5px; font-size: var(--yz-normal); font-weight: 600; }
.posta-form label small { font-weight: 400; color: var(--m-gri, #6f6a61); }
.posta-form input, .posta-form select {
  padding: 9px 12px; font-size: var(--yz-normal); font-weight: 400; font-family: inherit;
  border: 1px solid var(--m-cizgi, #ddd7cd); background: #fff; color: var(--m-murekkep, #191919);
}
.posta-form input[type=password], .posta-form #pf-adres, .posta-form #pf-host { font-family: var(--m-mono, monospace); }
.pf-yardim {
  margin: -4px 0 0; padding: 10px 14px; background: var(--m-dolgu, #f3efe8); border-left: 3px solid #b8475a;
  font-size: var(--yz-kucuk); line-height: 1.55; color: #3d3a35;
}
.pf-yardim a { color: var(--m-mavi, #1e4bd7); }
.pf-gelismis { border: 1px dashed var(--m-cizgi, #ddd7cd); padding: 10px 14px; }
.pf-gelismis summary { cursor: pointer; font-size: var(--yz-kucuk); color: var(--m-gri, #6f6a61); }
.pf-gelismis[open] { display: flex; flex-direction: column; gap: 12px; }
.pf-dugmeler { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-top: 4px; }
.pf-dugmeler .kilit-giris, .pf-dugmeler .kilit-kapat { padding: 9px 16px; font-size: var(--yz-normal); text-decoration: none; }
.pf-dugmeler .kilit-kapat { color: var(--m-murekkep, #191919); border-color: var(--m-cizgi, #ddd7cd); }
.pf-sil {
  margin-left: auto; background: none; border: none; cursor: pointer; font-family: inherit;
  color: var(--m-kirmizi, #bd2c2c); text-decoration: underline; font-size: var(--yz-kucuk); font-weight: 600;
}
.posta-form button:disabled { opacity: .6; cursor: wait; }

@media (max-width: 640px) {
  .posta-izgara { grid-template-columns: 1fr; }
  .posta-ust .posta-ekle { margin-left: 0; }
  .posta-satir { grid-template-columns: 1fr 64px; gap: 2px 10px; }
  .posta-satir.baslik { display: none; }
  .ps-kim { grid-column: 1; }
  .ps-tarih { grid-column: 2; grid-row: 1; }
  .ps-konu { grid-column: 1 / -1; font-size: var(--yz-kucuk); }
  .ps-ek { display: none; }
  .pm-govde { height: 64vh; }
}