/* VulnAPI Dashboard CSS */
.vulnapi-dashboard { font-family: Quicksand, sans-serif; max-width: 900px; margin: 0 auto; }
.vulnapi-cards { display: flex; flex-wrap: wrap; gap: 1em; margin-bottom: 2em; }
.vulnapi-card { background: #f7f7f7; border-radius: 8px; box-shadow: 0 2px 8px #0001; padding: 1em 2em; min-width: 120px; text-align: center; transition: box-shadow 0.2s; }
.vulnapi-card:hover { box-shadow: 0 4px 16px #0002; }
.vulnapi-card-title { font-size: 1em; color: #666; margin-bottom: 0.5em; }
.vulnapi-card-value { font-size: 2em; font-weight: bold; color: #222; }
.vulnapi-section { margin-bottom: 2em; }
.vulnapi-table { width: 100%; border-collapse: collapse; margin-top: 1em; }
.vulnapi-table th, .vulnapi-table td { border: 1px solid #ddd; padding: 0.5em 1em; }
.vulnapi-table th { background: #eaeaea; }
.vulnapi-charts-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2em; margin-bottom: 2em; }
.vulnapi-charts-grid > div { background: #fff; border-radius: 8px; box-shadow: 0 2px 8px #0001; padding: 1.5em; }
@media (max-width: 900px) {
  .vulnapi-charts-grid { grid-template-columns: 1fr; }
  .vulnapi-charts-grid > div { padding: 1em; }
}
@media (max-width: 600px) {
  .vulnapi-cards { flex-direction: column; }
  .vulnapi-card { min-width: unset; }
  .vulnapi-dashboard { padding: 0 0.5em; }
}