/* StudioBrew branding for Roundcube login */
body {
  background: #f3f3f3 !important;
  color: #1f2933 !important;
}

.task-login #layout-content {
  text-align: center;
  width: 100%;
  display: block;
  padding-top: 3vh;
}

.task-login #logo {
  display: inline-block !important;
  position: relative;
  top: 0;
  max-height: 220px !important;
  width: auto !important;
  filter: none;
  margin-bottom: 1.5rem !important;
}

#login-form {
  margin: 0 auto;
  top: 0;
  width: min(360px, 95%) !important;
  max-width: 360px !important;
  position: relative;
}

#login-form .row {
  margin: 0 0 0.9rem 0 !important;
}

#login-form .input-group {
  border: 1px solid #d9dfe5 !important;
  border-radius: 12px !important;
  background: #f4f6f8 !important;
  overflow: hidden;
}

#login-form .input-group-text,
#login-form .input-group-addon,
#login-form .icon {
  background: transparent !important;
  border: 0 !important;
  color: #4b5563 !important;
  width: 52px !important;
}

#login-form input,
#login-form .form-control {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1f2933 !important;
  font-size: 1.05rem !important;
  height: 52px !important;
  padding-left: 1rem !important;
}

#login-form .formbuttons {
  margin-top: 0.9rem;
}

.studiobrew-backstage-link {
  display: block;
  width: min(360px, 95%);
  margin: 1rem auto 0;
  padding: 0.8rem 1rem;
  border: 1px solid #ea7fa8;
  border-radius: 12px;
  color: #c96289;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
}

.studiobrew-backstage-link:hover {
  background: #fce8ef;
  color: #aa496f;
}

#login-form input[type="submit"],
#login-form button[type="submit"],
#rcmloginsubmit {
  width: 100% !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #f29bb9 0%, #ea7fa8 100%) !important;
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

#login-form input[type="submit"]:hover,
#login-form button[type="submit"]:hover,
#rcmloginsubmit:hover {
  background: linear-gradient(135deg, #dc6e9a 0%, #ea6999 100%) !important;
}

#login-footer,
#login-footer > div {
  display: none !important;
}

#login-form .form-control:focus,
#login-form .form-control:active {
  outline: none !important;
  box-shadow: none !important;
}

#layout-content {
  background: transparent;
}