/* TOMS v4.5.303: Students eligibility form, isolated from legacy Student Database input rules. */
#se300-assessment {margin:20px 0;padding:18px;border:1px solid #dbe3ec;border-radius:12px}
#se300-assessment[hidden],#se300-assessment [hidden]{display:none!important}
#se300-assessment legend{font-weight:700;padding:0 6px}
#se300-assessment label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334155}
#se300-assessment .cp-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px}
#se300-assessment .cp-roles label{display:flex;flex-direction:row;align-items:center;gap:10px;font-weight:500}
#se300-assessment .cp-roles input{flex:0 0 auto;margin:0}
#se300-assessment .cp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#se300-assessment input:not([type=checkbox]),#se300-assessment select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff}
#se300-assessment button{cursor:pointer;border:1px solid #a6b4c4;border-radius:8px;padding:9px 14px}
#se300-assessment button.primary{background:#173b63;color:white;border-color:#173b63}
#se300-assessment .se300-actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
#se300-assessment .se300-reassessment{padding:9px 12px;border-left:3px solid #e78b2c;background:#fff8ee}
#se300-assessment #se300-error{white-space:pre-wrap;margin:10px 0;color:#34516d}
#se300-assessment #se300-error[data-kind=error]{color:#a23430}
#se300-assessment #se300-error[data-kind=success]{color:#276144}
#se300-assessment #se300-load-status:empty{display:none}
/* Shared look for history in both User Management and Students. */
.elig302-history-heading{font-size:14px;margin:22px 0 10px;font-weight:700;color:#334155}
.elig302-list{display:grid;gap:9px}
.elig302-entry{border:1px solid #dbe3ec;background:#f8fafc;border-radius:8px;padding:12px 14px}
.elig302-entry-title{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:13px}
.elig302-state{border-radius:20px;background:#e8f0f8;padding:3px 10px;color:#173b63;font-weight:600}
.elig302-track{font-size:12px;color:#64748b}
.elig302-entry-meta{font-size:12px;color:#64748b;margin-top:6px}
.elig302-criteria{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:9px;font-size:12px}
.elig302-criterion.elig302-yes{color:#276144}
.elig302-criterion.elig302-no{color:#7c8695}
@media(max-width:580px){#se300-assessment .cp-grid,#se300-assessment .cp-roles{grid-template-columns:1fr}}

/* Legacy #toms-student-db input { width:100% } also targets checkboxes.
   Use higher specificity and fixed check dimensions to keep labels adjacent. */
#toms-student-db #se300-assessment #se300-checks {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  column-gap:22px;
  row-gap:13px;
  margin:12px 0 19px;
}
#toms-student-db #se300-assessment #se300-checks > label.se303-criterion {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  width:100%;
  min-width:0;
  padding:2px 0;
  line-height:1.35;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
}
#toms-student-db #se300-assessment #se300-checks input[type="checkbox"] {
  display:block;
  appearance:auto;
  width:18px;
  min-width:18px;
  max-width:18px;
  height:18px;
  min-height:18px;
  max-height:18px;
  flex:0 0 18px;
  margin:0;
  padding:0;
  border-radius:4px;
  accent-color:#087862;
}
#toms-student-db #se300-assessment #se300-checks .se303-criterion span {
  display:inline-block;
  min-width:0;
  flex:1 1 auto;
  overflow-wrap:normal;
  word-break:normal;
}
@media(max-width:580px){
  #toms-student-db #se300-assessment #se300-checks{grid-template-columns:1fr}
}

/* Defensive fallback if an older eligibility script was loaded from browser cache. */
#se300-assessment #se300-reload{display:none!important}