/* V2 — estilos da área carteira (um arquivo por trabalhador). Meus imóveis, ESPEC-MELHORIAS-V2.md 2.2.
   As seis cores de status são decisão da Andrea e só aparecem na faixa de 4 px sob o card (.imovel-faixa);
   o texto ao lado da cor diz a mesma coisa, para não depender só da cor. */
:root {
  --carteira-verde-escuro: #1E7B34;
  --carteira-verde-claro: #7CC56F;
  --carteira-amarelo: #F2C230;
  --carteira-vermelho: #D93A2B;
  --carteira-azul: #2F6FD6;
  --carteira-cinza: #9AA0A6;
}

/* ---------- faixa de status (só aqui entram as cores novas) ---------- */
.imovel-faixa { display: block; height: 4px; border-radius: 0 0 3px 3px; background: var(--carteira-cinza); }
.imovel-faixa--verde-escuro { background: var(--carteira-verde-escuro); }
.imovel-faixa--verde-claro { background: var(--carteira-verde-claro); }
.imovel-faixa--amarelo { background: var(--carteira-amarelo); }
.imovel-faixa--vermelho { background: var(--carteira-vermelho); }
.imovel-faixa--azul { background: var(--carteira-azul); }
.imovel-faixa--cinza { background: var(--carteira-cinza); }

/* ---------- card do imóvel ---------- */
.carteira-lista { list-style: none; margin: 0.5rem 0 1.5rem; padding: 0; display: grid; gap: 0.875rem; }
.carteira-lista__item { min-width: 0; }
.imovel-card {
  display: grid; gap: 0.375rem; padding: 0.875rem 1rem; min-width: 0;
  border: 2px solid var(--texto); border-bottom: 0; border-radius: 6px 6px 0 0;
  color: var(--texto); text-decoration: none; background: var(--fundo);
}
.imovel-card--link { transition: background-color 150ms ease-out; }
.imovel-card--link:hover { background: var(--painel); }
.imovel-card--link:active { transform: translateY(1px); }
.imovel-card__endereco {
  font-size: 1.125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.01em;
  overflow-wrap: anywhere; text-wrap: balance;
}
.imovel-card__endereco--titulo { margin: 0; font-size: 1.25rem; line-height: 1.25; }
.imovel-card__linha2 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0.25rem 1rem; font-size: 0.875rem; }
.imovel-card__negocio { font-weight: 600; color: var(--texto); }
.imovel-card__status { color: var(--texto-2); }
.imovel-topo { margin: 1rem 0 0.5rem; }

/* ---------- abas e legenda da lista ---------- */
.carteira-abas { margin-top: 0; }
.carteira-abas .abas__item { font-size: 0.9375rem; }
.carteira-abas__atual { background: var(--acao); border-color: var(--acao); color: #fff; }
.carteira-abas__atual:hover { background: var(--acao-escuro); }
.carteira-legenda { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--fio); }
.carteira-legenda summary { min-height: 2.75rem; display: flex; align-items: center; color: var(--acao); font-weight: 500; cursor: pointer; }
.carteira-legenda__lista { list-style: none; margin: 0.5rem 0 0; padding: 0; display: grid; gap: 0.5rem; font-size: 0.9375rem; }
.carteira-legenda__lista li { display: grid; grid-template-columns: 2.5rem 1fr; align-items: center; gap: 0.75rem; }
.carteira-legenda__lista .imovel-faixa { border-radius: 2px; }

/* ---------- card por dentro ---------- */
.carteira-links { display: grid; gap: 0.625rem; margin: 1rem 0 0; }
.carteira-form { display: grid; gap: 0.875rem; }
.carteira-tipos .opcao__rotulo { font-size: 1rem; line-height: 1.25; overflow-wrap: anywhere; }
.carteira-tipos .opcao { grid-template-columns: 1fr; }
.carteira-periodo { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.carteira-form input[type="date"] { min-width: 0; width: 100%; font-size: 1rem; padding-left: 0.625rem; padding-right: 0.5rem; }
.carteira-texto { min-height: 6rem; resize: vertical; font-size: 1rem; font-weight: 400; line-height: 1.45; }
.carteira-texto--grande { min-height: 12rem; }

/* estratégias sugeridas */
.carteira-estrategias { list-style: none; margin: 0; padding: 0; }
.carteira-estrategia {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0.25rem 0.75rem;
  padding: 0.75rem 0; border-bottom: 1px solid var(--fio);
}
.carteira-estrategia__titulo { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.carteira-estrategia__meta { grid-column: 1; font-size: 0.875rem; color: var(--texto-2); }
.carteira-estrategia__form { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
.carteira-estrategia__feita { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.875rem; color: var(--ok); font-weight: 600; white-space: nowrap; }
.carteira-botao-curto { width: auto; min-height: 2.75rem; padding: 0.375rem 0.75rem; font-size: 0.9375rem; white-space: nowrap; }

/* linha do tempo */
.carteira-tempo { list-style: none; margin: 0; padding: 0 0 0 1rem; border-left: 2px solid var(--azul-claro); }
.carteira-tempo__item { position: relative; display: grid; gap: 0.125rem; padding: 0.625rem 0; border-bottom: 1px solid var(--fio); }
.carteira-tempo__item::before {
  content: ""; position: absolute; left: calc(-1rem - 6px); top: 0.95rem; width: 0.625rem; height: 0.625rem;
  border-radius: 50%; background: var(--acao);
}
.carteira-tempo__item--evento::before { background: var(--fundo); border: 2px solid var(--texto-2); }
.carteira-tempo__item--evento .carteira-tempo__rotulo { color: var(--texto-2); font-weight: 500; }
.carteira-tempo__data { font-size: 0.875rem; color: var(--texto-2); }
.carteira-tempo__rotulo { font-weight: 600; }
.carteira-tempo__marca { font-size: 0.75rem; font-weight: 500; color: var(--texto-2); }
.carteira-tempo__descricao { font-size: 0.9375rem; overflow-wrap: anywhere; white-space: pre-line; }
.carteira-tempo__excluir { margin: 0; }
.carteira-tempo__excluir .botao--texto { min-height: 2.75rem; padding: 0.25rem 0; font-size: 0.875rem; }

/* resultado da avaliação: adicionar à carteira */
.carteira-add { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--fio); }
.carteira-add__form { display: grid; gap: 0.75rem; }
.carteira-add .opcoes legend { margin-bottom: 0.5rem; }
.carteira-add__na { margin: 0.25rem 0 0.75rem; font-size: 1rem; }
.carteira-add__na a { display: inline-block; min-height: 2.75rem; line-height: 2.75rem; }   /* alvo de toque de 44 px */
.carteira-add__form .campo__ajuda { margin: 0; }