.camera-card canvas { touch-action: none; }
.brand-mark { position:relative; overflow:visible; font-size:23px; letter-spacing:-.08em; }
.brand-mark > span { position:absolute; right:4px; bottom:1px; display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#173d35; color:#d4e86b; font-size:11px; line-height:1; letter-spacing:0; border:2px solid #d4e86b; }
.sidebar .brand-mark > span,.login-copy .brand-mark > span { border-color:#d4e86b; }
.report-filters { padding: 18px 22px; }
.rank { display:inline-grid; place-items:center; min-width:38px; height:30px; padding:0 8px; border-radius:9px; background:#edf1ef; font-weight:900; color:#60706b; }
.rank.top { background:#d4e86b; color:#173d35; }
.student-link { border:0; padding:0; background:transparent; color:#15231f; font:inherit; font-weight:800; text-align:left; }
.student-link:hover { text-decoration:underline; }
.report-position { display:inline-block; margin-top:8px; padding:9px 12px; border-radius:10px; background:rgba(255,255,255,.12); }
@media print {
  .sidebar,.mobile-head,.page-head .button,.report-filters,.actions,.modal-close { display:none!important; }
  #app { display:block; }
  .content { padding:0; }
  body,.modal { background:white!important; }
  .modal { position:static; display:block; padding:0; }
  .modal-card { box-shadow:none; max-height:none; width:100%; padding:0; }
  .panel,.stat { box-shadow:none; break-inside:avoid; }
}