/* Ajustes finais do dashboard: centralizacao visual e listas alinhadas. */
#page-dashboard .dash-today-stats .stat-card {
  display: grid !important;
  grid-template-rows: 48px auto !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 10px !important;
  min-height: 152px !important;
  padding: 18px 14px !important;
  text-align: center !important;
}

#page-dashboard .dash-today-stats .stat-card > div:not(.stat-icon) {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: 100% !important;
}

#page-dashboard .dash-today-stats .stat-icon,
.sidebar .nav-icon {
  display: inline-grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
}

#page-dashboard .dash-today-stats .stat-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  justify-self: center !important;
  align-self: center !important;
  font-size: 20px !important;
}

.sidebar .nav-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
}

#page-dashboard .dash-today-stats .stat-icon :where(img, svg),
.sidebar .nav-icon :where(img, svg) {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  margin: 0 !important;
  object-fit: contain !important;
}

#page-dashboard .dash-today-stats .stat-value,
#page-dashboard .dash-today-stats .stat-label {
  width: 100% !important;
  text-align: center !important;
}

#page-dashboard .dash-recent-grid {
  align-items: stretch !important;
}

#page-dashboard .dash-recent-item {
  display: grid !important;
  grid-template-rows: repeat(3, auto) !important;
  align-content: center !important;
  gap: 6px !important;
  min-height: 82px !important;
}

#page-dashboard .dash-recent-item span,
#page-dashboard .dash-recent-item strong,
#page-dashboard .dash-recent-item small {
  line-height: 1.12 !important;
}

#page-dashboard .ranking-item {
  display: grid !important;
  grid-template-columns: 32px minmax(140px, 1fr) minmax(150px, 220px) 50px !important;
  align-items: center !important;
  column-gap: 12px !important;
  min-height: 50px !important;
  padding: 10px 12px !important;
}

#page-dashboard .rank-pos {
  display: grid !important;
  place-items: center !important;
  justify-self: start !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

#page-dashboard .rank-name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  align-self: center !important;
}

#page-dashboard .rank-bar-wrap {
  width: 100% !important;
  min-width: 150px !important;
  justify-self: stretch !important;
  align-self: center !important;
}

#page-dashboard .rank-pct {
  min-width: 46px !important;
  text-align: right !important;
  justify-self: end !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

@media (max-width: 760px) {
  #page-dashboard .ranking-item {
    grid-template-columns: 32px minmax(0, 1fr) 48px !important;
    row-gap: 8px !important;
  }

  #page-dashboard .rank-bar-wrap {
    grid-column: 2 / 4 !important;
    min-width: 0 !important;
  }
}

/* Revisoes - botoes finais no tom cartoon. */
#page-revisao :is(#btnGerenciarMateriasRev, #btnNovaRevisao, #btnAddRevIntervalo, #btnSalvarRevIntervalos) {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  border: 2px solid var(--egg-line) !important;
  border-radius: 13px !important;
  box-shadow: 3px 3px 0 var(--egg-line) !important;
  font-family: var(--font-display) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  color: var(--egg-ink) !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

#page-revisao :is(#btnNovaRevisao, #btnSalvarRevIntervalos) {
  background: var(--egg-yellow) !important;
}

#page-revisao :is(#btnGerenciarMateriasRev, #btnAddRevIntervalo) {
  background: #fffef7 !important;
}

#page-revisao :is(#btnGerenciarMateriasRev, #btnNovaRevisao, #btnAddRevIntervalo, #btnSalvarRevIntervalos):hover {
  filter: none !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 var(--egg-line) !important;
}

#page-revisao :is(#btnGerenciarMateriasRev, #btnNovaRevisao, #btnAddRevIntervalo, #btnSalvarRevIntervalos):active {
  transform: translate(2px, 2px) !important;
  box-shadow: 1px 1px 0 var(--egg-line) !important;
}

html[data-palette="noite"] #page-revisao :is(#btnNovaRevisao, #btnSalvarRevIntervalos) {
  background: var(--egg-yellow) !important;
  color: #111111 !important;
}

