/* Modern, responsive UI */
.abcv-widget { max-width: 920px; margin: 24px auto; padding: 12px; }
.abcv-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 20px; box-shadow: 0 6px 22px rgba(0,0,0,.06); }
.abcv-card h3 { margin: 0 0 10px; font-size: 22px; }
.abcv-intro{margin:8px 0 16px;color:#374151;line-height:1.6}
.abcv-intro a{font-weight:600;text-decoration:none}
.abcv-search { display:flex; gap:10px; }
.abcv-search input { flex:1; padding:12px 14px; border:1px solid #d1d5db; border-radius:12px; font-size:16px; }
.abcv-search button { padding:12px 18px; border:0; border-radius:12px; background:#0f172a; color:#fff; font-weight:700; cursor:pointer; }
.abcv-search button:hover { filter:brightness(1.05); }
.abcv-result { margin-top:16px; }

.abcv-cert { border:1px solid #e5e7eb; border-radius:16px; overflow:hidden; }
.abcv-cert-header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px; background:#f9fafb; border-bottom:1px solid #e5e7eb; }
.abcv-badge { font-weight:800; letter-spacing:.02em; }
.abcv-code { font-family: ui-monospace, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; background:#0f172a; color:#fff; padding:6px 10px; border-radius:10px; }
.abcv-cert-body { padding:16px; display:grid; gap:16px; }
.abcv-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:14px; }
.abcv-grid span { display:block; font-size:12px; color:#6b7280; }
.abcv-grid strong { font-size:16px; }
.abcv-image img { max-width:100%; height:auto; border-radius:12px; border:1px solid #e5e7eb; }
.abcv-cert-footer { padding:12px 16px; border-top:1px solid #e5e7eb; background:#f9fafb; display:flex; justify-content:flex-end; }
.abcv-verify-link { text-decoration:none; font-weight:700; }

@media (max-width:640px){
  .abcv-grid { grid-template-columns: 1fr; }
  .abcv-search { flex-direction:column; }
}
.abcv-empty { padding:12px; color:#6b7280; }