/* "Bizning faxrimiz" — oʻqituvchilar va oʻquvchilar yutuqlari.
   natijalar.css + pedagoglar.css bilan birga ishlaydi. */

/* ---------- yutuq yorliqlari ---------- */
.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  border-radius: 8px;
  background: #eef4fb;
  color: #14457a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}

.chip--gold { background: #fdf3e3; color: #8a5a08; }
.chip--green { background: #e7f5ef; color: #065f46; }

/* ---------- oʻquvchi kartochkasi ---------- */
.pupil {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px 22px 22px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
}

.pupil__top {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: center;
}

.pupil__no {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(135deg, #11386b, #2a5fa8);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.pupil__name {
  margin: 0 0 3px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.32;
  letter-spacing: -0.01em;
}

.pupil__year { color: var(--ink-3); font-size: 12.5px; }

.scores {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.score {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 9px 14px;
  border-radius: 12px;
  background: var(--surface-2);
  min-width: 82px;
}

.score b {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1;
  color: var(--navy);
}

.score span {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.grades {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.grade {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px 4px 5px;
  border-radius: 8px;
  background: var(--surface-2);
  font-size: 12px;
  color: var(--ink-2);
}

.grade b {
  display: grid;
  place-items: center;
  min-width: 21px;
  height: 21px;
  border-radius: 6px;
  color: #fff;
  font-size: 11.5px;
}

.uni {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 13px;
  background: var(--surface-2);
}

.uni b { font-size: 14px; font-weight: 600; line-height: 1.35; }
.uni span { color: var(--ink-3); font-size: 12.5px; }

.offers {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.offers li {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 12px;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-radius: 11px;
  font-size: 13px;
}

.offers b { font-weight: 600; line-height: 1.35; }
.offers span { color: var(--ink-3); font-size: 12px; }

.offers em {
  grid-row: 1 / 3;
  grid-column: 2;
  align-self: center;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  color: #065f46;
  white-space: nowrap;
}

.pupil__label {
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-3);
}

@media (max-width: 700px) {
  .pupil { padding: 16px 16px 18px; }
  .score { min-width: 72px; padding: 8px 11px; }
}