html[data-palette="noite"] #page-revisao :is(#btnGerenciarMateriasRev, #btnAddRevIntervalo) {
  background: #fff6dc !important;
  color: #111111 !important;
}

/* Panorama - abas e listas de exercicios com mais respiro. */
:is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs {
  width: min(100%, 760px) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 10px !important;
  margin: 0 0 22px !important;
  background: #fff2b3 !important;
  border: 3px solid var(--egg-line) !important;
  border-radius: 18px !important;
  box-shadow: 5px 5px 0 var(--egg-line) !important;
}

:is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab {
  min-height: 50px !important;
  padding: 11px 14px !important;
  background: #fffef7 !important;
  border: 2px solid var(--egg-line) !important;
  border-radius: 13px !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .18) !important;
  color: var(--egg-ink) !important;
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

:is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab span {
  min-width: 24px !important;
  margin-left: 6px !important;
  padding: 2px 7px !important;
  background: var(--egg-blue) !important;
  border: 2px solid var(--egg-line) !important;
  border-radius: 999px !important;
  color: #111 !important;
  font-size: 11px !important;
  box-shadow: 1px 1px 0 rgba(17, 17, 17, .18) !important;
}

:is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab.active,
:is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab:hover {
  background: var(--egg-yellow) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 4px 4px 0 var(--egg-line) !important;
}

#page-listas_exercicios .pq-lists-layout {
  grid-template-columns: minmax(320px, 430px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

#page-listas_exercicios .pq-list-manager .card-body {
  display: grid !important;
  gap: 16px !important;
  padding: 22px 24px 24px !important;
}

#page-listas_exercicios .pq-list-create {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 12px !important;
  margin: 0 !important;
}

#page-listas_exercicios .pq-list-create #pqCreateExerciseList {
  grid-column: 1 / -1 !important;
  width: min(100%, 260px) !important;
  justify-self: start !important;
}

#page-listas_exercicios .pq-list-search {
  width: min(100%, 260px) !important;
}

#page-listas_exercicios .pq-list-cards {
  gap: 12px !important;
}

#page-listas_exercicios .pq-list-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 5px 12px !important;
  padding: 14px 16px !important;
  border-width: 3px !important;
  border-radius: 15px !important;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .14) !important;
}

#page-listas_exercicios .pq-list-card strong {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#page-listas_exercicios .pq-list-card span {
  grid-column: 1 !important;
  min-width: 0 !important;
}

#page-listas_exercicios .pq-list-card em {
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  padding: 5px 9px !important;
  background: #dfffd9 !important;
  border: 2px solid var(--egg-line) !important;
  border-radius: 999px !important;
  color: #111 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

#page-listas_exercicios .pq-answer-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 4px 9px !important;
  border: 2px solid var(--egg-line) !important;
  border-radius: 999px !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .14) !important;
  color: #111 !important;
  font-family: var(--font-display) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

#page-listas_exercicios .pq-answer-badge.is-correct {
  background: #8ee89e !important;
}

#page-listas_exercicios .pq-answer-badge.is-wrong {
  background: #ff7a83 !important;
}

html[data-palette="noite"] :is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs {
  background: #33270b !important;
}

html[data-palette="noite"] :is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab {
  background: #fff6dc !important;
  color: #111111 !important;
}

html[data-palette="noite"] :is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab.active,
html[data-palette="noite"] :is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs .tab:hover {
  background: var(--egg-yellow) !important;
}

@media (max-width: 900px) {
  #page-listas_exercicios .pq-lists-layout,
  #page-listas_exercicios .pq-list-create {
    grid-template-columns: 1fr !important;
  }

  :is(#page-panorama_questoes, #page-panorama_erradas, #page-listas_exercicios) > .hub-tabs {
    grid-template-columns: 1fr !important;
  }
}

/* Listas de exercicios: o hub de listas fica em faixa horizontal acima das questoes. */
#page-listas_exercicios .pq-lists-layout {
  grid-template-columns: 1fr !important;
  gap: 24px !important;
  align-items: stretch !important;
}

#page-listas_exercicios .pq-list-manager,
#page-listas_exercicios .pq-list-detail {
  width: 100% !important;
}

