.classroom-entry{display:flex;align-items:center;gap:8px;flex-shrink:0}.classroom-entry button{font-size:11px;padding:7px 10px;color:#dac398;border-color:#5c4c35;background:#2a261f}.classroom-badge{font-size:9px;color:#a7b89d;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classroom-badge.classroom-pending{color:#cfb178}.classroom-badge.classroom-error{color:#d69c8e}.classroom-modal{max-width:650px;min-width:min(580px,80vw)}.classroom-modal h2{margin-top:0}.classroom-modal h3{font-size:15px;margin:22px 0 10px}.classroom-columns{display:grid;grid-template-columns:1fr 1.35fr;gap:15px}.classroom-option{border:1px solid #454039;background:#272622;border-radius:8px;padding:15px}.classroom-option h3{margin-top:0}.classroom-option .primary,.classroom-modal .primary{background:#bda06f;border-color:#bda06f;color:#211b13}.classroom-modal input,.classroom-modal select{width:100%;background:#171819;color:#ddd;border:1px solid #4b4a47;border-radius:5px;padding:9px;margin-top:5px;font:inherit}.classroom-feedback{min-height:1.5em;color:#b6c6a3!important;margin:12px 0 0!important}.classroom-feedback.is-error{color:#e2aa95!important}.classroom-note{font-size:10px!important;line-height:1.8!important;color:#938b7c!important;border-top:1px solid #403a31;padding-top:12px;margin-top:20px!important}.classroom-modal .small{font-size:10px;color:#938b7c}.classroom-share{padding:14px;background:#28271f;border:1px solid #4c432f;border-radius:7px}.classroom-share label{margin-top:0}.classroom-share input{letter-spacing:3px}.classroom-share>button{font-size:12px}.classroom-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.classroom-toolbar button{font-size:11px;padding:7px 9px}.classroom-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.classroom-stats>div{padding:12px;text-align:center;border:1px solid #4a4032;border-radius:7px;background:#29251f}.classroom-stats b{display:block;color:#d9bd88;font-weight:500;font-size:25px}.classroom-stats span{display:block;color:#a69a87;font-size:10px}.classroom-table-wrap{overflow-x:auto;border:1px solid #45413a;border-radius:6px}.classroom-table{width:100%;border-collapse:collapse;font-size:11px}.classroom-table th{font-size:10px;font-weight:400;color:#a79d8c;background:#292722}.classroom-table th,.classroom-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #3c3832;white-space:nowrap}.classroom-table tbody tr:last-child td{border-bottom:0}.classroom-empty{font-size:12px;padding:13px;color:#9b9386;background:#282622;border-radius:5px}.classroom-mistakes{display:grid;gap:7px}.classroom-mistakes>div{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #453c30;border-radius:6px;padding:11px;font-size:12px}.classroom-mistakes small{display:block;color:#a3937b;font-size:10px;margin-top:4px}.classroom-mistakes button{flex-shrink:0;font-size:11px;padding:7px 9px}.classroom-student{display:flex;gap:12px;align-items:center;background:#2c2b23;border:1px solid #4a4435;border-radius:7px;padding:14px}.classroom-student>b{font-size:22px;color:#d9bd89;font-weight:500}.classroom-student>span{font-size:12px;color:#aa9e89}.classroom-sync-status{background:#263025;padding:13px;color:#b9cfa8;border-radius:6px;font-size:13px;margin:14px 0}.classroom-modal .modal-actions button{font-size:12px}.classroom-modal .modal-actions{gap:8px}@media(max-width:1100px){.classroom-entry .classroom-badge{display:none}}@media(max-width:650px){header{flex-wrap:wrap;height:auto;min-height:56px;padding-top:9px;padding-bottom:9px}.classroom-entry{margin-left:auto}.classroom-entry button{font-size:10px;padding:6px 8px}.classroom-modal{min-width:0;width:100%;max-width:100%}.classroom-columns{grid-template-columns:1fr}.classroom-option{padding:12px}.classroom-modal .modal-actions{display:grid;grid-template-columns:1fr 1fr}.classroom-modal .modal-actions button{padding:9px 6px;font-size:11px}.classroom-mistakes>div{align-items:flex-start}.classroom-stats{gap:5px}.classroom-stats>div{padding:10px 5px}.classroom-stats b{font-size:22px}.classroom-table{font-size:10px}.classroom-table th,.classroom-table td{padding:8px 6px}.classroom-note{font-size:10px!important}}@media(prefers-reduced-motion:reduce){.classroom-modal *{scroll-behavior:auto}}

.classroom-auto-label{font-size:9px;font-weight:400;color:#938b7c;margin-left:6px}