html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#f5f7fa;font-family:Inter,system-ui,sans-serif}
.opa_ico{opacity:0!important;pointer-events:none!important}
.opa_chat{position:fixed!important;top:var(--app-top,0px)!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:100vh!important;height:var(--app-h,100dvh)!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;box-shadow:none!important;background:#f5f7fa!important;font-family:Inter,system-ui,sans-serif!important;z-index:2147483646!important;flex-direction:column!important}
.opa_cabecalho{flex:none!important;height:calc(64px + env(safe-area-inset-top))!important;background:#ffffff!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:12px;row-gap:1px;padding:env(safe-area-inset-top) max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left))!important;box-sizing:border-box!important}
.opa_cabecalho::before{content:"Wiki Telecom";grid-column:2;grid-row:1;align-self:end;font-weight:600;font-size:17px;line-height:22px;color:#111827}
.opa_cabecalho::after{content:"online";grid-column:2;grid-row:2;align-self:start;font-size:13px;line-height:18px;color:#16a34a}
.opa_minimize{display:block!important;position:static!important;grid-column:1;grid-row:1/3;align-self:center;width:42px!important;height:42px!important;border-radius:50%!important;background:#004aab url("../assets/img/avatar-wiki.jpg") center/cover no-repeat!important;box-shadow:0 0 0 1px rgba(0,0,0,.08)!important;pointer-events:none!important;cursor:default!important}
.opa_close{display:none!important}
.opa_corpo{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:24px max(16px,calc((100vw - 760px)/2))!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}
.opa_corpo>*{display:flex;flex-direction:column}
.opa_ballon{background:#ffffff!important;color:#111827!important;border-radius:16px 16px 16px 4px!important;padding:12px 16px 8px!important;margin:6px 0!important;font-size:15px!important;line-height:22px!important;box-shadow:0 1px 2px rgba(0,0,0,.06)!important;border:1px solid #e5e7eb!important;max-width:75%!important;align-self:flex-start!important}
.opa_ballon.enviada{background:#2563eb!important;color:#ffffff!important;border:none!important;border-radius:16px 16px 4px 16px!important;align-self:flex-end!important}
.opa_ballon:before,.opa_ballon:after{display:none!important}
.opa_ballon .time{font-size:11px!important;color:#6b7280!important;margin-top:4px!important}
.opa_ballon.enviada .time{color:#dbeafe!important}
.opa_rodape{flex:none!important;height:auto!important;min-height:72px!important;background:#ffffff!important;border-top:1px solid #e5e7eb!important;padding:12px max(16px,calc((100vw - 760px)/2)) calc(12px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;align-items:center!important;gap:10px!important}
.opa_rodape_input{flex:1 1 auto!important;min-width:0!important;width:0!important;background:#f3f4f6!important;border-radius:999px!important;padding:12px 18px!important;height:48px!important;box-sizing:border-box!important;font-size:16px!important;font-family:Inter,system-ui,sans-serif!important;align-items:center!important}
.opa_rodape_menu{flex:none!important;width:40px!important;height:40px!important;border-radius:50%!important}
.opa_rodape_send{width:48px!important;height:48px!important;border-radius:50%!important;background-color:#2563eb!important;filter:none!important;flex:none!important}
.opa_rodape_send{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M476 3.2L12.5 270.6c-18.1 10.4-15.8 35.6 2.2 43.2L121 358.4l287.3-253.2c5.5-4.9 13.3 2.6 8.6 8.3L176 407v80.5c0 23.6 28.5 32.9 42.5 15.8L282 426l124.6 52.2c14.2 6 30.4-2.9 33-18.2l72-432C515 7.8 493.3-6.8 476 3.2z'/%3E%3C/svg%3E")!important}
.opa_rodape_send:hover{opacity:1!important;background-color:#1d4ed8!important}
.sem-login,.div-logins{visibility:hidden!important}
@media (max-width:600px){
  .opa_cabecalho{height:calc(56px + env(safe-area-inset-top))!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}
  .opa_cabecalho{column-gap:10px}
  .opa_cabecalho::before{font-size:16px;line-height:20px}
  .opa_cabecalho::after{font-size:12px;line-height:16px}
  .opa_minimize{width:40px!important;height:40px!important}
  .opa_corpo{padding:16px 12px!important}
  .opa_ballon{max-width:85%!important}
  .opa_rodape{min-height:64px!important;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;gap:6px!important}
  .opa_rodape_input{height:44px!important;padding:10px 16px!important}
  .opa_rodape_send{width:44px!important;height:44px!important}
}