/* =====================================================
   ERP Workbench Global UI Theme
   Generic Across All Sites
   Layer 1: erp_workbench_ui
   ===================================================== */

:root{
  --ewb-primary:#2563eb;
  --ewb-primary-hover:#1d4ed8;
  --ewb-secondary:#0f172a;
  --ewb-bg:#f8fafc;
  --ewb-card-bg:#ffffff;
  --ewb-text:#1e293b;
  --ewb-muted:#64748b;
  --ewb-radius:12px;
  --ewb-shadow:0 4px 12px rgba(0,0,0,0.06);
  --ewb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body{
  background:var(--ewb-bg) !important;
  font-family:var(--ewb-font) !important;
  color:var(--ewb-text);
}

.navbar{
  background:var(--ewb-secondary) !important;
  box-shadow:var(--ewb-shadow);
}

.navbar a,
.navbar .navbar-brand{
  color:#ffffff !important;
}

.layout-side-section{
  background:#ffffff !important;
  border-right:1px solid #e2e8f0;
}

.layout-side-section .standard-sidebar-item{
  border-radius:8px;
  margin:4px 8px;
}

.layout-side-section .standard-sidebar-item:hover{
  background:#f1f5f9;
}

.card,
.layout-main-section,
.form-section{
  background:var(--ewb-card-bg) !important;
  border-radius:var(--ewb-radius) !important;
  box-shadow:var(--ewb-shadow);
  border:none !important;
}

.btn{
  border-radius:var(--ewb-radius) !important;
  font-weight:500;
}

.btn-primary{
  background:var(--ewb-primary) !important;
  border-color:var(--ewb-primary) !important;
}

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

.btn-secondary{
  background:#e2e8f0 !important;
  border-color:#e2e8f0 !important;
  color:#0f172a !important;
}

.form-control{
  border-radius:var(--ewb-radius) !important;
  border:1px solid #e2e8f0 !important;
  box-shadow:none !important;
}

.form-control:focus{
  border-color:var(--ewb-primary) !important;
  box-shadow:0 0 0 2px rgba(37,99,235,0.15) !important;
}

.page-head{
  background:#ffffff !important;
  border-bottom:1px solid #e2e8f0 !important;
}

.page-card{
  border-radius:var(--ewb-radius) !important;
  box-shadow:var(--ewb-shadow) !important;
  border:none !important;
}

.table{
  background:#ffffff;
  border-radius:var(--ewb-radius);
}

.table thead{
  background:#f1f5f9;
}

.badge-primary{
  background:var(--ewb-primary) !important;
}

::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:8px;
}

::-webkit-scrollbar-thumb:hover{
  background:#94a3b8;
}


/* =========================
   Sidebar Upgrade (Desk + Forms)
   Applies Across All Sites
   ========================= */

.desk-sidebar,
.layout-side-section{
  background:#ffffff !important;
  border-right:1px solid #e2e8f0 !important;
}

.desk-sidebar .standard-sidebar-item,
.layout-side-section .standard-sidebar-item{
  border-radius:12px !important;
  margin:6px 10px !important;
  padding:10px 12px !important;
  transition: background 0.15s ease, transform 0.15s ease;
}

.desk-sidebar .standard-sidebar-item:hover,
.layout-side-section .standard-sidebar-item:hover{
  background:#f1f5f9 !important;
  transform: translateX(1px);
}

.desk-sidebar .standard-sidebar-item.selected,
.layout-side-section .standard-sidebar-item.selected{
  background: rgba(37,99,235,0.10) !important;
  border: 1px solid rgba(37,99,235,0.18) !important;
}

.desk-sidebar .standard-sidebar-label,
.layout-side-section .standard-sidebar-label{
  color: var(--ewb-muted) !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}

/* TEMP PROOF: remove after verification */
.navbar {
  border-bottom: 4px solid #ff0000 !important;
}

/* ========================================
   Fix Dropdown Visibility
======================================== */

.awesomplete ul li,
.awesomplete ul li a,
.dropdown-menu > li > a,
.dropdown-item {
    color: #1e293b !important;
    background-color: #ffffff !important;
}

/* Hover state */
.awesomplete ul li:hover,
.dropdown-menu > li > a:hover,
.dropdown-item:hover {
    background-color: var(--ewb-primary) !important;
    color: #ffffff !important;
}

/* ========================================
   Command Palette (Ctrl+G) readability fix
   Awesomplete in Desk
======================================== */

.awesomplete > ul > li,
.awesomplete > ul > li *{
  color:#0f172a !important;
  opacity:1 !important;
}

.awesomplete > ul > li[aria-selected="true"],
.awesomplete > ul > li[aria-selected="true"] *{
  background:var(--ewb-primary) !important;
  color:#ffffff !important;
  opacity:1 !important;
}

.awesomplete > ul{
  background:#ffffff !important;
}

.awesomplete mark{
  background:transparent !important;
  color:inherit !important;
  font-weight:700 !important;
}

/* ========================================
   Ctrl+G Command Palette (Hard Override)
======================================== */

.search-bar .awesomplete,
.search-bar .awesomplete *{
  opacity:1 !important;
}

.search-bar .awesomplete > ul{
  background:#ffffff !important;
  opacity:1 !important;
}

.search-bar .awesomplete > ul > li{
  color:#0f172a !important;
  opacity:1 !important;
}

.search-bar .awesomplete > ul > li *{
  color:#0f172a !important;
  opacity:1 !important;
}

.search-bar .awesomplete > ul > li[aria-selected="true"],
.search-bar .awesomplete > ul > li[aria-selected="true"] *{
  background:var(--ewb-primary) !important;
  color:#ffffff !important;
  opacity:1 !important;
}

/* make highlighted search terms readable */
.search-bar .awesomplete mark{
  background:transparent !important;
  color:inherit !important;
  font-weight:700 !important;
}

/* ========================================
   Ctrl+G Command Palette (force inner text)
======================================== */

/* palette container */
.awesomplete > ul{
  background:#ffffff !important;
  border:1px solid #e2e8f0 !important;
  opacity:1 !important;
}

/* rows */
.awesomplete > ul > li{
  background:#ffffff !important;
  opacity:1 !important;
}

/* any inner text inside each row */
.awesomplete > ul > li,
.awesomplete > ul > li span,
.awesomplete > ul > li small,
.awesomplete > ul > li div,
.awesomplete > ul > li p,
.awesomplete > ul > li b,
.awesomplete > ul > li strong{
  color:#0f172a !important;
  opacity:1 !important;
}

/* frappe often uses these to fade text */
.awesomplete > ul > li .text-muted,
.awesomplete > ul > li .text-light,
.awesomplete > ul > li [class*="text-muted"],
.awesomplete > ul > li [class*="text-light"]{
  color:#334155 !important;
  opacity:1 !important;
}

/* selected row */
.awesomplete > ul > li[aria-selected="true"],
.awesomplete > ul > li[aria-selected="true"] *{
  background:var(--ewb-primary) !important;
  color:#ffffff !important;
  opacity:1 !important;
}

/* highlighted matches */
.awesomplete mark{
  background:transparent !important;
  color:inherit !important;
  font-weight:700 !important;
}