/* Página do cliente: encontrar um lugar para agendar (usa as cores de /app/app.css) */
.enc { max-width: 640px; margin: 0 auto; padding: calc(14px + env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom)); }
.enc-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 22px; }
.enc-logo { display: flex; align-items: center; gap: 8px; color: var(--marca); text-decoration: none; }
.enc-logo svg { width: 30px; height: 30px; }
.enc-logo span { color: var(--texto); font-weight: 750; font-size: 19px; letter-spacing: -.04em; }
.enc-dono { font-size: 13.5px; font-weight: 600; color: var(--suave); text-decoration: none; border: 1px solid var(--linha); border-radius: 99px; padding: 6px 12px; white-space: nowrap; }
.enc h1 { margin: 0; font-size: clamp(27px, 7vw, 36px); letter-spacing: -.035em; line-height: 1.1; }
.enc-sub { color: var(--suave); margin: 6px 0 18px; font-size: 15px; }
.enc .chips { margin: 12px -16px 4px; padding: 0 16px; }
.enc .chips::-webkit-scrollbar { display: none; }
.enc-conta { color: var(--suave); font-size: 13px; margin: 6px 2px 10px; min-height: 1em; }
.enc-lista { display: flex; flex-direction: column; gap: 10px; }
.enc-card { display: flex; align-items: center; gap: 13px; padding: 14px; background: var(--cartao); border: 1px solid var(--linha); border-radius: 18px; text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
.enc-card:hover { border-color: var(--marca); }
.enc-card:active { transform: scale(.99); }
.enc-av { width: 50px; height: 50px; border-radius: 15px; display: grid; place-items: center; color: #fff; font-weight: 750; font-size: 17px; flex-shrink: 0; }
.enc-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.enc-info b { font-size: 16px; letter-spacing: -.01em; }
.enc-onde { color: var(--suave); font-size: 13px; }
.enc-serv { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.enc-pe { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; align-items: center; }
.enc-pe em { font-style: normal; font-size: 12.5px; font-weight: 650; color: var(--verde); }
.enc-pe i { font-style: normal; font-size: 11.5px; font-weight: 600; background: var(--marca-suave); color: var(--marca); border-radius: 99px; padding: 2px 8px; }
.enc-ir { background: var(--marca); color: #fff; font-weight: 650; font-size: 13.5px; padding: 9px 14px; border-radius: 12px; flex-shrink: 0; }
.enc-rodape { text-align: center; color: var(--suave); font-size: 12.5px; margin-top: 28px; }
.enc-rodape p { margin: 0 0 6px; }
.enc-rodape a { color: var(--suave); }
@media (max-width: 400px) { .enc-ir { font-size: 0; padding: 6px 11px; } .enc-ir::after { content: "›"; font-size: 22px; line-height: 1; } }
@media (min-width: 640px) { .enc { padding-top: 36px; } }