/* Telas de apoio: Início, Histórico, Equipe e Próximas fases. */

/* Início */
.boas-vindas { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.boas-vindas__titulo { font-family: var(--serif); font-size: 2.2rem; font-weight: 600; line-height: 1.1; }
.boas-vindas__data { margin: 4px 0 0; color: var(--mudo); }
.inicio-grade { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 18px; align-items: start; }
.inicio-col { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.atencao { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.atencao__item { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid var(--linha-2); padding: 11px 6px; border-radius: 8px; }
.atencao li:last-child .atencao__item { border-bottom: 0; }
.atencao__item:hover { background: var(--ouro-fundo); }
.atencao__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.atencao__nome { font-weight: 600; font-size: .9rem; }
.atencao__msg { font-size: .82rem; color: var(--mudo); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.atencao__tempo { flex: 0 0 auto; font-size: .74rem; font-weight: 600; color: var(--tinta-2); background: #f1eee8; padding: 4px 9px; border-radius: 999px; }
.atencao__tempo--alto { background: #fbeedd; color: var(--alerta); }
.barras { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 11px; }
.barras__linha { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr) 28px; align-items: center; gap: 10px; font-size: .84rem; }
.barras__rotulo { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--tinta-2); }
.barras__trilho { height: 10px; background: #f1eee8; border-radius: 6px; overflow: hidden; }
.barras__barra { display: block; height: 100%; background: linear-gradient(90deg, var(--preto), #4a3b1c 60%, var(--ouro)); border-radius: 6px; }
.barras__valor { text-align: right; font-weight: 600; }
.agenda-mini { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.agenda-mini__item { display: grid; grid-template-columns: 92px minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 12px; width: 100%; text-align: left; background: transparent; border: 1px solid var(--linha-2); border-radius: 10px; padding: 9px 12px; }
.agenda-mini__item:hover { border-color: var(--ouro); }
.agenda-mini__quando { grid-row: 1 / 3; display: flex; flex-direction: column; font-size: .76rem; color: var(--mudo); text-transform: capitalize; }
.agenda-mini__quando strong { color: #5d3c80; font-size: .82rem; }
.agenda-mini__nome { font-weight: 600; font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.agenda-mini__proc { font-size: .76rem; color: var(--mudo); }
@media (max-width: 1100px) { .inicio-grade { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) {
  .boas-vindas__titulo { font-size: 1.8rem; }
  .boas-vindas .btn { width: 100%; }
  .stats { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  .stat { padding: 13px 14px; }
  .stat__valor { font-size: 1.35rem; }
  .barras__linha { grid-template-columns: minmax(0, 118px) minmax(0, 1fr) 24px; }
  .card { padding: 16px; }
  .card--tabela { padding: 0; }
}

/* Histórico */
.hist { display: flex; flex-direction: column; gap: 18px; }
.hist__dia-rotulo { font-family: var(--serif); font-size: 1.3rem; font-weight: 600; margin-bottom: 8px; }
.hist__lista { list-style: none; margin: 0; padding: 0; background: var(--superficie); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; }
.hist__item { display: grid; grid-template-columns: 48px 26px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding: 12px 16px; border-bottom: 1px solid var(--linha-2); }
.hist__item:last-child { border-bottom: 0; }
.hist__hora { font-size: .8rem; color: var(--mudo); padding-top: 4px; }
.hist__conteudo { min-width: 0; }
.hist__linha { margin: 3px 0 0; font-size: .88rem; }
.hist__citacao { margin: 6px 0 0; font-size: .82rem; color: var(--tinta-2); background: #faf8f4; border-left: 3px solid var(--linha); padding: 6px 10px; border-radius: 0 8px 8px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.hist__tipo { font-size: .66rem; font-weight: 600; white-space: nowrap; padding: 3px 8px; border-radius: 999px; background: #efece6; color: var(--tinta-2); margin-top: 3px; }
.hist__tipo--etapa { background: #e8eef5; color: #31507a; }
.hist__tipo--valor { background: #fbeedd; color: #85500b; }
.hist__tipo--responsavel { background: #efe7f6; color: #5d3c80; }
.hist__tipo--anotacao { background: var(--ouro-fundo); color: var(--ouro-tinta); }
.hist__tipo--apagada { background: #f4e4e2; color: #8f2b22; }
.hist__tipo--repasse { background: #fdebd0; color: #8a4b00; }
.avatar--sistema { background: var(--preto) !important; color: var(--ouro); }
.hist__item--apagada { background: #fffaf0; }
.hist__copia { margin-top: 8px; border: 1px dashed #c49a4a; background: #fff; border-radius: 10px; padding: 9px 12px; }
.hist__copia-rotulo { display: flex; align-items: center; gap: 6px; font-size: .74rem; font-weight: 600; color: var(--alerta); }
.hist__copia-rotulo .ico { width: 13px; height: 13px; }
.hist__copia-texto { margin: 6px 0 0; font-size: .88rem; white-space: pre-wrap; overflow-wrap: anywhere; }
@media (max-width: 640px) {
  .hist__item { grid-template-columns: 26px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .hist__hora { grid-column: 2; grid-row: 1; padding: 0; font-size: .72rem; }
  .hist__item > .avatar { grid-row: 1 / 3; }
  .hist__conteudo { grid-column: 2; }
  .hist__tipo { grid-column: 2; justify-self: start; }
}

/* Equipe */
.voce { color: var(--mudo); font-weight: 400; font-size: .8rem; }
.papel { font-size: .74rem; font-weight: 600; padding: 3px 9px; border-radius: 999px; }
.papel--dona { background: var(--preto); color: var(--ouro); }
.papel--gestao { background: #e8eef5; color: #31507a; }
.papel--consultora { background: var(--ouro-fundo); color: var(--ouro-tinta); }
.situacao { font-size: .74rem; font-weight: 600; }
.situacao--ok { color: var(--ok); }
.situacao--pendente { color: var(--alerta); }
.tabela--matriz th[scope="row"] { text-transform: none; letter-spacing: 0; font-size: .86rem; color: var(--tinta); background: transparent; font-weight: 500; border-bottom: 1px solid var(--linha-2); white-space: normal; min-width: 180px; }
.tabela--matriz td { text-align: center; }
.tabela--matriz thead th:not(:first-child) { text-align: center; }
.matriz__celula .ico { width: 18px; height: 18px; }
.sim { color: var(--ok); display: inline-flex; }
.nao { color: #b9b4aa; display: inline-flex; }
.matriz__ninguem th[scope="row"] { font-weight: 700; }
.matriz__ninguem td, .matriz__ninguem th { background: #fdf3f1 !important; }
.matriz__celula-ninguem { color: #8f2b22; font-weight: 600; font-size: .84rem; white-space: normal !important; }
.matriz__celula-ninguem .ico { width: 15px; height: 15px; vertical-align: -3px; margin-right: 6px; }
.card .card__rodape { padding: 0 20px 18px; }

/* Próximas fases */
.embreve { display: flex; justify-content: center; padding: 12px 0; }
.embreve__card { width: 100%; max-width: 640px; background: var(--superficie); border: 1px solid var(--linha); border-radius: 18px; box-shadow: var(--sombra); padding: 34px 34px 28px; position: relative; overflow: hidden; }
.embreve__card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 5px; background: linear-gradient(90deg, var(--preto), var(--ouro)); }
.embreve__ico { width: 54px; height: 54px; border-radius: 14px; background: var(--preto); color: var(--ouro); display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.embreve__ico .ico { width: 26px; height: 26px; }
.embreve__fase { font-size: .72rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ouro-tinta); }
.embreve__titulo { font-family: var(--serif); font-size: 2rem; font-weight: 600; line-height: 1.1; margin: 8px 0 10px; }
.embreve__lead { color: var(--tinta-2); font-size: 1rem; margin: 0 0 18px; }
.embreve__lista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.embreve__lista li { position: relative; padding-left: 24px; }
.embreve__lista li::before { content: ''; position: absolute; left: 0; top: .6em; width: 12px; height: 1px; background: var(--ouro); }
.embreve__rodape { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid var(--linha-2); font-size: .82rem; color: var(--mudo); }
@media (max-width: 760px) { .embreve__card { padding: 26px 20px 22px; } .embreve__titulo { font-size: 1.6rem; } }

/* Regra do rodízio (Equipe, só leitura) */
.rodizio-card { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.rodizio-card__ico { width: 44px; height: 44px; border-radius: 12px; background: var(--preto); color: var(--ouro); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.rodizio-card__ico .ico { width: 22px; height: 22px; }
.rodizio-card__txt { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.rodizio-card__txt strong { font-size: .95rem; }
.rodizio-card__txt span { font-size: .82rem; color: var(--mudo); }

/* Entrar com e-mail e senha */
.login__form { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }
.login__entrar { width: 100%; justify-content: center; margin-top: 4px; }
/* Equipe: ações por pessoa e respostas prontas */
.tabela__acoes { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.tabela__linha--inativa { opacity: .6; }
.respostas-lista { list-style: none; margin: 0; padding: 0 20px 16px; display: flex; flex-direction: column; gap: 10px; }
.resposta-item { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; padding: 12px 14px; border: 1px solid var(--linha); border-radius: 10px; }
.resposta-item__txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.resposta-item__txt span { color: var(--tinta-2); font-size: .88rem; white-space: pre-line; overflow-wrap: anywhere; }
.resposta-item__acoes { display: flex; gap: 6px; flex: 0 0 auto; }
@media (max-width: 560px) { .resposta-item { flex-direction: column; } }
/* No celular a lista da equipe vira uma ficha por pessoa: os botões ficam à vista, sem rolar para o lado */
@media (max-width: 700px) {
  .tabela--equipe, .tabela--equipe tbody { display: block; }
  .tabela--equipe thead { display: none; }
  .tabela--equipe tr { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 12px 16px; border-bottom: 1px solid var(--linha-2); }
  .tabela--equipe tbody tr:last-child { border-bottom: 0; }
  .tabela--equipe td { display: block; padding: 0; border: 0; min-width: 0; }
  .tabela--equipe td:first-child { flex: 1 1 100%; }
  .tabela--equipe td[data-rotulo]::before { content: attr(data-rotulo) ': '; color: var(--mudo); }
  .tabela--equipe td:last-child { flex: 1 1 100%; }
  .tabela--equipe .tabela__acoes { justify-content: flex-start; margin-top: 4px; }
  .tabela--equipe .tabela__pessoa { white-space: normal; min-width: 0; }
  .tabela--equipe .tabela__acoes:empty { display: none; }
}

/* Equipe: quadro do plano (quantas pessoas o plano permite) */
.plano-card { display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; }
.plano-card__titulo { font-size: .98rem; }
.plano-card__txt { font-size: .84rem; color: var(--mudo); }
.plano-card--cheio { border-color: #ecdcb6; background: var(--ouro-fundo); }
.plano-card--cheio .plano-card__txt { color: var(--tinta-2); font-weight: 600; }
.resposta-item__txt .resposta-item__atalho { font-size: .78rem; font-weight: 600; color: var(--ouro-tinta); }
.card__rodape--recuo { padding: 0 20px 16px; margin-top: 0; }