/* Quotewright console — Connections page ("what's connected to my account").
   Self-contained: inherits Seam Studio tokens + .qc-card/.qc-note/.qc-empty/.pill
   from styles.css / console-views.css. Theme: white / ink / Inter / lime #D2FF37.
   New pill/badge variants are scoped here (active/revoked/ok/failed) rather than
   added to the shared console-views.css .pill rules, so this page can't collide
   with the existing open/resolved/ignored variants used by gaps.html. */

.qc-subhead-top { margin-top: 0; padding-top: 0; border-top: 0; }
.qc-activity-lede { margin: -4px 0 18px; max-width: 68ch; }

/* ── connected assistants list ───────────────────────────────────────────── */
.qc-conns { display: flex; flex-direction: column; gap: 12px; margin-bottom: 8px; }
.qc-conn {
  display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: center;
  background: #fff; border: 1px solid var(--hair); border-radius: var(--r-md);
  padding: 16px 18px; box-shadow: var(--lift-1, 0 1px 2px rgba(0,0,0,.03));
  transition: border-color .2s, box-shadow .2s, transform .32s var(--expo);
}
.qc-conn:hover { border-color: var(--line-strong); box-shadow: var(--shadow-md); transform: translateY(-2px); }
.qc-conn.is-revoked { opacity: .62; }
.qc-conn-main { min-width: 0; }
.qc-conn-name { font-family: var(--font); font-weight: 600; font-size: 15.5px; letter-spacing: -.02em; color: var(--ink); word-break: break-word; }
.qc-conn-id { font-family: var(--mono); font-size: 11px; color: var(--grey); margin-top: 2px; word-break: break-all; }
.qc-conn-scopes { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.qc-conn-scope {
  display: inline-block; font-size: 11.5px; color: var(--soft); background: var(--row);
  border: 1px solid var(--hair); border-radius: 100px; padding: 4px 10px; line-height: 1.3;
}
.qc-conn-meta { display: flex; flex-direction: column; gap: 5px; align-items: flex-end; text-align: right; font-size: 12px; color: var(--soft); white-space: nowrap; }
.qc-conn-meta .pill { align-self: flex-end; }
.qc-conn-actions { display: flex; align-items: center; min-width: 96px; justify-content: flex-end; }
.qc-conn-note { font-family: var(--mono); font-size: 11px; color: var(--soft); text-align: right; max-width: 150px; }
.btn.is-danger-ghost { color: #b42318; border-color: rgba(180,35,24,.28); }
.btn.is-danger-ghost:hover { background: #fbe3df; border-color: #b42318; }

/* ── recent activity list ────────────────────────────────────────────────── */
.qc-logs { display: flex; flex-direction: column; gap: 8px; }
.qc-log {
  display: grid; grid-template-columns: 1fr auto auto auto; gap: 14px; align-items: center;
  background: #fff; border: 1px solid var(--hair); border-radius: 14px;
  padding: 12px 16px; font-size: 13.5px;
}
.qc-log.is-failed { background: #fdf6f5; border-color: #f1b4ac; }
.qc-log-main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.qc-log-client { font-weight: 600; color: var(--ink); }
.qc-log-tool { color: var(--soft); font-size: 12.5px; }
.qc-log-fields { font-family: var(--mono); font-size: 11px; color: var(--grey); margin-top: 2px; word-break: break-word; }
.qc-log-rows { font-family: var(--mono); font-size: 11.5px; color: var(--soft); white-space: nowrap; }
.qc-log-when { font-family: var(--mono); font-size: 11.5px; color: var(--grey); white-space: nowrap; text-align: right; }

/* ── new pill variants (scoped to this page) ─────────────────────────────── */
.pill.active { background: var(--ok-bg); color: #1f6d3a; }
.pill.revoked { background: var(--row); color: var(--grey); }
.pill.ok { background: var(--ok-bg); color: #1f6d3a; }
.pill.failed { background: #fbe3df; color: #b42318; }

@media (max-width: 720px) {
  .qc-conn { grid-template-columns: 1fr; gap: 12px; }
  .qc-conn-meta { align-items: flex-start; text-align: left; }
  .qc-conn-meta .pill { align-self: flex-start; }
  .qc-conn-actions { justify-content: flex-start; }
  .qc-log { grid-template-columns: 1fr; gap: 6px; }
  .qc-log-when { text-align: left; }
}