/* ============================================
   Aylea Business Suite - Black & Gold Theme
   ============================================ */
:root {
  --primary: #C9A227;
  --primary-color: #C9A227;
  --bg-color: #fdf8ef;
  --bg-surface: #fdf8ef;
  --control-bg: #f5edd8;
  --control-bg-on-gray: #f5edd8;
  --disabled-control-bg: #f0e8d0;
  --border-color: #e8d9b8;
  --card-bg: #fdf8ef;
}

/* ============================================
   Navbar
   ============================================ */
.navbar {
  background-color: #1a1a1a !important;
  border-bottom: 2px solid #C9A227 !important;
}

.navbar .navbar-brand {
  background-color: #ffffff !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
}

.navbar .nav-link,
.navbar .navbar-nav .nav-link,
.navbar .icon-btn {
  color: #cccccc !important;
}
.navbar .nav-link:hover,
.navbar .icon-btn:hover {
  color: #C9A227 !important;
}

/* ============================================
   Splash / Loading Screen
   ============================================ */
.splash {
  background-color: #1a1a1a !important;
}
.splash img {
  max-width: 160px !important;
  max-height: 80px !important;
  object-fit: contain !important;
}

/* ============================================
   Sidebar — Frappe v15 exact selectors
   ============================================ */
.list-sidebar.overlay-sidebar,
.desk-sidebar {
  background-color: #fdf8ef !important;
  border-right: 1px solid #e8d9b8 !important;
}

/* Section labels (PUBLIC etc.) */
.btn-reset.standard-sidebar-label {
  color: #9a7c3a !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
}

/* All sidebar items — default */
.desk-sidebar-item.standard-sidebar-item {
  border-radius: 4px !important;
  margin: 1px 6px !important;
}

.desk-sidebar-item .sidebar-item-label {
  color: #3d2b00 !important;
  font-weight: 400 !important;
  font-size: 13px !important;
}

.desk-sidebar-item .sidebar-item-icon use,
.desk-sidebar-item .sidebar-item-icon svg {
  color: #9a7c3a !important;
  stroke: #9a7c3a !important;
}

/* Hover */
.desk-sidebar-item.standard-sidebar-item:hover {
  background-color: rgba(201,162,39,0.10) !important;
}
.desk-sidebar-item.standard-sidebar-item:hover .sidebar-item-label {
  color: #C9A227 !important;
}
.desk-sidebar-item.standard-sidebar-item:hover .sidebar-item-icon use,
.desk-sidebar-item.standard-sidebar-item:hover .sidebar-item-icon svg {
  color: #C9A227 !important;
  stroke: #C9A227 !important;
}

/* Selected / Active */
.desk-sidebar-item.standard-sidebar-item.selected {
  background-color: rgba(201,162,39,0.15) !important;
  border-left: 3px solid #C9A227 !important;
}
.desk-sidebar-item.standard-sidebar-item.selected .sidebar-item-label {
  color: #C9A227 !important;
  font-weight: 600 !important;
}
.desk-sidebar-item.standard-sidebar-item.selected .sidebar-item-icon use,
.desk-sidebar-item.standard-sidebar-item.selected .sidebar-item-icon svg {
  color: #C9A227 !important;
  stroke: #C9A227 !important;
}

/* Nested child items */
.sidebar-child-item .desk-sidebar-item .sidebar-item-label {
  color: #7a5c1e !important;
  font-size: 12px !important;
}

/* ============================================
   Buttons
   ============================================ */
.btn-primary {
  background-color: #C9A227 !important;
  border-color: #C9A227 !important;
  color: #000000 !important;
  font-weight: 600 !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #a8851e !important;
  border-color: #a8851e !important;
  color: #000000 !important;
}

/* ============================================
   Page & Forms — Warm Cream Background
   ============================================ */

/* Override Frappe CSS variable */
html, body {
  background-color: #fdf8ef !important;
}

/* Page chrome */
.page-head,
.page-head-content,
.page-container,
.page-wrapper {
  background-color: #fdf8ef !important;
  border-bottom: 1px solid #e8d9b8 !important;
}

/* Main layout areas */
.layout-main,
.layout-main-section,
.layout-main-section-wrapper,
.layout-side-section,
.desk-page,
.page-content,
.main-section {
  background-color: #fdf8ef !important;
}

/* Workspace / home dashboard */
.workspace-container,
.workspace-skeleton,
.widget-group,
.onboarding-widget-box,
.onboarding-step,
.shortcut-widget-box,
.links-widget-box,
.chart-widget-box,
.number-widget-box {
  background-color: #fdf8ef !important;
}

/* Widget cards - slightly raised */
.widget.shortcut-widget-box,
.widget.links-widget-box,
.widget.onboarding-widget-box {
  background-color: #fffcf4 !important;
  border: 1px solid #e8d9b8 !important;
  border-radius: 8px !important;
}

/* Form panels */
.frappe-card,
.form-section .section-body,
.form-tabs-list,
.tab-content,
.form-page {
  background-color: #fdf8ef !important;
}

/* List view */
.list-row,
.dt-row,
.result {
  background-color: #fdf8ef !important;
}
.list-row:hover,
.dt-row:hover {
  background-color: #f5edd8 !important;
}

/* Input fields */
.form-control,
input.form-control,
textarea.form-control,
select.form-control {
  background-color: #f5edd8 !important;
  border-color: #e8d9b8 !important;
}

.title-text { color: #1a1a1a !important; }

/* ============================================
   Loading bar (nprogress)
   ============================================ */
#nprogress .bar { background: #C9A227 !important; }
#nprogress .peg { box-shadow: 0 0 10px #C9A227, 0 0 5px #C9A227 !important; }

/* ============================================
   Hide powered by / ERPNext traces
   ============================================ */
.powered-by, footer .powered-by, [class*=powered] { display: none !important; }

/* ============================================
   Login Page
   ============================================ */

/* Hide original in-card logo */
.page-card-head img.app-logo { display: none !important; }

/* Logo injected above the card by aylea_login.js */
.aylea-logo-above {
  text-align: center;
  padding: 50px 20px 24px;
}
.aylea-logo-above img {
  max-width: 80vw;
  width: 210px;
  height: auto;
}

/* Login title */
.page-card-head h4 {
  font-size: 0 !important;
  color: transparent !important;
}
.page-card-head h4::after {
  content: 'Login to Aylea Business Suite';
  font-size: 1.1rem !important;
  color: #1a1a1a !important;
  font-weight: 600 !important;
}
.page-card { border-top: 3px solid #C9A227 !important; }
.login-footer, .login-content .text-muted small { display: none !important; }