.class-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.class-actions .secondary{margin:0!important}.class-filters{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 5px}select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #414a44;border-radius:6px;background:#111616;color:var(--text);font:inherit}select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.class-invite{padding:15px;background:#172015;border:1px solid #3e5031;border-radius:8px;margin-bottom:20px}.class-invite .invite-code{font-size:22px}.class-roster-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 10px}.class-roster-title input{max-width:230px}.class-membership{max-width:230px}.class-chip{display:block;border-left:2px solid #61744b;padding:3px 7px;font-size:10px;line-height:1.6;margin:5px 0;color:#bccab2;overflow-wrap:anywhere}.student-class-button{max-width:250px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:11px}.student-class-row{display:flex;flex-direction:column;align-items:start;padding:15px;border:1px solid var(--line);border-radius:7px;margin:12px 0;gap:5px}.student-class-row>div{font-size:11px;color:var(--muted)}.class-join-form{max-width:420px;margin-top:15px}@media(max-width:600px){.class-filters{grid-template-columns:1fr;gap:0}.class-roster-title{align-items:start;flex-direction:column}.class-roster-title input{max-width:100%}.class-invite .invite-code{font-size:20px}.class-membership{min-width:150px}.student-class-button{max-width:125px;font-size:10px}.class-actions{gap:5px}.class-actions button{font-size:11px;padding:8px 10px}}