:root{
  --bg1:#ffffff;--bg2:#f3f6fb;--card:#ffffff;--text:#111827;--muted:#667085;--primary:#2563eb;--primaryText:#ffffff;--secondary:#eef2ff;--secondaryText:#1e3a8a;--line:#d9e0ea;--bubble:#f0f2f5;--bubbleMe:#2563eb;--danger:#e15b64;--logoText:#2563eb;--shadow:0 22px 70px rgba(16,24,40,.15)
}
body.theme-blue{--bg1:#153a63;--bg2:#030914;--card:#0d2038;--text:#eef5ff;--muted:#9fb3cc;--primary:#f5c451;--primaryText:#1d1300;--secondary:#102844;--secondaryText:#eef5ff;--line:#1e3b5e;--bubble:#143659;--bubbleMe:#73581b;--logoText:#f5c451;--shadow:0 22px 70px rgba(0,0,0,.42)}
body.theme-white{--bg1:#ffffff;--bg2:#f3f6fb;--card:#ffffff;--text:#111827;--muted:#667085;--primary:#2563eb;--primaryText:#ffffff;--secondary:#eef2ff;--secondaryText:#1e3a8a;--line:#d9e0ea;--bubble:#f0f2f5;--bubbleMe:#2563eb;--logoText:#2563eb;--shadow:0 22px 70px rgba(16,24,40,.15)}
body.theme-gray{--bg1:#414141;--bg2:#111111;--card:#2b2b2b;--text:#ffffff;--muted:#c8c8c8;--primary:#8b8b8b;--primaryText:#ffffff;--secondary:#3a3a3a;--secondaryText:#ffffff;--line:#555;--bubble:#444;--bubbleMe:#666;--logoText:#ffffff;--shadow:0 22px 70px rgba(0,0,0,.38)}
body.theme-pink{--bg1:#ffd6e6;--bg2:#fff3f8;--card:#ffffff;--text:#2b0b17;--muted:#7a3850;--primary:#ff4d8d;--primaryText:#ffffff;--secondary:#ffe1ec;--secondaryText:#7a1237;--line:#ffafd0;--bubble:#ffe1ec;--bubbleMe:#ff4d8d;--logoText:#ff1f76;--shadow:0 22px 70px rgba(255,77,141,.18)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,var(--bg1),var(--bg2));color:var(--text);display:grid;place-items:center;transition:background .25s,color .25s}.app{width:min(980px,94vw)}.hidden{display:none!important}
.main-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px auto 18px}.main-logo img{width:230px;height:150px;object-fit:contain}.main-logo span{font-size:52px;line-height:1;font-weight:1000;color:var(--logoText);letter-spacing:-2px;text-shadow:0 6px 22px rgba(0,0,0,.08)}
.home-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:34px;text-align:center;max-width:720px;margin:auto}.subtitle{font-size:18px;color:var(--muted);max-width:560px;margin:0 auto 18px;line-height:1.5}.online-pill,.chat-online-pill{display:inline-flex;align-items:center;gap:8px;background:var(--secondary);color:var(--secondaryText);border:1px solid var(--line);border-radius:999px;padding:9px 14px;margin:8px 0 20px}.pulse{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.14)}.field-label{display:block;text-align:left;font-weight:700;margin:10px 0 8px}input{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);padding:15px 16px;border-radius:16px;outline:none;font-size:16px}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(37,99,235,.12)}button{border:0;font-weight:800;padding:14px 18px;border-radius:16px;cursor:pointer;font-size:15px;transition:transform .12s,filter .12s,opacity .12s}button:hover{filter:brightness(1.04);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primary{background:var(--primary);color:var(--primaryText)}.secondary{background:var(--secondary);color:var(--secondaryText);border:1px solid var(--line)}.big{width:100%;font-size:16px;padding:16px 18px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.why-grid div{background:var(--secondary);border:1px solid var(--line);border-radius:18px;padding:15px;text-align:left}.why-grid strong{display:block;color:var(--text);margin-bottom:6px}.why-grid span{color:var(--muted);font-size:14px}.terms-note{font-size:13px;color:var(--muted);line-height:1.45;margin:8px auto 0;max-width:650px}.theme-switcher{position:fixed;top:16px;right:16px;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:blur(10px);padding:6px;border-radius:999px;display:flex;gap:6px;box-shadow:0 10px 32px rgba(0,0,0,.2)}body.chat-active .theme-switcher{display:none!important}.theme-dot{width:20px;height:20px;padding:0;border-radius:50%;border:2px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.25)}.theme-dot.white{background:#fff}.theme-dot.blue{background:#1e90ff}.theme-dot.gray{background:#555}.theme-dot.pink{background:#ff4d8d}.theme-dot.active{outline:2px solid #111;transform:scale(1.08)}
.chat{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:radial-gradient(circle at top,var(--bg1),var(--bg2));display:flex;flex-direction:column;color:var(--text);overflow:hidden}.chat-top{padding:2px 18px 5px;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);background:color-mix(in srgb,var(--card) 58%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;place-items:center;gap:3px;flex-shrink:0}.chat-logo{display:flex;align-items:center;justify-content:center}.chat-logo img{width:220px;height:82px;object-fit:contain}.chat-logo span{display:none}.chat-online-pill{font-size:12px;margin:0;padding:5px 10px}.chat-status{text-align:center;color:var(--muted);font-size:12px;line-height:1.2}.chat-status strong{display:block;color:var(--text);font-size:14px}.messages{flex:1;overflow:auto;padding:18px min(22px,4vw);max-width:980px;width:100%;margin:0 auto}.system{text-align:center;color:var(--muted);font-size:14px;margin:12px auto;background:color-mix(in srgb,var(--card) 70%,transparent);border:1px solid var(--line);border-radius:999px;padding:8px 12px;width:max-content;max-width:94%}.msg{max-width:min(78%,640px);margin:9px 0;padding:11px 13px;border-radius:18px;background:var(--bubble);color:var(--text);box-shadow:0 3px 12px rgba(0,0,0,.08);word-break:break-word}.msg.me{margin-left:auto;background:var(--bubbleMe);color:#fff}.msg small{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-bottom:5px}.msg.me small{color:rgba(255,255,255,.78)}.receipt{font-weight:900;letter-spacing:-2px}.chat-img{display:block;max-width:min(290px,72vw);max-height:320px;border-radius:14px;margin-top:6px;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none}.chat-bottom{border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 92%,transparent);padding:12px;display:grid;gap:10px;flex-shrink:0}.bottom-actions{display:flex;gap:10px;max-width:980px;width:100%;margin:0 auto}.bottom-actions button{flex:1}.send{display:flex;gap:8px;max-width:980px;width:100%;margin:0 auto;align-items:center}.send input[type=text],.send input:not([type]){flex:1;min-width:0;pointer-events:auto;touch-action:manipulation}.icon-btn,.send-btn{width:50px;height:50px;padding:0;display:grid;place-items:center;border-radius:16px;background:var(--secondary);color:var(--secondaryText);border:1px solid var(--line);flex-shrink:0}.send-btn{background:var(--primary);color:var(--primaryText);font-size:20px}.settings-panel{max-width:980px;width:100%;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px;color:var(--text)}.settings-panel label{display:flex;gap:10px;align-items:center;font-weight:700}.settings-panel input{width:auto}.settings-panel small{display:block;color:var(--muted);margin-top:6px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(480px,94vw);background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.modal-card h2{margin:0 0 10px;color:var(--primary)}.modal-card p{color:var(--muted);line-height:1.5}.modal-card button{width:100%;margin-top:10px}
@media(max-width:700px){body{display:block}.app{width:100%}.home-card{min-height:100dvh;border-radius:0;border:0;padding:82px 20px 28px}.main-logo{flex-direction:column;gap:6px}.main-logo img{width:210px;height:140px}.main-logo span{font-size:44px}.home-actions,.why-grid{grid-template-columns:1fr}.theme-switcher{top:10px;right:10px;padding:5px;gap:5px}.theme-dot{width:18px;height:18px}.chat{height:100dvh}.chat-top{padding:4px 12px 5px;gap:2px;background:color-mix(in srgb,var(--card) 46%,transparent)}.chat-logo img{width:215px;height:78px}.chat-online-pill{font-size:11px;padding:4px 9px}.chat-status{font-size:11px}.chat-status strong{font-size:13px}.messages{padding:10px 14px 6px}.msg{max-width:86%}.bottom-actions{display:grid;grid-template-columns:1fr 1fr}.send{gap:6px}.icon-btn,.send-btn{width:44px;height:44px;border-radius:14px}.chat-bottom{padding:8px 10px max(12px,env(safe-area-inset-bottom));gap:7px;background:color-mix(in srgb,var(--card) 96%,transparent);position:relative;z-index:20}.send input{font-size:16px;padding:13px 12px;min-height:44px}}

/* MODAL BONITO DO PRÓPRIO SITE */
.app-modal-card{text-align:center;animation:modalPop .16s ease-out}
.app-modal-card h2{font-size:22px;margin-bottom:8px}
.app-modal-card p{font-size:16px;margin:0 0 18px}
.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.modal-actions button{width:100%;margin:0}
.modal-actions.single{grid-template-columns:1fr}
.modal-actions.single #appModalCancel{display:none}
@keyframes modalPop{from{opacity:.6;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* AJUSTE VISUAL: efeito palco da tela inicial */
.corner-logo{
  position:fixed;
  top:16px;
  left:16px;
  width:82px;
  height:auto;
  opacity:.78;
  z-index:45;
  pointer-events:none;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.10));
}
.hero-stage{
  position:relative;
  border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,transparent),color-mix(in srgb,var(--secondary) 38%,transparent));
  border-radius:34px;
  padding:32px 30px 30px;
  margin:0 auto 26px;
  box-shadow:0 30px 80px rgba(16,24,40,.18), inset 0 1px 0 rgba(255,255,255,.55);
  overflow:hidden;
}
.hero-stage::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.38);
  pointer-events:none;
}
.hero-stage .main-logo{margin-top:0;margin-bottom:18px;position:relative;z-index:1}
.hero-stage .subtitle,.hero-stage .online-pill,.hero-stage .field-label,.hero-stage input,.hero-stage .home-actions{position:relative;z-index:1}

