/* deepcore-web.css  -  DeepCore
   Website-side styling: login page, portal pages, web views.
   Generated by tools/make-web-css.py from the original head_html.
   Deployed to /files and referenced from Website Settings > head_html. */

:root {
  --w-orange:      #f5a31a;
  --w-orange-dark: #df9215;
  --w-silver:      #bcbec0;
  --w-dark:        #1e1e2d;
  --w-charcoal:    #2d2d2d;
  --w-light-bg:    #f5f6f8;
  --w-border:      #e4e6ea;
}

/* ── NAVBAR ── */
.navbar {
  background-color: var(--w-dark) !important;
  border-bottom: 3px solid var(--w-orange) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
}
.navbar .navbar-brand img {
  height: 36px !important;
}
.navbar .nav-link {
  color: #ffffff !important;
  font-weight: 500 !important;
}
.navbar .nav-link:hover {
  color: var(--w-orange) !important;
}

/* ── SIDEBAR ── */
.sidebar-menu a,
.list-sidebar .sidebar-label,
.portal-sidebar a {
  color: var(--w-charcoal) !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}
.sidebar-menu a:hover,
.portal-sidebar a:hover {
  color: var(--w-orange) !important;
  text-decoration: none !important;
}
.sidebar-menu a.active,
.portal-sidebar a.active {
  color: var(--w-orange) !important;
  border-left: 3px solid var(--w-orange) !important;
  padding-left: 8px !important;
}

/* ── LINKS ── */
a {
  color: var(--w-charcoal) !important;
  transition: color 0.2s ease !important;
}
a:hover {
  color: var(--w-orange) !important;
}

/* ── BUTTONS ── */
.btn-primary,
.login-content .btn-primary {
  background-color: var(--w-orange) !important;
  border-color: var(--w-orange-dark) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  transition: background-color 0.2s ease !important;
}
.btn-primary:hover {
  background-color: var(--w-orange-dark) !important;
  border-color: var(--w-orange-dark) !important;
}
.btn-secondary {
  color: var(--w-charcoal) !important;
  border-color: var(--w-border) !important;
  background-color: #ffffff !important;
  border-radius: 6px !important;
}
.btn-secondary:hover {
  border-color: var(--w-orange) !important;
  color: var(--w-orange) !important;
}
.btn-default {
  border-radius: 6px !important;
}

/* ── PAGE BODY ── */
body {
  background-color: var(--w-light-bg) !important;
  color: var(--w-charcoal) !important;
  font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif !important;
}

/* ── CARDS / PANELS ── */
.card, .panel, .frappe-card {
  border: 1px solid var(--w-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06) !important;
  background: #ffffff !important;
}

/* ── PAGE HEADINGS ── */
h1, h2, h3, h4, h5 {
  color: var(--w-dark) !important;
  font-weight: 700 !important;
}

/* ── LOGIN PAGE ── */
.login-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.10) !important;
  padding: 40px !important;
}
.page-card .login-content {
  max-width: 420px !important;
}
.login-content .page-card-head .title {
  color: var(--w-dark) !important;
  font-weight: 700 !important;
}
.for-login .form-control,
.login-content .form-control {
  border-radius: 6px !important;
  border: 1px solid var(--w-border) !important;
  padding: 10px 14px !important;
}
.for-login .form-control:focus,
.login-content .form-control:focus {
  border-color: var(--w-orange) !important;
  box-shadow: 0 0 0 3px rgba(247,148,29,0.15) !important;
}

/* ── FOOTER ── */
.footer {
  background-color: var(--w-dark) !important;
  color: var(--w-silver) !important;
  border-top: 3px solid var(--w-orange) !important;
  padding: 20px 0 !important;
}
.footer a {
  color: var(--w-silver) !important;
}
.footer a:hover {
  color: var(--w-orange) !important;
}

/* ── FORM INPUTS ── */
.form-control:focus {
  border-color: var(--w-orange) !important;
  box-shadow: 0 0 0 3px rgba(247,148,29,0.15) !important;
}

/* ── ALERTS / BADGES ── */
.badge-primary, .indicator.blue {
  background-color: var(--w-orange) !important;
}

/* ── TABLE HEADERS ── */
.datatable .dt-header .dt-cell--header {
  background-color: var(--w-dark) !important;
  color: #ffffff !important;
}