/* Begad look for ERPNext: same palette as the admin portal and Snipe-IT
   (dark #16161a header, orange #ea580c / #f97316 accents). Loaded on every
   desk and website page by begad_theme/hooks.py. */
:root {
  --begad-dark: #16161a;
  --begad-dark-2: #26262c;
  --begad-orange: #ea580c;
  --begad-orange-2: #f97316;
  --begad-orange-dark: #c2410c;
  --primary: var(--begad-orange);
  --primary-color: var(--begad-orange);
  --btn-primary: var(--begad-orange);
  --checkbox-color: var(--begad-orange);
  --sidebar-select-color: #fff3ea;
  --navbar-bg: var(--begad-dark);
  --control-bg-on-gray: #f4f4f5;
}
[data-theme="dark"], [data-theme-mode="dark"] {
  --navbar-bg: #0f0f12;
  --primary: var(--begad-orange-2);
  --primary-color: var(--begad-orange-2);
  --btn-primary: var(--begad-orange-2);
}
/* top bar */
.navbar, header.navbar, .navbar.navbar-light, .navbar.navbar-expand {
  background: var(--begad-dark) !important;
  border-bottom: 3px solid var(--begad-orange);
  border-image: linear-gradient(90deg, #fbbf24, #f97316 45%, #ef3b17) 1;
}
.navbar .navbar-brand, .navbar .nav-link, .navbar .navbar-nav .nav-link,
.navbar .dropdown-toggle, .navbar .navbar-toggler, .navbar .nav-item a,
.navbar .search-bar .awesomplete input::placeholder {
  color: #e8e8ea !important;
}
.navbar .nav-link:hover, .navbar .nav-item:hover > a { color: #fff !important; }
.navbar .app-logo { height: 28px; width: auto; max-width: 150px; }
.navbar .search-bar .awesomplete input, .navbar .form-control {
  background: var(--begad-dark-2) !important;
  border-color: #3a3a42 !important;
  color: #f1f1f2 !important;
}
.navbar .notifications-icon svg, .navbar .nav-link svg, .navbar .es-icon, .navbar .icon {
  fill: #e8e8ea; stroke: #e8e8ea; --icon-stroke: #e8e8ea; --icon-fill: #e8e8ea;
}
.navbar .nav-link .notifications-seen { color: var(--begad-orange-2); }
/* buttons and selections */
.btn-primary, .btn.btn-primary, .btn-primary:focus, .primary-action {
  background-color: var(--begad-orange) !important;
  border-color: var(--begad-orange) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn.btn-primary:hover, .primary-action:hover {
  background-color: var(--begad-orange-dark) !important;
  border-color: var(--begad-orange-dark) !important;
}
a, .text-primary, .link-title { color: var(--begad-orange-dark); }
a:hover { color: var(--begad-orange); }
.form-control:focus, .input-with-feedback:focus { border-color: var(--begad-orange) !important; box-shadow: 0 0 0 2px rgba(234, 88, 12, .2) !important; }
.indicator-pill.blue, .indicator.blue, .indicator-pill.blue::before, .indicator.blue::before { background-color: #fff3ea; color: var(--begad-orange-dark); }
.sidebar-item.selected, .standard-sidebar-item.selected, .desk-sidebar .standard-sidebar-item.selected {
  background: #fff3ea; color: var(--begad-orange-dark);
}
.standard-sidebar-item.selected svg { stroke: var(--begad-orange-dark); }
.widget .widget-head .widget-title, .page-title .title-text { letter-spacing: -0.01em; }
.widget, .frappe-card, .form-section, .modal-content, .dropdown-menu, .page-form, .layout-main-section { border-radius: 12px; }
.widget.shortcut-widget-box:hover, .widget.links-widget-box:hover { box-shadow: 0 4px 16px rgba(234, 88, 12, .12); }
.progress-bar, .progress .progress-bar { background-color: var(--begad-orange) !important; }
.custom-control-input:checked ~ .custom-control-label::before, input[type="checkbox"]:checked { background-color: var(--begad-orange) !important; border-color: var(--begad-orange) !important; }
/* login page */
.for-login .page-card, .page-card-head { border-radius: 12px; }
.for-login .page-card-head img, .page-card-head .app-logo, .for-login .app-logo { max-height: 64px; width: auto; }
.for-login .btn-login, .btn-login { background-color: var(--begad-orange) !important; border-color: var(--begad-orange) !important; }
.social-logins .btn, .btn-social-login { border-color: var(--begad-dark) !important; color: var(--begad-dark) !important; font-weight: 600; }
.social-logins .btn:hover, .btn-social-login:hover { background: var(--begad-dark) !important; color: #fff !important; }
/* website header */
.web-header, .navbar.navbar-light.navbar-expand-lg { background: var(--begad-dark) !important; }
.web-header .nav-link, .web-header .navbar-brand { color: #e8e8ea !important; }
/* v16 login page: the es-button classes, and the social button's icon image
   which Frappe prints unconstrained (seen 2026-11-04: a 128px logo over the form) */
.for-login .btn-login, .es-button.btn-login, button.btn-login, .login-content .btn-primary {
  background-color: var(--begad-orange) !important; border-color: var(--begad-orange) !important; color: #fff !important;
}
.for-login .btn-login:hover, .es-button.btn-login:hover { background-color: var(--begad-orange-dark) !important; }
.btn-login-option img, .social-logins img, .es-button img { height: 20px !important; width: 20px !important; margin-right: 8px; vertical-align: middle; }
.btn-login-option { border: 1px solid var(--begad-dark) !important; background: #fff !important; color: var(--begad-dark) !important; font-weight: 600; }
.btn-login-option:hover { background: var(--begad-dark) !important; color: #fff !important; }
/* v16 desk: the left icon rail (.dock) is the only "header" the new layout
   has; give it the dark Begad bar with orange for the active app. */
.dock, .dock.dock-owns-utilities { background: var(--begad-dark) !important; border-color: var(--begad-dark-2) !important; }
.dock a, .dock button, .dock .dock-item, .dock .dock-utility { color: #d6d6da !important; }
.dock svg, .dock .icon, .dock .es-icon { --icon-stroke: #d6d6da; --icon-fill: #d6d6da; stroke: #d6d6da; }
.dock .dock-item.active, .dock .dock-item.selected, .dock a.active, .dock .dock-item[aria-current],
.dock .dock-item:hover, .dock a:hover, .dock button:hover { background: var(--begad-dark-2) !important; color: #fff !important; }
.dock .dock-item.active svg, .dock a.active svg, .dock .dock-item[aria-current] svg { --icon-stroke: var(--begad-orange-2); stroke: var(--begad-orange-2); }
.dock .avatar, .dock .avatar-frame { box-shadow: 0 0 0 2px var(--begad-orange); }