.yiq-membership-choice{display:flex;flex-wrap:wrap;gap:8px}.yiq-membership-history{margin-top:16px;display:grid;gap:8px}.yiq-membership-history>div{padding:10px 0;display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f4}.yiq-membership-history>div>span{min-width:0;flex:1}.yiq-membership-history strong,.yiq-membership-history small{display:block}.yiq-membership-history small{margin-top:3px;color:#888d97}.yiq-membership-action{margin:0}.yiq-stage3-attempts article{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(240px,auto)}.yiq-stage3-attempts article.is-voided{opacity:.72;background:#f7f7f9}.yiq-stage3-attempts article>form{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px}.yiq-stage3-attempts article>form label{display:grid;gap:4px;color:#777c87;font-size:10px}.yiq-stage3-attempts article>form input{min-height:36px;padding:0 10px;border:1px solid #d9dce5;border-radius:10px}.yiq-stage3-attempts article>form button{min-height:36px;white-space:nowrap}.yiq-stage3 .yiq-review-filters,.yiq-stage3 .yiq-review-attempts{max-width:100%}
@media(max-width:760px){.yiq-stage3-attempts article{grid-template-columns:1fr auto}.yiq-stage3-attempts article>form{grid-column:1/-1;justify-content:stretch;align-items:stretch;flex-direction:column}.yiq-stage3-attempts article>form button{width:100%}.yiq-membership-choice{flex-direction:column}.yiq-membership-choice button{width:100%}}
.yiq-key-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.yiq-key-create-form label{display:grid;gap:5px;color:#777c87;font-size:11px}.yiq-key-create-form select,.yiq-key-create-form input{min-height:40px;padding:0 10px;border:1px solid #d9dce5;border-radius:10px;background:#fff}.yiq-key-create-form button{grid-column:1/-1}.yiq-classroom-keys{margin-top:18px}.yiq-classroom-keys h3{margin:0 0 8px}.yiq-classroom-key{padding:10px 0;display:flex;align-items:center;gap:10px;border-top:1px solid #edf0f4}.yiq-classroom-key>span{min-width:0;flex:1}.yiq-classroom-key strong,.yiq-classroom-key small{display:block}.yiq-classroom-key small{margin-top:3px;color:#777c87;line-height:1.5}.yiq-student-archive-form{margin-top:16px;padding-top:16px;border-top:1px solid #edf0f4;display:grid;gap:10px}.yiq-student-archive-form label{display:grid;gap:5px;color:#777c87;font-size:11px}.yiq-student-archive-form input{min-height:40px;padding:0 10px;border:1px solid #d9dce5;border-radius:10px}.yiq-archived-students{margin-top:24px}.yiq-join-class-card{margin-top:16px}.yiq-join-class-card>p{color:var(--yiq-muted)}
@media(max-width:760px){.yiq-key-create-form{grid-template-columns:1fr}.yiq-key-create-form button{grid-column:auto}.yiq-classroom-key{align-items:flex-start;flex-direction:column}}