/* TechTools — id-card styles [v2.1 §4.3 L1] */
.tool-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.1);
  color: var(--text-primary);
  font-size: 15px;
  font-family: 'SF Mono','Fira Code','Consolas',monospace;
  letter-spacing: 0.08em;
  outline: none;
  margin-bottom: 12px;
  transition: border-color 0.25s ease;
}
.tool-input:focus { border-color: var(--cat-life); }
.tool-input::placeholder { color: var(--text-muted); font-family: var(--font-body); letter-spacing: 0; }
.id-status {
  min-height: 22px;
  font-size: 13px;
  margin-bottom: 10px;
}
.id-status.valid { color: var(--accent-teal); }
.id-status.invalid { color: var(--accent-rose); }
.id-status.neutral { color: var(--text-muted); }
.id-results {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 20px 24px;
  margin-top: 8px;
}
.id-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.id-cell {
  background: rgba(0,0,0,0.2);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 12px 14px;
}
.id-label {
  font-size: 12px;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.id-value {
  font-size: 14px;
  color: var(--text-primary);
  font-weight: 500;
  word-break: break-all;
}
.id-check-row {
  margin-top: 16px;
  text-align: center;
}
.id-check-badge {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
}
.id-check-badge.pass {
  background: rgba(19,221,196,0.1);
  border: 1px solid rgba(19,221,196,0.3);
  color: var(--accent-teal);
}
.id-check-badge.fail {
  background: rgba(255,0,110,0.1);
  border: 1px solid rgba(255,0,110,0.25);
  color: var(--accent-rose);
}
@media (max-width: 768px) {
  .id-grid { grid-template-columns: 1fr 1fr; }
}