/* Casos clínicos (assets/js/casos.js): o que o aluno vê da resposta publicada e as ferramentas do time (dados do caso,
   enquete e resposta, coluna "Casos das semanas anteriores", casos criados pelo time). Só tokens de tokens.css
   (letra: 16 texto, 15 botões, 14 metadados e selos, 13 rótulos em maiúsculas), claro e escuro pelos mesmos tokens.
   Mobile first; sem rolagem lateral em 390 px. Com o zoom-out de 15% (≥ 720 px), o diálogo divide vw e dvh por --zoom. */

/* ---------- Página do caso ---------- */
/* A enquete fica numa segunda .post-content (fora do editor de texto): mesmo espaço entre as caixas */
.post.full > .post-content.caso-enquete{margin-top:calc(1.4rem - var(--space-4))}
html.ed-editando .post-content.caso-enquete{padding-top:0;gap:1.4rem}
.caso-meta{display:contents}
.post-hero .caso-esp{color:#fff;font-weight:var(--fw-semibold)}
.caso-situacao{display:inline-flex;align-items:center;padding:.05rem .55rem;border-radius:var(--r-pill);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700}
.caso-situacao.ok{background:rgba(127,211,164,.22);border-color:rgba(127,211,164,.65)}
.post-hero h1.caso-sem{opacity:.75}
.opt .caso-sem{color:var(--muted);font-style:italic}
.caso-vazio{background:var(--surface);box-shadow:var(--shadow)}
.caso-vazio > h2{font-size:var(--fs-h3);text-transform:none;letter-spacing:0;color:var(--heading-on-surface)}
.caso-vazio .btn{font-size:var(--fs-small)}

/* ---------- Página "Casos clínicos" (caso/index.html) sem caso publicado ---------- */
.caso-hub-vazio{padding:var(--space-6) var(--space-4);text-align:center;justify-items:center}
.caso-hub-vazio > p{color:var(--muted);max-width:36rem}
.caso-hub-time{display:grid;gap:var(--space-3);min-width:0}
.caso-hub-dica,.caso-coluna-vazia{color:var(--muted);font-size:var(--fs-meta)}

/* Resposta do time publicada: alternativa certa marcada e a resposta no lugar do cadeado */
.opt .caso-certa-rot{display:block;margin-top:.3rem;font-size:var(--fs-meta);font-weight:var(--fw-black);font-style:normal;color:var(--ok)}
.caso-resposta{display:grid;gap:.6rem;padding:var(--space-4);border:1.5px solid var(--ok);border-radius:var(--r-md);background:var(--ok-bg);min-width:0}
.caso-resposta h3{font-size:var(--fs-h3);color:var(--ok)}
.caso-resposta-certa{overflow-wrap:anywhere}
.caso-resposta-txt{display:grid;gap:.6rem;min-width:0;overflow-wrap:anywhere;line-height:1.6}
.caso-resposta-txt ul,.caso-resposta-txt ol{margin:0;padding-left:1.3rem;display:grid;gap:.3rem}
.caso-resposta-txt a{color:var(--link)}
.caso-resposta-pe{font-size:var(--fs-meta);color:var(--muted)}

/* ---------- Ferramentas do time (barra do caso, enquete, cartões e coluna) ---------- */
.caso-ferr{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0}
.caso-ferr .pillbtn{max-width:100%}
.caso-rot{font-size:var(--fs-label);font-weight:var(--fw-black);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);margin-right:.1rem}
.caso-ferr-txt{flex:1 1 14rem;min-width:0;font-size:var(--fs-meta);color:var(--muted)}
.caso-time{margin:0 var(--space-4);padding:.6rem .75rem;border:1.5px dashed var(--orange-deep);border-radius:var(--r-md);background:var(--bg)}
@media (min-width:720px){.caso-time{margin-inline:var(--space-6)}}
.caso-enq-ferr,.post .caso-ferr{padding-top:.6rem;border-top:1px dashed var(--line)}
.pillbtn.caso-seta{min-width:40px;justify-content:center;padding-inline:.5rem}
.pillbtn.caso-perigo{background:var(--erro-bg);color:var(--erro)}
.pillbtn.caso-publicar{background:var(--primary);color:var(--on-primary)}

