.reception-summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:#eee7df;border:1px solid #e6dccf;border-radius:12px;margin-bottom:23px;color:#755c46;font-size:11px}.reception-summary>div{display:flex;align-items:center;gap:9px}.reception-dot{height:7px;width:7px;background:#937154;border-radius:50%;flex-shrink:0}.reception-divider{opacity:.4;margin:0 5px}.reception-counts strong{font-size:20px;letter-spacing:-.6px;font-weight:600;color:var(--brown)}.checkin-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.scanner-card{overflow:hidden}.scanner-card .card-heading{padding:25px 25px 21px;align-items:flex-start}.scanner-card .eyebrow{font-size:9px}.scanner-card .card-heading h2{font-size:23px;margin-top:8px;letter-spacing:-.7px}.scanner-card .card-heading>svg{width:22px;height:22px;color:#a68b72;margin-top:7px}.scanner-card .card-heading p{max-width:290px;line-height:1.6;margin-bottom:0}.scanner-viewport{height:260px;margin:0 25px;border-radius:13px;position:relative;overflow:hidden;background:radial-gradient(ellipse at top,#f5f0e9,#ebe3d8);color:var(--brown);isolation:isolate}.scanner-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.scanner-symbol{border:1px solid #c9b59e;width:92px;height:92px;border-radius:24px;display:grid;place-items:center;margin-bottom:20px;background:#fbf9f375;box-shadow:0 9px 26px #6a493b09}.scanner-symbol svg{width:47px;height:47px;stroke-width:1.1}.scanner-idle>strong{font-size:17px;font-weight:550;letter-spacing:-.3px}.scanner-idle>p{margin:7px 0 0;font-size:12px;color:#927b66}.scanner-viewport video{display:block;width:100%;height:100%;object-fit:cover;background:#211b17}.scanner-guide{position:absolute;inset:12% 22%;border:2px solid #fff9;border-radius:20px;box-shadow:0 0 0 150px #0003;pointer-events:none}.scanner-live{position:absolute;top:12px;left:12px;background:#2d211dd9;color:#fff;padding:6px 10px;font-size:10px;border-radius:30px}.scanner-status{font-size:12px;line-height:1.6;margin:17px 25px 14px;min-height:38px;color:#877562}.scanner-status[data-error=true]{color:#984e38}.scanner-controls{display:flex;gap:9px;flex-wrap:wrap;margin:0 25px}.scanner-controls .button{min-height:45px;flex:1;font-size:12px}.scanner-privacy{font-size:10px;line-height:1.6;margin:15px 25px 23px;color:#9c9083}.scanner-code-form{padding:22px 25px 24px;border-top:1px solid var(--line)}.scanner-code-form>label{display:block;font-size:12px;font-weight:500;margin-bottom:10px}.scanner-code-form>div{display:flex;gap:8px}.scanner-code-form input{width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid #ddd4c7;border-radius:8px;font-size:14px;background:#fff;color:var(--brown)}.scanner-code-form small{display:block;font-size:10px;color:#958473;margin-top:10px}.checkin-side{display:grid;gap:20px;min-width:0}.scan-result{padding:30px;text-align:center;overflow:hidden;border-top:3px solid #d4c3af}.scan-result-mark{display:grid;place-items:center;width:51px;height:51px;margin:0 auto 20px;border-radius:50%;background:#f2ebe3;color:#8c6d52;font:37px/1 Georgia,serif}.scan-result .eyebrow{display:block;font-size:9px;letter-spacing:1.3px}.scan-result h2{font-size:28px;line-height:1.12;font-weight:550;letter-spacing:-1px;margin:14px 0}.scan-result>p{font-size:13px;line-height:1.7;margin:0 auto;max-width:290px}.scan-result .button{width:100%;min-height:46px;font-size:13px;margin-top:16px}.scan-result .button+.button{margin-top:9px}.scan-result[data-state=ready]{border-top-color:#8a9c83}.scan-result[data-state=success]{border-top-color:var(--green)}.scan-result[data-state=success] .scan-result-mark{background:#edf4eb;color:var(--green);font:27px/1 var(--font)}.scan-result[data-state=warning]{border-top-color:#be956a}.scan-result[data-state=warning] .scan-result-mark{font:25px/1 var(--font);background:#faf0e3;color:#996936}.scan-result[data-state=error]{border-top-color:#b56a53}.scan-result[data-state=error] .scan-result-mark{font:25px/1 var(--font);background:#f8eeea;color:#984e38}.scan-guest{margin-top:22px;padding-top:21px;border-top:1px solid var(--line)}.scan-guest>strong{display:block;font-size:22px;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere;font-weight:600}.scan-guest>span:not(.badge){display:block;font-size:11px;letter-spacing:.4px;color:#8e7b68;margin:9px 0 12px;overflow-wrap:anywhere}.scan-guest>p{font-size:11px;margin:10px 0 0}.scan-save-error{color:#a14732!important;margin-top:15px!important}.reception-recent .card-heading{padding:20px 22px 15px;gap:12px}.reception-recent h2{font-size:15px}.reception-recent .card-heading p{font-size:11px;margin-bottom:0}.reception-recent .text-link{font-size:11px;white-space:nowrap}.reception-recent ul{list-style:none;margin:0;padding:0 22px 14px}.reception-recent li{padding:13px 0;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;color:#645747}.reception-recent li>span{min-width:0;overflow-wrap:anywhere}.reception-recent time{font-size:11px;color:#9d8c78;white-space:nowrap}.reception-recent .reception-empty{font-size:12px;line-height:1.6;color:#958473}.reception-search{display:flex;gap:13px;align-items:center;padding:3px 4px;color:#94806c;font-size:11px;line-height:1.6}.reception-search svg{width:19px;height:19px}.reception-search strong{display:block;font-weight:500;font-size:12px;color:var(--brown)}
@media(max-width:1100px){.checkin-grid{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.scanner-viewport{margin-inline:20px}.scanner-card .card-heading{padding-inline:20px}.scan-result{padding:25px 20px}.scan-result h2{font-size:25px}.reception-summary{flex-wrap:wrap}.scanner-controls{margin-inline:20px}.scanner-controls .button{font-size:11px}.reception-recent .card-heading{flex-wrap:wrap}}
@media(max-width:760px){.checkin-grid{grid-template-columns:minmax(0,1fr);gap:20px}.reception-summary{padding:16px;gap:12px;font-size:11px;margin-bottom:18px}.reception-counts{flex-basis:100%;padding-top:12px;border-top:1px solid #dfd2c2;flex-wrap:wrap}.reception-counts strong{font-size:23px}.scanner-card .card-heading{padding:22px 20px 18px}.scanner-card .card-heading h2{font-size:23px}.scanner-card .card-heading p{font-size:13px}.scanner-viewport{height:240px;margin-inline:18px}.scanner-status{margin-inline:20px;font-size:13px}.scanner-controls{margin-inline:20px}.scanner-controls .button{min-height:48px;font-size:12px;padding-inline:10px}.scanner-privacy{margin-inline:20px;font-size:11px}.scanner-code-form{padding:21px 20px}.scanner-code-form input{font-size:16px;min-height:48px}.scanner-code-form .button{font-size:12px}.scanner-code-form label{font-size:13px;line-height:1.6}.scanner-code-form small{font-size:11px;line-height:1.6}.scan-result{padding:29px 22px;scroll-margin-top:110px}.scan-result h2{font-size:28px}.scan-result>p{font-size:14px}.scan-result .button{min-height:48px;font-size:14px}.scan-result .eyebrow{font-size:10px}.scan-guest>strong{font-size:25px}.reception-recent .card-heading{flex-wrap:nowrap}.reception-recent li{font-size:13px}.reception-recent time{font-size:11px}.reception-search{font-size:12px;padding-bottom:12px}.reception-search strong{font-size:13px}}

@media(min-width:761px) and (max-height:850px){.scanner-card .card-heading{padding-block:20px 16px}.scanner-viewport{height:180px}.scanner-symbol{width:64px;height:64px;border-radius:18px;margin-bottom:12px}.scanner-symbol svg{width:37px;height:37px}.scanner-status{margin-block:12px 10px;min-height:34px}.scanner-privacy{margin-block:12px 18px}}

.scanner-controls{margin-bottom:16px}