/* ============================================================================ onda-20-proposta.css — Simplificacao #7 Serviços prontos (quick-pick 1 clique) + proposta em 1 clique no WhatsApp. Carregado por ULTIMO no (AAA). Reusa tokens existentes; sem paleta nova. ============================================================================ */ /* --- Quick-pick: chips de servico pronto --- */ .svc-quickpick { display: flex; flex-direction: column; gap: var(--gap-2); margin-bottom: var(--gap-3); } .svc-quickpick__label { font-size: var(--font-size-sm, 13px); color: var(--color-text-secondary); font-weight: 500; } .svc-quickpick__chips { display: flex; flex-wrap: wrap; gap: var(--gap-2); } .svc-chip { display: inline-flex; align-items: center; gap: var(--gap-2); padding: 6px 12px; border: 1px solid var(--color-border); border-radius: var(--radius-pill, 999px); background: var(--color-surface); color: var(--color-text); font-family: var(--font-sans); font-size: var(--font-size-sm, 13px); line-height: 1.2; cursor: pointer; transition: background .15s ease, border-color .15s ease, color .15s ease; } .svc-chip:hover:not(:disabled) { border-color: var(--color-accent); background: var(--color-accent-soft, var(--color-surface-hover, var(--color-surface))); } .svc-chip:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; } .svc-chip:disabled { opacity: .55; cursor: not-allowed; } .svc-chip__plus { font-weight: 700; color: var(--color-accent); font-size: 1.05em; line-height: 1; } .svc-chip__name { font-weight: 500; } .svc-chip__price { color: var(--color-text-secondary); font-variant-numeric: tabular-nums; } /* --- Proposta no WhatsApp --- */ .svc-proposta-wa { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-3); margin-top: var(--gap-3); } .svc-proposta-wa .btn-whatsapp.is-disabled, .svc-proposta-wa .btn-whatsapp:disabled { opacity: .5; cursor: not-allowed; } .svc-proposta-wa .btn-whatsapp svg { width: 16px; height: 16px; flex-shrink: 0; } /* Lead não salvo: dica clara na aba Serviços (chips/form ficam ocultos até salvar). */ :root[data-theme="light"] .svc-unsaved-hint { display: flex; align-items: center; gap: 8px; padding: 10px 12px; margin: 0 0 4px; border: 1px solid var(--border-default, #94A3B8); border-radius: var(--radius-md, 10px); background: var(--bg-app, #F4F6F9); color: var(--text-secondary, #334155); /* AAA */ font-size: var(--fs-sm, 14px); line-height: 1.4; } :root[data-theme="light"] .svc-unsaved-hint svg { flex-shrink: 0; color: var(--text-muted, #41505F); }