/* Casa Show Webmail — brand overrides */
:root {
  --casa-blue: #164fa7;
  --casa-blue-dark: #0a2f70;
  --casa-red: #ef1723;
  --casa-ink: #12213a;
}

/* Login */
html:not(.ua-gmail-ui) body {
  background:
    radial-gradient(circle at 13% 16%, rgba(255,255,255,.16), transparent 27%),
    linear-gradient(116deg, var(--casa-blue-dark) 0 48%, #f5f7fb 48.1% 100%) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin)::before {
  content: "CASA SHOW\A E-MAIL CORPORATIVO\A\A Comunicação segura, simples e profissional." !important;
  white-space: pre-wrap !important;
  color: #fff !important;
  font: 500 22px/1.55 RobotoLocal, Arial, sans-serif !important;
  background: none !important;
  left: -300px !important;
  top: 61% !important;
  width: 34vw !important;
  transform: translateY(-50%) !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.16) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin)::after {
  content: "" !important;
  position: fixed !important;
  left: 7vw !important;
  top: calc(50% - 215px) !important;
  width: 220px !important;
  height: 158px !important;
  z-index: 12 !important;
  background: url('/custom/casashow-logo.svg?v=1') center/contain no-repeat !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin) {
  right: 260px !important;
  left: auto !important;
  background: #fff !important;
  color: var(--casa-ink) !important;
  border-top: 5px solid var(--casa-red) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin)::before {
  content: "Acesse seu e-mail" !important;
  color: var(--casa-ink) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin)::after {
  content: "Use seu endereço corporativo e sua senha" !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin) input:focus {
  border-color: var(--casa-blue) !important;
  box-shadow: 0 0 0 4px rgba(22,79,167,.13) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin) .buttonLogin {
  background: linear-gradient(135deg, var(--casa-blue), var(--casa-blue-dark)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(22,79,167,.24) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) form:has(.buttonLogin) .buttonLogin:hover {
  background: linear-gradient(135deg, #1b5fc4, var(--casa-blue)) !important;
}
html:not(.ua-gmail-ui) body:has(.buttonLogin) .logo { display: none !important; }

/* Mailbox */
html.ua-gmail-ui .ua-brand img {
  width: 116px !important;
  max-width: 116px !important;
  max-height: 58px !important;
}
html.ua-gmail-ui .ua-brand {
  width: 154px !important;
  min-width: 154px !important;
  max-width: 154px !important;
}
html.ua-gmail-ui .ua-inbox-tab {
  border-bottom-color: var(--casa-blue) !important;
  color: var(--casa-blue) !important;
}
html.ua-gmail-ui .buttonCompose {
  background: #e8effb !important;
  color: var(--casa-blue-dark) !important;
}
html.ua-gmail-ui .buttonCompose:hover { background: #d9e6f8 !important; }
#V-PopupsCompose header { background: var(--casa-blue-dark) !important; }
#V-PopupsCompose header .btn-success {
  background: var(--casa-red) !important;
}
#V-PopupsCompose header .btn-success:hover { background: #c5101a !important; }

@media (max-width: 900px) {
  html:not(.ua-gmail-ui) body { background: linear-gradient(145deg, var(--casa-blue-dark), var(--casa-blue)) !important; }
  html:not(.ua-gmail-ui) body:has(.buttonLogin)::after { display: none !important; }
  html:not(.ua-gmail-ui) body:has(.buttonLogin)::before { display: none !important; }
}

/* Strong reset for legacy login layers inherited from the Portal base. */
html body#rl-app:has(.buttonLogin)::before {
  content: none !important;
  display: none !important;
  background: none !important;
}
html body#rl-app:has(.buttonLogin)::after {
  content: "Acabamentos" !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  position: fixed !important;
  z-index: 20 !important;
  left: auto !important;
  right: 260px !important;
  top: 50% !important;
  width: 360px !important;
  height: 330px !important;
  transform: translateY(-50%) !important;
  padding: 0 0 4px !important;
  box-sizing: border-box !important;
  background: url('/custom/casashow-logo.svg?v=1') center top/330px auto no-repeat !important;
  color: var(--casa-blue-dark) !important;
  font: italic 600 36px/1.1 Georgia, 'Times New Roman', serif !important;
  letter-spacing: .4px !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.8) !important;
}
html body#rl-app:has(.buttonLogin) #V-Login form {
  position: fixed !important;
  z-index: 21 !important;
  top: 50% !important;
  right: auto !important;
  left: -300px !important;
  transform: translateY(-50%) !important;
  width: min(440px, calc(100vw - 48px)) !important;
  margin: 0 !important;
  padding: 126px 42px 38px !important;
  background: #fff !important;
  color: var(--casa-ink) !important;
  border: 0 !important;
  border-top: 5px solid var(--casa-red) !important;
  border-radius: 25px !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.22) !important;
  filter: none !important;
  opacity: 1 !important;
}
html body#rl-app:has(.buttonLogin) #V-Login form::before {
  content: "Acesse seu e-mail" !important;
  color: var(--casa-ink) !important;
}
html body#rl-app:has(.buttonLogin) #V-Login form::after {
  content: "Use seu endereço corporativo e sua senha" !important;
  color: #64748b !important;
}
html body#rl-app:has(.buttonLogin) #V-Login form input {
  background: #fff !important;
  color: var(--casa-ink) !important;
  border-color: #cbd5e1 !important;
}
html body#rl-app:has(.buttonLogin) #V-Login form .buttonLogin {
  color: #fff !important;
  background: linear-gradient(135deg, var(--casa-blue), var(--casa-blue-dark)) !important;
}
@media (max-width: 900px) {
  html body#rl-app:has(.buttonLogin)::after { display: none !important; }
  html body#rl-app:has(.buttonLogin) #V-Login form {
    right: 50% !important;
    transform: translate(50%,-50%) !important;
  }
}