/* ==========================================================================
   VIXY Hedge LP — login pages
   Brings /web-dashboard (user) and /web-dashboard/admin to the same palette
   as the main site. Loaded LAST so it overrides Bootstrap, easilon.css and
   style.css without editing them. Scoped to body.vixy-auth so no other
   dashboard page is affected.
   ========================================================================== */

.vixy-auth{
  --ink:#07111b; --navy:#0b1b29; --gold:#c2a161; --gold2:#a9864b;
  --line:rgba(194,161,97,.34);
  background:var(--ink)!important;
  color:#eef2f5;
  min-height:100vh;
  font-family:Inter,Arial,Helvetica,sans-serif;
  padding:0!important;              /* the page ships body class="p-4" */
  /* style.css sets body{display:flex;justify-content:center}, which turns the
     site header into a flex ITEM and squeezes it beside the card. Column
     direction puts the header back on top, full width, card centred below. */
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
}

/* header styling now lives in vixy-header.css, shared by every page */

/* --- the login card ------------------------------------------------------- */
.vixy-auth>.container{
  max-width:440px;
  margin:4.5rem auto;
  background:var(--navy);
  border:1px solid var(--line);
  border-radius:10px;
  padding:2.6rem 2.4rem 2.8rem;
  box-shadow:0 28px 70px rgba(0,0,0,.45);
}
.vixy-auth>.container h2{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:2rem;
  color:#fff;
  text-align:center;
  margin:0 0 .35rem;
}
/* small gold rule under the heading, echoing the site's section eyebrows */
.vixy-auth>.container h2::after{
  content:"";display:block;width:54px;height:1px;
  background:var(--gold);margin:.9rem auto 1.9rem;
}

/* --- fields --------------------------------------------------------------- */
.vixy-auth .form-group{margin-bottom:1.15rem}
.vixy-auth .form-group label{
  display:block;
  font-size:.66rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--gold);
  margin-bottom:.45rem;
}
.vixy-auth .form-control{
  background:#0f2130;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  color:#eef2f5;
  height:auto;
  padding:.82rem .9rem;
  font-size:.95rem;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.vixy-auth .form-control::placeholder{color:#7c8790}
.vixy-auth .form-control:focus{
  background:#0f2130;
  color:#eef2f5;
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(194,161,97,.18);
  outline:0;
}
/* keep Chrome's autofill from painting the field white */
.vixy-auth .form-control:-webkit-autofill,
.vixy-auth .form-control:-webkit-autofill:focus{
  -webkit-text-fill-color:#eef2f5;
  -webkit-box-shadow:0 0 0 1000px #0f2130 inset;
}
.vixy-auth .password-container .fa-eye,
.vixy-auth .password-container .fa-eye-slash,
.vixy-auth .password-container .password-toggle-icon{color:#8a949c}
.vixy-auth .password-container .fa-eye:hover,
.vixy-auth .password-container .fa-eye-slash:hover,
.vixy-auth .password-container .password-toggle-icon:hover{color:var(--gold)}

/* --- submit --------------------------------------------------------------- */
.vixy-auth .btn-primary{
  display:block;
  width:100%;
  margin-top:1.5rem;
  background:var(--gold);
  border:1px solid var(--gold);
  border-radius:6px;
  color:var(--ink);
  font-weight:800;
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:.95rem 1rem;
  transition:.18s ease;
}
.vixy-auth .btn-primary:hover,
.vixy-auth .btn-primary:focus{
  background:var(--gold2);
  border-color:var(--gold2);
  color:var(--ink);
  box-shadow:0 0 0 3px rgba(194,161,97,.2);
}

/* --- alerts --------------------------------------------------------------- */
.vixy-auth .alert{border:0;border-left:3px solid;border-radius:4px;font-size:.88rem;padding:.8rem 1rem}
.vixy-auth .alert-danger{background:rgba(176,65,62,.14);border-color:#b0413e;color:#f0b5b3}
.vixy-auth .alert-success{background:rgba(46,125,82,.14);border-color:#2e7d52;color:#a9dcc0}

/* --- forgot password / sign up links (user login only) -------------------- */
.vixy-auth .index-links{margin-top:1.4rem!important;font-size:.82rem}
.vixy-auth .index-links a{color:#aab5bd!important;font-weight:500}
.vixy-auth .index-links a:hover{color:var(--gold)!important;text-decoration:none}

@media(max-width:600px){
  .vixy-auth>.container{margin:2.2rem auto;padding:2rem 1.4rem 2.2rem;max-width:none;width:92%}
  .vixy-auth>.container h2{font-size:1.65rem}
}

/* vixyhedge's user login uses plain <p class="mt-3"> links, not .index-links */
.vixy-auth>.container p{color:#aab5bd;text-align:center;font-size:.82rem;margin-top:1.4rem!important}
.vixy-auth>.container p a{color:#c2a161!important;font-weight:600}
.vixy-auth>.container p a:hover{color:#eef2f5!important;text-decoration:none}