/* opid.css — Operation-ID front-end components for nnwi.ai (matches portal design tokens). */
.opid-card{background:var(--white,#fff);border:1px solid var(--border,#d4cfc8);border-radius:var(--radius-lg,8px);padding:32px;max-width:640px;margin:0 auto}
.opid-card h3{font-family:'Playfair Display',serif;font-size:24px;color:var(--navy,#0d1b2a);margin-bottom:8px}
.opid-muted{color:var(--slate,#4a6070);font-size:14px;margin-bottom:20px;line-height:1.6}
.opid-card label{display:block;font-size:12px;font-weight:600;color:var(--navy,#0d1b2a);text-transform:uppercase;letter-spacing:0.06em;margin:16px 0 6px}
.opid-card input,.opid-card textarea{width:100%;padding:12px;border:1px solid var(--border,#d4cfc8);border-radius:4px;font-family:var(--mono,monospace);font-size:15px;background:#fff;color:var(--navy,#0d1b2a)}
.opid-card input:focus,.opid-card textarea:focus{outline:none;border-color:var(--gold,#c9933a);box-shadow:0 0 0 3px rgba(201,147,58,0.12)}
.opid-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px;padding:13px 22px;border-radius:4px;text-decoration:none;border:2px solid transparent;cursor:pointer;margin-top:16px}
.opid-btn-gold{background:var(--gold,#c9933a);color:var(--navy,#0d1b2a)}
.opid-btn-gold:hover{background:var(--gold-light,#e8b96a)}
.opid-btn-navy{background:var(--navy,#0d1b2a);color:#fff}
.opid-btn-navy:hover{background:var(--navy-light,#1e3a52)}
.opid-btn-ghost{background:transparent;color:var(--navy,#0d1b2a);border-color:var(--border-dark,#b8b2aa)}
.opid-btn-ghost:hover{border-color:var(--gold,#c9933a)}
.opid-btn:disabled{opacity:0.5;cursor:not-allowed}
.opid-agency{background:rgba(201,147,58,0.08);border:1px solid rgba(201,147,58,0.3);border-left:3px solid var(--gold,#c9933a);border-radius:8px;padding:20px 24px;max-width:640px;margin:0 auto 24px}
.opid-agency p{font-size:14px;color:var(--slate,#4a6070);line-height:1.65;margin:0 0 12px}
.opid-agency strong{color:var(--navy,#0d1b2a)}
.opid-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--border,#d4cfc8);text-align:center}
.opid-badge{display:inline-block;background:#1f7a3d;color:#fff;font-weight:700;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.opid-badge-red{background:#7a1f1f}
.opid-badge-grey{background:#5a6b78}
.opid-mono{display:block;font-family:var(--mono,monospace);font-size:12px;word-break:break-all;background:var(--cream,#f5f4f0);padding:10px;border-radius:4px;margin:4px 0 8px;color:var(--navy,#0d1b2a)}
.opid-note{font-size:13px;color:var(--slate,#4a6070);line-height:1.6;margin-top:8px}
.opid-form-note{display:none;background:rgba(201,147,58,0.1);border:1px solid rgba(201,147,58,0.3);border-radius:4px;padding:10px 12px;font-size:13px;color:var(--navy,#0d1b2a);margin-top:12px}
#opidQr{display:flex;justify-content:center;margin:8px 0 16px}
#opidQr img,#opidQr canvas{border:8px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,0.1)}
/* camera gate */
.opid-cam{margin-top:12px}
#opidCamWrap{display:none;margin-top:12px;text-align:center}
#opidVideo{width:100%;max-width:420px;border-radius:8px;background:#000;aspect-ratio:4/3;object-fit:cover}
.opid-gate-status{font-family:var(--mono,monospace);font-size:13px;padding:10px 12px;border-radius:4px;margin:10px 0}
.opid-gate-scan{background:#eef2f5;color:#4a6070}
.opid-gate-green{background:#e7f4ec;color:#1f7a3d;font-weight:600}
.opid-gate-block{background:#f7e9e9;color:#7a1f1f;font-weight:600}
.shutter,#opidShutter{background:var(--gold,#c9933a);color:var(--navy,#0d1b2a);border:none;padding:11px 20px;border-radius:4px;font-weight:700;cursor:pointer}
#opidShutter:disabled{opacity:0.4;cursor:not-allowed}