/* Center Informatica: scoped visual foundation, first used by Mobile login. */
.gw-mobile-login {
  --gw-blue: #0c478f;
  --gw-ink: #10285b;
  --gw-border: #d8e7f3;
  color: var(--gw-ink);
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
  background: radial-gradient(ellipse at 10% 0%, #b4ddff 0%, transparent 48%), linear-gradient(160deg, #f8fcff 25%, #edf9ff 72%, #c7eaff 100%);
}
.gw-mobile-login::before,
.gw-mobile-login::after {
  content: '';
  position: absolute;
  pointer-events: none;
  bottom: -95px;
  left: -15%;
  width: 130%;
  height: 190px;
  border-radius: 50% 50% 0 0;
  background: rgba(52, 164, 245, .16);
  transform: rotate(-8deg);
}
.gw-mobile-login::after { bottom: -125px; transform: rotate(9deg); background: rgba(23, 130, 237, .17); }
.gw-mobile-login .gw-login-logo { background: transparent; }
.gw-mobile-login .gw-login-version { color: #315580; font-size: 14px; line-height: 22px; text-align: center; }
.gw-mobile-login .gw-login-title { color: #10285b; font-size: 26px; font-weight: 650; line-height: 34px; text-align: center; }
.gw-mobile-login .gw-login-company { color: #29476f; font-size: 13px; line-height: 20px; text-align: center; overflow-wrap: anywhere; }
.gw-mobile-login .gw-login-field {
  background: rgba(255, 255, 255, .94);
  border: 1px solid var(--gw-border);
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(29, 82, 130, .035);
  overflow: hidden;
}
.gw-mobile-login .gw-login-field .x-component-outer,
.gw-mobile-login .gw-login-field .x-field-input,
.gw-mobile-login .gw-login-field .x-input-el { background: transparent; border: 0; }
.gw-mobile-login .gw-login-field .x-input-el { color: #102548; font-family: inherit; font-size: 16px; padding: 0 16px; min-height: 50px; }
.gw-mobile-login .gw-login-field .x-input-el::placeholder { color: #7186a0; opacity: 1; }
.gw-mobile-login .gw-login-field:focus-within { border-color: #2583d9; box-shadow: 0 0 0 3px rgba(37, 131, 217, .15); }
.gw-mobile-login .gw-login-submit {
  border: 1px solid #0b438a;
  border-radius: 12px;
  background: linear-gradient(115deg, #0b55a9, #093c80);
  box-shadow: 0 7px 18px rgba(10, 73, 147, .19);
  color: #fff;
}
.gw-mobile-login .gw-login-submit .x-inner-el,
.gw-mobile-login .gw-login-submit .x-button-label { background: transparent; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; text-shadow: none; }
.gw-mobile-login .gw-login-submit.x-button-pressing { background: #073775; }
.gw-mobile-login .gw-login-submit:focus-within { outline: 3px solid #84c9ff; outline-offset: 3px; }
.gw-mobile-login .gw-login-footer { color: #42668d; font-size: 12px; line-height: 20px; text-align: center; }
.gw-mobile-login .gw-login-guid { color: #42668d; font-size: 11px; text-align: center; overflow-wrap: anywhere; }
@media (max-width: 350px) {
  .gw-mobile-login .gw-login-title { font-size: 23px; }
  .gw-mobile-login .gw-login-logo { max-width: 100%; }
}
/* Keep the Mobile form frame and title consistent without global theme overrides. */
.x-formpanel:has(.gw-mobile-login) .x-formpanel-body-el { padding: 0 !important; }
.x-formpanel:has(.gw-mobile-login) .x-toolbar { background: #0c478f; color: #fff; border: 0; }
.x-formpanel:has(.gw-mobile-login) .x-toolbar .x-title { color: #fff; font-family: 'Segoe UI', Roboto, Arial, sans-serif; font-weight: 600; }
.gw-mobile-login > .x-body-el { z-index: 1; }
.gw-mobile-login .gw-login-company .x-innerhtml:empty::before { content: 'Acesse sua conta para continuar'; color: #607b98; }
.gw-mobile-login .gw-login-guid:has(.x-innerhtml:empty) { display: none !important; }
.gw-mobile-login .gw-login-submit .x-button-label::before { content: '\2192'; margin-right: 20px; font-size: 22px; vertical-align: -1px; }
.gw-mobile-login .gw-login-submit .x-text-el { color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; }
.gw-mobile-login .gw-login-submit .x-text-el::before { content: '\2192'; display: inline-block; margin-right: 20px; font-size: 23px; vertical-align: -1px; }
.x-formpanel:has(.gw-mobile-login) .x-toolbar .x-button { background: rgba(255,255,255,.94); border-radius: 8px; border: 0; }

/* Company identification can grow to any number of lines in the vbox. */
.gw-mobile-login .gw-login-title { height: auto !important; min-height: 36px; font-size: clamp(18px, 5vw, 24px); line-height: 1.3; }
.gw-mobile-login .gw-login-title .x-innerhtml { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.gw-mobile-login .gw-login-title .x-innerhtml:empty::before { content: 'Gestão Web Mobile'; }
.gw-mobile-login .gw-login-company { height: auto !important; min-height: 32px; }
@media (max-width: 350px) { .gw-mobile-login .gw-login-title { font-size: 18px; } }