details{margin:20px 0}summary{cursor:pointer;color:var(--teal);font-weight:700;padding:10px 0}.check-label{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}.check-label input{width:22px;min-height:22px;flex-shrink:0;margin-top:3px}.notice:empty{display:none}#issued-qr{margin:24px 0;padding:16px;background:white;border:2px solid var(--teal);border-radius:18px;text-align:center}#qr-image{display:block;width:min(100%,330px);height:auto;margin:0 auto}#qr-person{overflow-wrap:anywhere}.active-person{padding:18px 0;border-bottom:1px solid #c7d2d2}.active-person h3{margin:0 0 8px}.active-person p{line-height:1.4;overflow-wrap:anywhere}.close-access{background:#a43732}#active-count{font-size:16px;padding:4px 10px;background:var(--mint);border-radius:20px}#task-select,#person-select{min-width:0;max-width:100%;font-size:14px}#welcome>button,#management>button{width:100%}#collector-name{font-weight:700}#access-error{color:#9a2f2f}#qr-expiry{font-size:14px;line-height:1.5}@media(max-width:380px){.brandmark{width:34px;height:34px}.brand{gap:7px}.brand strong{font-size:14px}.pill{font-size:11px}.card{padding:20px}.topbar{padding-left:12px;padding-right:12px}}

.login-card h1{font-family:inherit;font-size:32px;margin-top:10px}.login-divider{display:flex;align-items:center;gap:12px;margin:26px 0 8px;color:var(--muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#dce3e3;flex:1}#welcome>button{width:100%}#scan{color:var(--teal);font-size:14px}#code-entry textarea,#issued-code{font-family:monospace;overflow-wrap:anywhere;font-size:14px}.research-card{margin:14px 0}.research-card h2{font-size:21px;line-height:1.25;margin:0 0 10px}.research-card p{font-size:13px;line-height:1.5;color:var(--muted)}.research-actions,.home-actions{display:grid;gap:10px;margin-top:16px}.research-actions button,.home-actions button{width:100%;margin:0}.button-link{display:block;text-decoration:none;border-radius:14px;padding:15px 18px;text-align:center;font-weight:700;cursor:pointer}#workspace>button{width:100%}#resume-local{margin-top:20px}.topbar{height:auto;min-height:76px;gap:10px;flex-wrap:wrap}.brand small{font-size:11px}#network{margin-left:auto}#update-app{margin:0;padding:8px;min-height:36px;color:var(--teal);border:1px solid #b8c6c7}#issued-code{margin-top:12px}#issued-qr button,#issued-qr a{width:100%}

.topbar-actions{display:flex;align-items:center;gap:10px}#app-menu-open{position:relative;background:transparent;color:var(--ink);border:1px solid #cbd8d9;min-height:42px;padding:5px 12px;font-size:24px;border-radius:12px}#update-dot{position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:#d17112}#app-menu{position:fixed;inset:80px 16px auto auto;margin:0;width:min(310px,calc(100vw - 32px));border:1px solid #d8e1e2;border-radius:18px;padding:18px;color:var(--ink);box-shadow:var(--shadow)}#app-menu::backdrop,#access-dialog::backdrop{background:#071a2355}.menu-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.menu-heading h2{margin:0}.menu-heading button{min-height:40px;padding:0 10px;background:transparent;color:var(--ink);font-size:28px}#app-menu nav{display:grid;gap:4px;margin-top:12px}#app-menu nav button{background:transparent;color:var(--ink);text-align:left;padding:14px;border-radius:10px;min-height:48px;font-size:16px;margin:0}#app-menu nav button:hover,#app-menu nav button:focus-visible{background:var(--mint)}#app-menu #menu-logout{color:var(--danger)}#app-menu #update-app{color:var(--teal);border:0}#access-dialog{width:min(92vw,440px);border:0;border-radius:18px;padding:24px;color:var(--ink)}#access-details dt{font-weight:700;font-size:12px;color:var(--muted);margin-top:14px}#access-details dd{margin:5px 0 0;overflow-wrap:anywhere}#access-dialog button{width:100%}

#sync-status:empty,#session-status:empty{display:none}