/* =====================================================================
   AprovAKI — Hotfix v14 (2026-07-22)  ·  rev.2 (2026-07-22b)
   ---------------------------------------------------------------------
   Blocos desta versão:

   1) Perfil: NOME em uma linha e @usuario na linha DE BAIXO
      (empilhado sempre — mesmo em nomes curtos).

   2) Guarda defensiva contra toasts vazando no fluxo da página.

   3) Badge "Você" do pódio: agora é um chip PEQUENO e proporcional
      ao card. Antes ocupava um retângulo grande, competindo com o
      próprio nome do aluno.

   4) Alternativas de questão: texto alinhado à esquerda, sem
      justify. Isso elimina os "buracos" gigantes entre palavras
      quando a frase é curta (ex.: "semelhantes  e  interligam").
      Mantemos overflow-wrap para nunca cortar palavras longas, e
      liberamos hyphens: auto para pt-BR nas raras frases que
      passam da linha.

   Este arquivo deve ser carregado DEPOIS de aki_uiux_v13.css
   (o header.php já registra nessa ordem).
   ===================================================================== */

/* ------------------------------------------------------------
   1) NOME acima, @usuario abaixo — sempre empilhados
   ------------------------------------------------------------ */
.usuario h1 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  flex-wrap: nowrap !important;
  line-height: 1.15 !important;
}

@media (max-width: 720px) {
  .usuario h1 {
    align-items: center !important;
    text-align: center !important;
  }
}

.usuario-handle {
  display: block !important;
  width: 100% !important;
  flex-basis: 100% !important;
  margin-top: 2px !important;
  line-height: 1.15 !important;
  color: #536471 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

/* ------------------------------------------------------------
   2) Guarda defensiva contra toasts fora do lugar
   ------------------------------------------------------------ */
.toastify.aki-toast { position: fixed !important; }

main .aki-toast:not(.toastify),
.perfil-container > .aki-toast:not(.toastify),
.feed > .aki-toast:not(.toastify) {
  display: none !important;
}

/* ------------------------------------------------------------
   3) Badge "Você" do pódio — pequeno e proporcional
   ------------------------------------------------------------
   Regra base em style_user.css:1511 define .podium-me::after
   com padding 3px 8px + fonte 0.6rem. No mobile isso rendia
   um retângulo grande no card do pódio. Aqui deixamos:
     - fonte menor
     - padding compacto
     - altura mínima controlada
     - encostado no canto superior direito, sem sombra pesada
*/
.podium-me::after {
  /* Substitui as métricas antigas com valores compactos. */
  padding: 2px 6px !important;
  font-size: 0.52rem !important;
  line-height: 1 !important;
  letter-spacing: 0.04em !important;
  border-radius: 999px !important;
  top: 8px !important;
  right: 8px !important;
  box-shadow: 0 1px 2px rgba(45, 36, 100, 0.18) !important;
  /* Mantém a hierarquia visual: o badge marca "sou eu" mas
     não deve competir com o nome do aluno. */
  transform: none !important;
}

/* Em telas menores, encolhe mais um degrau. */
@media (max-width: 480px) {
  .podium-me::after {
    padding: 2px 5px !important;
    font-size: 0.48rem !important;
    top: 6px !important;
    right: 6px !important;
  }
}

/* Preserva a borda lilás em torno do card (o "sou eu" continua
   sinalizado pela moldura, agora com badge discreto). */

/* ------------------------------------------------------------
   4) Alternativas de questão — sem justify
   ------------------------------------------------------------
   A regra antiga em style_user.css:664 tem
     text-align: justify !important;
   Isso gera espaços gigantes em alternativas curtas. Voltamos
   para alinhamento à esquerda, com quebra normal e hyphens de
   segurança apenas para frases muito longas.
*/
.post-question-content .enunciado-container,
.post-question-content .enunciado-container p,
.post-question-content .texto-apoio,
.post-question-content .texto-apoio p,
.post-question-content .bloco-enunciado p,
.post-question-content .alternativa,
.post-question-content .alternativa-texto,
.post-question-content .comentario-box,
.post-question-content .comentario-box p,
.post-question-content .comentario-box li,
.post-question-content .comentario-box div,
.post-question-content .comentario-box .conteudo-comentario,
.post-question-content .comentario-box .conteudo-comentario p,
.post-question-content .comentario-box .conteudo-comentario li,
.post-question-content .comentario-box .conteudo-comentario div {
  text-align: left !important;
  text-align-last: left !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}

/* Reforço específico para o container das alternativas — se
   algum wrapper de bloco herdou justify, também fica normal. */
.post-question-content .alternativas,
.post-question-content .alternativa,
.post-question-content .alternativa * {
  text-align: left !important;
}

/* Hotfix UI/UX v4 — 22/07/2026
   Alternativas nunca usam justify. Isso elimina buracos grandes entre palavras
   no mobile e mantém hifenação/queda de linha normal dentro do card. */
.post-question-content .alternativa,
.post-question-content .alternativa-linha,
.post-question-content .alternativa-texto,
.post-question-content .alternativa * {
  text-align: left !important;
  text-align-last: left !important;
  word-spacing: normal !important;
  letter-spacing: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
}
.post-question-content .alternativa-texto {
  display: inline !important;
  min-width: 0 !important;
}
.card-revisao-expirada .questao-expirada-aviso {
  margin: 12px 0 0;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: .82rem;
  line-height: 1.45;
  text-align: left !important;
}
.badge-revisao-indisponivel {
  background: #f1f5f9;
  color: #475569;
  border-color: #e2e8f0;
}
.perfil-readonly {
  display: flex;
  align-items: center;
  min-height: 44px;
  background: #f8fafc !important;
  color: #475569 !important;
  cursor: default;
}
.form-help {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-size: .78rem;
  line-height: 1.35;
}