/* ==========================================================================
   Daddy's Millers ERP — brand theme
   Loaded on both the Desk (app_include_css) and the website/login
   (web_include_css). Keep selectors broad + !important-light so this
   survives minor Frappe/ERPNext version differences without a fork.
   ========================================================================== */

:root {
  --daddys-green: #257d35;
  --daddys-green-dark: #1b5d27;
  --daddys-green-light: #e8f5ea;
  --daddys-orange: #f79510;
  --daddys-orange-dark: #d97e05;
  --daddys-orange-light: #fef1de;
  --daddys-ink: #1f2a24;
  --daddys-bg: #f7f8f7;
  --daddys-card-radius: 10px;
}

/* --------------------------------------------------------------------
   Global — 90% neutral, brand color reserved for accents/actions only
   -------------------------------------------------------------------- */
body {
  background-color: var(--daddys-bg);
}

a,
.text-primary,
.h4:hover,
.awesomplete > ul > li mark {
  color: var(--daddys-green);
}

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

.btn-primary:hover {
  background-color: var(--daddys-green-dark) !important;
  border-color: var(--daddys-green-dark) !important;
}

.indicator-pill.orange,
.indicator.orange {
  background: var(--daddys-orange-light);
  color: var(--daddys-orange-dark);
}

.indicator-pill.green,
.indicator.green {
  background: var(--daddys-green-light);
  color: var(--daddys-green-dark);
}

/* Focus rings / progress bars pick up the brand green instead of Frappe blue */
.progress-bar {
  background-color: var(--daddys-green);
}

::selection {
  background: var(--daddys-orange-light);
}

/* --------------------------------------------------------------------
   Desk navbar + sidebar
   -------------------------------------------------------------------- */
.navbar,
#navbar-breadcrumbs ~ .navbar,
.desk-navbar,
.navbar.navbar-default {
  background-color: #ffffff !important;
  border-bottom: 2px solid var(--daddys-green);
}

.navbar .navbar-brand img,
.navbar-home img {
  max-height: 30px;
}

.daddys-navbar-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: var(--daddys-ink) !important;
  white-space: nowrap;
}

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

.daddys-navbar-brand .daddys-brand-text {
  font-size: 15px;
  letter-spacing: 0.2px;
}

/* Sidebar active workspace / module highlight */
.standard-sidebar-item.selected,
.sidebar-item-container.selected > .standard-sidebar-item,
.sidebar-item-container.selected > .desk-sidebar-item {
  background-color: var(--daddys-green-light) !important;
}

.standard-sidebar-item.selected .sidebar-item-icon,
.standard-sidebar-item.selected .sidebar-item-label {
  color: var(--daddys-green-dark) !important;
}

/* --------------------------------------------------------------------
   Workspace cards / shortcuts
   -------------------------------------------------------------------- */
.widget.shortcut-widget-box,
.widget-group .widget,
.workspace-sidebar-item.selected {
  border-radius: var(--daddys-card-radius);
}

.widget.shortcut-widget-box:hover {
  border-color: var(--daddys-green);
  box-shadow: 0 2px 8px rgba(37, 125, 53, 0.12);
}

.widget-head .widget-title,
.workspace-header h1 {
  color: var(--daddys-ink);
}

/* Number-card / stat widgets: orange used sparingly for the accent bar only */
.number-card-widget-box .number-card-value {
  color: var(--daddys-green-dark);
}

.number-card-widget-box::before {
  content: "";
  display: block;
  height: 3px;
  background: var(--daddys-orange);
  border-radius: 3px 3px 0 0;
  margin: -1px -1px 8px -1px;
}

/* --------------------------------------------------------------------
   Login / website pages
   -------------------------------------------------------------------- */
/* Frappe wraps the whole login page in <main class="container"> (Bootstrap,
   max-width + centered) - override it just on this route so the two-panel
   layout can run edge-to-edge instead of sitting in a narrow centered
   column with side gutters. */
body[data-path="login"] .page-content-wrapper,
body[data-path="login"] main.container,
body[data-path="login"] .page-header-wrapper,
body[data-path="login"] .page_content {
  max-width: 100% !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

/* Fixed two-tone backdrop (brand green top half / neutral bottom half),
   following the sales.brookside.co.ke reference layout. Injected once as
   the very first element in <body> by daddys_erp.js - z-index -1 keeps
   it behind everything regardless of DOM order. */
.daddys-login-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: var(--daddys-bg);
}

.daddys-login-bg-top {
  height: 50vh;
  background: linear-gradient(135deg, var(--daddys-green) 0%, var(--daddys-green-dark) 100%);
}

.web-footer {
  background-color: var(--daddys-bg);
}

body.login-page,
.page-card-container,
section.for-login {
  min-height: 100vh;
}

.page-card-container,
section.for-login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: transparent;
}

/* Daddy's Millers Ltd wordmark, shown large above the card instead of
   the small default app-logo + "Login to X" heading. */
.page-card-head {
  text-align: center;
  margin-bottom: 28px;
}

.page-card-head img.app-logo {
  height: 110px;
  width: auto;
  max-height: none;
  filter: drop-shadow(0 6px 18px rgba(0, 0, 0, 0.25));
}

.page-card {
  box-shadow: 0px 20px 90px rgba(31, 42, 36, 0.18), 0px 8px 24px rgba(31, 42, 36, 0.1);
  border-radius: var(--daddys-card-radius);
  border: none;
  background: #ffffff;
  width: 100%;
  max-width: 410px;
  padding: 32px 32px 24px;
  box-sizing: border-box;
}

.page-card .btn-primary {
  width: 100%;
}

.daddys-form-heading {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 18px;
  border-bottom: 1px solid #e8e8e8;
}

.daddys-form-heading h2 {
  margin: 0 0 4px 0;
  font-size: 21px;
  font-weight: 700;
  color: var(--daddys-ink);
}

.daddys-form-heading .daddys-form-subtitle {
  margin: 0;
  font-size: 13.5px;
  color: rgba(31, 42, 36, 0.6);
}

.daddys-btn-icon {
  vertical-align: -2px;
  margin-right: 4px;
}

.daddys-login-page-footer {
  margin-top: 24px;
  font-size: 12px;
  color: var(--daddys-ink);
  opacity: 0.55;
  text-align: center;
}

.daddys-login-page-footer .daddys-powered-by {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 600;
  color: var(--daddys-green);
  text-decoration: none;
}

.daddys-login-page-footer .daddys-powered-by:hover {
  text-decoration: underline;
}

/* --------------------------------------------------------------------
   Remove/soften upstream branding marks we don't control via hooks
   -------------------------------------------------------------------- */
.page-card-container .text-muted a[href*="frappe.io"],
section.for-login .text-muted a[href*="frappe.io"],
.web-footer a[href*="frappe.io"],
#footer-powered-by {
  display: none !important;
}