#page-listas_exercicios .pq-list-manager .card-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
  gap: 18px 22px !important;
  align-items: start !important;
  padding: 22px 26px 24px !important;
}

#page-listas_exercicios .pq-list-create {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(240px, 1fr) 170px minmax(150px, auto) !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

#page-listas_exercicios .pq-list-create #pqCreateExerciseList {
  grid-column: auto !important;
  width: 100% !important;
  justify-self: stretch !important;
  white-space: nowrap !important;
}

#page-listas_exercicios .pq-list-search {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}

#page-listas_exercicios .pq-list-cards {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  padding: 3px 4px 12px !important;
  scroll-snap-type: x proximity !important;
  gap: 12px !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--egg-line, #111) #fff0b6 !important;
}

#page-listas_exercicios .pq-list-card {
  flex: 0 0 clamp(250px, 24vw, 340px) !important;
  min-height: 92px !important;
  padding: 18px 20px !important;
  scroll-snap-align: start !important;
  align-content: center !important;
}

#page-listas_exercicios .pq-list-card strong {
  font-size: 17px !important;
  line-height: 1.1 !important;
  letter-spacing: .01em !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

#page-listas_exercicios .pq-list-card span {
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin-top: 6px !important;
  color: #574c36 !important;
}

#page-listas_exercicios .pq-list-card em {
  align-self: start !important;
}

#page-listas_exercicios .pq-list-pagination,
#page-listas_exercicios #pqExerciseEmptyLists {
  grid-column: 1 / -1 !important;
}

#page-listas_exercicios .pq-list-detail .card-body {
  padding-top: 22px !important;
}

@media (max-width: 1180px) {
  #page-listas_exercicios .pq-list-manager .card-body,
  #page-listas_exercicios .pq-list-create {
    grid-template-columns: 1fr !important;
  }

  #page-listas_exercicios .pq-list-search,
  #page-listas_exercicios .pq-list-cards,
  #page-listas_exercicios .pq-list-pagination,
  #page-listas_exercicios #pqExerciseEmptyLists {
    grid-column: 1 !important;
  }
}

/* Listas de exercicios: organizacao compacta em prateleira horizontal. */
#page-listas_exercicios .pq-list-manager {
  overflow: hidden !important;
}

#page-listas_exercicios .pq-list-manager .card-header {
  min-height: 66px !important;
  align-items: center !important;
}

#page-listas_exercicios .pq-list-manager .card-header h3 {
  font-size: clamp(20px, 1.45vw, 28px) !important;
  line-height: 1 !important;
}

#page-listas_exercicios .pq-list-manager .card-body {
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  padding: 24px 28px 30px !important;
}

#page-listas_exercicios .pq-list-create {
  grid-column: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(155px, 190px) minmax(150px, 190px) !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 12px !important;
  background: #fff4bf !important;
  border: 3px solid var(--egg-line, #111111) !important;
  border-radius: 18px !important;
  box-shadow: 5px 5px 0 rgba(17, 17, 17, .24) !important;
}

#page-listas_exercicios .pq-list-create input,
#page-listas_exercicios .pq-list-create select,
#page-listas_exercicios .pq-list-search {
  min-height: 48px !important;
  font-size: 15px !important;
}

#page-listas_exercicios .pq-list-search {
  grid-column: 1 !important;
  width: min(100%, 520px) !important;
  justify-self: start !important;
  margin: 0 !important;
  background: #fffefa !important;
  border-width: 3px !important;
  box-shadow: 4px 4px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-cards {
  grid-column: 1 !important;
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 6px 16px !important;
  max-height: 136px !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--egg-yellow, #ffd52e) #111111 !important;
  scroll-snap-type: x mandatory !important;
}

#page-listas_exercicios .pq-list-cards::-webkit-scrollbar {
  height: 12px !important;
}

#page-listas_exercicios .pq-list-cards::-webkit-scrollbar-track {
  background: #fff4bf !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
}

#page-listas_exercicios .pq-list-cards::-webkit-scrollbar-thumb {
  background: var(--egg-yellow, #ffd52e) !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
}

