/* O editor de anúncios com a pele do painel do cliente.
 *
 * As peças do editor (campos, tiras de fotografias, banco de media, leitor do tablet) são as da consola do Gabriel e
 * ficam como estão: o que muda aqui são as cores, os cantos e as sombras, para o cliente ver uma interface só entre os
 * números e os anúncios. A consola da equipa (/admin/consola) mantém a pele verde, que é outro produto e outra pessoa.
 *
 * Carrega-se depois do consola.css, e é por isso que ganha as variáveis dele.
 */
:root, :root[data-tema="escuro"] {
  color-scheme: light;
  --bg: var(--fundo); --papel: var(--fundo); --card: var(--carta); --card-2: #F0F3F8;
  --fill: rgba(27, 41, 73, .06); --fill-2: rgba(27, 41, 73, .04); --seg-on: #fff;
  --topo-bg: rgba(245, 246, 249, .86);
  --label: #1A2236; --label-2: var(--muted); --label-3: rgba(92, 101, 121, .62); --sep: var(--line);
  --green: var(--bom); --blue: var(--barra); --orange: var(--aviso); --red: var(--mau);
  --raio: 12px; --raio-ctrl: 8px;   /* os cantos do painel; a consola usa 22 */
  --sombra: 0 1px 2px rgba(27, 41, 73, .04);
  --f: Inter, "Helvetica Neue", Arial, sans-serif;
  --f-disp: Inter, "Helvetica Neue", Arial, sans-serif;
}
body { background: var(--fundo); font-size: 15px; letter-spacing: 0; }
/* Os cartões do painel têm borda fina e cantos de 12; os da consola, sombra e cantos de 22. */
.card { border: 1px solid var(--line); border-radius: var(--raio); box-shadow: none; }
h2, h3.seccao, .heroi-k, .stat-k, .tile-k { letter-spacing: -.01em; }
.heroi-v, .stat-v, .tile-v { letter-spacing: -.03em; }
.btn { border-radius: 8px; color: var(--barra); }
.btn.forte { background: var(--navy); color: #fff; }
.btn.forte:hover:not(:disabled) { background: var(--navy-2); opacity: 1; }
.tag.ok { color: var(--bom); }
.linha-form input, .painel input[type=text], .campo input[type=text], .campo select { border-radius: 8px; }

/* A barra de publicar encosta ao fundo, como estava, mas com a cor da casa. */
.barra-guardar { border-radius: var(--raio); border-color: var(--line); background: rgba(245, 246, 249, .92); }
.aviso-flutua { background: var(--navy); }

/* O caminho até onde se está, por cima do conteúdo: cliente, e o anúncio quando há um aberto. */
.migalhas { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--muted);
            margin: 0 0 14px; }
.migalhas .voltar { display: inline-flex; align-items: center; gap: 6px; color: var(--navy); text-decoration: none;
                    font-weight: 600; border: 1px solid var(--line); background: #fff; border-radius: 8px; padding: 6px 11px; }
.migalhas .voltar:hover { border-color: var(--navy-2); }
.migalhas .sep { color: var(--label-3); }

/* Procurar na lista: com quarenta imóveis, percorrer a lista com o polegar não é forma de encontrar um. */
.procura { display: flex; gap: 8px; margin-bottom: 8px; }
.procura input { flex: 1; min-width: 0; font: inherit; padding: 8px 11px; border: 1px solid var(--line);
                 border-radius: 8px; background: #fff; color: inherit; }
.procura input:focus { outline: none; border-color: var(--navy-2); }

/* No telemóvel a lista e a ficha não cabem lado a lado: mostra-se uma de cada vez, e o voltar traz a lista. */
@media (max-width: 899px) {
  body.ficha-aberta .coluna-lista { display: none; }
  body:not(.ficha-aberta) .coluna-ficha { display: none; }
}
@media (min-width: 900px) {
  .migalhas .voltar.so-telemovel { display: none; }
}