/* =====================================================
   NextGEN TVETMARA v16 Profile + Admin Fix
   - Compact Industry Insights
   - Profile screen English polish
   - Student profile completion guard
   - Super Admin student manager layout
   ===================================================== */

/* Industry Insights: keep the card compact and balanced */
.industry-insights-compact {
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 1.25rem 1.5rem !important;
  border-radius: 18px !important;
}

.industry-insights-compact .grid {
  gap: 1rem !important;
}

.industry-insights-compact .grid > div {
  min-height: 92px !important;
  height: auto !important;
  padding: 1rem !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  border-radius: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.industry-insights-compact [id="salaryRange"],
.industry-insights-compact [id="jobGrowth"],
.industry-insights-compact [id="topEmployers"] {
  font-size: clamp(1.3rem, 2vw, 2rem) !important;
  line-height: 1.1 !important;
}

/* Profile completion notice */
#profileCompletionNotice {
  border-left: 5px solid #2563eb;
}

/* Profile phone field consistency */
#profilePhoneWrap input {
  min-height: 48px;
}

/* Super Admin Student Manager */
#adminStudentManagerBox .manager-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 1rem;
}

#adminStudentManagerBox .student-list-table {
  max-height: 520px;
  overflow: auto;
}

#adminStudentManagerBox input,
#adminStudentManagerBox select,
#adminStudentManagerBox textarea {
  width: 100%;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: .75rem;
  background: #fff;
}

#adminStudentManagerBox label {
  display: block;
  font-size: .78rem;
  color: #475569;
  font-weight: 800;
  margin-bottom: .35rem;
}

#adminStudentManagerBox .crud-btn {
  border-radius: 10px;
  padding: .65rem 1rem;
  font-weight: 800;
}

@media (max-width: 900px) {
  #adminStudentManagerBox .manager-grid {
    grid-template-columns: 1fr;
  }
  .industry-insights-compact {
    padding: 1rem !important;
  }
  .industry-insights-compact .grid {
    grid-template-columns: 1fr !important;
  }
}
