/* MMM v194 role-surface theme: applies the student dashboard visual language to student, facilitator, and proctor pages. Exam UI is intentionally excluded because it does not use the standard header. */
body.mmm-v194-role-theme.mmm-role-student,
body.mmm-v194-role-theme.mmm-role-facilitator,
body.mmm-v194-role-theme.mmm-role-proctor,
body.mmm-v194-role-theme.mmm-role-verified_facilitator,
body.mmm-v194-role-theme.mmm-role-verified_proctor,
body.mmm-v194-role-theme.mmm-role-instructor,
body.mmm-v194-role-theme.mmm-role-testing_center_proctor{
  background:radial-gradient(1200px 650px at 18% 0%,rgba(35,228,213,.13),transparent 55%),radial-gradient(980px 700px at 88% 18%,rgba(255,79,216,.12),transparent 55%),#05070b;
  color:#f4f8ff;
}
body.mmm-v194-role-theme .mmm-shell{max-width:1180px;}
body.mmm-v194-role-theme .card,
body.mmm-v194-role-theme .panel,
body.mmm-v194-role-theme .mmm-section-card{
  background:rgba(14,20,32,.88);
  border:1px solid rgba(255,255,255,.105);
  border-radius:22px;
  box-shadow:0 14px 44px rgba(0,0,0,.24);
}
body.mmm-v194-role-theme.mmm-role-student .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-facilitator .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-proctor .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-verified_facilitator .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-verified_proctor .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-instructor .card:first-of-type,
body.mmm-v194-role-theme.mmm-role-testing_center_proctor .card:first-of-type{
  border-color:rgba(35,228,213,.34);
  background:linear-gradient(135deg,rgba(35,228,213,.075),rgba(255,79,216,.045)),rgba(14,20,32,.88);
}
body.mmm-v194-role-theme .smallcaps,
body.mmm-v194-role-theme .v135-kicker{
  color:#35f0e1!important;
  letter-spacing:.16em;
  font-weight:900;
}
body.mmm-v194-role-theme h1,
body.mmm-v194-role-theme .display-5,
body.mmm-v194-role-theme .display-6{
  letter-spacing:.035em;
  font-weight:950;
  color:#f4f8ff;
}
body.mmm-v194-role-theme .text-muted2,
body.mmm-v194-role-theme .readable,
body.mmm-v194-role-theme .v135-sub{color:#a9badc!important;}
body.mmm-v194-role-theme .btn,
body.mmm-v194-role-theme button.btn,
body.mmm-v194-role-theme .v135-btn{
  border-radius:14px;
  font-weight:900;
  letter-spacing:.01em;
}
body.mmm-v194-role-theme .btn-teal,
body.mmm-v194-role-theme .btn-dashboard,
body.mmm-v194-role-theme .v135-btn.primary,
body.mmm-v194-role-theme a.btn:first-of-type:not(.btn-outline-light):not(.btn-outline-secondary),
body.mmm-v194-role-theme button.btn:first-of-type:not(.btn-outline-light):not(.btn-outline-secondary){
  background:linear-gradient(90deg,rgba(35,228,213,.96),rgba(45,212,191,.96));
  border-color:rgba(35,228,213,.42);
  color:#041018!important;
  box-shadow:0 12px 30px rgba(35,228,213,.10);
}
body.mmm-v194-role-theme .btn-outline-light,
body.mmm-v194-role-theme .btn-outline-secondary{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.035);
  color:#f4f8ff;
}
body.mmm-v194-role-theme .btn-outline-light:hover,
body.mmm-v194-role-theme .btn-outline-secondary:hover{
  background:rgba(35,228,213,.10);
  border-color:rgba(35,228,213,.35);
  color:#f4f8ff;
}
body.mmm-v194-role-theme .badge.bg-info,
body.mmm-v194-role-theme .badge-teal,
body.mmm-v194-role-theme .v135-pill{
  background:rgba(35,228,213,.14)!important;
  border:1px solid rgba(35,228,213,.35)!important;
  color:#35f0e1!important;
}
body.mmm-v194-role-theme .alert-info,
body.mmm-v194-role-theme .v135-note{
  background:rgba(35,228,213,.08);
  border-color:rgba(35,228,213,.28);
  color:#dcefff;
}
body.mmm-v194-role-theme .alert-warning,
body.mmm-v194-role-theme .v135-note.warn{
  background:rgba(255,209,102,.08);
  border-color:rgba(255,209,102,.32);
  color:#fff1c2;
}
body.mmm-v194-role-theme input,
body.mmm-v194-role-theme select,
body.mmm-v194-role-theme textarea,
body.mmm-v194-role-theme .form-control,
body.mmm-v194-role-theme .form-select{
  border-radius:14px;
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.13);
  color:#f4f8ff;
}
body.mmm-v194-role-theme .table,
body.mmm-v194-role-theme table{--bs-table-bg:rgba(255,255,255,.02);--bs-table-striped-bg:rgba(255,255,255,.045);}
body.mmm-v194-role-theme .navbar{box-shadow:0 10px 32px rgba(0,0,0,.22);}
@media(max-width:780px){
  body.mmm-v194-role-theme .display-5, body.mmm-v194-role-theme .display-6{font-size:2rem;}
  body.mmm-v194-role-theme .card{padding:1rem!important;}
}

