#ufta-public-widget {
  --ufta-navy: #09284b;
  --ufta-navy-hover: #061d37;
  --ufta-accent: #d4a23b;
  --ufta-user: #fff3d9;
  --ufta-bottom: max(24px, env(safe-area-inset-bottom));
  color: #173858;
  font: 15px/1.5 Arial, Helvetica, sans-serif;
  text-align: left;
}
#ufta-public-widget[data-institution="trabalho"] {
  --ufta-navy: #002147;
  --ufta-navy-hover: #00172f;
  --ufta-accent: #fdc800;
  --ufta-user: #fff5ce;
}
#ufta-public-widget *, #ufta-public-widget *::before, #ufta-public-widget *::after { box-sizing: border-box; }
#ufta-public-widget .ufta-launch {
  position: fixed; right: 24px; bottom: var(--ufta-bottom); z-index: 99998;
  max-width: calc(100vw - 32px); margin: 0; border: 0; border-top: 3px solid var(--ufta-accent);
  border-radius: 999px; padding: 14px 20px; background: var(--ufta-navy); color: #fff;
  font: 700 15px/1.35 Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: normal;
  box-shadow: 0 10px 30px #09284b40; cursor: pointer; white-space: normal;
}
#ufta-public-widget .ufta-launch:hover, #ufta-public-widget .ufta-send:hover { background: var(--ufta-navy-hover); color: #fff; }
#ufta-public-widget .ufta-panel {
  position: fixed; right: 24px; bottom: calc(var(--ufta-bottom) + 68px); z-index: 99999;
  display: flex; flex-direction: column; width: min(430px, calc(100vw - 28px));
  height: min(630px, calc(100vh - 116px)); margin: 0; padding: 0; overflow: hidden;
  border: 1px solid #d6e0eb; border-top: 4px solid var(--ufta-accent); border-radius: 16px;
  background: #fff; color: #173858; box-shadow: 0 18px 48px #09284b45;
  font: 15px/1.5 Arial, Helvetica, sans-serif;
}
#ufta-public-widget .ufta-panel[hidden] { display: none; }
#ufta-public-widget .ufta-header {
  display: flex; flex: none; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0; padding: 16px 18px; background: var(--ufta-navy); color: #fff;
}
#ufta-public-widget .ufta-header strong { display: block; font: 700 16px/1.3 Arial, Helvetica, sans-serif; color: #fff; }
#ufta-public-widget .ufta-header small { display: block; margin-top: 4px; font: 400 12px/1.4 Arial, Helvetica, sans-serif; color: #e5ecf4; }
#ufta-public-widget .ufta-close {
  display: grid; flex: none; place-items: center; width: 32px; height: 32px; margin: 0; padding: 0;
  border: 0; border-radius: 6px; background: transparent; color: #fff; cursor: pointer;
  font: 400 27px/1 Arial, Helvetica, sans-serif; text-transform: none;
}
#ufta-public-widget .ufta-close:hover { background: #ffffff20; }
#ufta-public-widget .ufta-log { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 16px; background: #fff; }
#ufta-public-widget .ufta-log p {
  max-width: 96%; margin: 0 0 12px; padding: 12px 14px; border: 1px solid #e6edf4;
  border-radius: 12px; background: #f1f5f9; color: #173858; font: inherit;
  white-space: pre-line; overflow-wrap: anywhere; text-align: left;
}
#ufta-public-widget .ufta-log p.user { margin-left: auto; background: var(--ufta-user); border-color: #e6d5a8; }
#ufta-public-widget .ufta-log p.status { color: #5d6e80; font-style: italic; }
#ufta-public-widget .ufta-log a { color: #064b84; font-weight: 700; text-decoration: underline; overflow-wrap: anywhere; }
#ufta-public-widget .ufta-log a:hover { color: #002147; }
#ufta-public-widget .ufta-form { display: flex; flex: none; gap: 8px; margin: 0; padding: 12px; border-top: 1px solid #e1e8f0; background: #fff; }
#ufta-public-widget .ufta-input {
  display: block; flex: 1; min-width: 0; width: auto; height: auto; margin: 0; padding: 11px 12px;
  border: 1px solid #aebfd1; border-radius: 9px; background: #fff; color: #173858;
  font: 15px/1.4 Arial, Helvetica, sans-serif; box-shadow: none;
}
#ufta-public-widget .ufta-input::placeholder { color: #68798a; opacity: 1; }
#ufta-public-widget .ufta-send {
  display: block; flex: none; margin: 0; padding: 11px 15px; border: 0; border-radius: 9px;
  background: var(--ufta-navy); color: #fff; cursor: pointer;
  font: 700 14px/1.4 Arial, Helvetica, sans-serif; text-transform: none; letter-spacing: normal;
}
#ufta-public-widget .ufta-send:disabled { opacity: .6; cursor: wait; }
#ufta-public-widget .ufta-input:disabled { background: #f5f7fa; }
#ufta-public-widget .ufta-note { flex: none; margin: 0; padding: 0 14px 12px; color: #617286; background: #fff; font: 400 11px/1.45 Arial, Helvetica, sans-serif; }
#ufta-public-widget button:focus-visible, #ufta-public-widget input:focus-visible, #ufta-public-widget a:focus-visible { outline: 3px solid var(--ufta-accent); outline-offset: 2px; }
#ufta-public-widget .ufta-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@supports (height: 100dvh) { #ufta-public-widget .ufta-panel { height: min(630px, calc(100dvh - 116px)); } }
@media (max-width: 600px) {
  #ufta-public-widget { --ufta-bottom: max(16px, env(safe-area-inset-bottom)); }
  #ufta-public-widget .ufta-launch { right: 16px; padding: 13px 17px; font-size: 14px; }
  #ufta-public-widget .ufta-panel { right: 12px; width: calc(100vw - 24px); bottom: calc(var(--ufta-bottom) + 64px); height: min(630px, calc(100vh - 104px)); }
  #ufta-public-widget .ufta-header { padding: 14px 15px; }
  #ufta-public-widget .ufta-header strong { font-size: 15px; }
  #ufta-public-widget .ufta-log { padding: 13px; }
  #ufta-public-widget .ufta-input { font-size: 16px; }
}
@supports (height: 100dvh) { @media (max-width: 600px) { #ufta-public-widget .ufta-panel { height: min(630px, calc(100dvh - 104px)); } } }
