.panel-title{display:flex;align-items:center;justify-content:space-between}
.teacher-manager{display:flex;align-items:end;gap:12px;max-width:1184px;margin:0 auto 12px;padding:0 24px}
.teacher-manager label{display:grid;gap:6px;min-width:300px;font-size:12px;font-weight:800}
.teacher-manager select{height:42px;border:1px solid #999;border-radius:3px;padding:0 38px 0 12px;background:#fff;font-weight:700}
.manager-button{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 20px;border:0;border-radius:99px;background:#111;color:#fff;font-weight:800;cursor:pointer}
.manager-button svg{width:17px}
.danger-manager{border:1px solid #b42318;background:#fff;color:#b42318}
.danger-manager:disabled{border-color:#bbb;color:#888;cursor:not-allowed;opacity:.55}
.mode-button{display:flex;align-items:center;justify-content:center;gap:7px;height:42px;margin-left:auto;padding:0 18px;border:1px solid #111;border-radius:99px;background:#fff;color:#111;font-weight:800;cursor:pointer}
.mode-button svg{width:17px}
body.user-view .admin-only{display:none!important}
body:not(.user-view) .mode-button{background:#111;color:#fff}
body.user-view .teacher-photo{cursor:default}
.panel-title h2{margin-bottom:16px}
.panel-title .icon-only{width:34px;height:34px;border-radius:50%;background:#e4e4e4}
.panel-title svg{width:17px}
.danger-action{color:#b42318!important}
.similar-fields,.distribution-fields{display:grid;gap:14px;padding:24px 26px}
.similar-field{display:grid;grid-template-columns:34px 1fr 110px 42px;align-items:end;gap:12px}
.similar-field>span{display:grid;place-items:center;width:30px;height:42px;background:#111;color:#fff;font-weight:900}
.similar-field label,.distribution-field{display:grid;gap:6px;font-size:12px;font-weight:800}
.similar-field input,.similar-field select,.distribution-field input{width:100%;height:42px;border:1px solid #aaa;border-radius:3px;padding:0 11px;background:#fff}
.synced-score{display:grid;align-content:center;height:42px;padding:0 10px;background:#eee}
.synced-score small{color:#666;font-size:10px}
.synced-score strong{font-size:17px}
.similar-fields-empty{margin:0;padding:18px;background:#f4f4f4;color:#666;text-align:center}
.similar-empty{grid-column:1/-1;margin:0;padding:18px 0;color:#777;font-size:14px;text-align:center}
.remove-similar{width:42px;height:42px;border:0;border-radius:50%;background:#f1d8d5;color:#a1261c;cursor:pointer}
.remove-similar:disabled{cursor:not-allowed;opacity:.35}
.remove-similar svg,.add-list-item svg{width:17px}
.distribution-fields{grid-template-columns:repeat(5,1fr)}
.distribution-field input{text-align:center;font-weight:800}
.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 26px 8px}
.add-list-item{display:flex;align-items:center;gap:7px;color:var(--blue)}
.add-list-item:disabled{color:#888;cursor:not-allowed}
.dialog-toolbar span{color:#777;font-size:12px}
@media(max-width:600px){.distribution-fields{grid-template-columns:1fr 1fr}.similar-field{grid-template-columns:30px minmax(0,1fr) 70px 42px}.remove-similar{grid-column:4;grid-row:1;align-self:end}}
@media(max-width:500px){.teacher-manager{align-items:stretch;padding:0 16px}.teacher-manager label{min-width:0;flex:1}.manager-button,.mode-button{width:46px;padding:0;font-size:0}.mode-button{margin-left:0}}