/* Coluna: topo do time, rascunhos e selos dos cartões */
.caso-coluna-ferr{padding:.55rem .65rem;border:1.5px dashed var(--orange-deep);border-radius:var(--r-md)}
.caso-rascunhos{display:grid;gap:var(--space-3);min-width:0}
.caso-selos{display:contents}
.caso-selo{display:inline-flex;align-items:center;font-size:var(--fs-meta);font-weight:700;padding:.05rem .5rem;border-radius:var(--r-pill)}
.caso-selo.novo{background:var(--cream-2);color:var(--navy-deep)}
.caso-selo.oculto{background:var(--erro-bg);color:var(--erro)}
.post.caso-oculto{outline:2px dashed var(--orange-deep);outline-offset:-2px}
.post.caso-oculto > :not(.caso-ferr){opacity:.5}
.post.small .post-body{font-size:var(--fs-meta)}

/* ---------- Diálogo do time ---------- */
.caso-dlg{width:min(720px,calc(100vw / var(--zoom) - 2 * var(--gutter)));max-width:none;max-height:calc(100dvh / var(--zoom) - 2rem);padding:0;border:0;border-radius:var(--r-lg);background:var(--surface);color:var(--fg);box-shadow:var(--shadow);overflow:auto;overscroll-behavior:contain}
.caso-dlg::backdrop{background:rgba(11,27,46,.6)}
.caso-dlg-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--line)}
.caso-dlg-txt{display:grid;gap:.25rem;min-width:0}
.caso-dlg h2{font-size:var(--fs-h2);color:var(--heading-on-surface);overflow-wrap:anywhere}
.caso-dlg-dica,.caso-campo-dica{color:var(--muted);font-size:var(--fs-meta);font-weight:var(--fw-regular)}
.caso-fechar{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--surface-2);color:var(--fg);font-size:var(--fs-body);font-weight:var(--fw-black)}
.caso-dlg-corpo{padding:var(--space-4)}
.caso-dlg-erro{margin:0 var(--space-4) var(--space-3)}
.caso-dlg-pe{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;padding:var(--space-3) var(--space-4);background:var(--surface);border-top:1px solid var(--line)}
.caso-dlg-pe .btns{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.caso-dlg .btn{font-size:var(--fs-small)}

/* Resposta comentada: texto com barra própria (negrito, itálico, link) */
.caso-rt{display:grid;gap:.4rem}
.caso-rt-barra{display:flex;flex-wrap:wrap;gap:.3rem}
.caso-rt-barra button{min-height:36px;min-width:36px;padding:.2rem .6rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--fg);font-size:var(--fs-small);font-weight:var(--fw-semibold)}
.caso-rt-barra button:hover{background:var(--surface-2)}
.caso-rt-txt{min-height:8rem;max-height:22rem;overflow:auto;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--fg);font-weight:var(--fw-regular);line-height:1.6;overflow-wrap:anywhere;cursor:text}
.caso-rt-txt:focus{outline:2px solid var(--navy-mid);outline-offset:1px}
.caso-rt-txt:empty::before{content:"Explique a conduta e cite a fonte…";color:var(--muted)}
.caso-rt-txt p{margin:0 0 .5rem}
.caso-rt-txt ul,.caso-rt-txt ol{margin:0 0 .5rem;padding-left:1.3rem}
.caso-rt-txt a{color:var(--link)}
.caso-rt-txt[aria-invalid="true"]{border-color:var(--erro);box-shadow:0 0 0 2px var(--erro-bg)}
.caso-rt-link{display:grid;gap:.3rem}
.caso-rt-link label{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--muted)}
.caso-rt-linha{display:flex;flex-wrap:wrap;gap:.4rem}
.caso-rt-linha input{flex:1 1 14rem;min-width:0;min-height:42px;font:inherit;font-size:var(--fs-body);font-weight:var(--fw-regular);padding:.45rem .65rem;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);color:var(--fg)}
.caso-rt-linha input[aria-invalid="true"]{border-color:var(--erro);box-shadow:0 0 0 2px var(--erro-bg)}

@media print{.caso-ferr,.caso-dlg{display:none!important}}