/* Guidee 8.0 — multi-exam switcher. Student app only. */
[hidden] { display: none !important; }
.exam-switcher {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 5px 7px 5px 12px;
  border: 1px solid #e7e5f2;
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 4px 16px rgba(35,37,78,.045);
}
.exam-switcher-label {
  display: block;
  margin: 0;
  color: #85869a;
  font-size: 8px;
  line-height: 1.2;
  letter-spacing: .09em;
  font-weight: 850;
  white-space: nowrap;
}
.exam-switcher select {
  min-width: 112px;
  max-width: 160px;
  padding: 4px 20px 4px 0;
  border: 0;
  outline: 0;
  color: #302c55;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.exam-switcher select:disabled { opacity: .7; cursor: not-allowed; }
.exam-add-button {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 9px;
  color: #6254d8;
  background: #f1efff;
  font-size: 19px;
  line-height: 1;
  font-weight: 750;
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.exam-add-button:hover:not(:disabled) { background: #e6e2ff; transform: translateY(-1px); }
.exam-add-button:disabled { opacity: .6; cursor: not-allowed; }
.exam-add-modal { width: min(460px, calc(100vw - 28px)); }
.exam-add-modal .modal-head h2 { margin: 4px 0 0; }
.exam-add-description { margin: 12px 0 18px; color: #6f7289; font-size: 13px; line-height: 1.65; }
.exam-add-modal label { display: block; margin-bottom: 8px; color: #555873; font-size: 12px; font-weight: 800; }
.exam-add-modal select {
  width: 100%; min-height: 46px; padding: 0 13px;
  border: 1px solid #e2e2ee; border-radius: 12px;
  color: #282943; background: #fff; font: inherit; font-weight: 700;
}
.exam-add-footnote { margin-top: 10px; color: #888ba0; font-size: 11px; }
.exam-add-modal .modal-actions { margin-top: 22px; }
.exam-profiles-card { grid-column: 1 / -1; }
.exam-profiles-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.exam-profiles-heading h2 { margin: 0 0 5px; }
.exam-profiles-heading p { margin: 0; color: #85879b; font-size: 12px; line-height: 1.5; }
.exam-profile-list { display: grid; gap: 9px; margin-top: 17px; }
.exam-profile-row {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 13px 15px; border: 1px solid #eaebf3; border-radius: 13px;
  background: #fff;
}
.exam-profile-row.is-active { border-color: #dcd7fb; background: #f8f7ff; }
.exam-profile-row > div { display: grid; gap: 4px; min-width: 0; }
.exam-profile-row strong { color: #2b2c49; font-size: 13px; }
.exam-profile-row span { color: #82859a; font-size: 11px; }
.exam-profile-active { padding: 5px 9px; border-radius: 999px; color: #277d62 !important; background: #e9f7f1; font-size: 10px !important; font-weight: 850; }
.exam-profile-row .text-button { flex: 0 0 auto; color: #6254d8; font-size: 12px; font-weight: 800; }
@media (max-width: 900px) {
  .topbar-actions { gap: 8px; }
  .exam-switcher { gap: 6px; padding: 5px 6px 5px 9px; border-radius: 12px; }
  .exam-switcher select { min-width: 88px; max-width: 112px; font-size: 11px; }
  .exam-switcher-label { font-size: 7px; }
  .exam-add-button { width: 26px; height: 26px; }
}
@media (max-width: 560px) {
  .topbar { gap: 7px; }
  .topbar-actions { gap: 6px; }
  .exam-switcher { max-width: 190px; }
  .exam-switcher select { min-width: 72px; max-width: 88px; }
  .profile-chip .profile-text { display: none; }
  .profile-chip .caret { display: none; }
  .exam-profiles-heading { flex-direction: column; }
  .exam-profile-row { padding: 11px 12px; }
}
@media (max-width: 380px) {
  .exam-switcher { gap: 4px; padding-left: 7px; }
  .exam-switcher-label { display: none; }
  .exam-switcher select { max-width: 82px; }
}