#page-listas_exercicios .pq-list-card {
  flex: 0 0 clamp(300px, 25vw, 420px) !important;
  min-height: 100px !important;
  max-height: 116px !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 8px 14px !important;
  padding: 18px 22px !important;
  scroll-snap-align: start !important;
}

#page-listas_exercicios .pq-list-card strong {
  grid-column: 1 / -1 !important;
  font-size: clamp(21px, 1.55vw, 30px) !important;
  line-height: .98 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

#page-listas_exercicios .pq-list-card span {
  grid-column: 1 !important;
  color: #403821 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  margin-top: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card em {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  padding: 5px 10px !important;
  background: #9be982 !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
  color: #111111 !important;
  font-style: normal !important;
}

#page-listas_exercicios .pq-list-pagination {
  justify-content: flex-start !important;
  margin-top: 0 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-create,
html[data-palette="noite"] #page-listas_exercicios .pq-list-cards::-webkit-scrollbar-track {
  background: #3b2819 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-search {
  background: #fff6dc !important;
  color: #111111 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card span {
  color: #201811 !important;
}

@media (max-width: 920px) {
  #page-listas_exercicios .pq-list-manager .card-body {
    padding: 18px !important;
  }

  #page-listas_exercicios .pq-list-create {
    grid-template-columns: 1fr !important;
  }

  #page-listas_exercicios .pq-list-card {
    flex-basis: min(82vw, 340px) !important;
  }
}

/* Teste: listas por materia em linhas compactas. */
#page-listas_exercicios .pq-list-manager .card-body {
  gap: 14px !important;
}

#page-listas_exercicios .pq-list-create {
  grid-template-columns: minmax(260px, 1fr) minmax(160px, 210px) minmax(150px, 180px) !important;
  align-items: center !important;
  padding: 10px !important;
}

