/* Frontend certificate verification styles */
.vd-cert-wrapper{max-width:900px;margin:24px auto;padding:24px;background:#fff}
.vd-cert-form{border:1px solid #eee;padding:20px;border-radius:12px;background:#faf9f6}
.vd-cert-title{text-align:center;margin:10px 0 18px}
.vd-form-row{display:flex;gap:10px;justify-content:center}
.vd-form-row input[type="text"]{padding:10px 14px;border:1px solid #ddd;border-radius:8px;min-width:260px}
.vd-form-row button{padding:10px 16px;border:none;border-radius:8px;cursor:pointer}
.vd-result{margin-top:20px;border:1px solid #eee;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.vd-not-found{padding:18px;text-align:center;color:#b00020;background:#fff5f5;border-color:#ffd7d7}
.vd-found{padding:0}
.vd-result-header{border-bottom:1px dashed #e6e6e6;padding:18px 12px;background:#fff}
.vd-branding{display:flex;flex-direction:column;align-items:center;gap:8px}
.vd-branding-logo{max-width:92px;height:auto}
.vd-branding-name{font-weight:700;color:#d32f2f;text-align:center}
.vd-result-body{display:flex;gap:18px;padding:18px;flex-wrap:wrap;align-items:flex-start}
.vd-photo{flex:0 0 180px}
.vd-photo-img{border-radius:10px;border:1px solid #eee;max-width:180px;height:auto;display:block}
.vd-photo-placeholder{width:180px;height:180px;border-radius:10px;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;color:#888}
.vd-data{flex:1 1 300px;display:grid;grid-template-columns:1fr;gap:10px}
.vd-data .vd-field{display:flex;justify-content:space-between;border-bottom:1px dotted #eee;padding-bottom:8px}
.vd-data .vd-field span{opacity:.8}
@media (max-width:600px){
    .vd-form-row{flex-direction:column;align-items:center}
    .vd-data .vd-field{flex-direction:column;gap:4px}
}