/* Meu Concurso, Montar Concurso, Questionário de Nível e Perfil (perfil.js usa este arquivo também). */

/* a casca tem altura fixa e body sem rolagem: estas telas rolam dentro de #tela */
#tela[data-rota="concurso"],#tela[data-rota="perfil"]{min-height:0;overflow-y:auto}

.cc{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:calc(var(--u)*2.5)}
.cc .bloco{overflow:visible;gap:calc(var(--u)*1.6)}
.cc-grade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:calc(var(--u)*2.5);align-items:start}
.cc-col{display:flex;flex-direction:column;gap:calc(var(--u)*2.5);min-width:0}
.cc-vazio{color:var(--tinta-4);font-weight:500}
.cc input[type=date]{color-scheme:light}
:root[data-tema="escuro"] .cc input[type=date]{color-scheme:dark}
.cc textarea.campo-txt{resize:vertical;line-height:1.4}
.cc .mc-acoes .btn.mini-b{font-size:.85em}

/* dados do concurso */
.cc .dado .campo-txt{margin-top:.25em;padding:.4em .6em;background:var(--campo)}
.cc .dado b{white-space:normal}
.cc .pil-ins{margin-top:.3em}
.cc-nome-ed{margin-bottom:.2em}
.cc-urgente{color:var(--correcao);font-weight:700}
.cc-link{font-size:.92em}
.cc-link a{color:var(--caneta);font-weight:600;text-decoration:none}
.cc-acoes-ed{display:flex;justify-content:flex-end;gap:8px}

/* o que cai na prova */
.cc-linhas{justify-content:flex-start;gap:.2em}
.cc-linha{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 4.5em}
.cc-linha small{display:block}
.cc-meta{margin:0}
.cc-total{margin:.2em 0 0}
.cc-base{display:flex;flex-direction:column;gap:.35em;padding-top:.8em;border-top:1px dashed var(--pauta-forte)}
.cc-base-l{display:flex;flex-direction:column}
.cc-base-l small{color:var(--tinta-3)}

/* datas importantes */
.cc-datas{display:flex;flex-direction:column}
.cc-data{display:grid;grid-template-columns:7.5em minmax(0,1fr) auto;gap:.8em;align-items:center;padding:.5em 0;border-bottom:1px dashed var(--pauta)}
.cc-data:last-child{border-bottom:0}
.cc-data b{font-weight:600;min-width:0}
.cc-data.passou{color:var(--tinta-4)}
.cc-data.passou b{font-weight:500}
.cc-nova-data{display:grid;grid-template-columns:9.5em minmax(0,1fr) auto;gap:8px}
.cc-nova-data .campo-txt{padding:.5em .7em}

/* arquivos */
.cc-anexar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.cc-anexar .campo-sel{padding:.5em .9em;padding-right:2.2em}
#ccAnexar{cursor:pointer;text-align:center}
#ccAnexar.ocupado{opacity:.6;pointer-events:none}
.cc .anexos .anexo{cursor:default}

/* assistente e questionário */
.cc-assist{max-width:820px}
.cc-topo{display:flex;justify-content:space-between;align-items:center}
.cc-topo .titulo{font-size:2em}
.cc-assist .passos-m{margin:0}
.cc-assist .pm.feito{border-color:var(--certo)}
.cc-form{display:flex;flex-direction:column;gap:14px}
.cc-duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:.6em}
.cc-resumo>div{background:var(--papel);border-radius:var(--r-p);padding:.5em .8em;min-width:0}
.cc-resumo small{display:block;font-size:.74em;font-weight:600;color:var(--tinta-3)}
.cc-resumo b{font-weight:600;font-size:.95em}
.cc-mats{display:flex;flex-direction:column;gap:12px}
.cc-mat{display:flex;flex-direction:column;gap:8px;padding:.9em 1em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--papel)}
.cc-mat-topo{display:grid;grid-template-columns:minmax(0,1fr) 6.5em 6.5em auto;gap:8px;align-items:end}
.cc-mat .campo-txt{background:var(--campo)}
.cc-num{display:flex;flex-direction:column;gap:2px}
.cc-num small{font-size:.74em;font-weight:600;color:var(--tinta-3)}
.cc-prog{display:flex;align-items:center;gap:1em}
.cc-prog b{color:var(--tinta-3);font-size:.9em;white-space:nowrap}
.cc-prog .meta{flex:1;margin:0}
.cc-pergunta{font-size:1.8em;margin:.3em 0 .2em}
.cc-ops{display:flex;flex-direction:column;gap:10px}
.cc-op{display:flex;flex-direction:column;gap:.25em;text-align:left;padding:1.1em 1.3em;border-radius:var(--r-m);border:1px solid var(--pauta-forte);background:var(--folha)}
.cc-op b{font-weight:600;font-size:1.1em}
.cc-op small{color:var(--tinta-3);font-size:.95em}
.cc-op:hover{border-color:var(--caneta)}
.cc-op.sel{border-color:var(--caneta);background:var(--caneta-suave)}
.cc-ops.tres{flex-direction:row}
.cc-ops.tres .cc-op{flex:1;align-items:center;text-align:center}

/* perfil */
.cc-perfil .pf-topo{align-items:center}
.cc-quem{display:flex;flex-direction:column;min-width:0}
.cc-quem small{overflow:hidden;text-overflow:ellipsis}
.cc-perfil .campo-txt:disabled{opacity:.7;cursor:not-allowed}
.cc-dias{display:flex;flex-direction:column}
.cc-dia{display:flex;justify-content:space-between;align-items:center;gap:1em;padding:.4em 0;border-bottom:1px dashed var(--pauta)}
.cc-dias .cc-dia:last-child{border-bottom:0}
.cc-dia .stepper{width:12em;flex:none}
.cc-dia .stepper b{font-size:.9em}
.cc-soma{display:flex;justify-content:space-between;align-items:baseline;padding-top:.6em;border-top:1px solid var(--pauta);color:var(--tinta-3)}
.cc-soma b{color:var(--tinta);font-size:1.05em}
.cc-lista{display:flex;flex-direction:column;gap:10px}
.cc-conc{cursor:default;gap:.3em}
.cc-conc .pilula{align-self:flex-start}
.cc-conc-acoes{display:flex;gap:8px;margin-top:.5em}
.cc-conc-acoes:empty{display:none}
.cc-montar{align-self:flex-start}

@media (max-width:1000px){
  .cc-grade{grid-template-columns:1fr}
  .cc-mat-topo{grid-template-columns:1fr 1fr}
  .cc-mat-topo .campo-txt[data-f="nome"]{grid-column:1 / -1}
  .cc-resumo{grid-template-columns:1fr}
  .cc-ops.tres{flex-direction:column}
}