/* ============================================================
   GP Team Hub - checks.css
   The Instant Approval check: the business form, the per-test
   readout, and the saved history. Split out of tools.css, which was
   at its size ceiling.
   ============================================================ */

.chk-grid{align-items:stretch;}
.chk-card{min-width:0;}
/* What to have asked before either lookup is worth running. It sits
   under both of them at full width rather than as a third column. */
.chk-know{margin-top:12px;}
.chk-know ul{margin-bottom:0;}

/* ---- The business form ---- */
.chk-form{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:11px;
  margin-top:4px;
}
.chk-f{display:flex;flex-direction:column;gap:5px;min-width:0;position:relative;}
.chk-f-type{grid-column:1 / -1;}
.chk-f-l{
  font-size:.78rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase;
  color:var(--ink-faint);
}
.chk-f-i{
  width:100%;
  background:var(--surface-page);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  color:var(--ink);
  padding:9px 11px;
  font-size:.94rem;
  outline:none;
}
.chk-f-i::placeholder{color:var(--ink-faint);}
.chk-f-i:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring-soft);}
.chk-f-i::-webkit-outer-spin-button,
.chk-f-i::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* The three figures share one row, because they are read together
   against the caps their labels carry. */
.chk-form-3{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:560px){
  .chk-form-3{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ---- The two yes-or-no facts ----
   Each is a full-width control rather than a bare checkbox glyph with
   words after it, so the whole row is the target and the two of them
   read as part of the same form as the fields above. */
.chk-facts{
  display:flex;flex-direction:column;
  gap:7px;
  margin-top:12px;
}
.chk-fact{
  display:flex;align-items:center;gap:10px;
  width:100%;
  text-align:left;
  padding:10px 12px;
  background:var(--surface-page);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  color:var(--ink-soft);
  font-size:.86rem;
  line-height:1.4;
}
.chk-fact:hover{background:var(--surface-high);border-color:var(--line-strong);color:var(--ink);}
.chk-fact[data-on="true"]{
  background:var(--accent-wash);
  border-color:var(--line-strong);
  color:var(--ink);
  font-weight:600;
}
.chk-fact .chk-box{color:var(--ink-faint);}
.chk-fact[data-on="true"] .chk-box{color:var(--accent);}
.chk-fact-l{min-width:0;}

/* ---- Business type search results ---- */
.chk-type-hits{
  display:flex;flex-direction:column;
  margin-top:6px;
  background:var(--surface-raised);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  overflow:hidden;
}
.chk-type-hit{
  display:flex;align-items:baseline;gap:10px;
  width:100%;
  padding:8px 11px;
  text-align:left;
  border-bottom:1px solid var(--line);
}
.chk-type-hit:last-child{border-bottom:none;}
.chk-type-hit:hover{background:var(--surface-high);}
.chk-type-name{font-size:.9rem;font-weight:600;color:var(--ink);min-width:0;}
.chk-type-mcc{margin-left:auto;font-size:.78rem;color:var(--ink-faint);white-space:nowrap;}
.chk-type-none{
  margin-top:6px;
  font-size:.82rem;line-height:1.5;
  color:var(--ink-soft);
}
.chk-type-clear{
  align-self:flex-start;
  margin-top:6px;
  font-size:.78rem;
  color:var(--ink-soft);
}
.chk-type-clear:hover{color:var(--ink);}

/* ---- The per-test readout ---- */
.chk-tests{
  display:flex;flex-direction:column;
  gap:1px;
  margin-top:14px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  overflow:hidden;
}
.chk-test{
  display:flex;align-items:flex-start;gap:10px;
  padding:9px 12px;
  background:var(--surface-page);
}
.chk-test-ic{font-size:.85rem;line-height:1.5;flex-shrink:0;color:var(--ink-faint);}
.chk-test[data-pass="true"] .chk-test-ic{color:var(--accent);}
.chk-test[data-pass="false"] .chk-test-ic{color:var(--danger);}
.chk-test-main{display:flex;flex-direction:column;gap:1px;min-width:0;}
.chk-test-name{font-size:.86rem;font-weight:600;color:var(--ink);line-height:1.4;}
.chk-test-said{font-size:.79rem;color:var(--ink-soft);line-height:1.4;}

.chk-save-hint{
  margin:12px 0 0;
  font-size:.8rem;line-height:1.5;
  color:var(--ink-faint);
}

/* ---- Saved history ---- */
.chk-saved-mcc{
  margin-left:7px;
  font-weight:600;
  font-size:.78rem;
  color:var(--ink-faint);
}
.chk-saved-figs{
  display:block;
  margin-top:2px;
  font-size:.76rem;
  color:var(--ink-faint);
  line-height:1.4;
}

/* ---- A rep's links, from the admin side ---- */
.replinks{margin-top:14px;}
.replink{position:relative;}
.replink-go{color:var(--ink);}
.replink-go:hover{color:var(--accent);text-decoration:none;}
.replink-host{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.replink-edit{
  position:absolute;top:8px;right:8px;
  width:26px;height:26px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--radius-sm);
  font-size:.72rem;
  color:var(--ink-faint);
}
.replink-edit:hover{background:var(--surface-high);color:var(--ink);}
.replink-form{
  grid-column:1 / -1;
  display:flex;flex-direction:column;gap:7px;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid var(--line);
}
.replink-form-acts{display:flex;gap:7px;flex-wrap:wrap;}
.replink-add{max-width:520px;margin-top:12px;}