/* TOOLSTUDY — Personalização da tela de login */

#app:has(._login_45te1_61) {
  background-color: #191919;
}

/* Área esquerda */
#app ._login_45te1_61 {
  color: #ffffff;
}

/* Títulos e rótulos */
#app:has(._login_45te1_61) h1,
#app:has(._login_45te1_61) h2,
#app:has(._login_45te1_61) label,
#app:has(._login_45te1_61) ._inputLabel_45te1_53 {
  color: #ffffff;
}

/* Campos */
#app:has(._login_45te1_61) input {
  background-color: #303030;
  color: #ffffff;
  border-color: #555555;
}

#app:has(._login_45te1_61) input:focus {
  border-color: #d8af60;
}

/* Botão de entrada */
#app:has(._login_45te1_61) button[type="submit"] {
  background-color: #d8af60;
  color: #191919;
  border-color: #d8af60;
}

#app:has(._login_45te1_61) button[type="submit"]:hover {
  background-color: #e7c783;
}

/* Links */
#app:has(._login_45te1_61) a {
  color: #d8af60;
}

/* Links */
#app:has(._login_45te1_61) a {
  color: #d8af60;
}

/* Botão ao passar o mouse */
#app:has(._login_45te1_61) button[type="submit"]:hover {
  background-color: #e7c783;
}

/* Links */
#app:has(._login_45te1_61) a {
  color: #d8af60;
}

/* Botão ao passar o mouse */
#app:has(._login_45te1_61) button[type="submit"]:hover {
  background-color: #e7c783;
}

/* TOOLSTUDY — Correção do fundo do login */
#app ._wrapper_45te1_92 {
  background: #191919 !important;
}

/* Textos do formulário */
#app ._formTitle_45te1_36,
#app ._formSubtitle_45te1_40,
#app ._inputLabel_45te1_53 {
  color: #ffffff !important;
}

/* Botão principal do formulário */
#app ._form_45te1_30 button[type="submit"],
#app ._form_45te1_30 button[type="submit"] * {
  background-color: #d8af60 !important;
  color: #191919 !important;
}

/* Texto do rodapé */
#app ._poweredByText_45te1_87 {
  color: #bbbbbb !important;
}

/* TOOLSTUDY — Botão dourado do login */
#app ._form_45te1_30 button[type="submit"],
#app ._form_45te1_30 button[type="submit"] > *,
#app ._form_45te1_30 .ui.primary.button,
#app ._form_45te1_30 .ui.primary.button:hover {
  background: #d8af60 !important;
  background-color: #d8af60 !important;
  color: #191919 !important;
  border-color: #d8af60 !important;
}

/* Variações de botão principal */
#app ._form_45te1_30 button.primary,
#app ._form_45te1_30 .primary.button {
  background: #d8af60 !important;
  color: #191919 !important;
}

/* TOOLSTUDY — Nome exibido no login */
#app ._formTitle_45te1_36 {
  font-size: 0 !important;
}

#app ._formTitle_45te1_36::after {
  content: "TOOLSTUDY";
  display: block;
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 2px;
}

/* ToolStudy — identidade do cabeçalho */
#app a._logo_jdrq3_40._title_jdrq3_77 {
  font-size: 0 !important;
  white-space: nowrap;
}

#app a._logo_jdrq3_40._title_jdrq3_77::before {
  content: "TOOLSTUDY";
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 2px;
}

#app a._logo_jdrq3_40._title_jdrq3_77::after {
  content: " TAREFAS";
  font-size: 15px;
  font-weight: 600;
  color: #d8af60;
  letter-spacing: 1px;
}