/* Connection Test. */

.st-wrap{max-width:900px;margin:0 auto;width:100%}
.st-wrap .card{padding:var(--s-6)}
.st-wrap h2{margin:0 0 var(--s-4);font-size:var(--t-h2);
            display:flex;align-items:center;gap:10px}
.st-wrap h2::before{
  content:'';width:3px;height:17px;border-radius:2px;
  background:linear-gradient(180deg,var(--rose-2),var(--rose));flex:none;
}

.checks{display:grid;gap:0;margin-bottom:var(--s-4)}
.chk{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-3);
  padding:var(--s-3) 0;border-top:1px solid var(--line-soft);
}
.chk:first-child{border-top:0;padding-top:0}
.chk-dot{width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}
.chk.good .chk-dot{background:var(--green);box-shadow:0 0 0 3px var(--green-dim)}
.chk.bad  .chk-dot{background:var(--bad);box-shadow:0 0 0 3px rgba(255,93,108,.15)}
.chk.wait .chk-dot{background:var(--amber);box-shadow:0 0 0 3px rgba(255,176,32,.12)}
.chk-l{font-size:var(--t-small);color:var(--text-2)}
.chk-v{font-size:12.5px;color:var(--muted);font-family:var(--mono)}
.chk.good .chk-v{color:var(--green)}
.chk.bad  .chk-v{color:#ff8a94}

/* Plain text so it pastes into an email or a chat message intact. */
.report{
  margin:0 0 var(--s-4);padding:var(--s-4) var(--s-5);
  background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);
  box-shadow:var(--inset);
  font-family:var(--mono);font-size:12px;line-height:1.65;color:var(--text-2);
  white-space:pre-wrap;word-break:break-word;
  max-height:420px;overflow-y:auto;
}
.rbtns{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.rbtns .primary{width:auto;margin-top:0;padding:11px 20px}
.rbtns .ghost{margin-top:0}
.rbtns .hint{margin:0;font-size:12.5px;color:var(--green)}

.st-wrap .keyrow code{font-family:var(--mono);font-size:12px}
.foot-note{margin:var(--s-4) 0 0;font-size:12.5px}
.bad{color:#ff8a94}