/* =============================================================
   iletisim-kanal.css — Vatandas iletisim kanallari (ADR-0005) PAYLASILAN gorunumu.
   Iki ekran kullanir: Cagri Konsolu "Bilgileri Yonet" modali ve Vatandas detayi
   Iletisim sekmesi. Ikisi de ayni partial + ayni JS bileseniyle calisir.
   Her zaman yuklenir (_P360Styles) — htmx ile gelen partial gec kalan <link> beklemez.
   ============================================================= */

.p360-kanal {
  display: flex; align-items: center; gap: 13px;
  padding: 12px 14px; border: 1px solid var(--border); border-radius: 12px;
  background: var(--surface);
}
.p360-kanal + .p360-kanal { margin-top: 9px; }
.p360-kanal.pasif { opacity: 0.7; }

.p360-kanal .ikon {
  width: 36px; height: 36px; border-radius: 10px; flex-shrink: 0;
  background: var(--mac-blue-soft); color: var(--mac-blue);
  display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.p360-kanal.pasif .ikon { background: var(--gray-surface); color: var(--muted); }

.p360-kanal .govde { flex: 1; min-width: 0; }
.p360-kanal .deger {
  font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
.p360-kanal .deger.maskeli { color: var(--muted); }
.p360-kanal .alt { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.p360-kanal .aksiyon { display: flex; gap: 6px; flex-shrink: 0; }

.p360-kanal-link {
  background: none; border: 0; font-family: var(--font);
  font-size: 12px; font-weight: 600; color: var(--mac-blue);
  cursor: pointer; padding: 4px 7px; border-radius: 6px;
}
.p360-kanal-link:hover { background: var(--mac-blue-soft); }
.p360-kanal-link.tehlike { color: var(--red-dark); }
.p360-kanal-link.tehlike:hover { background: var(--red-bg); }

.p360-kanal-bos { padding: 22px 12px; text-align: center; color: var(--muted); font-size: 12.5px; }
.p360-kanal-bos i { font-size: 20px; display: block; margin-bottom: 6px; }

/* Kanal etiketi (Varsayilan / Pasif) — durum-pill'den ayri, kanal durumu is durumu degil. */
.p360-kanal-etiket {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 11px;
}
.p360-kanal-etiket .nokta { width: 6px; height: 6px; border-radius: 50%; }
.p360-kanal-etiket.varsayilan { background: var(--mac-blue-soft); color: var(--mac-blue-press); }
.p360-kanal-etiket.varsayilan .nokta { background: var(--mac-blue); }
.p360-kanal-etiket.pasif { background: var(--gray-surface); color: var(--muted); }
.p360-kanal-etiket.pasif .nokta { background: var(--muted); }

/* ---- ekleme blogu (Tip + Deger + Varsayilan + Ekle) ---- */
.p360-kanal-ekle {
  margin-top: 14px; padding: 13px;
  border: 1px dashed var(--border-strong); border-radius: 12px; background: var(--gray-surface);
}
.p360-kanal-ekle .baslik {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
  color: var(--muted); margin-bottom: 10px;
}
.p360-kanal-ekle .satir { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.p360-kanal-ekle .alan { display: flex; flex-direction: column; gap: 6px; }
.p360-kanal-ekle .alan.buyut { flex: 1; min-width: 200px; }
.p360-kanal-ekle label {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: var(--muted);
}
.p360-kanal-ekle input {
  width: 100%; font-family: var(--font); font-size: 13.5px; padding: 8px 12px;
  border: 1px solid var(--border); border-radius: 9px;
  background: var(--surface); color: var(--text); outline: 0;
}
.p360-kanal-ekle input:focus { border-color: var(--mac-blue); box-shadow: 0 0 0 3px var(--mac-blue-soft); }

.p360-kanal-seg { display: inline-flex; gap: 2px; padding: 3px; background: var(--surface); border: 1px solid var(--border); border-radius: 9px; }
.p360-kanal-seg button {
  appearance: none; border: 0; background: transparent; padding: 6px 13px; border-radius: 7px;
  font-family: var(--font); font-size: 12.5px; font-weight: 600; color: var(--muted); cursor: pointer;
}
.p360-kanal-seg button.aktif { background: var(--mac-blue-soft); color: var(--mac-blue-press); }

.p360-kanal-ekle .alt-satir {
  display: flex; align-items: center; gap: 12px; margin-top: 11px;
}
.p360-kanal-ekle .alt-satir .lbl { font-size: 12.5px; font-weight: 500; }
.p360-kanal-ekle .alt-satir .bosluk { flex: 1; }