/* Certificate Search - Ultra Fast Clean Professional v3.2 - By Tech Visionex - Image Fixed */
.csv-verifier-wrapper{--csv-primary:#1e3a8a;--csv-primary-hover:#1e40af;--csv-text:#111827;--csv-text-light:#6b7280;--csv-border:#e5e7eb;--csv-bg:#fff;--csv-success:#059669;--csv-error:#dc2626;--csv-radius:8px;--csv-radius-lg:12px;font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;max-width:100%;margin:0 auto;color:var(--csv-text);background:#f9fafb;line-height:1.6}
.csv-main-container{max-width:760px;margin:0 auto;padding:16px}
@media(min-width:768px){.csv-main-container{padding:28px 16px}}
.csv-hero{text-align:center;padding:32px 20px 24px;background:#fff;border:1px solid var(--csv-border);border-radius:var(--csv-radius-lg);margin-bottom:20px}
.csv-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #dbeafe;color:#1e40af;padding:5px 10px;border-radius:100px;font-size:.78rem;font-weight:600;margin-bottom:12px}
.csv-hero-badge-dot{width:6px;height:6px;background:#10b981;border-radius:50%}
.csv-hero-title{font-size:clamp(1.5rem,4vw,1.9rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px;color:#111827}
.csv-hero-title-highlight{color:var(--csv-primary)}
.csv-hero-subtitle{font-size:.95rem;color:var(--csv-text-light);max-width:520px;margin:0 auto;line-height:1.5}
.csv-search-card{background:#fff;border:1px solid var(--csv-border);border-radius:var(--csv-radius-lg);padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
@media(min-width:768px){.csv-search-card{padding:24px}}
.csv-search-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:6px}
.csv-input-group{display:flex;gap:8px;flex-direction:column}
@media(min-width:560px){.csv-input-group{flex-direction:row}}
.csv-input-wrapper{flex:1}
.csv-input-wrapper input{width:100%;padding:12px 12px;border:1px solid #d1d5db;border-radius:var(--csv-radius);font-size:.95rem;font-weight:500;outline:none;background:#fff;color:#111827;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}
.csv-input-wrapper input:focus{border-color:var(--csv-primary);box-shadow:0 0 0 3px rgba(30,58,138,.08)}
.csv-btn{background:var(--csv-primary);color:#fff;border:1px solid var(--csv-primary);padding:12px 20px;border-radius:var(--csv-radius);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;min-height:44px;transition:background .15s;box-sizing:border-box}
.csv-btn:hover{background:var(--csv-primary-hover);border-color:var(--csv-primary-hover)}
.csv-btn:disabled{opacity:.6;cursor:not-allowed}
.csv-hint{font-size:.8rem;color:#6b7280;margin-top:10px;display:flex;gap:5px}
.csv-spinner{width:14px;height:14px;animation:csv-rotate 1s linear infinite}
.csv-spinner circle{stroke:#fff;stroke-linecap:round;animation:csv-dash 1.5s ease-in-out infinite}
@keyframes csv-rotate{100%{transform:rotate(360deg)}}
@keyframes csv-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
.csv-features{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}
@media(min-width:600px){.csv-features{grid-template-columns:repeat(3,1fr)}}
.csv-feature-card{background:#fff;border:1px solid var(--csv-border);border-radius:var(--csv-radius);padding:14px;display:flex;gap:10px;align-items:flex-start}
.csv-feature-icon{width:32px;height:32px;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.csv-feature-content h4{font-size:.82rem;font-weight:600;margin:0 0 2px;color:#111827}
.csv-feature-content p{font-size:.75rem;color:#6b7280;margin:0;line-height:1.3}
.csv-result-container{margin-top:20px}
.csv-result-card{background:#fff;border:1px solid var(--csv-border);border-radius:var(--csv-radius-lg);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.csv-result-card.valid{border-top:3px solid var(--csv-success)}
.csv-result-card.invalid{border-top:3px solid var(--csv-error)}
.csv-result-header{padding:14px 18px;background:#f9fafb;border-bottom:1px solid var(--csv-border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.csv-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em}
.status-valid{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}
.status-invalid{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.csv-success-msg{margin:0;font-size:.88rem;color:#374151;font-weight:500}
.csv-employment-cert{padding:0}
.csv-cert-header{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--csv-border);gap:14px;background:#fff}
@media(max-width:600px){.csv-cert-header{flex-direction:column;text-align:center}}
.csv-company-logo{max-height:40px;max-width:140px;object-fit:contain;display:block}
.csv-company-info{flex:1;min-width:0}
.csv-company-name{font-size:1.05rem;font-weight:700;margin:0;color:#111827;word-break:break-word}
.csv-company-location{margin:3px 0 0;color:#6b7280;font-size:.82rem}
.csv-photo-wrap{flex-shrink:0}
.csv-person-photo{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid #e5e7eb;display:block;background:#f3f4f6;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.csv-person-photo.csv-photo-placeholder-img{border:2px dashed #d1d5db}
.csv-cert-title{text-align:center;padding:18px;border-bottom:1px solid #f3f4f6;background:#fcfcfc}
.csv-cert-title h2{margin:0 0 10px;font-size:1rem;font-weight:700;color:#111827;text-transform:uppercase;letter-spacing:.04em}
.csv-cert-meta{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;font-size:.76rem;color:#6b7280}
.csv-cert-meta span{background:#fff;border:1px solid var(--csv-border);padding:3px 8px;border-radius:100px;word-break:break-all}
.csv-cert-meta strong{color:#111827;font-weight:600;font-family:monospace}
.csv-detail-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--csv-border);border-top:1px solid var(--csv-border);border-bottom:1px solid var(--csv-border)}
@media(min-width:600px){.csv-detail-grid{grid-template-columns:1fr 1fr}}
.csv-detail-item{background:#fff;padding:12px 16px;display:flex;flex-direction:column;gap:3px;min-width:0}
.csv-detail-item.full-width{grid-column:1/-1}
.csv-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;font-weight:600}
.csv-value{font-size:.9rem;font-weight:500;color:#111827;word-break:break-word}
.csv-value.highlight{font-size:1rem;font-weight:700}
.csv-cert-footer{display:flex;gap:16px;padding:18px;background:#f9fafb;flex-wrap:wrap;align-items:flex-start}
.csv-qr-section{text-align:center;background:#fff;padding:10px;border-radius:var(--csv-radius);border:1px solid var(--csv-border);min-width:120px}
.csv-qr-img{width:90px;height:90px;border-radius:4px;display:block;margin:0 auto}
.csv-qr-label{font-size:.65rem;color:#6b7280;margin:6px 0 2px;font-weight:600;text-transform:uppercase}
.csv-verify-link small{font-size:.6rem;color:#9ca3af;word-break:break-all;max-width:110px;display:inline-block;font-family:monospace}
.csv-footer-info{flex:1;min-width:180px;font-size:.82rem;color:#6b7280;line-height:1.4;min-width:0}
.csv-footer-info p{margin:4px 0;word-break:break-word}
.csv-download-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#111827;border:1px solid #d1d5db;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.82rem;margin-top:8px}
.csv-download-btn:hover{background:#f9fafb}
.csv-result-card.not-found{text-align:center;padding:28px 18px;border-top:3px solid #e5e7eb}
.csv-notfound-icon{width:40px;height:40px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:1.2rem;color:#6b7280}
.csv-notfound-title{font-size:1.1rem;margin:0 0 6px;color:#111827;font-weight:700}
.csv-notfound-message{color:#6b7280;font-size:.9rem;margin-bottom:14px;max-width:420px;margin-left:auto;margin-right:auto}
.csv-notfound-query{background:#f9fafb;border:1px solid var(--csv-border);padding:5px 10px;border-radius:6px;display:inline-flex;gap:5px;margin-bottom:16px;font-size:.82rem;font-family:monospace;word-break:break-all}
.csv-notfound-tips{text-align:left;max-width:400px;margin:0 auto;background:#f9fafb;padding:14px 14px 14px 28px;border-radius:var(--csv-radius);border:1px solid var(--csv-border);font-size:.82rem}
.csv-notfound-tips li{color:#4b5563;margin-bottom:5px}
.csv-branding-footer{text-align:center;padding:20px 16px 14px;margin-top:20px;border-top:1px solid var(--csv-border);background:#fff;border-radius:var(--csv-radius-lg)}
.csv-branding-text{font-size:.82rem;color:#6b7280;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.csv-branding-link{display:inline-flex;align-items:center;gap:4px;color:#111827;font-weight:600;text-decoration:none;border-bottom:1px solid #d1d5db;padding-bottom:1px}
.csv-branding-link:hover{color:var(--csv-primary);border-color:var(--csv-primary)}
.csv-footer-note{font-size:.72rem;color:#9ca3af;margin-top:10px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.4}
.csv-trust{text-align:center;padding:14px;margin-top:14px;background:#fff;border:1px solid var(--csv-border);border-radius:var(--csv-radius)}
.csv-trust-title{font-size:.78rem;font-weight:600;color:#374151;margin:0}
.csv-trust-subtitle{font-size:.76rem;color:#9ca3af;margin:2px 0 0}
@media(max-width:480px){.csv-hero{padding:24px 14px 18px}.csv-search-card{padding:16px}.csv-cert-header{padding:14px}.csv-cert-title{padding:14px}.csv-cert-footer{padding:14px}.csv-btn{width:100%}.csv-person-photo{width:72px;height:72px}.csv-mobile-photo{display:block !important}}