.hub-scanner{display:grid;gap:16px}.scanner-online{padding:7px 10px;border-radius:999px;background:#edf7ee;color:#347044;font-size:.72rem;font-weight:850}.scanner-workspace{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(300px,.9fr);gap:20px}.scanner-camera,.scanner-control{position:relative;overflow:hidden;border:1px solid #e4dfd5;border-radius:20px;background:#fff}.scanner-camera{min-height:480px;display:grid;place-items:center;background:#12110f}.scanner-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scanner-camera button{position:relative;z-index:3}.scanner-camera #scanner-stop{position:absolute;z-index:3;right:14px;bottom:14px;border:1px solid #ffffff55;border-radius:10px;padding:10px 13px;background:#171717cc;color:#fff}.scanner-target{position:absolute;z-index:2;width:min(68%,300px);aspect-ratio:1;border:3px solid #d6ae4d;border-radius:24px;box-shadow:0 0 0 999px #0005}.scanner-control{display:grid;align-content:start;gap:22px;padding:22px}.scanner-result{display:grid;gap:6px;padding:20px;border-radius:15px;background:#f3f1ec}.scanner-result strong{font-size:1.25rem}.scanner-result.is-valid{background:#e9f6ec;color:#25653a}.scanner-result.is-warning{background:#fff1d6;color:#805b10}.scanner-result.is-invalid{background:#fae8e5;color:#8c3028}.scanner-manual{display:grid;grid-template-columns:1fr auto;gap:8px}.scanner-manual button{border:0;border-radius:11px;padding:0 16px;background:#171717;color:#fff;font-weight:850}.scanner-history{display:grid;max-height:270px;overflow:auto}.scanner-history article{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:10px 0;border-top:1px solid #ece8e0}.scanner-history i{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#a88435}.scanner-history small{color:#777}.scanner-delegations summary{display:flex;justify-content:space-between;gap:18px;cursor:pointer}.scanner-delegations summary span{color:#777;font-size:.8rem}.scanner-delegation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media(max-width:820px){.scanner-workspace,.scanner-delegation-grid{grid-template-columns:1fr}.scanner-camera{min-height:58vh}.scanner-control{padding:17px}.scanner-manual{grid-template-columns:1fr}.scanner-manual button{min-height:46px}.scanner-delegations summary{align-items:flex-start;flex-direction:column}}