/* Data Centre Workforce Readiness Assessment */

.assess-main {
  max-width: 900px;
  margin: 0 auto;
  padding: 5rem 1rem 2rem;
}

.assess-progress {
  margin-bottom: 1.5rem;
  background: #f3f4f6;
  border-radius: 6px;
  height: 8px;
  overflow: hidden;
  position: relative;
}
.assess-progress__bar {
  height: 100%;
  background: #2563eb;
  border-radius: 6px;
  transition: width 0.2s ease;
}
.assess-progress__text {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.875rem;
  color: #6b7280;
}

.assess-step {
  animation: assess-fade 0.2s ease;
}
@keyframes assess-fade {
  from { opacity: 0.6; }
  to { opacity: 1; }
}

.assess-main h1,
.assess-main h2,
.assess-main h3 { font-size: 1rem; }
.assess-title { font-size: 1rem; margin-bottom: 1rem; }
.assess-intro { font-weight: 500; margin-bottom: 0.5rem; }
.assess-bullets { margin: 0.5rem 0 1rem 1.25rem; }
.assess-bullets li { margin-bottom: 0.35rem; }
.assess-scale { font-size: 0.9rem; color: #6b7280; margin-bottom: 0.75rem; }

.assess-p1-subsection { font-size: 1rem; margin: 1rem 0 0.25rem; }

.assess-p1-risk { margin: 1rem 0; }
.assess-p1-risk p { margin: 0 0 0.5rem; }
.assess-p1-risk__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.assess-p1-risk__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  border-radius: 6px;
  border-left: 3px solid transparent;
  font-size: 0.9rem;
}
.assess-p1-risk__badge {
  flex-shrink: 0;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  min-width: 4.5rem;
  text-align: center;
}
.assess-p1-risk__item--low .assess-p1-risk__badge { background: #dcfce7; color: #166534; }
.assess-p1-risk__item--moderate .assess-p1-risk__badge { background: #fef9c3; color: #854d0e; }
.assess-p1-risk__item--high .assess-p1-risk__badge { background: #ffedd5; color: #9a3412; }
.assess-p1-risk__item--critical .assess-p1-risk__badge { background: #fee2e2; color: #991b1b; }
.assess-p1-risk__text { flex: 1; }
.assess-p1-risk__tag {
  flex-shrink: 0;
  font-size: 0.75rem;
  font-weight: 600;
  color: #1d4ed8;
  background: #dbeafe;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
}
.assess-p1-risk__item--current { font-weight: 500; }
.assess-p1-risk__item--current.assess-p1-risk__item--low { border-left-color: #16a34a; background: #f0fdf4; }
.assess-p1-risk__item--current.assess-p1-risk__item--moderate { border-left-color: #ca8a04; background: #fffbeb; }
.assess-p1-risk__item--current.assess-p1-risk__item--high { border-left-color: #ea580c; background: #fff7ed; }
.assess-p1-risk__item--current.assess-p1-risk__item--critical { border-left-color: #dc2626; background: #fef2f2; }

.assess-table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.9rem;
}
.assess-table th,
.assess-table td {
  border: 1px solid #e5e7eb;
  padding: 0.5rem 0.75rem;
  text-align: left;
}
.assess-table th { background: #f9fafb; font-weight: 600; }
.assess-table select { min-width: 4rem; padding: 0.25rem 0.5rem; }
.assess-table input[type="number"] { width: 4rem; padding: 0.25rem 0.5rem; }
.assess-table input[type="checkbox"] { margin: 0; }

/* Color-coded band badges for Parts 2, 3, 4, Overall */
.assess-band-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
  font-size: 0.9rem;
}
.assess-band-badge--low,
.assess-band-badge--strong { background: #dcfce7; color: #166534; }
.assess-band-badge--moderate,
.assess-band-badge--adequate { background: #fef9c3; color: #854d0e; }
.assess-band-badge--high,
.assess-band-badge--vulnerable { background: #ffedd5; color: #9a3412; }
.assess-band-badge--critical { background: #fee2e2; color: #991b1b; }

.assess-p5 { margin: 1rem 0; }
.assess-p5-row {
  display: grid;
  grid-template-columns: 1fr 1fr 5rem;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: center;
}
.assess-p5-row input[type="text"],
.assess-p5-row select { padding: 0.4rem 0.5rem; }

.assess-p6-table-title { margin-top: 1.25rem; margin-bottom: 0.35rem; font-size: 1rem; }
.assess-p6-table-title:first-of-type { margin-top: 0; }
.assess-p6-table { width: max-content; max-width: 100%; }
.assess-p6-table input[type="number"] { width: 8rem; padding: 0.4rem 0.5rem; }

.assess-actions-p { margin: 0.75rem 0; line-height: 1.5; }
.assess-actions-list { margin: 0.75rem 0; padding-left: 1.25rem; line-height: 1.5; }
.assess-actions-list li { margin-bottom: 0.35rem; }
.assess-summary-actions { margin: 1.5rem 0; }
.assess-email { margin-top: 1rem; }
.assess-email label { display: block; margin-bottom: 0.25rem; }
.assess-email input[type="email"] {
  padding: 0.5rem 0.75rem;
  margin-right: 0.5rem;
  min-width: 220px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
}
.assess-err { color: #dc2626; font-size: 0.9rem; margin-top: 0.5rem; }
.assess-success { color: #059669; font-weight: 500; }

.assess-field { margin: 1rem 0; }
.assess-field label { display: block; margin-bottom: 0.25rem; }
.assess-field select { padding: 0.5rem 0.75rem; min-width: 200px; border: 1px solid #d1d5db; border-radius: 6px; }

.assess-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  font-size: 0.95rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.assess-btn:hover:not(:disabled) { background: #f9fafb; }
.assess-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.assess-btn--primary { background: #2563eb; color: #fff; border-color: #2563eb; }
.assess-btn--primary:hover:not(:disabled) { background: #1d4ed8; }
.assess-actions { margin-top: 1.5rem; }

/* Print: hide nav, progress, buttons; show only summary when on step 11 */
@media print {
  .nav,
  .assess-progress,
  .assess-actions,
  .assess-summary-actions,
  .assess-btn { display: none !important; }
  .assess-main { padding: 0; }
  .assess-step { display: none !important; }
  .assess-step--summary { display: block !important; }
  body { font-size: 11pt; }
}