.hvc-card{max-width:1020px;margin:22px auto;padding:26px;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.08)}
.hvc-card h3{margin:6px 0 8px;font-size:26px}
.meta{color:#555;margin-bottom:16px}
.progress{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.progress .dot{width:28px;height:28px;border-radius:999px;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:800;color:#777;background:#f7f7f7}
.progress .line{height:2px;background:#e5e7eb;flex:1}
.progress .dot.active{border-color:#f4b400;background:#fff;color:#111}
.step{display:none;border:1px solid #eee;border-radius:12px;padding:16px;margin-bottom:12px}
.step.active{display:block}
.section{margin-bottom:14px}
.section.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.hvc-adm-form label{display:block;font-weight:700;margin-bottom:6px}
.hvc-adm-form input,.hvc-adm-form select,.hvc-adm-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;font-size:15px}
.cnic-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sig-wrap{border:1px dashed #bbb;border-radius:12px;padding:12px;background:#fbfbfc}
.sig-label{font-weight:800;margin-bottom:6px}
#hvc-signature{background:#fff;border:1px solid #ddd;border-radius:8px;display:block;width:100%}
.sig-actions{margin-top:8px}
.sig-actions .btn{background:#6c757d;color:#fff;border:0;border-radius:8px;padding:8px 12px;cursor:pointer}
.box{background:#fffbe6;border:1px solid #ffecb8;border-radius:12px;padding:12px}
.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}
.hvc-btn{background:#f4b400;color:#111;border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer;font-size:16px}
.hvc-success-box{max-width:1020px;margin:16px auto;background:#f6ffed;border:1px solid #b7eb8f;border-radius:12px;padding:12px}
.hvc-success-box .ref-line{display:flex;gap:10px;align-items:center}
.hvc-success-box .track-note{color:#444;margin:8px 0 0}
.copy-btn{background:#222;color:#fff;border:0;border-radius:8px;padding:6px 10px;cursor:pointer}
@media print { body * { visibility: visible; } .no-print{ display:none } }