/* Links in the admin (docs/design/link-suggestions.html): suggestion cards, hubs, bulk linking, audit, log. */
::highlight(lk-suggested) { background-color: #FDE68A; }
::highlight(lk-hub) { background-color: #EDE9FE; text-decoration: underline 2px #7C3AED; }
.lk-flash { outline: 3px solid #F59E0B; outline-offset: 4px; transition: outline-color .6s; }

.lk-panel { --lk-line: #E1E3E8; --lk-muted: #6B7280; --lk-hub: #5B21B6; --lk-hubbg: #EDE9FE; margin: 0 0 8px; }
.lk-panel .lk-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 10px; }
.lk-panel .lk-head h3 { margin: 0; font-size: 1rem; }
.lk-cnt { background: var(--w-color-primary, #007D7E); color: #fff; border-radius: 99px; padding: 1px 8px; font-size: 12px; font-weight: 700; }
.lk-head .lk-right { margin-left: auto; display: flex; gap: 6px; }
.lk-note { background: #DCFCE7; color: #166534; border-radius: 6px; padding: 6px 10px; margin: 0 0 8px; font-size: 13px; }
.lk-dens { border: 1px solid var(--lk-line); border-radius: 8px; padding: 10px 12px; margin: 0 0 12px; }
.lk-dens .row { display: flex; justify-content: space-between; gap: 8px; font-size: 12.5px; color: var(--lk-muted); }
.lk-dens .bar { height: 8px; border-radius: 4px; background: #E5E7EB; margin: 6px 0; position: relative; overflow: hidden; }
.lk-dens .bar i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--w-color-primary, #007D7E); }
.lk-dens .bar b { position: absolute; top: 0; bottom: 0; right: 0; background: rgba(0, 125, 126, .15); border-left: 1px dashed var(--w-color-primary, #007D7E); }
.lk-filters { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 10px; }
.lk-filters button, .lk-chip { height: 28px; padding: 0 10px; border-radius: 99px; border: 1px solid #c9ccd3; background: transparent; font-size: 12.5px; cursor: pointer; color: inherit; display: inline-flex; align-items: center; text-decoration: none; }
.lk-filters button.on, .lk-chip.on { background: #1D1F23; color: #fff; border-color: #1D1F23; }
.lk-cards { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
.lk-card { border: 1px solid var(--lk-line); border-radius: 8px; padding: 10px 12px; background: var(--w-color-surface-page, #fff); }
.lk-card.hub { border-left: 3px solid #7C3AED; }
.lk-card.lk-ignored { opacity: .6; }
.lk-card .top { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0 0 6px; font-size: 12px; color: var(--lk-muted); }
.lk-tag { font-size: 10.5px; font-weight: 700; letter-spacing: .03em; border-radius: 4px; padding: 2px 6px; text-transform: uppercase; }
.lk-t-term { background: #FCE7E4; color: #B42318; } .lk-t-text, .lk-t-question { background: #E0EAFF; color: #1E40AF; }
.lk-t-person { background: #FEF3C7; color: #92400E; } .lk-t-place, .lk-t-event { background: #DCFCE7; color: #166534; }
.lk-t-holy_day, .lk-t-book, .lk-t-page { background: #F3E8FF; color: #6B21A8; } .lk-t-hub { background: var(--lk-hubbg); color: var(--lk-hub); }
.lk-ctx { font: 14px/1.5 Georgia, serif; margin: 0 0 6px; }
.lk-ctx mark { background: #FDE68A; padding: 0 1px; }
.lk-card.hub .lk-ctx mark { background: var(--lk-hubbg); }
.lk-tgt { font-size: 13px; margin: 0 0 6px; }
.lk-meta { font-size: 12px; color: var(--lk-muted); }
.lk-sc { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; font-size: 12px; color: var(--lk-muted); margin: 0 0 8px; }
.lk-meter { display: inline-block; width: 60px; height: 6px; border-radius: 3px; background: #E5E7EB; overflow: hidden; vertical-align: middle; margin-left: 4px; }
.lk-meter i { display: block; height: 100%; background: var(--w-color-primary, #007D7E); }
.lk-meter.h i { background: #7C3AED; }
.lk-lv { font-weight: 700; text-transform: capitalize; }
.lk-lv.high { color: #166534; } .lk-lv.medium { color: #92400E; } .lk-lv.low { color: var(--lk-muted); }
.lk-act { display: flex; gap: 6px; flex-wrap: wrap; }
.lk-retarget { display: flex; gap: 6px; margin-top: 6px; }
.lk-retarget input { flex: 1; min-width: 0; }
.lk-links { font-size: 12px; }
.lk-links a { margin-right: 6px; }

/* Reports */
.lk-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 0 0 16px; }
.lk-kpi { border: 1px solid var(--lk-line, #E1E3E8); border-radius: 8px; padding: 12px 14px; }
.lk-kpi small { color: #6B7280; font-size: 12px; }
.lk-kpi b { display: block; font-size: 24px; margin-top: 4px; }
.lk-kpi b.warn { color: #92400E; } .lk-kpi b.bad { color: #B42318; }
.lk-st { font-size: 11.5px; font-weight: 700; border-radius: 99px; padding: 3px 9px; white-space: nowrap; }
.lk-st.strong { background: #DCFCE7; color: #166534; } .lk-st.needs { background: #FEF3C7; color: #92400E; } .lk-st.weak { background: #FEE4E2; color: #B42318; }
.lk-pr { display: inline-block; width: 90px; height: 8px; border-radius: 4px; background: #E5E7EB; overflow: hidden; vertical-align: middle; }
.lk-pr i { display: block; height: 100%; background: var(--w-color-primary, #007D7E); }
.lk-sub { display: block; font-size: 12px; color: #6B7280; }
.lk-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-top: 16px; }
@media (max-width: 900px) { .lk-split, .lk-bulk { grid-template-columns: 1fr !important; } }
.lk-box { border: 1px solid #E1E3E8; border-radius: 8px; padding: 14px; }
.lk-box h3 { margin: 0 0 4px; font-size: 15px; }
.lk-bulk { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 16px; }
.lk-targets { border: 1px solid #E1E3E8; border-radius: 8px; overflow: hidden; max-height: 75vh; overflow-y: auto; }
.lk-targets form input { width: 100%; border: 0; border-bottom: 1px solid #E1E3E8; border-radius: 0; }
.lk-targets a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid #eef0f3; text-decoration: none; color: inherit; }
.lk-targets a.on { background: #F0FDFA; box-shadow: inset 3px 0 0 var(--w-color-primary, #007D7E); }
.lk-targets em { font-style: normal; font-size: 12px; font-weight: 700; background: #FEF3C7; color: #92400E; border-radius: 99px; padding: 1px 8px; }
.lk-opt { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; border: 1px solid #E1E3E8; border-radius: 8px; padding: 10px 12px; margin: 0 0 10px; font-size: 13px; }
.lk-opt label { display: inline-flex; gap: 6px; align-items: center; }
.lk-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) 120px 80px; gap: 10px; align-items: start; border: 1px solid #E1E3E8; border-radius: 8px; padding: 10px 12px; margin: 0 0 6px; }
.lk-bar { position: sticky; bottom: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #111827; color: #fff; border-radius: 8px; padding: 10px 14px; margin-top: 10px; }
.lk-bar span { margin-right: auto; font-size: 13px; }
.lk-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 6px 0 12px; }
.lk-diff > div { border: 1px solid #E1E3E8; border-radius: 6px; padding: 8px 10px; font: 14px/1.5 Georgia, serif; }
.lk-diff .after a { background: #DCFCE7; }
.lk-diff .before { background: #FAFAFA; }
.lk-inline { display: inline; }
.lk-inline input[type=text] { width: 180px; }