/* WP-I: хуваалцах товч, AI тойм, kill switch-ийн нөөц, админ самбар. base.html-д автоматаар орно. */

/* ---------- Хуваалцах ---------- */
.share { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.share-b { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; cursor: pointer;
           font: 600 13px var(--font); color: var(--text); background: var(--surface-2); border: 1px solid var(--line); }
.share-b:hover { color: var(--accent-ink); border-color: var(--accent); }
.share-b svg { flex: none; }
.share-telegram { background: #229ed9; border-color: #229ed9; color: #fff; }
.share-telegram:hover { color: #fff; filter: brightness(1.08); border-color: #229ed9; }
.share-b.ok { color: var(--good); border-color: var(--good); }
.hero .share-b:not(.share-telegram) { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .16); color: #fff; }

/* ---------- AI тойм (match.html: <section class="card ai-preview">) ---------- */
.ai-preview p { margin: 0 0 10px; line-height: 1.65; }
.ai-preview .ai-note { font-size: 12px; color: var(--muted); margin: 6px 0 0; }

/* ---------- kill_predictions: <body class="fly-nopct"> үед магадлалын элементүүдийг нуух нөөц ----------
   Үндсэн хамгаалалт нь сервер талд (|pct болон view._p "–" буцаана); энэ нь CSS-ийн давхар хамгаалалт. */
.fly-nopct .pbar, .fly-nopct .pv, .fly-nopct .trio, .fly-nopct .hero-kpis, .fly-nopct [data-pct],
.fly-nopct .topl .bar, .fly-nopct .tpv .bar, .fly-nopct .ai-preview, .fly-nopct ol.cs { display: none !important; }
/* Мөрийн нүднүүд (_rows.html/_srows.html .pc, .pick; top.html .tpv) — баганын байрлал эвдэхгүйн тулд нуух */
.fly-nopct .pc, .fly-nopct .pick, .fly-nopct .tpv { visibility: hidden !important; }

/* ---------- Админ ---------- */
.adm { padding-bottom: 24px; }
.adm-head { display: flex; align-items: center; gap: 12px; }
.adm-out { margin-left: auto; color: var(--accent-ink); font-weight: 600; }
.adm-ok { color: var(--good); font-weight: 700; margin: 0 0 12px; }
.adm-flags { display: grid; gap: 10px; }
.adm-check, .adm-text { display: flex; gap: 10px; align-items: flex-start; padding: 10px; border-radius: 10px;
                        background: var(--surface-2); border: 1px solid var(--line); }
.adm-text { flex-direction: column; }
.adm-text input { width: 100%; padding: 9px 10px; border-radius: 8px; border: 1px solid var(--line);
                  background: var(--surface); color: var(--text); font: inherit; }
.adm-check input { margin-top: 4px; width: 18px; height: 18px; accent-color: var(--accent); }
.adm-check.is-kill { border-color: var(--bad); background: var(--bad-soft); }
.adm-flags .btn { justify-self: start; }
.adm-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.adm-sub { margin-top: 16px !important; }
.adm-prev { border-top: 1px solid var(--line); padding: 12px 0; }
.adm-prev:first-of-type { border-top: 0; }
.adm-prev-h { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: baseline; }
.adm-prev-t { margin: 8px 0; max-width: 80ch; }
.adm-prev-t p { margin: 0 0 8px; }
.adm-prev.st-failed, .adm-prev.st-rejected { opacity: .7; }
.adm-prev.st-pending .adm-prev-h b:last-child { color: var(--accent-ink); }
.adm-bad { color: var(--bad); word-break: break-word; }
.adm-act { display: flex; gap: 8px; }
.adm-act .btn { padding: 7px 14px; font-size: 13px; }
.adm-ta { width: 100%; padding: 10px; border-radius: 10px; border: 1px solid var(--line); background: var(--surface-2);
          color: var(--text); font: 13px/1.5 ui-monospace, Consolas, monospace; resize: vertical; }
@media (max-width: 720px) {
  .adm .tbl { font-size: 12px; }
  .share-b { padding: 8px 10px; }
}