/* Projects::BriefComponent — o formulário inicial (nome/descrição/data limite) como bloco de contexto
   no topo da coluna de escrita da Concepção. Leitura por padrão; "Editar" revela os inputs no lugar
   (mesma linguagem de .c-project-form, o modal de criação). Fundo rebaixado + régua inferior o
   separam dos campos do dossiê: é contexto do card, não campo da fase. */
.c-projects-brief{
  padding: 18px 28px 20px; background: var(--surface-sunken); border-bottom: 1px solid var(--line);
}
/* armadilha da casa: display de autor vence o [hidden] do UA — reforce aqui (ver CLAUDE.md) */
.c-projects-brief [hidden]{ display: none; }

.c-projects-brief__head{
  display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px;
}
.c-projects-brief__eyebrow{
  font: 600 var(--fs-label)/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3);
}
.c-projects-brief__head .c-ui-button--quiet{ padding: 4px 9px; font-size: var(--fs-label); }

/* ── leitura ─────────────────────────────────────────────────────────────────── */
.c-projects-brief__view{ max-width: 66ch; }
.c-projects-brief__line{
  margin: 0; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
  font-size: var(--fs-lead); letter-spacing: -.01em; color: var(--ink);
}
.c-projects-brief__sep{ color: var(--line-2); }
.c-projects-brief__date{ font: 500 var(--fs-label)/1 var(--font-mono); color: var(--ink-2); }
.c-projects-brief__desc{
  margin: 7px 0 0; font-size: var(--fs-body); line-height: 1.5; color: var(--ink-2); white-space: pre-line;
}
.c-projects-brief__desc--empty{ font-style: italic; color: var(--ink-3); }
/* executivo responsável: era o campo 01.1 do dossiê, hoje atributo do card (doc 24) — linha própria,
   rótulo mono uppercase à esquerda do nome, no idioma dos labels da casa. */
.c-projects-brief__exec{ margin: 9px 0 0; display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; }
.c-projects-brief__exec_label{
  font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3);
}
.c-projects-brief__exec_value{ font-size: var(--fs-body); color: var(--ink); }
.c-projects-brief__exec_value--empty{ font-style: italic; color: var(--ink-3); }

/* ── edição inline (autosave debounced; sem botão de salvar) ──────────────────── */
.c-projects-brief__fields{ display: flex; flex-direction: column; gap: 16px; max-width: 66ch; }
.c-projects-brief__field{ display: flex; flex-direction: column; gap: 7px; }
.c-projects-brief__label{
  font: 500 var(--fs-label)/1 var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3);
}
.c-projects-brief__opt{ letter-spacing: .12em; color: var(--line-2); }
.c-projects-brief__input{
  width: 100%; font: 400 var(--fs-body)/1.35 var(--font-ui); color: var(--ink); background: var(--surface);
  border: 1.5px solid var(--line-2); padding: 10px 12px; outline: none;
  transition: border-color var(--t1) var(--ease), box-shadow var(--t1) var(--ease);
}
.c-projects-brief__input:focus{ border-color: var(--brand); box-shadow: inset 0 0 0 1px var(--brand); }
.c-projects-brief__textarea{ resize: vertical; min-height: 84px; }
/* dica abaixo do input — mesma voz das dicas dos campos do dossiê (.c-phase-fields__hint) */
.c-projects-brief__hint{ font-size: var(--fs-meta); font-style: italic; color: var(--ink-3); line-height: 1.45; }
.c-projects-brief__date_input{ width: auto; }