/* CIVADELIA_ASSESSMENT_DETAILS_V3_0_8 */

/* Keep the pleasant pale-green Upcoming Assessments hover, but remove the dark left stripe. */
.co-ui-v4 .co-upcoming-row.is-clickable:hover {
  background:#f4faf7 !important;
  box-shadow:none !important;
}

.co-ui-v4 .co-upcoming-row.is-clickable:focus-visible {
  outline:2px solid #16865f;
  outline-offset:2px;
}

.co-assessment-detail-shell { padding-bottom:36px; }
.co-assessment-detail-hero { align-items:flex-start; }
.co-assessment-detail-card { overflow:hidden; }
.co-assessment-detail-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.co-assessment-detail-field {
  min-height:92px;
  padding:14px 15px;
  border:1px solid var(--border,#dde4e8);
  border-radius:12px;
  background:#fbfcfb;
}
.co-assessment-detail-field > span,
.co-assessment-result-row span {
  display:block;
  margin-bottom:5px;
  color:var(--muted,#697586);
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.co-assessment-detail-field strong { display:block; color:var(--navy,#2e3c50); font-size:.9rem; }
.co-assessment-detail-field small { display:block; margin-top:4px; color:var(--muted,#697586); font-size:.68rem; }
.co-assessment-description {
  margin-top:14px;
  padding:16px;
  border:1px solid var(--border,#dde4e8);
  border-radius:12px;
  background:#fff;
}
.co-assessment-description-copy { margin-top:8px; color:var(--text,#26313d); line-height:1.6; font-size:.82rem; }
.co-assessment-description-copy p { margin:0 0 8px; }
.co-assessment-description-copy p:last-child { margin-bottom:0; }
.co-assessment-result-row { display:flex; gap:28px; flex-wrap:wrap; }
.co-assessment-result-row strong { color:var(--navy,#2e3c50); font-size:1rem; }
.co-assessment-feedback { margin-top:16px; padding-top:14px; border-top:1px solid var(--border,#dde4e8); }
.co-assessment-feedback p { margin:8px 0 0; line-height:1.55; }

/* Student Test/Exam Open links should have the same understated treatment as Assignment/Quiz Open. */
.co-assessment-actions a { white-space:nowrap; }

@media (max-width:760px) {
  .co-assessment-detail-grid { grid-template-columns:1fr; }
  .co-assessment-detail-hero { flex-direction:column; }
}