/* ============================================================================
   TNR HR — brand theme (Desk + website/login)
   Industry Blue  #233D7F   |   secondary typeface Montserrat
   Loaded via app_include_css (Desk) and web_include_css (website + login).
   ========================================================================== */

/* Montserrat bundled locally — no internet dependency (the HR box is LAN-only).
   Drop the 4 .woff2 files into ../fonts/ (see fonts/README.md). Until then,
   the var(--font-stack) fallback below renders a clean system sans. */
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/assets/tnr_branding/fonts/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('/assets/tnr_branding/fonts/Montserrat-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('/assets/tnr_branding/fonts/Montserrat-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('/assets/tnr_branding/fonts/Montserrat-Bold.woff2') format('woff2');
}

:root {
  --tnr-blue: #233D7F;
  --tnr-blue-dark: #1a2e60;
  --tnr-blue-tint: #eef1f8;
  /* Frappe reads --font-stack for the whole Desk; Montserrat is TNR's web face */
  --font-stack: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

body, .layout-main, .navbar, .page-head, .ql-editor, input, button, select, textarea {
  font-family: var(--font-stack);
}

/* --- Desk top navbar (blue bar, white logo) -------------------------------- */
.navbar,
.navbar.navbar-default,
header .navbar {
  background-color: var(--tnr-blue) !important;
  border-bottom: 1px solid var(--tnr-blue-dark) !important;
}
.navbar .navbar-brand,
.navbar .nav-link,
.navbar a,
.navbar .navbar-nav .nav-link,
.navbar .dropdown-toggle,
.navbar .navbar-nav .nav-item .nav-link use,
.navbar svg.icon {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.navbar .navbar-brand img,
.navbar .app-logo {
  height: 26px !important;
  width: auto !important;
}

/* --- Login page + public website ------------------------------------------
   The login card is light, so the COLOUR logo is shown there via content:url()
   (the hook-provided src stays the white desk logo). v15 wrapped the page in
   body.for-login; v16's sign-in page only has .login-content — cover both. */
.for-login .page-card-head {
  text-align: center;
}
.for-login .page-card-head .app-logo,
.login-content .page-card-head .app-logo {
  content: url('/assets/tnr_branding/images/tnr-logo-color.png');
  background: none;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  height: 56px !important;
  width: auto !important;
  margin: 0 auto;
  display: block;
}
.for-login .page-card-head h4 {
  margin-top: 18px;
  color: var(--tnr-blue);
  font-weight: 600;
}

/* --- Accents: primary buttons, links, active states ------------------------ */
.btn-primary {
  background-color: var(--tnr-blue) !important;
  border-color: var(--tnr-blue) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--tnr-blue-dark) !important;
  border-color: var(--tnr-blue-dark) !important;
}
a, .text-primary { color: var(--tnr-blue); }

/* Desk sidebar / workspace active item accent */
.standard-sidebar-item.selected,
.sidebar-item-container .selected {
  background-color: var(--tnr-blue-tint) !important;
}
.standard-sidebar-item.selected a,
.standard-sidebar-item.selected .sidebar-item-label {
  color: var(--tnr-blue) !important;
  font-weight: 600;
}