.hup-comp { max-width: 980px; margin: 0 auto; }
.hup-comp-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 14px; padding: 16px; margin: 16px 0; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.hup-comp-card h2, .hup-comp-card h3 { margin-top: 0; }
.hup-comp-row { margin: 12px 0; }
.hup-comp-row label { display:block; font-weight:600; margin-bottom:6px; }
.hup-comp-row input, .hup-comp-row select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid #d1d5db; }
.hup-comp-actions { display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
.hup-comp-muted { color:#6b7280; font-size: 13px; }
.hup-comp-result { margin-top: 14px; padding: 12px; border-radius: 12px; border:1px solid #d1d5db; }
.hup-comp-result.ok { border-color:#16a34a; background: #f0fdf4; }
.hup-comp-result.bad { border-color:#dc2626; background: #fef2f2; }
.hup-comp-table { width:100%; border-collapse: collapse; }
.hup-comp-table th, .hup-comp-table td { border-bottom: 1px solid #e5e7eb; padding: 10px; text-align:left; }
.hup-comp-scanner { margin-top: 10px; border:1px dashed #9ca3af; border-radius: 12px; padding: 10px; }
.hup-comp-scanner video { width: 100%; max-height: 300px; border-radius: 10px; background: #111827; }
.hup-comp-scanner-actions { margin-top: 8px; }