/* AJUSTE VISUAL: cabeçalho do chat mais compacto e discreto */
.chat-top{
  padding:0 14px 3px !important;
  min-height:auto !important;
  gap:0 !important;
  background:color-mix(in srgb,var(--card) 34%,transparent) !important;
  border-bottom:1px solid color-mix(in srgb,var(--line) 35%,transparent) !important;
}
.chat-logo img{
  width:170px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block;
}
.chat-online-pill{
  margin:-3px 0 0 !important;
  padding:2px 7px !important;
  min-height:20px;
  font-size:12px !important;
  gap:5px !important;
  background:transparent !important;
  border:0 !important;
  color:var(--muted) !important;
}
.eye-icon{font-size:13px;line-height:1;opacity:.72}
.chat-online-pill .pulse{
  width:7px !important;
  height:7px !important;
  box-shadow:0 0 0 4px rgba(34,197,94,.12) !important;
  animation:pulseBlink 1s infinite ease-in-out;
}
.chat-status{
  margin-top:-2px !important;
  line-height:1.05 !important;
}
.chat-status strong{
  font-size:13px !important;
  margin:0 !important;
}
.chat-status span{
  font-size:11px !important;
}
@keyframes pulseBlink{
  0%,100%{opacity:.45;transform:scale(.82)}
  50%{opacity:1;transform:scale(1.08)}
}

@media(max-width:700px){
  .corner-logo{top:12px;left:12px;width:58px;opacity:.7}
  .home-card{padding-top:76px !important}
  .hero-stage{border-radius:28px;padding:28px 16px 24px;margin-bottom:20px;box-shadow:0 22px 55px rgba(16,24,40,.16)}
  .hero-stage::before{inset:8px;border-radius:22px}
  .chat-top{padding:0 10px 2px !important}
  .chat-logo img{width:158px !important;height:48px !important}
  .chat-online-pill{margin:-4px 0 0 !important;font-size:11px !important;padding:1px 6px !important}
  .chat-status{margin-top:-3px !important}
  .chat-status strong{font-size:12px !important}
  .chat-status span{font-size:10px !important}
  .messages{padding-top:8px !important}
}