/* ============================================================================
   1299 Mobile — YAYINCI BAŞVURUSU                                (2026-08-12)

   Kullanıcının verdiği ekran görüntüsüne göre yapıldı: ortalanmış başlık,
   şartlar kutusu, iki sütunlu form, altta "Geri Dön" + "Başvuru Yap".

   VURGU RENGİ TEK DEĞİŞKENDE (`--y-vurgu`). Referans ekrandaki turuncu
   kullanıldı. Panelin geri kalanı altın (`--k-altin`) — turuncu yamalı
   duruyorsa aşağıdaki iki satırı altın değerleriyle değiştirmek yeterli,
   başka hiçbir yere dokunmaya gerek yok.
   ============================================================================ */

.k-yayinci{
  --y-vurgu:#ee6c1f;
  --y-vurgu-koyu:#d4551a;
  --y-vurgu-sis:rgba(238,108,31,.10);
  --y-vurgu-cizgi:rgba(238,108,31,.28);

  max-width:760px;
  margin:0 auto;
  padding:34px 18px 60px;
}

/* ── Sayfa başlığı ──────────────────────────────────────────────────────── */
.y-bas{ text-align:center; margin:0 0 26px; }
.y-bas .y-ikon{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; margin:0 0 12px;
  background:var(--y-vurgu-sis);
  border:1px solid var(--y-vurgu-cizgi);
  border-radius:12px;
  color:var(--y-vurgu); font-size:20px;
}
.y-bas h1{
  font-family:var(--k-baslik) !important;
  font-size:24px !important; font-weight:600 !important;
  margin:0 0 6px !important; padding:0 !important;
  color:var(--k-metin) !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.y-bas p{ margin:0; font-size:13px; color:var(--k-metin-3); }

/* ── Kart ───────────────────────────────────────────────────────────────── */
.y-kart{
  background:var(--k-yuzey);
  border:1px solid var(--k-cizgi);
  border-radius:var(--k-kose);
  overflow:hidden;
}
.y-kart-bas{
  display:flex; align-items:center; gap:12px;
  padding:14px 18px;
  background:var(--y-vurgu-sis);
  border-bottom:1px solid var(--y-vurgu-cizgi);
}
.y-kart-bas i{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:8px;
  background:rgba(238,108,31,.14); color:var(--y-vurgu); font-size:14px;
}
.y-kart-bas h2{
  font-family:var(--k-govde) !important;
  font-size:14.5px !important; font-weight:600 !important;
  margin:0 !important; padding:0 !important; color:var(--k-metin) !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.y-kart-bas span{ display:block; margin-top:2px; font-size:12px; color:var(--k-metin-3); }
.y-kart-govde{ padding:18px; }

/* ── Şartlar kutusu ─────────────────────────────────────────────────────── */
.y-sartlar{
  margin:0 0 20px; padding:14px 16px;
  background:rgba(56,102,168,.09);
  border:1px solid rgba(86,140,215,.26);
  border-radius:var(--k-kose-s);
}
.y-sartlar h3{
  display:flex; align-items:center; gap:8px;
  font-family:var(--k-govde) !important;
  font-size:13px !important; font-weight:600 !important;
  margin:0 0 9px !important; padding:0 !important;
  color:#a8c6f0 !important;
  text-transform:none !important; letter-spacing:0 !important;
}
.y-sartlar ul{ margin:0; padding:0; list-style:none; }
.y-sartlar li{
  position:relative; padding:0 0 0 14px; margin:0 0 5px;
  font-size:12.5px; line-height:1.6; color:var(--k-metin-2);
}
.y-sartlar li:last-child{ margin-bottom:0; }
.y-sartlar li::before{
  content:"•"; position:absolute; left:2px; top:0; color:#6f9ede;
}

/* ── Alanlar ────────────────────────────────────────────────────────────── */
.y-izgara{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:620px){ .y-izgara{ grid-template-columns:1fr; } }

.y-alan{ margin:0 0 14px; }
.y-alan label{
  display:flex; align-items:center; gap:6px;
  margin:0 0 6px;
  font-size:12px; font-weight:500; color:var(--k-metin-2);
}
.y-alan label i{ color:var(--k-metin-3); font-size:12px; }
.y-alan input,
.y-alan textarea{
  width:100%; box-sizing:border-box;
  padding:10px 12px !important;
  background:var(--k-zemin) !important;
  border:1px solid var(--k-cizgi-guclu) !important;
  border-radius:var(--k-kose-s) !important;
  color:var(--k-metin) !important;
  font-family:var(--k-govde) !important;
  font-size:13.5px !important;
  line-height:1.55;
}
.y-alan textarea{ min-height:118px; resize:vertical; }
.y-alan input:focus,
.y-alan textarea:focus{
  border-color:var(--y-vurgu) !important;
  box-shadow:0 0 0 3px var(--y-vurgu-sis) !important;
  outline:none !important;
}
.y-alan input::placeholder,
.y-alan textarea::placeholder{ color:#4a4a52 !important; }
.y-alan small{
  display:block; margin:6px 0 0;
  font-size:11.5px; color:var(--k-metin-3); line-height:1.5;
}

/* Telefon alanının yanındaki durum rozeti */
.y-rozet{
  display:inline-block; padding:1px 7px; border-radius:20px;
  font-size:10px; font-weight:600; letter-spacing:.2px;
}
.y-rozet-yok{ background:rgba(196,60,50,.16); border:1px solid rgba(196,60,50,.34); color:#ef9c95; }
.y-rozet-var{ background:rgba(62,148,96,.16); border:1px solid rgba(62,148,96,.34); color:#8fdcaa; }

/* ── Alt çubuk ──────────────────────────────────────────────────────────── */
.y-alt{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin:20px 0 0; padding:16px 0 0;
  border-top:1px solid var(--k-cizgi);
}
.y-geri{
  display:inline-flex; align-items:center; gap:7px;
  padding:10px 16px;
  background:transparent; border:1px solid var(--k-cizgi-guclu);
  border-radius:var(--k-kose-s);
  color:var(--k-metin-2); font-family:var(--k-govde); font-size:13px;
  text-decoration:none; cursor:pointer;
}
.y-geri:hover{ color:var(--k-metin); border-color:var(--k-metin-3); text-decoration:none; }
.y-gonder{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 22px; min-height:42px;
  background:linear-gradient(180deg,var(--y-vurgu),var(--y-vurgu-koyu));
  border:0; border-radius:var(--k-kose-s);
  color:#fff; font-family:var(--k-govde); font-size:13.5px; font-weight:600;
  cursor:pointer; transition:filter .16s ease;
}
.y-gonder:hover{ filter:brightness(1.08); }
@media (max-width:520px){
  .y-alt{ flex-direction:column-reverse; align-items:stretch; }
  .y-gonder,.y-geri{ justify-content:center; width:100%; }
}

/* ── Durum kartı (başvuru zaten varsa form yerine bu görünür) ───────────── */
.y-durum{
  display:flex; align-items:flex-start; gap:13px;
  padding:16px; margin:0 0 18px;
  border-radius:var(--k-kose-s);
  font-size:13px; line-height:1.65;
}
.y-durum i{ flex:0 0 auto; font-size:17px; margin-top:1px; }
.y-durum b{ display:block; margin:0 0 3px; font-size:13.5px; }
.y-durum-bekliyor{ background:rgba(200,168,107,.09); border:1px solid rgba(200,168,107,.30); color:#e0cda2; }
.y-durum-onay{    background:rgba(62,148,96,.10);   border:1px solid rgba(62,148,96,.32);   color:#a8e0b6; }
.y-durum-red{     background:rgba(196,60,50,.10);   border:1px solid rgba(196,60,50,.32);   color:#f0b0aa; }

.y-ozet{ margin:0; padding:0; list-style:none; }
.y-ozet li{
  display:flex; justify-content:space-between; gap:16px;
  padding:9px 0; border-bottom:1px solid var(--k-cizgi);
  font-size:13px;
}
.y-ozet li:last-child{ border-bottom:0; }
.y-ozet .y-et{ color:var(--k-metin-3); flex:0 0 auto; }
.y-ozet .y-dg{ color:var(--k-metin); text-align:right; word-break:break-word; }
.y-ozet .y-dg pre{
  margin:0; padding:0; background:none; border:0;
  font-family:var(--k-govde); font-size:13px; color:var(--k-metin);
  white-space:pre-wrap; text-align:right;
}

/* ── Yönetim listesi (yalnız GM) ────────────────────────────────────────── */
.y-yonetim{ max-width:1060px; }
.y-tablo{ width:100%; border-collapse:collapse; font-size:13px; }
.y-tablo th{
  text-align:left; padding:10px 12px;
  font-size:11.5px; font-weight:600; text-transform:uppercase; letter-spacing:.4px;
  color:var(--k-metin-3); border-bottom:1px solid var(--k-cizgi-guclu);
  white-space:nowrap;
}
.y-tablo td{
  padding:11px 12px; border-bottom:1px solid var(--k-cizgi);
  color:var(--k-metin-2); vertical-align:top;
}
.y-tablo tr:last-child td{ border-bottom:0; }
.y-tablo .y-hesap{ color:var(--k-metin); font-weight:600; }
.y-tablo pre{
  margin:0; font-family:var(--k-govde); font-size:12.5px;
  white-space:pre-wrap; color:var(--k-metin-2);
}
.y-sarma{ overflow-x:auto; }

.y-etiket{
  display:inline-block; padding:2px 9px; border-radius:20px;
  font-size:11px; font-weight:600; white-space:nowrap;
}
.y-etiket-0{ background:rgba(200,168,107,.16); border:1px solid rgba(200,168,107,.34); color:#e0cda2; }
.y-etiket-1{ background:rgba(62,148,96,.16);   border:1px solid rgba(62,148,96,.34);   color:#8fdcaa; }
.y-etiket-2{ background:rgba(196,60,50,.16);   border:1px solid rgba(196,60,50,.34);   color:#ef9c95; }

.y-islem{ display:flex; gap:6px; flex-wrap:wrap; }
.y-btn{
  padding:6px 11px; border:0; border-radius:6px; cursor:pointer;
  font-family:var(--k-govde); font-size:12px; font-weight:600;
}
.y-btn-onay{ background:rgba(62,148,96,.20); border:1px solid rgba(62,148,96,.42); color:#8fdcaa; }
.y-btn-red{  background:rgba(196,60,50,.18); border:1px solid rgba(196,60,50,.40); color:#ef9c95; }
.y-btn:hover{ filter:brightness(1.2); }
.y-red-alan{
  width:100%; box-sizing:border-box; margin:0 0 6px;
  padding:6px 9px; font-size:12px;
  background:var(--k-zemin); border:1px solid var(--k-cizgi-guclu);
  border-radius:6px; color:var(--k-metin);
}

/* Profil kartındaki "Yayıncı Paneli" düğmesi */
.k-yayinci-btn{
  display:inline-flex; align-items:center; gap:7px;
  margin-left:10px; padding:5px 12px;
  background:rgba(238,108,31,.12);
  border:1px solid rgba(238,108,31,.30);
  border-radius:6px;
  color:#ee6c1f !important; font-size:12.5px; font-weight:600;
  text-decoration:none !important;
}
.k-yayinci-btn:hover{ background:rgba(238,108,31,.20); }
