.connection{padding:14px 18px;border:1px solid #8fbfa4;border-radius:10px;background:#eaf5ef;color:#194b32;font-weight:600;margin:18px 0}.connection.disconnected{background:#ffeded;color:#7c1d1d;border-color:#bf5a5a}.roll-person{display:flex;justify-content:space-between;gap:24px;align-items:center}.roll-person h3{margin:0 0 8px;font-size:21px}.roll-person.missing{border-left:6px solid #b52230}.roll-person.safe{border-left:6px solid #267848}.roll-person p{margin:8px 0}.roll-person form{flex-shrink:0;max-width:280px}.roll-person button{width:100%}.later{border:2px solid #b37b21;background:#fff9eb}.check-label{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.check-label input{width:24px;min-height:24px;margin:0;flex-shrink:0}.site-count{font-size:40px;font-weight:750;margin:8px 0 20px}.site-count span{display:block;font-size:16px;font-weight:400;color:#62646e}.dashboard-person{padding:18px 0;border-top:1px solid #e3dfda;margin-top:20px}.dashboard-person span,.dashboard-person a{display:block;margin-top:5px}.dashboard-person span{font-size:14px;color:#62646e}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}@media(max-width:650px){.roll-person{display:block}.roll-person form{max-width:none;margin-top:16px}.later .row{display:block}.later form{margin:10px 0 20px}}@media print{.roll-person{break-inside:avoid;border:1px solid #777;padding:12px;margin:10px 0}.roll-person form{display:none}.metrics{display:flex}.metrics .card{flex:1}.safe,.missing{border-left:1px solid #777!important}.card{box-shadow:none}.roll-person strong:before{content:'☐ Paper check: ';font-weight:400}.later{border:1px solid #777}.later form{display:none}}