.certify-wrapper { max-width: 600px; margin: 0 auto; font-family: sans-serif; }
.certify-search-section { text-align: center; background: #f4f4f4; padding: 25px; border-radius: 10px; margin-bottom: 20px; }
.certify-form input { padding: 10px; width: 60%; border: 1px solid #ccc; border-radius: 5px; }
.certify-form button { padding: 10px 20px; background: #0073aa; color: #fff; border: none; border-radius: 5px; cursor: pointer; }

.certify-result-card { border: 2px solid #27ae60; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.certify-badge { background: #27ae60; color: #fff; padding: 15px; text-align: center; font-weight: bold; font-size: 1.2em; }
.certify-table { width: 100%; border-collapse: collapse; }
.certify-table th, .certify-table td { padding: 12px 15px; border-bottom: 1px solid #eee; text-align: left; }
.certify-table th { background: #f9f9f9; width: 40%; color: #555; }
.certify-table td { word-break: break-all; text-transform: uppercase; }

.certify-footer { padding: 15px; text-align: center; }
.certify-print-btn { background: #333; color: #fff; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; }
.certify-error { color: #d32f2f; background: #ffeaee; padding: 15px; border-radius: 5px; text-align: center; }

@media print {
    body * { visibility: hidden; }
    #printableCertificate, #printableCertificate * { visibility: visible; }
    #printableCertificate { position: absolute; left: 0; top: 0; width: 100%; border: none; box-shadow: none; }
    .certify-print-btn { display: none; }
}