/* Incubate360 v3.7: the Events module, the coordinator's duties, and the public feedback page.

   EVERY class starts with `v7-`, same rule as `v6-`, `v5-`, `v4-` and `cw-`. That is the fix for
   §1.13: a short generic class name is a name somebody else has already taken, and one bare `.lg`
   broke every wide form in the product for a week. `scripts/css-clash.mjs` is the guard.

   Colours come from the v2 tokens, never a literal, so dark mode answers for free (gotcha 39),
   and every `fr` track is `minmax(0,1fr)` so a wide table cannot push the page sideways
   (gotcha 37). */

/* ───────────── shared bits ───────────── */
.v7-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.v7-t { font-weight: 600; color: var(--ink); }
.v7-s { font-size: 11.5px; color: var(--mut); margin-top: 2px; line-height: 1.45; }
.v7-none { color: var(--mut); font-style: italic; font-size: 12px; }
.v7-ok { color: var(--cyan); font-size: 12px; }
.v7-behind { color: var(--amber, #E8A33D); font-size: 12px; font-weight: 600; }
.v7-a { color: var(--violet); text-decoration: none; }
.v7-a:hover { text-decoration: underline; }
.v7-p { font-size: 12.5px; color: var(--mut); line-height: 1.6; margin: 0 0 13px; }
.v7-p.small { font-size: 11.5px; margin-top: 11px; margin-bottom: 0; }
.v7-note { font-size: 12.5px; color: var(--mut); line-height: 1.6; margin: 0 0 14px; padding: 11px 14px;
  border-radius: 10px; background: var(--bg2, var(--card)); border: 1px solid var(--line); }
.v7-h4 { font-size: 12px; font-weight: 700; color: var(--ink); margin: 16px 0 8px;
  text-transform: uppercase; letter-spacing: .04em; }
.v7-prose { font-size: 13px; color: var(--ink); line-height: 1.65; }
.v7-save { display: flex; justify-content: flex-end; margin: 14px 0; }

/* ───────────── what is waiting for you ───────────── */
.v7-wait { display: flex; flex-direction: column; gap: 8px; }
.v7-wait-r { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left;
  padding: 12px 14px; border-radius: 11px; border: 1px solid var(--line); background: var(--card);
  cursor: pointer; font: inherit; color: var(--ink); transition: border-color .14s; }
.v7-wait-r:hover { border-color: var(--violet); }
.v7-wait-n { flex: 0 0 auto; min-width: 30px; height: 30px; border-radius: 9px; display: flex;
  align-items: center; justify-content: center; background: var(--violet); color: #fff;
  font-weight: 700; font-size: 13px; padding: 0 8px; }
.v7-wait-i { color: var(--violet); display: flex; flex: 0 0 auto; }
.v7-wait-t { flex: 1 1 auto; font-size: 13px; min-width: 0; }
.v7-wait-g { color: var(--mut); display: flex; flex: 0 0 auto; }

/* ───────────── event rows ───────────── */
.v7-evs { display: flex; flex-direction: column; gap: 2px; }
.v7-ev { display: flex; align-items: center; gap: 13px; width: 100%; text-align: left;
  padding: 10px 4px; border: 0; border-top: 1px solid var(--line); background: none;
  font: inherit; color: var(--ink); cursor: pointer; }
.v7-ev:first-child { border-top: 0; }
.v7-ev:hover { background: var(--canvas, #F5F7FB); }
.v7-ev-d { flex: 0 0 auto; width: 42px; text-align: center; border-radius: 9px;
  background: var(--bg2, var(--canvas, #F5F7FB)); border: 1px solid var(--line); padding: 5px 0; }
.v7-ev-dd { display: block; font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.1; }
.v7-ev-dm { display: block; font-size: 10px; color: var(--mut); text-transform: uppercase; }
.v7-ev-b { flex: 1 1 auto; min-width: 0; }
.v7-ev-t { display: block; font-weight: 600; font-size: 13px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.v7-ev-s { display: block; font-size: 11.5px; color: var(--mut); margin-top: 2px; }
.v7-ev-r { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
.v7-ev-c { font-size: 11px; color: var(--mut); }
.v7-ev-c.none { color: var(--amber, #E8A33D); font-style: italic; }

/* ───────────── filter chips ───────────── */
.v7-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 13px; }
.v7-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 13px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--card); color: var(--mut); font-size: 12.5px;
  cursor: pointer; }
.v7-chip:hover { border-color: var(--violet); }
.v7-chip.on { background: var(--violet); border-color: var(--violet); color: #fff; font-weight: 600; }
.v7-chip-n { font-size: 11px; opacity: .8; }

/* ───────────── the one-event banner ───────────── */
.v7-bn { border: 1px solid var(--line); border-radius: 12px; background: var(--card);
  padding: 12px 16px; margin: 0 0 14px; }
.v7-bn-row { display: flex; gap: 26px; flex-wrap: wrap; }
.v7-bn-i { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.v7-bn-l { font-size: 10.5px; color: var(--mut); font-weight: 600; text-transform: uppercase;
  letter-spacing: .04em; }
.v7-bn-v { font-size: 13px; color: var(--ink); font-weight: 600; }
.v7-bn-needs { display: flex; align-items: center; gap: 8px; margin-top: 11px; padding-top: 10px;
  border-top: 1px dashed var(--line); font-size: 12px; color: var(--amber, #E8A33D); }
.v7-bn-needs span:first-child { display: flex; flex: 0 0 auto; }

/* ───────────── key / value ───────────── */
.v7-kv { display: flex; flex-direction: column; gap: 1px; }
.v7-kv-r { display: flex; gap: 14px; padding: 8px 2px; border-top: 1px solid var(--line); }
.v7-kv-r:first-child { border-top: 0; }
.v7-kv-k { flex: 0 0 160px; font-size: 12px; color: var(--mut); }
.v7-kv-v { flex: 1 1 auto; font-size: 13px; color: var(--ink); min-width: 0; }

/* ───────────── speakers ───────────── */
.v7-spk { display: flex; flex-direction: column; gap: 1px; }
.v7-spk-r { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px;
  padding: 11px 2px; border-top: 1px solid var(--line); }
.v7-spk-r:first-child { border-top: 0; }
.v7-spk-n { font-weight: 600; font-size: 13px; color: var(--ink); }
.v7-spk-s { font-size: 11.5px; color: var(--mut); margin-top: 2px; }
.v7-spk-t { font-size: 12px; color: var(--ink); margin-top: 4px; }

/* ───────────── warnings, which never block ───────────── */
.v7-warn { display: flex; align-items: flex-start; gap: 10px; padding: 11px 14px; border-radius: 10px;
  background: var(--amber-soft, rgba(245, 158, 11, .09)); border: 1px solid var(--amber, #F59E0B);
  font-size: 12.5px; color: var(--ink); line-height: 1.55; margin: 0 0 10px; }
.v7-warn span:first-child { color: var(--amber, #F59E0B); display: flex; flex: 0 0 auto; margin-top: 1px; }
.v7-warn.info { background: var(--bg2, var(--card)); border-color: var(--line); color: var(--mut); }
.v7-warn.info span:first-child { color: var(--blue); }
.v7-warn.big { padding: 14px 16px; }
.v7-warn-t { font-weight: 700; }
.v7-warn-s { font-size: 11.5px; color: var(--mut); margin-top: 3px; }
.v7-grant { display: flex; align-items: flex-start; gap: 12px; padding: 13px 16px; border-radius: 12px;
  border: 1px dashed var(--line); background: var(--bg2, var(--card)); margin: 14px 0; }
.v7-grant-i { color: var(--blue); display: flex; flex: 0 0 auto; margin-top: 1px; }
.v7-grant-t { font-weight: 700; font-size: 13px; color: var(--ink); }
.v7-grant-s { font-size: 11.5px; color: var(--mut); line-height: 1.55; margin-top: 3px; }
.v7-grant .b { flex: 0 0 auto; align-self: center; }

/* ───────────── forms ───────────── */
.v7-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.v7-f { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.v7-fl { font-size: 12px; font-weight: 600; color: var(--ink); }
.v7-fh { font-size: 11px; color: var(--mut); line-height: 1.45; }
.v7-f .inp { min-width: 0; }
.v7-fwrap { min-width: 0; }
.v7-fwrap.pre .inp { border-color: var(--cyan); }
.v7-asked { display: flex; gap: 4px; margin-top: 4px; flex-wrap: wrap; }
.v7-tag { font-size: 9.5px; font-weight: 700; letter-spacing: .04em; padding: 2px 6px;
  border-radius: 4px; background: var(--bg2, var(--canvas, #F5F7FB)); color: var(--mut);
  border: 1px solid var(--line); }
.v7-pre { font-size: 10.5px; color: var(--cyan); margin-top: 3px; }
.v7-check { display: flex; align-items: center; gap: 9px; margin-top: 13px; font-size: 12.5px; color: var(--ink); }
.v7-check input { width: 15px; height: 15px; flex: 0 0 auto; }
.v7-cb { width: 17px; height: 17px; cursor: pointer; }
.v7-multi { display: flex; flex-wrap: wrap; gap: 8px; }
.v7-multi-o { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--ink);
  padding: 5px 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--card); }

/* ───────────── the report state strip ───────────── */
.v7-state { display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 13px 16px; border-radius: 12px; border: 1px solid var(--line); background: var(--card);
  margin-bottom: 13px; flex-wrap: wrap; }
.v7-state-t { font-size: 16px; font-weight: 700; color: var(--ink); }
.v7-state-s { font-size: 12px; color: var(--mut); margin-top: 2px; }

/* ───────────── the framework export cards ───────────── */
.v7-fws { display: flex; flex-direction: column; gap: 9px; }
.v7-fw { display: flex; align-items: center; gap: 14px; padding: 12px 14px; border-radius: 11px;
  border: 1px solid var(--line); background: var(--card); flex-wrap: wrap; }
.v7-fw-b { flex: 1 1 300px; min-width: 0; }
.v7-fw-t { font-size: 13.5px; font-weight: 700; color: var(--ink); }
.v7-fw-w { font-size: 11.5px; color: var(--mut); margin-top: 2px; line-height: 1.5; }
.v7-fw-n { font-size: 11px; color: var(--blue); margin-top: 4px; line-height: 1.5; }

/* ───────────── photographs ───────────── */
.v7-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 12px; }
.v7-photo { border: 1px solid var(--line); border-radius: 11px; overflow: hidden;
  background: var(--card); display: flex; flex-direction: column; min-width: 0; }
.v7-photo-im { height: 130px; background: var(--bg2, var(--canvas, #F5F7FB)); display: flex;
  align-items: center; justify-content: center; color: var(--mut); overflow: hidden; }
.v7-photo-im img { width: 100%; height: 100%; object-fit: cover; }
.v7-photo-b { padding: 10px 12px; flex: 1 1 auto; }
.v7-photo-c { font-size: 12.5px; font-weight: 600; color: var(--ink); }
.v7-photo-s { font-size: 11px; color: var(--mut); margin: 3px 0 6px; }
.v7-photo .b { margin: 0 12px 11px; }

/* ───────────── feedback ───────────── */
.v7-link { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.v7-link-u { flex: 1 1 260px; padding: 9px 13px; border-radius: 9px; background: var(--bg2, var(--canvas, #F5F7FB));
  border: 1px solid var(--line); font-size: 12.5px; color: var(--ink); overflow-x: auto;
  white-space: nowrap; min-width: 0; }
.v7-fbs { display: flex; flex-direction: column; gap: 1px; }
.v7-fbr { padding: 11px 2px; border-top: 1px solid var(--line); }
.v7-fbr:first-child { border-top: 0; }
.v7-fbr-h { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.v7-fbr-n { font-weight: 600; font-size: 13px; color: var(--ink); }
.v7-fbr-st { display: inline-flex; gap: 1px; }
.v7-fbr-d { font-size: 11px; color: var(--mut); margin-left: auto; }
.v7-fbr-c { font-size: 12.5px; color: var(--ink); line-height: 1.6; margin-top: 6px;
  white-space: pre-wrap; }
.v7-star { display: inline-flex; color: var(--line); }
.v7-star.on { color: #F5A623; }
.v7-star.on svg { fill: currentColor; }

/* ───────────── duties ───────────── */
.v7-duties { display: flex; flex-direction: column; gap: 8px; }
.v7-duty { display: flex; align-items: flex-start; gap: 12px; width: 100%; text-align: left;
  padding: 12px 14px; border-radius: 11px; border: 1px solid var(--line); background: var(--card);
  cursor: pointer; font: inherit; color: var(--ink); transition: border-color .14s; }
.v7-duty:hover { border-color: var(--violet); }
.v7-duty.pick { cursor: pointer; align-items: flex-start; }
.v7-duty.pick input { width: 16px; height: 16px; flex: 0 0 auto; margin-top: 2px; }
.v7-duty-i { color: var(--violet); display: flex; flex: 0 0 auto; margin-top: 1px; }
.v7-duty-b { flex: 1 1 auto; min-width: 0; }
.v7-duty-t { display: block; font-weight: 700; font-size: 13.5px; }
.v7-duty-w { display: block; font-size: 11.5px; color: var(--mut); margin-top: 3px; line-height: 1.55; }
.v7-duty-g { color: var(--mut); display: flex; flex: 0 0 auto; align-self: center; }
.v7-dchips { display: flex; gap: 5px; flex-wrap: wrap; }

/* ───────────── the coverage board ───────────── */
.v7-cov { display: flex; flex-direction: column; gap: 1px; }
.v7-cov-r { display: flex; align-items: flex-start; gap: 12px; padding: 11px 2px;
  border-top: 1px solid var(--line); }
.v7-cov-r:first-child { border-top: 0; }
.v7-cov-r.none { opacity: .72; }
.v7-cov-i { color: var(--violet); display: flex; flex: 0 0 auto; margin-top: 2px; }
.v7-cov-b { flex: 1 1 auto; min-width: 0; }
.v7-cov-t { font-weight: 600; font-size: 13px; color: var(--ink); }
.v7-cov-w { font-size: 11.5px; color: var(--mut); margin-top: 2px; line-height: 1.5; }
.v7-cov-p { flex: 0 0 auto; display: flex; gap: 5px; flex-wrap: wrap; max-width: 260px;
  justify-content: flex-end; }

/* ───────────── people picker ───────────── */
.v7-people { display: flex; flex-direction: column; gap: 8px; }
.v7-person { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 11px 13px; border-radius: 10px; border: 1px solid var(--line); background: var(--card); }
.v7-person.off { opacity: .68; }
.v7-person-n { display: flex; align-items: center; gap: 7px; font-weight: 600; font-size: 13px;
  color: var(--ink); }
.v7-person-s { font-size: 11.5px; color: var(--mut); margin-top: 2px; }
.v7-person-no { font-size: 11.5px; color: var(--mut); font-style: italic; }
.v7-unassign { margin-top: 13px; padding-top: 13px; border-top: 1px solid var(--line);
  display: flex; justify-content: flex-end; }

/* ───────────── one person's panel ───────────── */
.v7-ph { padding-bottom: 13px; border-bottom: 1px solid var(--line); margin-bottom: 13px; }
.v7-ph-n { font-size: 17px; font-weight: 700; color: var(--ink); }
.v7-ph-s { font-size: 11.5px; color: var(--mut); margin-top: 3px; }
.v7-ph-t { font-size: 12.5px; color: var(--ink); margin-top: 7px; }
.v7-hist { display: flex; flex-direction: column; gap: 1px; }
.v7-hist-r { display: flex; gap: 12px; padding: 8px 2px; border-top: 1px solid var(--line);
  font-size: 12px; align-items: baseline; }
.v7-hist-r:first-child { border-top: 0; }
.v7-hist-d { flex: 0 0 92px; color: var(--mut); }
.v7-hist-t { flex: 0 0 auto; font-weight: 600; color: var(--ink); }
.v7-hist-s { flex: 1 1 auto; color: var(--mut); min-width: 0; }

/* ───────────── a coordinator with nothing yet ───────────── */
.v7-empty-duty { text-align: center; padding: 30px 20px; }
.v7-empty-i { color: var(--violet); display: flex; justify-content: center; margin-bottom: 14px; opacity: .5; }
.v7-empty-t { font-size: 16px; font-weight: 700; color: var(--ink); }
.v7-empty-s { font-size: 12.5px; color: var(--mut); line-height: 1.65; max-width: 520px;
  margin: 9px auto 18px; }
.v7-empty-b { display: flex; gap: 9px; justify-content: center; flex-wrap: wrap; }

/* ═════════════ THE PUBLIC FEEDBACK PAGE (no login, its own shell) ═════════════ */
.v7-pub { max-width: 620px; margin: 0 auto; padding: 34px 18px 60px; }
.v7-pub-load { text-align: center; color: var(--mut); padding: 40px; font-size: 13px; }
.v7-pub-head { text-align: center; margin-bottom: 22px; }
.v7-pub-centre { font-size: 11.5px; color: var(--mut); font-weight: 600; letter-spacing: .05em;
  text-transform: uppercase; }
.v7-pub-h { font-size: 25px; font-weight: 800; color: var(--ink); margin: 7px 0 5px; line-height: 1.25; }
.v7-pub-sub { font-size: 12.5px; color: var(--mut); }
.v7-pub-card { background: var(--card); border: 1px solid var(--line); border-radius: 15px;
  padding: 24px 22px; }
.v7-pub-t { font-size: 17px; font-weight: 700; color: var(--ink); margin-bottom: 7px; }
.v7-pub-p { font-size: 13px; color: var(--mut); line-height: 1.65; margin: 0 0 18px; }
.v7-pub-q { margin-bottom: 20px; }
.v7-pub-l { display: block; font-size: 13px; font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.v7-pub-stars { display: flex; align-items: center; gap: 3px; flex-wrap: wrap; }
.v7-pub-star { border: 0; background: none; padding: 3px; cursor: pointer; line-height: 0;
  color: var(--line); border-radius: 8px; }
.v7-pub-star:hover { background: var(--bg2, var(--canvas, #F5F7FB)); }
.v7-pub-star.on { color: #F5A623; }
.v7-pub-star.on svg { fill: currentColor; }
.v7-pub-starn { font-size: 12.5px; color: var(--mut); margin-left: 10px; }
.v7-pub-choice { display: flex; gap: 8px; flex-wrap: wrap; }
.v7-pub-opt { padding: 9px 16px; border-radius: 999px; border: 1.5px solid var(--line);
  background: var(--bg2, var(--canvas, #F5F7FB)); color: var(--ink); font-size: 12.5px;
  cursor: pointer; font-weight: 500; }
.v7-pub-opt:hover { border-color: var(--violet); }
.v7-pub-opt.on { background: var(--violet); border-color: var(--violet); color: #fff; font-weight: 600; }
.v7-pub-ta, .v7-pub-in { width: 100%; padding: 10px 13px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--card); color: var(--ink); font: inherit;
  font-size: 13px; box-sizing: border-box; }
.v7-pub-in { margin-bottom: 8px; }
.v7-pub-ta:focus, .v7-pub-in:focus { outline: none; border-color: var(--violet); }
.v7-pub-pot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.v7-pub-send { width: 100%; padding: 14px; border-radius: 11px; border: 0; background: var(--violet);
  color: #fff; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.v7-pub-send:disabled { opacity: .6; cursor: default; }
.v7-pub-msg { font-size: 12.5px; margin-bottom: 11px; }
.v7-pub-msg.bad { color: var(--red, #DC2626); }
.v7-pub-tick { color: var(--cyan); display: flex; justify-content: center; margin-bottom: 14px; }

/* ───────────── narrow screens ───────────── */
@media (max-width: 1080px) {
  .v7-two, .v7-form { grid-template-columns: minmax(0, 1fr); }
  .v7-cov-p { max-width: none; justify-content: flex-start; }
  .v7-kv-k { flex: 0 0 120px; }
}

/* the show-once password, and a refusal that only appears when it is needed */
.v7-hidden { display: none; }
.v7-pw { margin: 4px 0 14px; border: 1px solid var(--line); border-radius: 11px; overflow: hidden; }
.v7-pw-r { display: flex; align-items: center; gap: 14px; padding: 11px 14px;
  border-top: 1px solid var(--line); background: var(--bg2, var(--card)); }
.v7-pw-r:first-child { border-top: 0; }
.v7-pw-l { flex: 0 0 84px; font-size: 11.5px; color: var(--mut); font-weight: 600; }
.v7-pw-v { flex: 1 1 auto; font-size: 14px; font-weight: 700; color: var(--ink);
  letter-spacing: .02em; word-break: break-all; min-width: 0; }

/* ─── v3.7.1 · the New event form, and changing who runs a thing from the row itself ───
   `.v7-form` is a two column grid, so anything that needs the whole width says so, and a row
   of three or four boxes is its own grid inside it. Every track is minmax(0,1fr) (gotcha 37). */
.v7-wide { grid-column: 1 / -1; min-width: 0; }
.v7-row3, .v7-row4 { grid-column: 1 / -1; display: grid; gap: 12px 14px; min-width: 0; }
.v7-row3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v7-row4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v7-chk { display: flex; align-items: center; gap: 9px; font-size: 12.5px; color: var(--ink);
  cursor: pointer; }
.v7-chk input { width: 15px; height: 15px; flex: 0 0 auto; }
.v7-bad { color: var(--danger, #C62828); font-weight: 600; }
.v7-acts { display: flex; gap: 6px; justify-content: flex-end; flex-wrap: nowrap;
  align-items: center; }
/* the coordinator on a row, pressable, because that is where the person is already looking */
.v7-coord-b { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 12.5px;
  color: var(--ink); background: transparent; border: 1px dashed var(--line); border-radius: 7px;
  padding: 3px 8px; cursor: pointer; max-width: 100%; min-width: 0; text-align: left; }
.v7-coord-t { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v7-coord-b:hover { border-style: solid; border-color: var(--violet); color: var(--violet); }
.v7-coord-b.none { color: var(--mut); font-style: italic; }
.v7-coord-i { display: inline-flex; opacity: .55; flex: 0 0 auto; }
.v7-coord-b:hover .v7-coord-i { opacity: 1; }
@media (max-width: 900px) {
  .v7-row3, .v7-row4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .v7-row3, .v7-row4 { grid-template-columns: minmax(0, 1fr); }
}
/* a field the person may see but not change, shown rather than hidden */
.v7-locked { padding: 8px 11px; border: 1px dashed var(--line); border-radius: 9px;
  background: var(--bg2, var(--card)); color: var(--mut); font-size: 12.5px; min-height: 36px;
  display: flex; align-items: center; }

/* ─── v3.7.1 · the things a coordinator was actually given, on their own home ─── */
.v7-mine { display: flex; flex-direction: column; }
.v7-mine-r { display: flex; align-items: center; gap: 12px; width: 100%; padding: 11px 4px;
  border: 0; border-top: 1px solid var(--line); background: transparent; font: inherit;
  cursor: pointer; text-align: left; }
.v7-mine-r:first-child { border-top: 0; }
.v7-mine-r:hover { background: var(--bg2, var(--canvas, #F5F7FB)); }
.v7-mine-i { display: inline-flex; color: var(--violet); flex: 0 0 auto; }
.v7-mine-b { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.v7-mine-t { font-size: 13.5px; font-weight: 600; color: var(--ink); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
.v7-mine-s { font-size: 11.5px; color: var(--mut); }
.v7-mine-g { display: inline-flex; color: var(--mut); flex: 0 0 auto; }