*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e9edef;color:#111}.paciente-app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.tela-inicial{width:100%;max-width:470px}.brand-card{background:#fff;border-radius:22px;padding:24px;display:flex;gap:16px;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.08);margin-bottom:18px}.avatar-medico,.avatar-pequeno{background:#0b6b55;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar-medico{width:64px;height:64px;font-size:22px}.avatar-pequeno{width:42px;height:42px}.brand-card h1{font-size:22px;margin:0 0 6px}.brand-card p{margin:0;color:#667085}.opcoes-iniciais{display:grid;gap:12px}.opcao-card{border:0;text-decoration:none;text-align:left;background:#fff;color:#111;border-radius:18px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.07);cursor:pointer;display:block}.opcao-card strong{display:block;font-size:18px;margin-bottom:6px}.opcao-card span{color:#667085}.opcao-card:hover{transform:translateY(-1px);box-shadow:0 12px 35px rgba(0,0,0,.10)}.telefone{background:#e7fff4}.tela-chat{width:100%;max-width:520px;height:92vh;background:#efeae2;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;box-shadow:0 12px 45px rgba(0,0,0,.18)}.hidden{display:none!important}.chat-header{height:68px;background:#075e54;color:#fff;display:flex;align-items:center;gap:12px;padding:10px 14px}.chat-header h2{font-size:16px;margin:0}.chat-header p{font-size:12px;margin:2px 0 0;opacity:.85}.btn-voltar{border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer;line-height:1}.chat-mensagens{flex:1;overflow-y:auto;padding:16px;background:linear-gradient(rgba(239,234,226,.9),rgba(239,234,226,.9))}.msg{max-width:84%;padding:10px 12px;border-radius:12px;margin:8px 0;white-space:pre-wrap;line-height:1.35;font-size:15px}.msg.saida{background:#fff;border-top-left-radius:3px;margin-right:auto}.msg.entrada{background:#dcf8c6;border-top-right-radius:3px;margin-left:auto}.msg a{color:#075e54;font-weight:700}.msg-meta{font-size:10px;opacity:.6;text-align:right;margin-top:4px}.acoes-contextuais{padding:6px 10px;background:#efeae2;display:flex;gap:8px;flex-wrap:wrap}.chip{border:0;border-radius:999px;background:#fff;color:#075e54;padding:10px 14px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer}.form-dados{background:#fff;border-radius:14px;padding:12px;width:100%;box-shadow:0 2px 8px rgba(0,0,0,.08);display:grid;gap:8px}.form-dados input{width:100%;border:1px solid #ddd;border-radius:10px;padding:12px;font-size:15px}.form-dados button{border:0;border-radius:10px;padding:12px;background:#075e54;color:#fff;font-weight:700;cursor:pointer}.composer{min-height:64px;background:#f0f2f5;display:flex;gap:8px;align-items:flex-end;padding:10px}.composer textarea{flex:1;resize:none;border:0;border-radius:22px;padding:13px 16px;font-size:15px;max-height:120px;outline:none}.btn-icon,.btn-enviar{width:44px;height:44px;border-radius:50%;border:0;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer}.btn-enviar{background:#075e54;color:#fff;font-size:18px}@media(max-width:600px){.paciente-app{padding:0}.tela-chat{height:100vh;border-radius:0}.tela-inicial{padding:16px}}

/* Origem da campanha exibida na entrada pública */
.origem-entrada-card{background:#fff;border:1px solid rgba(20,60,80,.12);border-radius:16px;padding:14px 16px;margin:14px 0;box-shadow:0 8px 22px rgba(0,0,0,.06)}
.origem-entrada-card strong{display:block;font-size:15px;color:#123}
.origem-entrada-card p{margin:6px 0 8px;color:#52616b;font-size:13px;line-height:1.35}
.origem-entrada-card div{display:flex;gap:8px;flex-wrap:wrap}
.origem-entrada-card span{background:#e7f3ee;color:#0c5b3c;border-radius:999px;padding:5px 9px;font-size:12px}
.chip-unidade{border-radius:14px;text-align:left;display:flex;flex-direction:column;gap:2px;min-width:210px;align-items:flex-start;white-space:normal}.chip-unidade strong{font-size:13px;line-height:1.15}.chip-unidade span{font-size:12px;font-weight:400;color:#667085;line-height:1.2}

/* Emoji picker - paciente */
.composer{position:relative}
.btn-emoji{font-size:20px}
.emoji-picker{position:absolute;left:60px;right:58px;bottom:62px;background:#fff;border:1px solid #d1d7db;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:8px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;z-index:20;max-height:180px;overflow-y:auto}
.emoji-picker button{border:0;background:#fff;border-radius:9px;cursor:pointer;font-size:22px;line-height:1;padding:7px}
.emoji-picker button:hover{background:#f0f2f5}
@media(max-width:600px){.emoji-picker{left:58px;right:58px;grid-template-columns:repeat(7,1fr)}}