/* AxadleHost Control Panel - login restyle (added 2026-09-10).
   Loaded last so it overrides INSPINIA/Bootstrap without touching their files. */
:root{
  --ax-teal:#25E8B0;
  --ax-cyan:#12A9F0;
  --ax-blue:#0A55FF;
  --ax-navy:#0B2447;
  --ax-ink:#22374d;
  --ax-muted:#7c8ea3;
  --ax-line:#e3eaf3;
  --ax-card:#ffffff;
}

body.gray-bg,body{
  background:linear-gradient(160deg,#f5f8fc 0%,#eaf1fa 55%,#e4edfa 100%) !important;
  color:var(--ax-ink);
  font-family:'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* soft brand glow behind the page, echoing the mark */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(46rem 30rem at 12% 8%,rgba(37,232,176,.13),transparent 60%),
    radial-gradient(50rem 32rem at 88% 92%,rgba(10,85,255,.11),transparent 62%);
}
.middle-box,.logged-message-wrapper,.loginscreen{position:relative;z-index:1;}

.ax-logo{max-width:100%;height:auto;margin:0 0 22px;display:inline-block;}

/* the login card */
.ibox-content{
  background:var(--ax-card) !important;
  border:1px solid var(--ax-line) !important;
  border-radius:16px !important;
  padding:30px 28px !important;
  box-shadow:0 18px 46px -22px rgba(11,36,71,.34),0 2px 6px rgba(11,36,71,.05);
}

/* inputs */
.form-control{
  height:48px;border-radius:10px;border:1px solid var(--ax-line);
  background:#fbfdff;padding:10px 14px;font-size:15px;color:var(--ax-ink);
  box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.form-control::placeholder{color:#9fb0c4;}
.form-control:focus{
  border-color:var(--ax-cyan);background:#fff;
  box-shadow:0 0 0 4px rgba(18,169,240,.16);outline:none;
}
select.form-control{height:48px;}
.form-group{margin-bottom:16px;}

/* primary action */
.btn-primary,.btn-primary:focus{
  background-image:linear-gradient(100deg,var(--ax-teal) 0%,var(--ax-cyan) 52%,var(--ax-blue) 100%);
  background-color:var(--ax-cyan);border:none;color:#fff;
  height:48px;border-radius:10px;font-weight:600;font-size:15px;letter-spacing:.2px;
  box-shadow:0 10px 22px -10px rgba(10,85,255,.6);
  transition:transform .12s ease,box-shadow .18s ease,filter .18s ease;
}
.btn-primary:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-1px);
  box-shadow:0 15px 28px -12px rgba(10,85,255,.66);}
.btn-primary:active{transform:translateY(0);}

/* secondary / recover */
.btn-white,.btn-sm.btn-white{
  border-radius:10px;border:1px solid var(--ax-line);background:#fff;
  color:var(--ax-ink);font-weight:500;height:44px;line-height:30px;
}
.btn-white:hover{border-color:#cfdcec;background:#f7fafd;}

a{color:#0d7fd6;}
a:hover{color:var(--ax-blue);}

h2,h3{color:var(--ax-navy);font-weight:600;}
.text-muted,small{color:var(--ax-muted) !important;}
hr{border-top:1px solid var(--ax-line);}

/* the two-column "logged in" / recover panels */
.logged-message{
  background:var(--ax-card);border:1px solid var(--ax-line);border-radius:18px;
  box-shadow:0 20px 50px -24px rgba(11,36,71,.34);padding:26px 8px;
}
.logged-message .col-md-6[style*="border-left"]{border-left:1px solid var(--ax-line) !important;}

/* checkbox row */
.i-checks{font-size:14px;color:var(--ax-ink);}

@media (max-width:768px){
  .ibox-content{padding:22px 18px !important;}
  .ax-logo{max-width:260px;}
  .logged-message .col-md-6[style*="border-left"]{border-left:none !important;}
}