/* Favo Atendente 24h · celular com a conversa do WhatsApp e agenda ao vivo (demo e página de venda) */
.rf{--rf-mata:#173d2c;--rf-mata2:#1f4b37;--rf-mel:#f5b301;--rf-creme:#fff6dc;--rf-fundo:#efe7d3;--rf-eu:#d9f2c7;--rf-tx:#1d2a22;--rf-suave:#6b776e;--rf-link:#0a7cbf;
  position:relative;width:min(370px,100%);height:min(700px,86vh);min-height:520px;background:#0d241a;border-radius:44px;padding:11px;box-shadow:0 40px 80px -30px rgba(0,0,0,.55),inset 0 0 0 2px #2c5a43;font-family:inherit;color:var(--rf-tx)}
.rf *{box-sizing:border-box}
.rf-tela{position:relative;height:100%;border-radius:34px;overflow:hidden;background:var(--rf-fundo);display:flex;flex-direction:column}
.rf-topo{display:flex;align-items:center;gap:10px;padding:16px 14px 12px;background:var(--rf-mata2);color:var(--rf-creme)}
.rf-av{width:38px;height:38px;border-radius:50%;background:var(--rf-mel);color:var(--rf-mata);display:grid;place-items:center;font-weight:800;flex:none}
.rf-topo b{display:block;font-size:15px;line-height:1.2}
.rf-topo small{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}
.rf-topo small i{width:7px;height:7px;border-radius:50%;background:#58d68d}
.rf-novo{margin-left:auto;border:0;background:rgba(255,255,255,.12);color:inherit;border-radius:999px;padding:7px 11px;font:600 12px inherit;font-family:inherit;cursor:pointer}
.rf-novo:hover{background:rgba(255,255,255,.2)}
.rf-msgs{flex:1;overflow-y:auto;padding:14px 10px 10px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;overscroll-behavior:contain}
.rf-dia{align-self:center;background:#e1d6bb;color:#5b5440;font-size:11.5px;padding:4px 10px;border-radius:8px;margin-bottom:4px}
.rf-m{max-width:86%;font-size:14.5px;line-height:1.38;overflow-wrap:anywhere;animation:rf-pop .3s cubic-bezier(.2,.9,.3,1.2) both}
.rf-b{padding:7px 10px 5px;border-radius:12px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08);white-space:pre-line}
.rf-m.rf-eu{align-self:flex-end}
.rf-eu .rf-b{background:var(--rf-eu);border-top-right-radius:3px}
.rf-m.rf-bot{align-self:flex-start}
.rf-bot .rf-b{border-top-left-radius:3px}
.rf-hora{display:block;text-align:right;font-size:10.5px;color:var(--rf-suave);margin-top:2px}
.rf-eu .rf-hora::after{content:" ✓✓";color:#4fb6ec}
.rf-rot{display:block;font-size:11px;font-weight:700;color:var(--rf-suave);margin-bottom:3px;letter-spacing:.02em}
.rf-acoes{display:grid;gap:2px;margin-top:2px}
.rf-acoes button{border:0;background:#fff;color:var(--rf-link);font:600 14px inherit;font-family:inherit;padding:10px 8px;border-radius:10px;cursor:pointer;box-shadow:0 1px 1px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;gap:6px}
.rf-acoes button:hover{background:#f6f9fb}
.rf-acoes button:disabled{color:#9aa7ad;cursor:default}
.rf-acoes button svg{width:16px;height:16px}
.rf-dig{align-self:flex-start;background:#fff;border-radius:12px;padding:11px 13px;display:flex;gap:4px}
.rf-dig i{width:7px;height:7px;border-radius:50%;background:#8aa595;animation:rf-pisca 1s infinite}
.rf-dig i:nth-child(2){animation-delay:.15s}.rf-dig i:nth-child(3){animation-delay:.3s}
.rf-aviso{align-self:center;max-width:92%;text-align:center;background:#fff3c4;color:#5b4a10;font-size:12.5px;padding:7px 11px;border-radius:9px}
.rf-form{display:flex;gap:7px;padding:8px 8px 12px;background:var(--rf-fundo)}
.rf-form input{flex:1;min-width:0;border:0;border-radius:999px;padding:12px 15px;font:500 15px inherit;font-family:inherit;color:var(--rf-tx);background:#fff}
.rf-form input:focus{outline:2px solid var(--rf-mel)}
.rf-form button{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--rf-mata);color:var(--rf-mel);display:grid;place-items:center;cursor:pointer}
.rf-form button svg{width:20px;height:20px}
.rf-form button:disabled{opacity:.5}
/* lista do WhatsApp: abre por baixo, dentro da tela */
.rf-folha{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(0,0,0,.35);animation:rf-fade .2s both;z-index:3}
.rf-folha[hidden]{display:none}
.rf-folha-c{background:#fff;border-radius:18px 18px 0 0;max-height:78%;display:flex;flex-direction:column;animation:rf-sobe .25s cubic-bezier(.2,.8,.2,1) both}
.rf-folha-t{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #eee;font-weight:700}
.rf-folha-t button{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--rf-suave);padding:0 4px}
.rf-folha-l{overflow-y:auto;padding:4px 0 12px}
.rf-folha-l h4{margin:12px 16px 4px;font:700 12px inherit;font-family:inherit;color:#1f8a5b;text-transform:uppercase;letter-spacing:.04em}
.rf-folha-l button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;width:100%;text-align:left;border:0;background:none;padding:11px 16px;cursor:pointer;font-family:inherit;color:var(--rf-tx);border-bottom:1px solid #f2f2f2}
.rf-folha-l button:hover,.rf-folha-l button:focus-visible{background:#f4f8f5;outline:none}
.rf-folha-l b{font-weight:600;font-size:15px}
.rf-folha-l small{grid-column:1;color:var(--rf-suave);font-size:12.5px}
.rf-folha-l button::after{content:"";grid-column:2;grid-row:1/span 2;width:18px;height:18px;border-radius:50%;border:2px solid #b9c3bd}
@keyframes rf-pop{from{opacity:0;transform:translateY(6px) scale(.98)}}
@keyframes rf-pisca{50%{opacity:.25}}
@keyframes rf-fade{from{opacity:0}}
@keyframes rf-sobe{from{transform:translateY(40px);opacity:.4}}

/* agenda do salão ao vivo */
.ra{background:#fffdf6;border:1px solid #e6d9b4;border-radius:22px;padding:18px;color:#173d2c;font-family:inherit}
.ra-topo{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ra-topo b{font-size:16px}
.ra-vivo{display:inline-flex;align-items:center;gap:6px;font:500 11px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#5c6b55}
.ra-vivo i{width:8px;height:8px;border-radius:50%;background:#58d68d;animation:rf-pisca 1.6s infinite}
.ra-dias{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ra-dias button{flex:none;border:1.5px solid #e6d9b4;background:#fff;border-radius:12px;padding:6px 10px;font:600 13px inherit;font-family:inherit;color:#173d2c;cursor:pointer;text-align:center;line-height:1.2}
.ra-dias button small{display:block;font-weight:500;font-size:11px;color:#5c6b55}
.ra-dias button[aria-pressed="true"]{background:#173d2c;border-color:#173d2c;color:#fff6dc}
.ra-dias button[aria-pressed="true"] small{color:#f5b301}
.ra-grade{position:relative;display:grid;gap:8px;margin-top:10px}
.ra-cab{display:grid;grid-template-columns:40px repeat(var(--cols),minmax(0,1fr));gap:8px;font-weight:700;font-size:13px}
.ra-corpo{position:relative;display:grid;grid-template-columns:40px repeat(var(--cols),minmax(0,1fr));gap:8px}
.ra-horas{position:relative}
.ra-horas span{position:absolute;right:0;transform:translateY(-50%);font:500 10.5px "JetBrains Mono",ui-monospace,monospace;color:#8a8f86}
.ra-col{position:relative;border-radius:10px;background:repeating-linear-gradient(to bottom,#f6efd9 0,#f6efd9 1px,transparent 1px,transparent var(--h))}
.ra-ag{position:absolute;left:3px;right:3px;border-radius:8px;padding:4px 7px;font-size:11.5px;line-height:1.25;overflow:hidden;background:#e7eee6;border-left:3px solid #4e8a4a}
.ra-ag b{display:block;font-size:12px}
.ra-ag.ra-wa{background:#fff1c2;border-left-color:#f5b301}
.ra-ag.ra-novo{animation:ra-brilha 1.6s ease 2}
.ra-fechado{padding:28px;text-align:center;color:#5c6b55;background:#f6efd9;border-radius:12px}
.ra-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12px;color:#5c6b55}
.ra-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
@keyframes ra-brilha{50%{box-shadow:0 0 0 4px rgba(245,179,1,.55)}}
@media (prefers-reduced-motion:reduce){.rf *,.ra *{animation:none!important}}
