/* ===========================================================
   E-Public Touch — navy + gold panel theme overrides  (v4)
   Loaded after the panel's own styles. Safe, removable.
   Uses #id-scoped selectors to beat the panel's inline <style>.
   =========================================================== */
:root{ --ept-navy:#14213a; --ept-gold:#c9a24b; --ept-gold-d:#a87f33; --ept-gold-l:#e7c87f; }

/* ---- Primary actions -> gold ---- */
.btn-primary,.btn-default,.lw-btn.btn-primary,a.lw-btn.btn-primary,
.btn-sm.btn-default,button[type=submit].btn-primary{
  background:linear-gradient(135deg,#e7c87f,#c9a24b 55%,#a87f33)!important;
  border-color:#c9a24b!important; color:#14213a!important; font-weight:700!important;
}
.btn-primary:hover,.btn-default:hover,.btn-sm.btn-default:hover{filter:brightness(1.06); color:#14213a!important;}
.btn-outline-primary{color:#a87f33!important;border-color:#c9a24b!important;}
.btn-outline-primary:hover{background:#c9a24b!important;color:#14213a!important;}
a.lw-btn{color:#14213a!important;}

/* ---- Links & headings ---- */
a{color:#a87f33;}
a:hover{color:#14213a;}
h1,h2,h3,h4,h5{color:#14213a;}

/* ============ AUTHED TOP NAVBAR -> navy (matches login topbar) ============ */
#navbar-main.navbar-top{
  background:#14213a!important; border-bottom:1px solid rgba(201,162,75,.28)!important;
  box-shadow:0 2px 14px rgba(20,33,58,.12)!important;
}
#navbar-main .h1,#navbar-main .h4,#navbar-main a,#navbar-main .media-body,
#navbar-main .nav-link,#navbar-main strong,#navbar-main i{ color:#e7c87f!important; }
#navbar-main .media-body strong{ color:#fff!important; }
#navbar-main .nav-link:hover,#navbar-main a:hover{ color:#fff!important; }
/* back-to-website pill */
#navbar-main .ept-backsite{
  display:inline-flex;align-items:center;gap:7px;background:rgba(201,162,75,.14);
  border:1px solid rgba(201,162,75,.4);color:#e7c87f!important;font-weight:700;font-size:13px;
  padding:7px 15px;border-radius:50px;text-decoration:none;margin-right:4px;
}
#navbar-main .ept-backsite:hover{background:#c9a24b;color:#14213a!important;}

/* ============ SIDEBAR -> kill blue, use navy text + gold active ============ */
#sidenav-main .navbar-nav .nav-link{ color:#2a3650!important; font-weight:600!important; }
#sidenav-main .navbar-nav .nav-link i,#sidenav-main .navbar-nav .nav-link .fa,
#sidenav-main .navbar-nav .nav-link .fas,#sidenav-main .navbar-nav .nav-link .fab{ color:#a87f33!important; }
#sidenav-main .navbar-nav .nav-link:hover{ background:#faf5e9!important; color:#14213a!important; }
#sidenav-main .navbar-nav .nav-link.active{
  background:#fbf3e0!important; color:#14213a!important; font-weight:700!important;
  border-left:3px solid #c9a24b!important; border-radius:6px!important;
}
#sidenav-main .navbar-nav .nav-link.active i,#sidenav-main .navbar-nav .nav-link.active .fa,
#sidenav-main .navbar-nav .nav-link.active .fas{ color:#c9a24b!important; }
/* sidebar brand area */
#sidenav-main .navbar-brand img{ max-height:46px!important; }
#sidenav-main .navbar-heading{ color:#9aa1ad!important; letter-spacing:.12em; }

/* ---- Tables ---- */
th{background-color:#14213a!important;color:#fff!important;}
td a{color:#a87f33!important;}

/* ---- Generic primary text/bg accents (kills facebook blue) ---- */
.text-primary,.text-info{color:#a87f33!important;}
.bg-primary{background:#14213a!important;}
.badge.badge-primary,.badge-primary{background:#c9a24b!important;color:#14213a!important;}
[style*="#0861F2"],[style*="#1771E6"]{color:#a87f33!important;}

/* ============ AUTH pages (register / login) — premium card ============ */
body{ background:#f5f3ee; }
/* replace stock teal full-screen background with navy + gold glow */
body.main-content-has-bg{ background:#14213a !important; }
.main-content-has-bg:before{
  background-image:
    radial-gradient(1100px 620px at 78% -10%, rgba(201,162,75,.22), transparent 60%),
    radial-gradient(900px 600px at 12% 110%, rgba(201,162,75,.10), transparent 55%),
    linear-gradient(135deg,#14213a 0%,#1e3257 58%,#0e1830 100%) !important;
  filter:none !important; opacity:1 !important;
}
/* hide stock teal animated particle canvas on auth pages (keeps dashboard charts safe) */
body.main-content-has-bg canvas.position-absolute,
body.lw-guest-page canvas.position-absolute{ display:none !important; }
/* THE teal wrapper -> navy + gold glow (this is the real auth background) */
.form-bg{
  background:#14213a !important;
  background-image:
    radial-gradient(1100px 640px at 80% -12%, rgba(201,162,75,.22), transparent 60%),
    radial-gradient(820px 560px at 8% 112%, rgba(201,162,75,.12), transparent 55%),
    linear-gradient(135deg,#14213a 0%,#1e3257 60%,#0e1830 100%) !important;
}
.form-container{
  border-radius:18px!important;
  box-shadow:0 22px 60px rgba(20,33,58,.20)!important;
  border:1px solid #efe6cf!important; border-top:4px solid #c9a24b!important;
  padding:34px 30px!important;
}
.form-container .title,.form-container h1,.form-container h2,.form-container h3{color:#14213a!important;font-weight:800!important;}
.gradient-icon-1{
  background:linear-gradient(135deg,#e7c87f,#a87f33)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#a87f33!important;
}
.form-container .form-icon{
  background:linear-gradient(135deg,#1e3257,#14213a)!important;
  border:2px solid #c9a24b!important; color:#fff!important;-webkit-text-fill-color:#fff!important;
  display:flex!important;align-items:center;justify-content:center;overflow:hidden;
  box-shadow:0 8px 22px rgba(20,33,58,.25);
}
.form-container .form-icon img{width:64%!important;height:64%!important;object-fit:contain;display:block}
.form-container .form-icon i{display:none!important}
.form-container .form-horizontal .form-group label{color:#14213a!important;font-weight:600!important;}
.form-container input,.form-container select,.form-container .form-control{
  border-radius:10px!important; border:1px solid #d9dee7!important; padding:11px 14px!important;
}
.form-container .form-horizontal .form-group input:focus,
.form-container input:focus,.form-container select:focus{
  border-color:#c9a24b!important; box-shadow:0 0 0 3px rgba(201,162,75,.15)!important;
}
.form-container button[type=submit],.form-container .btn-primary,.form-container .btn{
  background:linear-gradient(135deg,#e7c87f,#c9a24b 55%,#a87f33)!important;
  color:#14213a!important;border:none!important;font-weight:800!important;letter-spacing:.5px;
  border-radius:10px!important;padding:12px 18px!important;
}
.form-container a{color:#a87f33!important;font-weight:600;}