/* Blanes Podium · CSS do módulo (prefixo pd-). Só o que o design system global NÃO tem —
   cartões/tabelas/botões/inputs vêm de style.css (.adherence-card/.team-table/.admin-btn/...).
   Cores: tokens da plataforma (--product-accent é setado pela product-bar). */

.pd-toolbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.pd-sub { margin: 2px 0 0; color: var(--text-secondary, #555); font-size: 13px; }
.pd-toolbar-actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.pd-dim { color: var(--text-muted, #888); font-size: 12px; }
.pd-gap { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.pd-stack > * + * { margin-top: 14px; }

/* seletor de ciclo (compartilhado por todas as páginas de gestão) */
.pd-cycle-card { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 12px 18px !important; }
.pd-cycle-label { font-weight: 600; }
.pd-cycle-card select { min-width: 260px; max-width: 100%; }

/* linha do tempo de fases do ciclo */
.pd-phases { display: flex; gap: 8px; flex-wrap: wrap; }
.pd-phase { border: 1px solid var(--neutral-stroke-rest, #d1d1d1); border-radius: 8px; padding: 6px 12px; font-size: 12.5px; color: var(--text-secondary, #555); background: #fff; }
.pd-phase .pd-phase-kind { font-weight: 600; display: block; color: inherit; }
.pd-phase.is-active { border-color: var(--product-accent, #B7791F); box-shadow: inset 3px 0 0 var(--product-accent, #B7791F); color: var(--text-primary, #222); }

/* progresso (avaliadas X de Y) */
.pd-progress { display: flex; align-items: center; gap: 10px; }
.pd-bar { flex: 1; height: 8px; border-radius: 4px; background: #e9edf1; overflow: hidden; min-width: 80px; }
.pd-bar > span { display: block; height: 100%; background: var(--product-accent, #B7791F); border-radius: 4px; }

/* histograma de notas (dashboard) */
.pd-hist { display: flex; align-items: flex-end; gap: 4px; height: 130px; padding-top: 8px; }
.pd-hist-col { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 4px; font-size: 10.5px; color: var(--text-muted, #888); }
.pd-hist-bar { width: 100%; background: color-mix(in srgb, var(--product-accent, #B7791F) 72%, white); border-radius: 3px 3px 0 0; min-height: 2px; }

/* fila do avaliador */
.pd-queue { display: flex; flex-direction: column; gap: 8px; }
.pd-queue-item { display: flex; gap: 12px; align-items: center; justify-content: space-between; border: 1px solid var(--border-subtle, #e3e6ea); border-radius: 8px; padding: 10px 14px; background: #fff; flex-wrap: wrap; }
.pd-queue-item.is-done { background: #f6faf7; }
.pd-queue-main { min-width: 200px; flex: 1; }

/* workspace do avaliador: dossiê (esq) + rubrica (dir); empilha no mobile */
.pd-workspace { display: grid; grid-template-columns: 3fr 2fr; gap: 16px; align-items: start; }
.pd-pane-rubric { position: sticky; top: 8px; }
.pd-score-row { display: grid; grid-template-columns: 1fr 84px minmax(90px, 140px); gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid #eef2f6; }
.pd-score-row:first-of-type { border-top: 0; }

/* viewer de artefatos (vídeo/PDF/imagem NA plataforma) */
.pd-artifact { padding: 8px 0; border-top: 1px solid #eef2f6; }
.pd-artifact:first-child { border-top: 0; }
.pd-artifact video { width: 100%; max-width: 640px; border-radius: 8px; margin-top: 8px; background: #000; display: block; }
.pd-pdf { width: 100%; height: 70vh; border: 1px solid var(--neutral-stroke-rest, #d1d1d1); border-radius: 8px; margin-top: 8px; background: #fff; }
.pd-img { max-width: 180px; border-radius: 6px; margin-top: 8px; cursor: zoom-in; display: block; }
.pd-img.is-full { max-width: 100%; cursor: zoom-out; }

/* respostas do formulário (fichas) */
.pd-answers dl { display: grid; grid-template-columns: minmax(140px, 220px) 1fr; gap: 4px 12px; margin: 0 0 10px; }
.pd-answers dt { color: var(--text-muted, #888); font-size: 12.5px; }
.pd-answers dd { margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.pd-table-wrap { overflow-x: auto; margin-top: 8px; }

/* chips removíveis (avaliadores/gestores da banca) */
.pd-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--neutral-stroke-rest, #d1d1d1); border-radius: 999px; padding: 2px 10px; font-size: 12px; background: #fff; margin: 2px 6px 2px 0; }
.pd-chip button { border: 0; background: none; cursor: pointer; color: #b3261e; font-weight: 700; padding: 0 2px; font-size: 13px; }

/* linha de total (tabelas de consolidação) e manifesto monoespaçado */
.pd-row-total { background: #f8fafc; }
.pd-manifest { max-height: 340px; overflow: auto; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12.5px; }

/* orientação "Como avaliar" no workspace */
.pd-howto { margin: 0; padding-left: 18px; font-size: 12.5px; color: var(--text-secondary, #555); }
.pd-howto li { margin: 3px 0; }

/* estados semânticos */
.pd-ok { color: #1b7f3b; font-weight: 600; }
.pd-missing { color: #b3261e; font-weight: 600; }
.pd-medal { font-size: 15px; }

@media (max-width: 900px) {
  .pd-workspace { grid-template-columns: 1fr; }
  .pd-pane-rubric { position: static; }
  .pd-answers dl { grid-template-columns: 1fr; }
  .pd-pdf { height: 60vh; }
}