/* MMM v202 response-review status clarity.
   v194 intentionally gave all pills a unified role-theme teal, but that made
   incorrect certification-review rows visually indistinguishable. v202 restores
   semantic colors while keeping text labels, borders, and row cues so color is
   not the only signal. */
body.mmm-v194-role-theme .v135-pill.ok,
body.mmm-v194-role-theme .v202-review-legend .v135-pill.ok{
  background:rgba(46, 204, 113, .18)!important;
  border:1px solid rgba(46, 204, 113, .60)!important;
  color:#9cffbd!important;
  box-shadow:0 0 0 1px rgba(46,204,113,.12) inset;
}
body.mmm-v194-role-theme .v135-pill.bad,
body.mmm-v194-role-theme .v202-review-legend .v135-pill.bad{
  background:rgba(255, 77, 95, .22)!important;
  border:1px solid rgba(255, 77, 95, .78)!important;
  color:#ffd6dc!important;
  box-shadow:0 0 0 1px rgba(255,77,95,.18) inset, 0 0 18px rgba(255,77,95,.10);
}
body.mmm-v194-role-theme .v135-pill.warn,
body.mmm-v194-role-theme .v202-review-legend .v135-pill.warn{
  background:rgba(255, 209, 102, .18)!important;
  border:1px solid rgba(255, 209, 102, .62)!important;
  color:#ffe6a3!important;
  box-shadow:0 0 0 1px rgba(255,209,102,.14) inset;
}
body.mmm-v194-role-theme .v202-review-legend{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem .65rem;
  align-items:center;
  margin:.65rem 0 1rem;
  color:#a9badc;
  font-size:.88rem;
}
body.mmm-v194-role-theme .v202-review-row.v202-review-incorrect td{
  background:linear-gradient(90deg,rgba(255,77,95,.075),rgba(255,77,95,.025));
}
body.mmm-v194-role-theme .v202-review-row.v202-review-incorrect td:first-child{
  border-left:5px solid #ff4d5f;
}
body.mmm-v194-role-theme .v202-review-row.v202-review-attention td{
  background:linear-gradient(90deg,rgba(255,209,102,.07),rgba(255,209,102,.022));
}
body.mmm-v194-role-theme .v202-review-row.v202-review-attention td:first-child{
  border-left:5px solid #ffd166;
}
body.mmm-v194-role-theme .v202-review-row.v202-review-correct td:first-child{
  border-left:5px solid rgba(46,204,113,.75);
}
body.mmm-v194-role-theme .v202-review-row:hover td{
  outline:1px solid rgba(255,255,255,.08);
  outline-offset:-1px;
}
@media(max-width:780px){
  body.mmm-v194-role-theme .v202-review-legend{display:grid;grid-template-columns:1fr;}
}