#page-listas_exercicios .pq-list-materia-tabs {
  grid-column: 1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 10px !important;
  background: #fff6d0 !important;
  border: 3px solid var(--egg-line, #111111) !important;
  border-radius: 18px !important;
  box-shadow: 4px 4px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-materia-tab {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 38px !important;
  padding: 7px 14px !important;
  border: 3px solid transparent !important;
  border-radius: 12px !important;
  background: #fffefa !important;
  color: #111111 !important;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .18) !important;
  cursor: pointer !important;
  font-family: var(--font-title, inherit) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#page-listas_exercicios .pq-list-materia-tab:hover,
#page-listas_exercicios .pq-list-materia-tab.active {
  border-color: var(--egg-line, #111111) !important;
  background: var(--egg-yellow, #ffd52e) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 5px 5px 0 rgba(17, 17, 17, .28) !important;
}

#page-listas_exercicios .pq-list-materia-tab em {
  min-width: 22px !important;
  min-height: 22px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 6px !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
  background: #60b8ff !important;
  color: #111111 !important;
  font-style: normal !important;
  font-size: 11px !important;
}

#page-listas_exercicios .pq-list-search {
  width: min(100%, 440px) !important;
}

#page-listas_exercicios .pq-list-cards {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  max-height: 430px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 4px 8px 10px 4px !important;
  scroll-snap-type: none !important;
  scrollbar-color: var(--egg-yellow, #ffd52e) #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row {
  width: 100% !important;
  flex: none !important;
  min-height: 62px !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 4px 16px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  text-align: left !important;
  border-radius: 14px !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row strong {
  grid-column: 1 !important;
  font-size: clamp(18px, 1.1vw, 23px) !important;
  line-height: 1 !important;
  -webkit-line-clamp: 1 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row span {
  grid-column: 1 !important;
  font-size: 13px !important;
  color: #4d4229 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::after {
  content: "Abrir" !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  padding: 8px 12px !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
  background: #fffefa !important;
  color: #111111 !important;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .18) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active::after {
  content: "Aberta" !important;
  background: var(--egg-yellow, #ffd52e) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row em {
  grid-column: 2 !important;
  grid-row: 2 !important;
  justify-self: end !important;
  transform: translateY(26px) !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-materia-tabs,
html[data-palette="noite"] #page-listas_exercicios .pq-list-create {
  background: #3b2819 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row span {
  color: #21180f !important;
}

@media (max-width: 920px) {
  #page-listas_exercicios .pq-list-create {
    grid-template-columns: 1fr !important;
  }

  #page-listas_exercicios .pq-list-materia-tabs {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
  }

  #page-listas_exercicios .pq-list-materia-tab {
    flex: 0 0 auto !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row {
    grid-template-columns: 1fr !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row::after {
    display: none !important;
  }
}

/* Listas de exercicios: cards compactos, brancos e com lateral grossa. */
#page-listas_exercicios .pq-list-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px 14px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 4px 4px 8px !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row {
  position: relative !important;
  width: 100% !important;
  min-height: 78px !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  gap: 6px 10px !important;
  align-content: center !important;
  padding: 13px 15px 13px 18px !important;
  background: #fffefa !important;
  border: 3px solid var(--egg-line, #111111) !important;
  border-left: 14px solid var(--egg-blue, #60b8ff) !important;
  border-radius: 16px !important;
  box-shadow: 4px 4px 0 rgba(17, 17, 17, .9) !important;
  color: #111111 !important;
  text-align: left !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+2) {
  border-left-color: var(--egg-green, #74d66f) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+3) {
  border-left-color: var(--egg-red, #ff5c5c) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+4) {
  border-left-color: var(--egg-yellow, #ffd52e) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active {
  background: #fff4bf !important;
  border-color: var(--egg-line, #111111) !important;
  box-shadow: 6px 6px 0 rgba(17, 17, 17, .95) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 6px 6px 0 rgba(17, 17, 17, .95) !important;
  background: #ffffff !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row strong {
  grid-column: 1 / -1 !important;
  color: #111111 !important;
  font-size: clamp(18px, 1.2vw, 24px) !important;
  line-height: 1.02 !important;
  text-shadow: 1.5px 1.5px 0 #fff0a8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row span {
  grid-column: 1 !important;
  color: #4d4229 !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::after {
  content: "Abrir" !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: center !important;
  justify-self: end !important;
  padding: 5px 9px !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .2) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active::after {
  content: "Aberta" !important;
  background: var(--egg-yellow, #ffd52e) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row em {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: start !important;
  transform: none !important;
  padding: 4px 8px !important;
  border: 2px solid var(--egg-line, #111111) !important;
  background: #a9f08f !important;
  color: #111111 !important;
  font-size: 10px !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row {
  background: #fffefa !important;
  border-color: #050505 !important;
  color: #111111 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row strong {
  color: #111111 !important;
  text-shadow: 1.5px 1.5px 0 #fff0a8 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row span {
  color: #4d4229 !important;
}

@media (max-width: 1280px) {
  #page-listas_exercicios .pq-list-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 920px) {
  #page-listas_exercicios .pq-list-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  #page-listas_exercicios .pq-list-cards {
    grid-template-columns: 1fr !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row::after {
    display: none !important;
  }
}

/* Listas de exercicios: formato linha-card igual aos cards de revisao. */
#page-listas_exercicios .pq-list-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 16px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 4px 2px 10px !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row {
  position: relative !important;
  min-height: 84px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  gap: 5px 16px !important;
  padding: 15px 20px 15px 66px !important;
  background: #fffef7 !important;
  border: 4px solid #111111 !important;
  border-left: 12px solid #2f80ed !important;
  border-radius: 18px !important;
  box-shadow: 5px 5px 0 #111111 !important;
  color: #111111 !important;
  text-align: left !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::before {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  width: 23px !important;
  height: 23px !important;
  transform: translateY(-50%) !important;
  border: 4px solid #111111 !important;
  border-radius: 9px !important;
  background: #fffef7 !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+2) {
  border-left-color: #2f80ed !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+3) {
  border-left-color: #14a381 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+4) {
  border-left-color: #d97706 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active {
  background: #fff7cf !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 7px 7px 0 #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active::before {
  background: var(--egg-yellow, #ffd52e) !important;
  box-shadow: inset 0 0 0 4px #fffef7, 2px 2px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:hover {
  transform: translate(-1px, -1px) !important;
  box-shadow: 7px 7px 0 #111111 !important;
  background: #ffffff !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row strong {
  grid-column: 1 !important;
  grid-row: 1 !important;
  color: #111111 !important;
  font-family: var(--font-display, inherit) !important;
  font-size: clamp(17px, 1.05vw, 22px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: 1.5px 1.5px 0 #fff0a8 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row span {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: block !important;
  color: #5c5548 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::after {
  content: "Abrir" !important;
  grid-column: 2 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: end !important;
  min-width: 78px !important;
  padding: 9px 13px !important;
  border: 3px solid #111111 !important;
  border-radius: 999px !important;
  background: #fff4bf !important;
  color: #111111 !important;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .28) !important;
  font-family: var(--font-display, inherit) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active::after {
  content: "Aberta" !important;
  background: var(--egg-yellow, #ffd52e) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row em {
  position: absolute !important;
  right: 110px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  padding: 5px 10px !important;
  border: 3px solid #111111 !important;
  border-radius: 999px !important;
  background: #dcfce7 !important;
  color: #111111 !important;
  font-size: 10px !important;
  font-style: normal !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row,
html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row::before {
  background: #fffef7 !important;
  border-color: #050505 !important;
  color: #111111 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row strong {
  color: #111111 !important;
  text-shadow: 1.5px 1.5px 0 #fff0a8 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row span {
  color: #5c5548 !important;
}

@media (max-width: 1120px) {
  #page-listas_exercicios .pq-list-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  #page-listas_exercicios .pq-list-card.pq-list-row {
    grid-template-columns: 1fr !important;
    padding: 14px 16px 14px 58px !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row::after {
    display: none !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row em {
    right: 14px !important;
    top: 12px !important;
    transform: none !important;
  }
}

/* Refinamento: faixa colorida fica dentro da borda preta, como nos cards de revisao. */
#page-listas_exercicios .pq-list-card.pq-list-row {
  --list-row-color: #2f80ed;
  border: 4px solid #111111 !important;
  border-left-color: #111111 !important;
  padding-left: 74px !important;
  background:
    linear-gradient(90deg, var(--list-row-color) 0 12px, #111111 12px 16px, transparent 16px 100%),
    #fffef7 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+2) {
  --list-row-color: #2f80ed;
  border-left-color: #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+3) {
  --list-row-color: #14a381;
  border-left-color: #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+4) {
  --list-row-color: #d97706;
  border-left-color: #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+1) {
  --list-row-color: #2f80ed;
  border-left-color: #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active {
  background:
    linear-gradient(90deg, var(--list-row-color) 0 12px, #111111 12px 16px, transparent 16px 100%),
    #fff7cf !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:hover {
  background:
    linear-gradient(90deg, var(--list-row-color) 0 12px, #111111 12px 16px, transparent 16px 100%),
    #ffffff !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::before {
  left: 28px !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row {
  background:
    linear-gradient(90deg, var(--list-row-color) 0 12px, #050505 12px 16px, transparent 16px 100%),
    #fffef7 !important;
  border-color: #050505 !important;
}

@media (max-width: 640px) {
  #page-listas_exercicios .pq-list-card.pq-list-row {
    padding-left: 66px !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row::before {
    left: 24px !important;
  }
}

/* Ajuste final: a faixa colorida fica realmente dentro da borda preta externa. */
#page-listas_exercicios .pq-list-card.pq-list-row {
  border: 4px solid #111111 !important;
  border-left-color: #111111 !important;
  padding-left: 78px !important;
  background: #fffef7 !important;
  box-shadow:
    inset 14px 0 0 var(--list-row-color),
    inset 18px 0 0 #111111,
    4px 4px 0 rgba(17, 17, 17, .22) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::before {
  left: 32px !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active {
  background: #fff7cf !important;
  box-shadow:
    inset 14px 0 0 var(--list-row-color),
    inset 18px 0 0 #111111,
    7px 7px 0 #111111 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:hover {
  background: #ffffff !important;
  box-shadow:
    inset 14px 0 0 var(--list-row-color),
    inset 18px 0 0 #111111,
    7px 7px 0 #111111 !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row {
  background: #fffef7 !important;
  border-color: #050505 !important;
  box-shadow:
    inset 14px 0 0 var(--list-row-color),
    inset 18px 0 0 #050505,
    4px 4px 0 rgba(0, 0, 0, .55) !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row.active,
html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row:hover {
  box-shadow:
    inset 14px 0 0 var(--list-row-color),
    inset 18px 0 0 #050505,
    7px 7px 0 #050505 !important;
}

@media (max-width: 640px) {
  #page-listas_exercicios .pq-list-card.pq-list-row {
    padding-left: 72px !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row::before {
    left: 30px !important;
  }
}

/* Listas de exercicios: copia direta do desenho dos cards de revisao. */
#page-listas_exercicios .pq-list-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 16px !important;
  align-items: stretch !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row {
  --list-row-color: #2f80ed;
  position: relative !important;
  min-height: 72px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-rows: auto !important;
  gap: 12px !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 14px 14px 14px 26px !important;
  background: var(--egg-paper, #fffef7) !important;
  border: 4px solid var(--egg-line, #111111) !important;
  border-left: 4px solid var(--egg-line, #111111) !important;
  border-radius: var(--egg-radius, 18px) !important;
  box-shadow: var(--egg-shadow-sm, 4px 4px 0 rgba(17, 17, 17, .22)) !important;
  color: var(--egg-ink, #111111) !important;
  text-align: left !important;
  transform: none !important;
  transition: transform .14s ease, box-shadow .14s ease, background .14s ease !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 11px !important;
  height: auto !important;
  transform: none !important;
  background: var(--list-row-color, var(--egg-blue, #2f80ed)) !important;
  border: 0 !important;
  border-right: 3px solid var(--egg-line, #111111) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row::after,
#page-listas_exercicios .pq-list-card.pq-list-row em {
  display: none !important;
  content: none !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+1),
#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+2) {
  --list-row-color: var(--egg-blue, #2f80ed);
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+3) {
  --list-row-color: #14a381;
}

#page-listas_exercicios .pq-list-card.pq-list-row:nth-child(4n+4) {
  --list-row-color: var(--egg-yellow-2, #ffd52e);
}

#page-listas_exercicios .pq-list-card.pq-list-row.active {
  background: #fffef7 !important;
  border-color: var(--egg-line, #111111) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--egg-shadow, 7px 7px 0 #111111) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row:hover {
  background: #fffef7 !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: var(--egg-shadow, 7px 7px 0 #111111) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.is-done {
  background: #f2ffe9 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row .pq-list-check {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border: 3px solid var(--egg-line, #111111) !important;
  border-radius: 9px !important;
  background: #fffef7 !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active .pq-list-check {
  background: var(--egg-yellow, #ffd52e) !important;
  box-shadow: inset 0 0 0 4px #fffef7, 2px 2px 0 rgba(17, 17, 17, .18) !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row .pq-list-main {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row .pq-list-main strong {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  overflow: hidden !important;
  color: var(--egg-ink, #111111) !important;
  font-family: var(--font-display, inherit) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-shadow: 2px 2px 0 #fff3b4 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row .pq-list-sub {
  display: flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 3px !important;
  color: var(--egg-muted, #6b6254) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row .pq-list-pill {
  display: inline-flex !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: end !important;
  padding: 6px 10px !important;
  background: var(--egg-paper-2, #fff7cf) !important;
  border: 2px solid var(--egg-line, #111111) !important;
  border-radius: 999px !important;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .18) !important;
  color: var(--egg-ink, #111111) !important;
  font-weight: 900 !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

#page-listas_exercicios .pq-list-card.pq-list-row.active .pq-list-pill {
  background: var(--egg-yellow, #ffd52e) !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row {
  background: var(--egg-paper, #fffef7) !important;
  border-color: var(--egg-line, #050505) !important;
  color: var(--egg-ink, #111111) !important;
}

html[data-palette="noite"] #page-listas_exercicios .pq-list-card.pq-list-row::before {
  border-right-color: var(--egg-line, #050505) !important;
}

@media (max-width: 1120px) {
  #page-listas_exercicios .pq-list-cards {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  #page-listas_exercicios .pq-list-card.pq-list-row {
    grid-template-columns: auto minmax(0, 1fr) !important;
    padding: 14px 14px 14px 26px !important;
  }

  #page-listas_exercicios .pq-list-card.pq-list-row .pq-list-pill {
    display: none !important;
  }
}

/* UEM somatorio no Banco de Questoes */
.bq-uem-sum-card .bq-uem-stem {
  display: block;
  margin: 0 0 18px;
}

.bq-uem-sum-card .bq-uem-stem img {
  cursor: zoom-in;
}

.bq-uem-instruction {
  display: inline-flex;
  align-items: center;
  margin: 4px 0 14px;
  padding: 8px 12px;
  background: var(--egg-yellow, #ffd52e);
  border: 3px solid var(--egg-line, #111);
  border-radius: 999px;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .22);
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-weight: 900;
  letter-spacing: 0;
}

.bq-uem-items {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bq-uem-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  background: #f4fff9;
  border: 3px solid var(--egg-line, #111);
  border-radius: 14px;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .22);
  color: var(--egg-ink, #111);
}

.bq-uem-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 34px;
  padding: 0 8px;
  background: var(--egg-yellow, #ffd52e);
  border: 3px solid var(--egg-line, #111);
  border-radius: 999px;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .2);
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-weight: 900;
}

.bq-uem-statement {
  min-width: 0;
  color: var(--egg-ink, #111);
  font-family: var(--font-body, inherit);
  font-size: 1rem;
  line-height: 1.55;
}

.bq-uem-statement strong,
.bq-uem-highlight {
  display: inline;
  padding: 0 .08em;
  background: #ffe96a;
  border-radius: 5px;
  color: #111;
  font-weight: 900;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.bq-uem-item.is-uem-correct {
  background: #fff1b8;
  border-color: #111;
  box-shadow: 4px 4px 0 rgba(17, 17, 17, .3);
}

.bq-uem-item.is-uem-wrong {
  background: #ffe0e0;
  border-color: #d71725;
  box-shadow: 4px 4px 0 rgba(215, 23, 37, .25);
}

.bq-uem-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
  padding: 3px 9px;
  background: #fffef7;
  border: 2px solid var(--egg-line, #111);
  border-radius: 999px;
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-size: .78rem;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, .18);
}

.bq-uem-answer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  padding: 14px;
  background: #fff7cf;
  border: 3px solid var(--egg-line, #111);
  border-radius: 16px;
  box-shadow: 4px 4px 0 rgba(17, 17, 17, .22);
}

.bq-uem-answer label {
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-weight: 900;
}

.bq-uem-answer input {
  width: 86px;
  height: 44px;
  padding: 8px 12px;
  text-align: center;
  background: #fffef7;
  border: 3px solid var(--egg-line, #111);
  border-radius: 12px;
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-size: 1.15rem;
  font-weight: 900;
}

.bq-uem-answer button {
  min-height: 44px;
  padding: 9px 18px;
  background: var(--egg-yellow, #ffd52e);
  border: 3px solid var(--egg-line, #111);
  border-radius: 999px;
  box-shadow: 3px 3px 0 rgba(17, 17, 17, .28);
  color: var(--egg-ink, #111);
  font-family: var(--font-display, inherit);
  font-weight: 900;
  cursor: pointer;
}

.bq-uem-answer button:disabled,
.bq-uem-answer input:disabled {
  opacity: .75;
  cursor: default;
}

html[data-palette="noite"] .bq-uem-item,
html[data-palette="noite"] .bq-uem-answer {
  background: #fffef7 !important;
  color: #111 !important;
}

html[data-palette="noite"] .bq-uem-item.is-uem-correct {
  background: #fff1b8 !important;
}

html[data-palette="noite"] .bq-uem-item.is-uem-wrong {
  background: #ffe0e0 !important;
}

@media (max-width: 640px) {
  .bq-uem-item {
    grid-template-columns: 1fr;
  }

  .bq-uem-code {
    width: fit-content;
  }
}