/* ---------- results ---------- */
.results{display:flex;flex-direction:column;min-height:520px}
.resultsbar{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;
  padding:11px 16px;border-bottom:1px solid var(--line);
}
.count{font-size:0.9375rem;font-weight:600}
.count .sub{font-weight:400;color:var(--muted)}
.hint{font-size:0.875rem;color:var(--muted)}
.kbdnudge{
  margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 9px;
  padding:11px 16px;border-bottom:1px solid var(--line);background:var(--surface-2);
  font-size:0.875rem;line-height:1.5;color:var(--ink-2);
}
.kbdnudge b{font-weight:600;color:var(--ink)}
.kbdnudge .kbd{background:var(--surface)}
.kbdnudge.done{background:var(--surface);color:var(--muted)}
.kbdnudge.done b{color:var(--ink-2)}
.kbdnudge[hidden]{display:none}
.list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:9px;overflow-y:auto;max-height:560px}

.card{
  border:1px solid var(--line);border-radius:5px;background:var(--surface);
  padding:13px 14px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;cursor:pointer;
}
@media (hover:hover){.card:hover{border-color:var(--line-2)}}
.card[aria-selected="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.thumb{
  width:74px;height:62px;border-radius:3px;background:var(--surface-2);
  border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);
  font-family:"IBM Plex Mono",monospace;font-size:0.875rem;letter-spacing:.08em;
}
.card h3{margin:0 0 3px;font-size:1rem;font-weight:600;line-height:1.3}
.addr{margin:0 0 7px;font-size:0.875rem;color:var(--muted)}
.facts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:0.875rem;color:var(--ink-2)}
.facts b{font-weight:600;color:var(--ink)}
.unknown{color:var(--warn);font-style:italic}
.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.chip{
  font-family:"IBM Plex Mono",monospace;font-size:0.875rem;letter-spacing:.05em;text-transform:uppercase;
  padding:3px 9px;border-radius:2px;border:1px solid transparent;
}
.chip.warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn)}
.chip.crit{background:var(--crit-soft);color:var(--crit);border-color:var(--crit)}
.chip.ok{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}
.chip.mute{background:var(--surface-2);color:var(--muted);border-color:var(--line-2)}
.stripe{border-left:3px solid transparent;padding-left:10px}
.stripe.warn{border-left-color:var(--warn)}
.stripe.crit{border-left-color:var(--crit)}

.detail{grid-column:1/-1;border-top:1px dashed var(--line-2);margin-top:10px;padding-top:10px}
.gated{
  border:1px dashed var(--line-2);border-radius:4px;padding:10px;background:var(--surface-2);
  display:flex;flex-direction:column;gap:7px;
}
.gated .rows{display:flex;flex-direction:column;gap:5px}
.gatedrow{display:flex;justify-content:space-between;gap:12px;font-size:0.875rem;align-items:center}
.blurbar{height:9px;border-radius:2px;background:linear-gradient(90deg,var(--line-2),var(--line));width:72px;opacity:.85}