/* ===== Tema claro Zeplay Store - demonstrador do atendente (/atendente/) =====
   O chat continua com as cores do WhatsApp (e uma simulacao dele); so a moldura e os botoes seguem a marca. */
body { background: #fff3ea; }
.top-banner {
    background: #ffffff;
    color: #2a2d34;
    border: 1px solid #f0e4da;
    border-bottom: 0;
    gap: 12px;
}
.top-banner .demo-brand { display: flex; align-items: center; gap: 10px; }
.top-banner .logo-img { height: 26px; width: auto; display: block; }
.top-banner strong { color: #c2500a; }
.top-banner a { background: linear-gradient(135deg, #ff6a00, #ff8a1f); color: #ffffff; white-space: nowrap; }
.cta-btn { background: linear-gradient(135deg, #ff6a00, #ff8a1f); color: #ffffff; }
.cta-btn:hover { box-shadow: 0 6px 20px rgba(255, 106, 0, 0.4); }
.pill:hover { background: #fff1e6; border-color: #ff6a00; }
@media (max-width: 480px) {
    .top-banner .demo-text { display: none; }
}