/* ── Question insights page (share-link question tracking) ───────────
   Layout, table, toolbar, filters and badges all come from files-manage.css
   (.fm-*) and the stats strip from dashboard.css — this file only holds the
   few pieces with no existing equivalent. Tokens only, no new colors. */

.ins-subtitle {
  font-size: .78rem; font-weight: 600; color: var(--text-3);
  white-space: nowrap;
}
.ins-main { overflow-y: auto; }
.ins-main .stats-strip { margin-bottom: .85rem; flex-shrink: 0; }
.ins-main .fm-table-wrap { overflow: visible; }
.ins-toolbar { flex-wrap: wrap; }

.ins-check {
  display: inline-flex; align-items: center; gap: .4rem;
  font-size: .8rem; color: var(--text-2); cursor: pointer; white-space: nowrap;
}

/* Status note above the stats: tracking off / link revoked. */
.ins-banner {
  display: flex; align-items: center; gap: .6rem; flex-wrap: wrap;
  margin-bottom: .75rem; padding: .55rem .8rem;
  background: var(--amber-dim); color: var(--text-2);
  border: 1px solid var(--border); border-radius: var(--r-sm);
  font-size: .82rem; flex-shrink: 0;
}
.ins-banner svg { color: var(--amber); flex-shrink: 0; }

.ins-table th { white-space: nowrap; }
.ins-table td { vertical-align: top; }
.ins-pct { font-size: .78rem; color: var(--text-3); }
.ins-table .ins-when { white-space: nowrap; color: var(--text-3); font-size: .78rem; }
.ins-table .ins-q { width: 100%; color: var(--text); line-height: 1.45; }
.ins-table .ins-visitor { font-family: var(--mono); font-size: .74rem; color: var(--text-3); }
.ins-table .ins-badges { display: flex; gap: .3rem; }
.ins-table tr.ins-flagged { background: var(--amber-dim); }

/* Expanded answer row (click a question to open it). */
.ins-table tr.ins-answer-row { cursor: default; }
.ins-table tr.ins-answer-row:hover { background: transparent; }
.ins-answer {
  margin: .1rem 0 .5rem; padding: .55rem .8rem;
  border-left: 2px solid var(--border-md);
  font-size: .82rem; line-height: 1.55; color: var(--text-2);
}
.ins-answer-label {
  font-size: .68rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .06em; color: var(--text-3); margin-bottom: .3rem;
}
.ins-answer p { margin: 0 0 .5em; }
.ins-answer ul, .ins-answer ol { padding-left: 1.3em; margin: 0 0 .5em; }

.ins-empty {
  padding: 2.5rem 1rem; text-align: center;
  color: var(--text-3); font-size: .85rem; line-height: 1.6;
}

@media (max-width: 640px) {
  .ins-subtitle { display: none; }
  .ins-table .ins-badges { flex-wrap: wrap; }
  .ins-toolbar .fm-search { flex: 1 1 100%; }
  .ins-table th:nth-child(4), .ins-table td:nth-child(4) { display: none; }
}