/* /checkin/assets/checkin.css */
:root{
  --bg:#0b1220; --panel:#0f1526; --muted:#94a3b8; --line:#1f2a44;
  --input-bg:#0c1426; --input-line:#233055; --txt:#e5e7eb;
  --primary:#3b82f6; --ok:#22c55e; --ok-bg:#0f2d1e; --ok-bd:#1f4d36;
  --warn:#f59e0b; --warn-bg:#2a1f0d; --warn-bd:#624315;
  --rej:#ef4444; --rej-bg:#2b0f12; --rej-bd:#5d1d1d;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}

.top{justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.links a{color:#93c5fd;text-decoration:none;margin-left:14px}
.links .ci-danger{color:#fda4af}

.wrap{max-width:1000px;margin:0 auto;padding:18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}

.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--input-line);background:var(--input-bg);color:#fff;outline:none}
.btn{padding:10px 14px;border:0;border-radius:10px;background:#334155;color:#fff;cursor:pointer}
.btn-primary{background:var(--primary)}
.btn-ghost{background:transparent;border:1px solid var(--line)}
.btn:disabled{opacity:.6;cursor:not-allowed}

.code{background:#172035;border:1px solid #243055;border-radius:6px;padding:2px 6px}
.muted{color:var(--muted)}
.alert{padding:10px 12px;border-radius:10px;margin-bottom:10px;background:#3b1d2b;border:1px solid #6b213f}

.cam{position:relative;aspect-ratio:16/10;background:var(--input-bg);border:1px solid var(--line);border-radius:14px;overflow:hidden}
video{width:100%;height:100%;object-fit:cover;display:block}
.cross{position:absolute;inset:15%;border:2px dashed #64748b;border-radius:12px;pointer-events:none}

.controls{display:flex;gap:10px;align-items:center;margin:10px 0 0}
.controls .info{flex:1;color:var(--muted);font-size:14px}

.torch-btn{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(148,163,184,.1);color:#fff;cursor:pointer}
.torch-btn.on{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.35)}
.switch-cam{padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(148,163,184,.1);color:#fff;cursor:pointer}

.result{margin-top:12px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--input-bg)}
.result.ok{border-color:var(--ok-bd);background:var(--ok-bg);color:var(--ok)}
.result.warn{border-color:var(--warn-bd);background:var(--warn-bg);color:var(--warn)}
.result.reject{border-color:var(--rej-bd);background:var(--rej-bg);color:var(--rej)}

.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:600;font-size:12px}
.pill.ok{background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok)}
.pill.warn{background:var(--warn-bg);border:1px solid var(--warn-bd);color:var(--warn)}
.pill.reject{background:var(--rej-bg);border:1px solid var(--rej-bd);color:var(--rej)}