/* ============================================================
   GoldDesk brand theme — gold (#C7981F) + dark navy (#1B2735)
   Layered over AdminLTE skin-blue. Loaded last so it overrides.
   ============================================================ */

:root{
  --gd-gold:#C7981F;
  --gd-gold-light:#E6BA50;
  --gd-gold-dark:#A9781A;
  --gd-navy:#1B2735;
  --gd-navy-dark:#141d28;
}

/* ---------- Top header / logo ---------- */
.skin-blue .main-header .navbar{ background:linear-gradient(90deg,#1B2735 0%,#243347 100%); }
.skin-blue .main-header .logo{ background:#141d28; color:var(--gd-gold-light); font-weight:700; }
.skin-blue .main-header .logo:hover{ background:#0f1620; }
.skin-blue .main-header .logo .logo-mini{ color:var(--gd-gold-light); }
.skin-blue .main-header .navbar .sidebar-toggle:hover{ background:rgba(199,152,31,.25); }
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav .open>a{ background:rgba(199,152,31,.20); color:#fff; }

/* ---------- Left sidebar ---------- */
.skin-blue .main-sidebar,.skin-blue .left-side{ background:var(--gd-navy); }
.skin-blue .sidebar a{ color:#cfd8e4; }
.skin-blue .sidebar-menu>li.header{ background:var(--gd-navy-dark); color:var(--gd-gold); }
.skin-blue .sidebar-menu>li>a{ border-left:3px solid transparent; }
.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a{
  background:var(--gd-navy-dark); color:var(--gd-gold-light); border-left-color:var(--gd-gold);
}
.skin-blue .sidebar-menu>li.active>a>i{ color:var(--gd-gold-light); }
.skin-blue .treeview-menu{ background:#16202c; }
.skin-blue .treeview-menu>li>a{ color:#b9c4d2; }
.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover{ color:var(--gd-gold-light); }
.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{ color:#e6ebf2; }
.sidebar-form .form-control,.sidebar-form .btn{ border-color:#33465c; }

/* ---------- Primary accents ---------- */
.bg-primary{ background-color:var(--gd-navy)!important; color:#fff!important; }
.box.box-primary{ border-top-color:var(--gd-gold)!important; }
.box.box-primary>.box-header{ color:#fff; }
.box.box-success{ border-top-color:var(--gd-gold)!important; }
.modal-header{ background:var(--gd-navy); color:#fff; }
.modal-header .modal-title,.modal-header .close{ color:#fff; }

.btn-primary{ background-color:var(--gd-gold); border-color:var(--gd-gold-dark); color:#fff; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{ background-color:var(--gd-gold-dark); border-color:#8c6314; color:#fff; }
.btn-primary.btn-flat{ background-color:var(--gd-gold); border-color:var(--gd-gold-dark); }

a{ color:var(--gd-gold-dark); }
a:hover,a:focus{ color:var(--gd-gold); }

.label-primary,.bg-aqua,.bg-light-blue{ background-color:var(--gd-gold)!important; }
.text-aqua,.text-light-blue{ color:var(--gd-gold)!important; }
.small-box.bg-aqua{ background-color:var(--gd-navy)!important; }
.nav-tabs-custom>.nav-tabs>li.active{ border-top-color:var(--gd-gold); }
.page-header{ border-bottom-color:var(--gd-gold); }

/* datatable / pagination accents */
.pagination>.active>a,.pagination>.active>a:hover{ background-color:var(--gd-gold); border-color:var(--gd-gold); }

/* ---------- Login / auth pages ---------- */
.login-page,.register-page{ background:linear-gradient(160deg,#1B2735 0%,#243347 100%); }
.login-box,.register-box{ width:400px; margin-top:5%; }
/* logo is designed for a light background — sit it on a white card so the
   dark "Desk" wordmark + tagline stay visible over the navy page */
.login-logo,.register-logo{
  background:#fff; border-radius:12px; padding:22px 26px; margin-bottom:24px;
  box-shadow:0 10px 30px rgba(0,0,0,.28); text-align:center;
}
.login-logo a,.register-logo a{ display:block; }
.login-logo img,.register-logo img{ max-width:100%; width:300px; height:auto; }
.login-box-body,.register-box-body{ border-top:4px solid var(--gd-gold); border-radius:6px; box-shadow:0 10px 30px rgba(0,0,0,.28); }
.login-page .btn-primary,.register-page .btn-primary{ background:var(--gd-gold); border-color:var(--gd-gold-dark); }
@media (max-width:480px){ .login-box,.register-box{ width:92%; } }