/* =========================================================
   AGENDA FACIL
   LOGIN PROFISSIONAL V808

   Carregado no HEAD.
   Não depende de JavaScript para aparecer.
   ========================================================= */

html{
    background:#0b0b0d !important;
}

body{
    background:
      radial-gradient(
        circle at 50% 0%,
        #251d16 0,
        #111113 31%,
        #09090b 72%
      ) !important;

    color:#f7f4ef !important;
}


/* =========================================================
   TOPO
   ========================================================= */

.topbar{
    min-height:94px !important;

    background:#121214 !important;

    border-bottom:
      1px solid #2f2f33 !important;

    box-shadow:none !important;
}


/* Marca AF */

.topbar .brandmark{
    background:
      linear-gradient(
        145deg,
        #e4bb88,
        #c9955e
      ) !important;

    color:#17110b !important;

    -webkit-text-fill-color:
      #17110b !important;

    border:0 !important;

    box-shadow:
      0 8px 24px
      rgba(212,165,116,.16)
      !important;
}


/* Agenda */

.topbar .brand > span:last-child{
    color:#f7f4ef !important;

    -webkit-text-fill-color:
      #f7f4ef !important;

    font-weight:800 !important;
}


/* Fácil */

.topbar .brand > span:last-child b{
    color:#d4a574 !important;

    -webkit-text-fill-color:
      #d4a574 !important;
}


/* =========================================================
   PÁGINA
   ========================================================= */

.login-page-v184{
    width:100% !important;

    min-height:
      calc(100vh - 94px)
      !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    padding:54px 18px !important;

    background:transparent !important;
}


/* =========================================================
   CARD
   ========================================================= */

.login-card-v184{
    width:min(100%,650px) !important;

    margin:0 auto !important;

    padding:46px 54px !important;

    border-radius:30px !important;

    background:
      linear-gradient(
        155deg,
        #1c1c1f,
        #151517
      ) !important;

    border:
      1px solid
      rgba(212,165,116,.30)
      !important;

    box-shadow:
      0 35px 100px
      rgba(0,0,0,.48)
      !important;
}


/* =========================================================
   TEXTOS
   ========================================================= */

.login-intro-v184 .eyebrow{
    color:#d4a574 !important;

    -webkit-text-fill-color:
      #d4a574 !important;

    font-weight:900 !important;

    letter-spacing:.13em !important;
}


.login-intro-v184 h1{
    margin:
      8px 0 10px !important;

    color:#ffffff !important;

    -webkit-text-fill-color:
      #ffffff !important;

    font-family:
      Georgia,
      "Times New Roman",
      serif !important;

    font-size:
      clamp(48px,7vw,66px)
      !important;

    line-height:.98 !important;
}


.login-intro-v184 p{
    margin-bottom:32px !important;

    color:#b9b1aa !important;

    -webkit-text-fill-color:
      #b9b1aa !important;

    font-size:18px !important;

    line-height:1.5 !important;
}


/* =========================================================
   FORMULÁRIO
   ========================================================= */

.login-form-v184{
    display:grid !important;

    gap:22px !important;
}


.login-form-v184 label{
    display:grid !important;

    gap:9px !important;

    color:#f7f4ef !important;

    -webkit-text-fill-color:
      #f7f4ef !important;

    font-weight:850 !important;

    font-size:15px !important;
}


/* =========================================================
   CAMPO LOGIN
   SEM QUADRADO @
   ========================================================= */

.af-login-identity-v808{
    width:100% !important;
}


.af-login-identity-v808 input{
    width:100% !important;
}


/*
   Segurança extra:
   se algum CSS/JS antigo tentar colocar elemento
   imediatamente depois do campo de login, ele não aparece.
*/

.af-login-identity-v808
input[name="login"] + *{
    display:none !important;
}


/* =========================================================
   INPUTS
   ========================================================= */

.login-form-v184 input{
    width:100% !important;

    height:60px !important;

    box-sizing:border-box !important;

    padding:
      0 18px !important;

    border:
      1px solid #3b3b40
      !important;

    border-radius:15px !important;

    background:#222225 !important;

    color:#ffffff !important;

    -webkit-text-fill-color:
      #ffffff !important;

    caret-color:#ffffff !important;

    font-size:16px !important;

    font-weight:700 !important;

    outline:none !important;

    box-shadow:none !important;
}


.login-form-v184 input:focus{
    border-color:
      #d4a574 !important;

    box-shadow:
      0 0 0 3px
      rgba(212,165,116,.13)
      !important;
}


.login-form-v184 input::placeholder{
    color:#77736f !important;

    -webkit-text-fill-color:
      #77736f !important;

    opacity:1 !important;
}


/* Chrome / Edge autofill */

.login-form-v184
input:-webkit-autofill,

.login-form-v184
input:-webkit-autofill:hover,

.login-form-v184
input:-webkit-autofill:focus{

    -webkit-text-fill-color:
      #ffffff !important;

    caret-color:#ffffff !important;

    -webkit-box-shadow:
      0 0 0 1000px
      #222225 inset !important;

    box-shadow:
      0 0 0 1000px
      #222225 inset !important;

    transition:
      background-color
      999999s ease-in-out
      0s !important;
}


/* =========================================================
   SENHA
   ========================================================= */

.login-password-wrap-v184{
    position:relative !important;
}


.login-password-wrap-v184 input{
    padding-right:68px !important;
}


/* botão vira olhinho */

.login-show-password-v184{
    position:absolute !important;

    right:8px !important;
    top:50% !important;

    transform:
      translateY(-50%)
      !important;

    width:45px !important;
    height:45px !important;

    padding:0 !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    border:0 !important;

    border-radius:11px !important;

    background:#2c2926 !important;

    color:#d4a574 !important;

    -webkit-text-fill-color:
      #d4a574 !important;

    font-size:0 !important;

    cursor:pointer !important;
}


.login-show-password-v184::after{
    content:"◉";

    font-size:22px !important;

    color:#d4a574 !important;
}


.login-show-password-v184:hover{
    background:#393129 !important;
}


/* =========================================================
   ENTRAR
   ========================================================= */

.login-submit-v184,
.login-form-v184
button[type="submit"]{

    width:100% !important;

    height:60px !important;

    border:0 !important;

    border-radius:15px !important;

    background:
      linear-gradient(
        135deg,
        #e4bb88,
        #ca965f
      ) !important;

    color:#17110b !important;

    -webkit-text-fill-color:
      #17110b !important;

    font-size:17px !important;

    font-weight:900 !important;

    box-shadow:
      0 16px 38px
      rgba(212,165,116,.19)
      !important;

    cursor:pointer !important;
}


/* links */

.login-card-v184 a{
    color:#d4a574 !important;

    -webkit-text-fill-color:
      #d4a574 !important;
}


.login-divider-v184{
    color:#77736f !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

    .topbar{
        min-height:76px !important;
    }

    .login-page-v184{
        min-height:
          calc(100vh - 76px)
          !important;

        align-items:flex-start !important;

        padding:
          22px 12px !important;
    }

    .login-card-v184{
        padding:
          30px 21px !important;

        border-radius:
          23px !important;
    }

    .login-intro-v184 h1{
        font-size:
          48px !important;
    }

}