/* p2mc — 360 Student Report Styles (v2 — vibrant & student-friendly) */

.report360 { max-width: 750px; margin: 0 auto; padding: 8px 0; font-family: 'Inter', sans-serif; }

/* Header with gradient accent */
.report360-header {
  background: linear-gradient(135deg, #6C63FF 0%, #48BFE3 100%);
  border-radius: 16px;
  padding: 24px 28px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  color: #fff;
}
.report360-logo { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; color: rgba(255,255,255,0.8); text-transform: uppercase; }
.report360-student-name { font-size: 24px; font-weight: 700; margin: 4px 0; color: #fff; }
.report360-meta { font-size: 12px; color: rgba(255,255,255,0.85); margin: 0; }
.report360-score-ring { text-align: center; flex-shrink: 0; background: rgba(255,255,255,0.95); border-radius: 12px; padding: 10px 14px; }
.report360-score-label { font-size: 10px; color: rgba(255,255,255,0.9); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 4px; }

.report360-actions { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; flex-wrap: wrap; }
.report360-btn { padding: 8px 16px; border: 1px solid #E0E0E0; border-radius: 8px; background: #fff; cursor: pointer; font-size: 13px; font-weight: 500; transition: all 0.15s; }
.report360-btn:hover { background: #F5F3FF; border-color: #6C63FF; color: #6C63FF; }
.report360-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.report360-rate-note { font-size: 12px; color: #888; }

/* KPI cards with individual accent colors */
.report360-kpi-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.report360-kpi {
  background: #fff;
  border-radius: 12px;
  padding: 16px;
  border: 1px solid #F0F0F0;
  position: relative;
  overflow: hidden;
}
.report360-kpi::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
}
.report360-kpi:nth-child(1)::before { background: linear-gradient(90deg, #6C63FF, #48BFE3); }
.report360-kpi:nth-child(2)::before { background: linear-gradient(90deg, #FF6B6B, #FFB347); }
.report360-kpi:nth-child(3)::before { background: linear-gradient(90deg, #48BFE3, #56CCF2); }
.report360-kpi:nth-child(4)::before { background: linear-gradient(90deg, #1D9E75, #6FCF97); }
.report360-kpi-val { font-size: 26px; font-weight: 700; line-height: 1.1; color: #1a1a2e; }
.report360-kpi-lbl { font-size: 11px; color: #888; margin-top: 4px; font-weight: 500; }
.report360-kpi-delta { font-size: 11px; margin-top: 4px; }

/* Section titles with colored left accent */
.report360-section { margin-bottom: 20px; }
.report360-section-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6C63FF;
  padding-bottom: 8px;
  margin-bottom: 12px;
  border-bottom: 2px solid #F0EEFF;
}

.report360-two-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.report360-three-col { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-bottom: 20px; }

.report360-card {
  background: #fff;
  border: 1px solid #F0F0F0;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Academic strength bars */
.report360-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.report360-bar-row:last-of-type { margin-bottom: 0; }
.report360-bar-label { font-size: 12px; color: #666; width: 90px; flex-shrink: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.report360-bar-track { flex: 1; height: 8px; background: #F5F5F5; border-radius: 4px; overflow: hidden; }
.report360-bar-fill { height: 100%; border-radius: 4px; transition: width 0.8s ease; }
.report360-bar-val { font-size: 12px; font-weight: 600; width: 50px; text-align: right; flex-shrink: 0; color: #333; }

/* Badges — more vibrant */
.report360-badge { display: inline-block; font-size: 11px; padding: 3px 10px; border-radius: 99px; font-weight: 600; white-space: nowrap; }

/* College fit rows */
.report360-college-row { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #F5F5F5; gap: 8px; }
.report360-college-row:last-child { border-bottom: none; }
.report360-college-name { font-size: 13px; font-weight: 600; color: #1a1a2e; }
.report360-college-sub { font-size: 11px; color: #888; }

/* Strength/gap rows */
.report360-strength-row { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-bottom: 1px solid #F5F5F5; font-size: 13px; }
.report360-strength-row:last-child { border-bottom: none; }

/* AI verdict boxes — colored and warm */
.report360-verdict-box {
  background: linear-gradient(135deg, #E8FFF5 0%, #F0FFF8 100%);
  border-left: 4px solid #1D9E75;
  padding: 16px 18px;
  border-radius: 0 12px 12px 0;
  margin-bottom: 0;
}
.report360-verdict-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #0F6E56; }
.report360-verdict-text { font-size: 13px; color: #1a1a2e; margin-top: 6px; line-height: 1.7; }

/* Action items — numbered with color */
.report360-action-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid #F5F5F5; }
.report360-action-item:last-child { border-bottom: none; }
.report360-action-num {
  width: 26px; height: 26px; border-radius: 50%;
  background: linear-gradient(135deg, #6C63FF, #48BFE3);
  color: #fff;
  font-size: 12px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
.report360-action-text { font-size: 13px; line-height: 1.6; color: #1a1a2e; font-weight: 500; }
.report360-action-why { font-size: 11px; color: #888; margin-top: 3px; line-height: 1.5; }

/* Footer */
.report360-footer { border-top: 1px solid #eee; padding-top: 12px; display: flex; justify-content: space-between; font-size: 10px; color: #888; margin-top: 24px; }

/* Launch page — vibrant and inviting */
.report360-launch { display: flex; justify-content: center; align-items: center; min-height: 60vh; }
.report360-launch-inner { text-align: center; max-width: 460px; }
.report360-launch-icon { font-size: 56px; margin-bottom: 16px; }
.report360-launch-inner h2 { font-size: 26px; font-weight: 700; margin: 0 0 10px; color: #1a1a2e; }
.report360-launch-desc { font-size: 14px; color: #666; line-height: 1.7; margin: 0 0 24px; }
.report360-launch-features { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; text-align: left; margin-bottom: 28px; }
.report360-feature {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; color: #444; font-weight: 500;
  padding: 10px 14px;
  background: linear-gradient(135deg, #F5F3FF 0%, #EEF7FF 100%);
  border-radius: 10px;
  border: 1px solid #E8E4FF;
}
.report360-feature-icon { font-size: 18px; }
.report360-generate-btn {
  padding: 16px 32px;
  background: linear-gradient(135deg, #6C63FF 0%, #48BFE3 100%);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  transition: all 0.2s;
  box-shadow: 0 4px 12px rgba(108, 99, 255, 0.3);
}
.report360-generate-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(108, 99, 255, 0.4); }
.report360-generate-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.report360-launch-note { font-size: 12px; color: #999; margin-top: 14px; }
.report360-error { color: #A32D2D; background: #FFF0F0; padding: 10px 14px; border-radius: 8px; font-size: 13px; margin-bottom: 14px; border: 1px solid #FFD4D4; }

/* Mobile responsive */
@media (max-width: 640px) {
  .report360-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report360-two-col { grid-template-columns: 1fr; }
  .report360-three-col { grid-template-columns: 1fr; }
  .report360-header { flex-direction: column; border-radius: 12px; padding: 20px; }
  .report360-bar-label { width: 70px; font-size: 11px; }
  .report360-launch-features { grid-template-columns: 1fr; }
  .report360-student-name { font-size: 20px; }
}

/* Print */
@media print {
  .report360-header { background: #6C63FF !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .report360-kpi::before { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .report360-action-num { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .report360-verdict-box { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .report360 { max-width: 100% !important; }
}