/* SSL Certificate Checker — tool-specific styles */

.score-badge {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius, 6px);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.score-good { background: #dcfce7; color: #166534; }
.score-warn { background: #fef9c3; color: #92400e; }
.score-bad  { background: #fee2e2; color: #991b1b; }

/* Certificate summary tiles */
.ssl-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.6rem;
  margin-bottom: 0.75rem;
}
.ssl-tile {
  background: var(--surface-2, #f9fafb);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: 8px;
  padding: 0.6rem 0.75rem;
}
.ssl-tile-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-2, #64748b);
  margin-bottom: 0.25rem;
}
.ssl-tile-value {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text, #0f172a);
  word-break: break-word;
}
.tile-ok    { color: #166534; }
.tile-warn  { color: #92400e; }
.tile-error { color: #991b1b; }

.san-item {
  display: inline-block;
  font-size: 0.78rem;
  background: #e0e7ff;
  color: #3730a3;
  border-radius: 4px;
  padding: 0.1rem 0.4rem;
  margin: 0.1rem 0.15rem 0.1rem 0;
}

.checks-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}
.checks-table th,
.checks-table td {
  padding: 0.5rem 0.75rem;
  text-align: left;
  border-bottom: 1px solid var(--border, #e5e7eb);
}
.checks-table th {
  font-weight: 600;
  background: var(--surface-2, #f9fafb);
}

.status-ok    { color: #166534; font-weight: 600; }
.status-warn  { color: #92400e; font-weight: 600; }
.status-error { color: #991b1b; font-weight: 600; }
.status-info  { color: var(--text-2, #64748b); }