.participantIdentityQrCard{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0;padding:22px 24px;border-color:#b8ccb8;background:linear-gradient(135deg,#f4f8f1,#e9f2e5)}
.participantIdentityQrCard small,.participantIdentityQrCard h2{display:block}.participantIdentityQrCard small{color:var(--forest2);font-size:10px;font-weight:950;letter-spacing:.13em}.participantIdentityQrCard h2{margin:6px 0 5px;font-size:22px}.participantIdentityQrCard p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.participantIdentityQrCard .btn{flex:0 0 auto;min-width:180px;min-height:52px}
body.participantIdentityQrOpen{overflow:hidden}.participantIdentityQrModal{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:18px;background:rgba(4,11,7,.88);backdrop-filter:blur(10px)}.participantIdentityQrModal>section{position:relative;width:min(720px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto;border-radius:28px;padding:32px;background:#fff;text-align:center;box-shadow:0 35px 100px rgba(0,0,0,.5)}.participantIdentityQrModal h2{margin:2px 0 5px;font-size:clamp(25px,4vw,38px)}.participantIdentityQrModal p:not(.eyebrow){margin:0 0 18px;color:var(--muted)}.participantIdentityQrImage{display:grid;width:min(68vmin,560px);max-width:100%;aspect-ratio:1;margin:0 auto 15px;place-items:center;border:1px solid #dfe7dc;border-radius:22px;padding:14px;background:#fff}.participantIdentityQrImage img{display:block;width:100%;height:100%}.participantIdentityQrModal>section>b,.participantIdentityQrModal>section>small{display:block}.participantIdentityQrModal>section>b{color:var(--forest);font-size:clamp(18px,3vw,27px)}.participantIdentityQrModal>section>small{margin-top:5px;color:var(--muted);font-weight:800;letter-spacing:.04em}.participantIdentityQrClose{position:absolute;right:15px;top:15px;width:46px;height:46px;border:0;border-radius:50%;background:#edf2ea;color:var(--forest);font-size:28px;line-height:1}
.shootCsvTools{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 14px;padding:19px 21px;border-color:#b9cdb9;background:#f3f8f0}.shootCsvTools small{color:var(--forest2);font-size:10px;font-weight:950;letter-spacing:.13em}.shootCsvTools h2{margin:5px 0 4px}.shootCsvTools p{margin:0;color:var(--muted);font-size:12px}.shootCsvActions{display:flex;flex:0 0 auto;gap:8px}.shootCsvActions a{text-decoration:none}.shootCsvModal{position:fixed;z-index:13000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(6,15,9,.78);backdrop-filter:blur(8px)}.shootCsvModal>section{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.38)}.shootCsvModal header,.shootCsvModal footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 21px}.shootCsvModal header{border-bottom:1px solid var(--line)}.shootCsvModal header small{color:var(--forest2);font-size:10px;font-weight:950;letter-spacing:.13em}.shootCsvModal header h2{margin:4px 0 0}.shootCsvModal header button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:#eef3ea;color:var(--forest);font-weight:900}.shootCsvBody{padding:20px}.shootCsvWarning{margin:0 0 15px;padding:14px;border-radius:12px;background:#fff6df;color:#614b14;font-size:13px;line-height:1.6}.shootCsvMetrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.shootCsvMetrics>div{padding:14px 8px;border:1px solid var(--line);border-radius:12px;text-align:center}.shootCsvMetrics small,.shootCsvMetrics b{display:block}.shootCsvMetrics small{color:var(--muted);font-size:10px}.shootCsvMetrics b{margin-top:5px;font-size:17px}.shootCsvErrors{max-height:230px;overflow:auto;margin-top:15px;padding:14px;border-radius:12px;background:#fff0ef;color:#7c2924}.shootCsvErrors p{margin:7px 0 0;font-size:11px}.shootCsvReady{margin:15px 0 0;padding:14px;border-radius:12px;background:#edf6e9;color:var(--forest);font-weight:850}.shootCsvModal footer{justify-content:flex-end;border-top:1px solid var(--line)}
@media(max-width:700px){.participantIdentityQrCard,.shootCsvTools{align-items:stretch;flex-direction:column}.participantIdentityQrCard .btn{width:100%}.participantIdentityQrModal{padding:0}.participantIdentityQrModal>section{width:100%;height:100dvh;max-height:none;border-radius:0;padding:28px 18px}.participantIdentityQrImage{width:min(76vmin,520px)}.shootCsvActions{display:grid;grid-template-columns:1fr}.shootCsvActions .btn{width:100%;text-align:center}.shootCsvModal{padding:0}.shootCsvModal>section{width:100%;height:100dvh;max-height:none;border-radius:0}.shootCsvMetrics{grid-template-columns:repeat(2,1fr)}.shootCsvModal footer{position:sticky;bottom:0;background:#fff}.shootCsvModal footer .btn{flex:1}}