/* ==========================================================================
   TajHost brand skin — layers on top of huraga (Bootstrap 5) base.
   Palette: navy structure, gold action, cream page.
   ========================================================================== */
:root{
  --tj-navy:#1b2236;
  --tj-navy-2:#232c44;
  --tj-navy-3:#2c3654;
  --tj-gold:#e9b13b;
  --tj-gold-dark:#c9952a;
  --tj-cream:#f4f2ec;
  --tj-ink:#1f2533;
  --tj-muted:#6b7280;
  --tj-line:rgba(27,34,54,.10);
  --bs-primary:#1b2236;
  --bs-link-color:#22386b;
  --bs-link-hover-color:#c9952a;
  --bs-body-bg:var(--tj-cream);
  --bs-body-color:var(--tj-ink);
}

body{background:var(--tj-cream);color:var(--tj-ink);}

/* ---- Top bar ---------------------------------------------------------- */
header .navbar{
  background:var(--tj-navy);
  border-radius:14px;
  padding:.55rem 1rem !important;
  margin-top:1rem;
}
header .navbar .nav-link{color:#aeb6c7;}
header .navbar .nav-link:hover{color:#fff;}
header .navbar .nav-link.active{color:var(--tj-gold);}
header .navbar .navbar-brand img{max-height:30px;}
header .navbar .client-dropdown .nav-link,
header .navbar .navbar-toggler{color:#fff;border-color:rgba(255,255,255,.25);}
header .navbar .dropdown-menu{border:0;box-shadow:0 6px 24px rgba(0,0,0,.12);border-radius:10px;}

/* ---- Sidebar (huraga left col / partial_menu) ------------------------- */
#sidebarMenu,
.col-3 > #sidebarMenu,
.col-md-3 #sidebarMenu{}
#sidebarMenu .offcanvas-body{
  background:var(--tj-navy);
  border-radius:14px;
  padding:.75rem .6rem;
  margin-top:1rem;
}
#sidebarMenu .nav-link{
  color:#aeb6c7;
  border-radius:9px;
  padding:.6rem .8rem;
  margin:2px 0;
  font-weight:400;
  border-left:3px solid transparent;
}
#sidebarMenu .nav-link:hover{background:var(--tj-navy-2);color:#fff;}
#sidebarMenu .nav-item.active .nav-link,
#sidebarMenu .nav-link.active{
  background:var(--tj-navy-2);
  color:#fff;
  border-left:3px solid var(--tj-gold);
}
#sidebarMenu .nav-link .icon{width:18px;height:18px;opacity:.9;}
#sidebarMenu h5{color:#7e879c !important;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;}
#sidebarMenu h6 strong{color:var(--tj-gold);}
#sidebarMenu li span{color:#aeb6c7;}

/* ---- Buttons: gold = primary action ----------------------------------- */
.btn-primary,.btn-secondary{
  background:var(--tj-gold);border-color:var(--tj-gold);color:var(--tj-navy);font-weight:500;
}
.btn-primary:hover,.btn-secondary:hover,.btn-primary:focus{
  background:var(--tj-gold-dark);border-color:var(--tj-gold-dark);color:var(--tj-navy);
}
.btn-outline-primary{color:var(--tj-navy);border-color:var(--tj-navy);}
.btn-outline-primary:hover{background:var(--tj-navy);color:#fff;}
a{color:var(--bs-link-color);}
a:hover{color:var(--tj-gold-dark);}

/* ---- Cards & surfaces -------------------------------------------------- */
.card,.content-block{
  background:#fff;border:.5px solid var(--tj-line);border-radius:14px;
}
.card{box-shadow:none;}
.content-block{padding:1.25rem 1.4rem;}
hr{border-color:var(--tj-line);}

/* ---- Status pills (badges) -------------------------------------------- */
.badge.bg-success,.badge.bg-active{background:#e6f6ee !important;color:#176c3f !important;border-radius:20px;font-weight:500;}
.badge.bg-warning,.badge.bg-pending{background:#faecd2 !important;color:#8a5e0f !important;border-radius:20px;font-weight:500;}
.badge.bg-danger,.badge.bg-overdue{background:#fbe7e7 !important;color:#9a2c2c !important;border-radius:20px;font-weight:500;}
.badge.bg-secondary{background:#eceef2 !important;color:#3b4253 !important;border-radius:20px;}

/* ---- Tables ----------------------------------------------------------- */
.table>thead th{color:var(--tj-muted);font-weight:400;font-size:.82rem;border-color:var(--tj-line);}
.table>tbody td{border-color:var(--tj-line);vertical-align:middle;}

/* ---- Forms ------------------------------------------------------------ */
.form-control:focus,.form-select:focus{border-color:var(--tj-gold);box-shadow:0 0 0 .15rem rgba(233,177,59,.25);}

/* ---- Misc ------------------------------------------------------------- */
.text-primary{color:var(--tj-navy) !important;}
.bg-primary{background:var(--tj-navy) !important;}
.page-link{color:var(--tj-navy);}
.page-item.active .page-link{background:var(--tj-navy);border-color:var(--tj-navy);}
footer{color:var(--tj-muted);}