/* ==========================================================================
   AIVA ERP Branding by Logicsky
   ========================================================================== */

/* Brand colors */
:root {
  --brand-primary: #2563EB;
  --brand-primary-hover: #1D4ED8;
  --brand-primary-active: #1E40AF;
  --brand-primary-light: #DBEAFE;
  --brand-primary-lighter: #EFF6FF;
}

/* Override Frappe's primary color tokens */
:root,
:root.light,
[data-theme="light"] {
  --primary: var(--brand-primary);
  --primary-color: var(--brand-primary);
  --btn-primary: var(--brand-primary);
  --btn-primary-bg: var(--brand-primary);
  --btn-primary-hover-bg: var(--brand-primary-hover);
  --link-color: var(--brand-primary);
  --link-hover-color: var(--brand-primary-hover);
}

/* Primary buttons */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brand-primary-hover) !important;
  border-color: var(--brand-primary-hover) !important;
}

/* Links throughout */
a,
.link-primary,
.btn-link {
  color: var(--brand-primary);
}

a:hover,
.link-primary:hover {
  color: var(--brand-primary-hover);
}

/* Navbar */
.navbar.navbar-default {
  border-bottom: 1px solid var(--gray-200);
}

.navbar-brand {
  font-weight: 600;
  color: var(--brand-primary) !important;
}

.navbar-brand img {
  max-height: 28px;
  width: auto;
}

/* Sidebar - active workspace highlight */
.sidebar-item.standard-sidebar-item.selected {
  background-color: var(--brand-primary-lighter);
  color: var(--brand-primary);
}

.sidebar-item.standard-sidebar-item:hover {
  background-color: var(--brand-primary-lighter);
}

/* Form section indicators */
.form-section-heading-link,
.section-head {
  color: var(--brand-primary);
}

/* Tabs */
.nav-link.active {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

/* Login page */
.for-login,
.for-signup,
.for-forgot,
.for-email-login {
  background: linear-gradient(135deg, var(--brand-primary-lighter) 0%, #FFFFFF 100%);
}

.for-login .for-login-section,
.for-signup .for-signup-section {
  max-width: 420px;
  margin: 0 auto;
  background: white;
  padding: 48px 40px;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(37, 99, 235, 0.1);
}

.for-login .app-logo {
  max-height: 60px;
  margin-bottom: 24px;
}

.for-login .login-with-email-link {
  color: var(--brand-primary);
}

.for-login .login-with-email-link:hover {
  color: var(--brand-primary-hover);
}

.for-login .page-card-head {
  text-align: center;
  margin-bottom: 24px;
}

/* App logo in sidebar */
.app-logo {
  max-height: 32px;
}