You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
2.9 KiB
2 lines
2.9 KiB
.checkin-shell{color:#f8fafc;background:#0f172a;min-height:100svh;padding:16px 16px 28px}.checkin-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.checkin-kicker{letter-spacing:.12em;color:#94a3b8;margin:0;font-size:12px}.checkin-header h1{margin:4px 0 6px;font-size:20px}.checkin-stats{color:#cbd5e1;margin:0;font-size:15px}.checkin-logout{color:#93c5fd;background:0 0;border:0;padding:6px 0}.checkin-session{color:#cbd5e1;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.checkin-session select{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px;height:42px;padding:0 10px}.checkin-result{background:#1e293b;border-radius:14px;min-height:92px;margin-bottom:14px;padding:16px}.checkin-result strong{margin-bottom:6px;font-size:22px;display:block}.checkin-result p{color:#e2e8f0;margin:0}.checkin-result.is-ok{background:#14532d}.checkin-result.is-already{background:#854d0e}.checkin-result.is-error{background:#7f1d1d}.checkin-camera{background:#020617;border-radius:14px;min-height:240px;margin-bottom:16px;position:relative;overflow:hidden}.checkin-reader{min-height:240px}.checkin-reader video{object-fit:cover;width:100%}.checkin-camera-error,.checkin-cam-btn{text-align:center;margin:12px auto;display:block;position:relative}.checkin-cam-btn{color:#fff;background:#2563eb;border:0;border-radius:999px;padding:10px 18px}.checkin-camera-error{color:#fecaca;padding:0 12px}.checkin-manual label{color:#cbd5e1;flex-direction:column;gap:6px;font-size:13px;display:flex}.checkin-manual input{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px;height:44px;margin-bottom:10px;padding:0 12px}.checkin-manual button{color:#0f172a;background:#38bdf8;border:0;border-radius:10px;width:100%;height:44px;font-weight:600}.checkin-manual button:disabled{opacity:.5}.checkin-confirm{z-index:40;background:#020617b3;justify-content:center;align-items:flex-end;padding:16px 16px 28px;display:flex;position:fixed;inset:0}.checkin-confirm-card{background:#0f172a;border:1px solid #334155;border-radius:18px;width:min(440px,100%);padding:20px 18px 16px;box-shadow:0 24px 48px #02061799}.checkin-confirm-kicker{letter-spacing:.12em;color:#7dd3fc;margin:0 0 6px;font-size:12px}.checkin-confirm-card h2{margin:0 0 14px;font-size:24px}.checkin-confirm-card dl{gap:10px;margin:0 0 18px;display:grid}.checkin-confirm-card dl>div{grid-template-columns:52px 1fr;gap:8px;font-size:14px;display:grid}.checkin-confirm-card dt{color:#94a3b8}.checkin-confirm-card dd{color:#f8fafc;word-break:break-all;margin:0}.checkin-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkin-confirm-actions.is-single{grid-template-columns:1fr}.checkin-confirm-actions button{color:#0f172a;background:#38bdf8;border:0;border-radius:10px;height:44px;font-weight:600}.checkin-confirm-actions button.is-ghost{color:#e2e8f0;background:#1e293b}.checkin-confirm-actions button:disabled{opacity:.55}
|