/* port4ERP brand theme — primary #d85a30 (terracotta) */
:root {
  --primary: #d85a30;
  --primary-color: #d85a30;
  --btn-primary: #d85a30;
  --text-on-primary: #ffffff;
  --primary-button-bg: #d85a30;
  --bg-blue: #fbe9e1;
  --blue-50: #fdf3ee;
  --blue-100: #fbe9e1;
  --blue-200: #f4c7b0;
  --blue-300: #eda079;
  --blue-400: #e07d4e;
  --blue-500: #d85a30;
  --blue-600: #c44e28;
  --blue-700: #a83f1f;
  --sidebar-select-color: #fbe9e1;
}

.btn-primary,
.btn.btn-primary {
  background-color: #d85a30 !important;
  border-color: #d85a30 !important;
  color: #ffffff !important;
}
.btn-primary:hover,
.btn.btn-primary:hover {
  background-color: #c44e28 !important;
  border-color: #c44e28 !important;
}

a,
.text-primary,
.ellipsis a,
.widget .widget-head .widget-title a {
  color: #d85a30;
}

.indicator-pill.blue,
.indicator-pill-round.blue {
  background: #fbe9e1;
  color: #a83f1f;
}
.indicator.blue::before {
  background: #d85a30;
}

.standard-sidebar-item.selected,
.sidebar-item-label.selected {
  color: #d85a30 !important;
}
.standard-sidebar-item.selected .sidebar-item-icon > svg,
.standard-sidebar-item.selected svg use {
  stroke: #d85a30 !important;
}

::selection {
  background: #f4c7b0;
}

/* Recolor workspace / shortcut icon tiles from ERPNext blue to brand */
.widget.shortcut-widget-box .widget-icon,
.shortcut-widget-box .widget-icon,
.workspace-sidebar .sidebar-item-icon,
.app-icon,
.module-box .icon-box,
.icon-box.blue,
.shortcut-widget-box.blue .widget-icon {
  background-color: #d85a30 !important;
}
.widget-icon svg,
.shortcut-widget-box .widget-icon svg,
.shortcut-widget-box .widget-icon use {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
/* RTL fix: the onboarding panel is position:fixed right:20px (LTR-correct), which in
   RTL lands on top of the right-side sidebar. Flip it to the left so it's fully visible. */
.onb-panel {
  right: auto !important;
  left: 20px !important;
}

/* desk overview module cards */
.desk-sidebar .standard-sidebar-item .sidebar-item-icon svg,
.layout-main-section .icon-box,
.modules-page-container .module-box .app-icon {
  background-color: #d85a30 !important;
}