/* Rctngl sign-in branding */
body:has(.page-content.user.signin),
body:has(.page-content.user.signin) .full.height,
body:has(.page-content.user.signin) .page-content.user.signin {
  background: #f4f5ef !important;
  color: #111510 !important;
}

body:has(.page-content.user.signin) .page-content.user.signin {
  padding: 1.5rem 1rem 3rem;
}

body:has(.page-content.user.signin) .page-content.user.signin::before {
  content: "RCTNGL";
  display: block;
  width: max-content;
  margin: 1rem auto 2rem;
  padding: 0 0 .45rem;
  border-bottom: .45rem solid #cfff2f;
  color: #111510;
  font: 800 clamp(2rem, 8vw, 3.25rem)/1 monospace;
  letter-spacing: .12em;
}

body:has(.page-content.user.signin) .ui.secondary.menu,
body:has(.page-content.user.signin) footer {
  background: #111510 !important;
  border-color: #111510 !important;
  color: #cfff2f !important;
}

body:has(.page-content.user.signin) .ui.secondary.menu .item,
body:has(.page-content.user.signin) .ui.secondary.menu .item > .icon,
body:has(.page-content.user.signin) footer a,
body:has(.page-content.user.signin) footer .item {
  color: #cfff2f !important;
}

body:has(.page-content.user.signin) .ui.secondary.menu .item:hover {
  background: #292e25 !important;
}

body:has(.page-content.user.signin) .ui.top.attached.header {
  background: #111510 !important;
  border: 1px solid #111510 !important;
  color: #cfff2f !important;
  font-weight: 800;
  letter-spacing: .04em;
}

body:has(.page-content.user.signin) .ui.attached.segment {
  background: #fff !important;
  border-color: #111510 !important;
  color: #111510 !important;
  box-shadow: 5px 5px 0 #cfff2f !important;
}

body:has(.page-content.user.signin) .ui.attached.segment label,
body:has(.page-content.user.signin) .ui.attached.segment .field,
body:has(.page-content.user.signin) .ui.attached.segment .checkbox label {
  color: #111510 !important;
}

body:has(.page-content.user.signin) input {
  border: 1px solid #74786f !important;
  background: #fff !important;
  color: #111510 !important;
}

body:has(.page-content.user.signin) input:focus {
  border-color: #111510 !important;
  box-shadow: 0 0 0 2px #cfff2f !important;
}

body:has(.page-content.user.signin) .ui.primary.button {
  background: #cfff2f !important;
  color: #111510 !important;
  border: 1px solid #111510 !important;
  font-weight: 800;
}

body:has(.page-content.user.signin) .ui.primary.button:hover {
  background: #b9eb20 !important;
}

body:has(.page-content.user.signin) .ui.attached.segment a {
  color: #30372a !important;
  text-decoration-color: #cfff2f;
}

body:has(.page-content.user.signin) .ui.attached.segment.header {
  margin-top: 1rem !important;
  background: #fff !important;
  color: #111510 !important;
  box-shadow: 5px 5px 0 #cfff2f !important;
}

body:has(.page-content.user.signin) .ui.warning.message {
  background: #fff !important;
  border: 1px solid #111510 !important;
  color: #111510 !important;
  box-shadow: 4px 4px 0 #cfff2f !important;
}

@media (max-width: 600px) {
  body:has(.page-content.user.signin) .page-content.user.signin {
    padding: 1rem .85rem 2rem;
  }
  body:has(.page-content.user.signin) .page-content.user.signin::before {
    margin: .5rem auto 1.5rem;
    font-size: 2.25rem;
  }
  body:has(.page-content.user.signin) .ui.attached.segment {
    padding: 1rem !important;
    box-shadow: 3px 3px 0 #cfff2f !important;
  }
  body:has(.page-content.user.signin) .ui.attached.segment.header {
    box-shadow: 3px 3px 0 #cfff2f !important;
  }
  body:has(.page-content.user.signin) footer {
    font-size: .85rem;
  }
}