/* Keep honeypots in the accessibility tree and form payload, but outside the visible layout. */
.vqs-honeypot-field {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.vqs-admin small { color: #646970; font-size: 12px; font-weight: 400; }
.vqs-intro { max-width: 900px; font-size: 14px; }
.vqs-status-row { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 12px; max-width: 1100px; margin: 18px 0; }
.vqs-status-card, .vqs-panel { background: #fff; border: 1px solid #dcdcde; border-radius: 8px; padding: 16px; }
.vqs-status-card span { display: block; color: #646970; margin-bottom: 7px; }
.vqs-status-card strong { display: block; font-size: 22px; color: #1d2327; }
.vqs-panel { max-width: 1100px; margin: 16px 0; }
.vqs-panel h2 { margin-top: 0; }
.vqs-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vqs-panel-heading h2 { margin-bottom: 12px; }
.vqs-decision { display: inline-block; border-radius: 12px; padding: 2px 8px; font-size: 12px; font-weight: 600; }
.vqs-blocked { background: #fce8e6; color: #a12622; }
.vqs-allowed { background: #e7f5ea; color: #176b32; }
.vqs-footnote { max-width: 1100px; margin: 18px 0; color: #50575e; }
@media (max-width: 782px) { .vqs-status-row { grid-template-columns: repeat(2, minmax(130px, 1fr)); } .vqs-panel-heading { align-items: flex-start; flex-direction: column; } }