/* Hastambu Outreach · Adaylar. Yalnız app.css belirteçleri; sınıflar lg- önekli. Metin solmaz: sönük durum renkle verilir. */

.lg .list-tools { flex-wrap: wrap; }
.lg .list-tools .select--sm { width: 100%; }
.lg .avatar { font-weight: 700; letter-spacing: 0; }
.lg .lead { grid-template-columns: auto minmax(0, 1fr) auto; }
.lg .lead-next .faint { overflow: hidden; text-overflow: ellipsis; }

.lg-score { display: inline-flex; gap: 4px; margin-right: 8px; }
.lg-ax {
  display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 20px; padding: 0 6px;
  border-radius: 6px; font: 700 11.5px/1 var(--font); font-variant-numeric: tabular-nums; border: 1px solid var(--line);
  color: var(--text-2); background: var(--surface-2);
}
.lg-ax--ok { color: var(--ok); background: var(--ok-soft); border-color: var(--ok-line); }

.lg-job { align-items: center; margin: 0 0 12px; }
.lg-job > div { flex: 1; display: grid; gap: 6px; }
.lg-job .meter { margin: 2px 0; }

.lg-head { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.lg-head .btn-row { flex-wrap: wrap; }
.lg-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.lg-head a { color: var(--accent-ink); text-underline-offset: 3px; white-space: nowrap; }

.lg-axes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1180px) { .lg-axes { grid-template-columns: minmax(0, 1fr); } }
.lg-axis-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.lg-axis-top span { font-weight: 700; }
.lg-reasons, .lg-missing, .lg-sigs, .lg-events { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 8px; }
.lg-reasons li { display: flex; gap: 6px; align-items: flex-start; }
.lg-reasons li .i { color: var(--ok); margin-top: 3px; flex: none; }
.lg-reasons small, .lg-sigs small, .lg-events small, .lg-ap-top small, .lg-person-body small { display: block; color: var(--text-2); font-size: 12.5px; overflow-wrap: anywhere; }
.lg-missing li { padding-left: 14px; position: relative; color: var(--text-2); }
.lg-missing li::before { content: ""; position: absolute; left: 2px; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: var(--warn); }

.lg-ap { border: 1px solid var(--line); border-radius: var(--r-s); padding: 12px; display: grid; gap: 8px; background: var(--surface); }
.lg-ap--var { border-color: var(--ok-line); }
.lg-ap--yok { border-color: var(--danger-line); }
.lg-ap--belirsiz { border-color: var(--warn-line); }
.lg-ap-top { display: flex; gap: 12px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.lg-ap-top > div:first-child { min-width: 0; flex: 1 1 220px; }
.lg-ap .seg { flex: none; }
.lg-ap .seg-btn[aria-pressed="true"][data-value="var"] { color: var(--ok); }
.lg-ap .seg-btn[aria-pressed="true"][data-value="yok"] { color: var(--danger); }
.lg-ap .seg-btn[aria-pressed="true"][data-value="belirsiz"] { color: var(--warn); }
.lg-ap-meta { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12.5px; }
.lg-sug { color: var(--accent-ink); display: inline-flex; gap: 4px; align-items: center; overflow-wrap: anywhere; }

.lg-person { border: 1px solid var(--line); border-radius: var(--r-s); padding: 12px; display: grid; gap: 10px; }
.lg-person-top { display: flex; gap: 10px; align-items: flex-start; }
.lg-person-body { flex: 1; min-width: 0; }
.lg-photo { object-fit: cover; padding: 0; }
.lg-person-body .pill { margin-left: 6px; vertical-align: 1px; }
.lg-person-body a { color: var(--accent-ink); }
.lg-chs { display: flex; flex-wrap: wrap; gap: 6px; }
.lg-ch {
  display: inline-flex; align-items: center; gap: 4px; height: 24px; padding: 0 8px; border-radius: 999px; font-size: 12px; font-weight: 700;
  border: 1px solid var(--line); background: var(--surface-2); color: var(--text-2); cursor: help;
}
.lg-ch--ok { color: var(--ok); background: var(--ok-soft); border-color: var(--ok-line); }
.lg-ch--warn { color: var(--warn); background: var(--warn-soft); border-color: var(--warn-line); }
.lg-ch--block { color: var(--danger); background: var(--danger-soft); border-color: var(--danger-line); }

.lg-sigs li { display: flex; gap: 8px; justify-content: space-between; align-items: flex-start; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
.lg-sigs li:last-child { border-bottom: 0; padding-bottom: 0; }
.lg-sigs li > span { min-width: 0; }

.lg-events { padding: 0 var(--gutter, 16px) 12px; }
.lg-events li { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 10px; font-size: 13px; }
@media (max-width: 560px) { .lg-events li { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

.lg-funnel { display: grid; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 8px; }
.lg-fstep { border: 1px solid var(--line); border-radius: var(--r-s); padding: 10px; display: grid; gap: 2px; background: var(--surface-2); }
.lg-fstep .num { font-size: 20px; font-weight: 700; }
.lg-fstep small { color: var(--text-2); font-size: 12px; }

.lg-howto ol { margin: 8px 0 0; padding-left: 20px; display: grid; gap: 6px; color: var(--text-2); }
.lg-howto b { color: var(--text); }
.lg-overview { padding-bottom: 24px; }

.lg-choice { display: flex; gap: 10px; align-items: flex-start; text-align: left; }
.lg-choice input { margin-top: 3px; }
.lg-choice.is-off { cursor: not-allowed; }
.lg-choice small { display: block; }
.lg-bad { color: var(--danger); display: block; font-size: 12.5px; }
.choice.lg-danger { color: var(--danger); }