/* DigiLink Unified Theme — variables partagées light + dark */
:root {
  --dgl-primary:       #1D9E75;
  --dgl-primary-dark:  #0F6E56;
  --dgl-primary-light: #E1F5EE;
  --dgl-primary-mid:   #9FE1CB;

  --dgl-bg:            #FFFFFF;
  --dgl-bg-alt:        #F4F9F7;
  --dgl-bg-hover:      #EFEFED;

  --dgl-text:          #1A1A1A;
  --dgl-text-muted:    #5A6B66;

  --dgl-border:        #E0E8E5;
  --dgl-border-light:  #EFEFED;

  --dgl-radius-sm:     6px;
  --dgl-radius-md:     10px;
  --dgl-radius-lg:     14px;
  --dgl-radius-xl:     20px;
}

[data-theme="dark"] {
  --dgl-bg:            #0F1411;
  --dgl-bg-alt:        #16201C;
  --dgl-bg-hover:      #1E2E28;

  --dgl-text:          #EAF3F0;
  --dgl-text-muted:    #9FB5AE;

  --dgl-border:        #2A3A35;
  --dgl-border-light:  #1E2E28;

  --dgl-primary-light: #0D2B1F;
  --dgl-primary-mid:   #1D5040;
  /* --dgl-primary / --dgl-primary-dark inchangés pour cohérence de marque */
}

/* Toggle bouton thème (partagé entre pages) */
.dgl-theme-toggle {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--dgl-radius-md, 10px);
  border: 0.5px solid var(--dgl-border, #E0E8E5);
  background: transparent;
  color: var(--dgl-text-muted, #5A6B66);
  cursor: pointer;
  flex-shrink: 0;
}
.dgl-theme-toggle:hover {
  background: var(--dgl-bg-alt, #F4F9F7);
}

/* Transition douce sur changement de thème */
*, *::before, *::after {
  transition: background-color .2s ease, color .15s ease, border-color .2s ease;
}

/* ——————————————————————————————————————————
   Frappe v15 — Surcharge variables natives
   ——————————————————————————————————————————*/
:root,
[data-theme="light"] {
  /* Couleur primaire : checkboxes, progress bars, éléments actifs */
  --primary: #1D9E75;
}

[data-theme="dark"] {
  --primary: #1D9E75;
}

/* Boutons primaires — Frappe v15 les hardcode #171717, surcharge nécessaire */
.btn-primary,
div#driver-popover-item .driver-popover-footer button.driver-next-btn {
  background-color: #1D9E75;
  border-color: #1D9E75;
  color: #ffffff;
}
.btn-primary:hover,
div#driver-popover-item .driver-popover-footer button.driver-next-btn:hover {
  background-color: #0F6E56;
  border-color: #0F6E56;
  color: #ffffff;
}
.btn-primary:focus,
.btn-primary.focus,
div#driver-popover-item .driver-popover-footer button.driver-next-btn:focus {
  background-color: #0F6E56;
  border-color: #0F6E56;
  color: #ffffff;
  box-shadow: 0 0 0 2px rgba(29, 158, 117, 0.4);
}
.btn-primary:active,
.btn-primary.active {
  background-color: #0F6E56;
  border-color: #0F6E56;
  color: #ffffff;
}

/* ——————————————————————————————————————————
   Frappe v15 Desk — Navbar & Sidebar
   Chargé via app_include_css (Desk uniquement)
   ——————————————————————————————————————————*/

/* Navbar — border bas DigiLink */
.navbar {
  border-bottom: 1px solid var(--dgl-border, #E0E8E5) !important;
}
[data-theme="dark"] .navbar {
  border-bottom-color: var(--dgl-border, #2A3A35) !important;
}

/* Logo dans la navbar — contrainte de taille */
.navbar-brand img,
.app-logo {
  max-height: 28px;
  width: auto;
  object-fit: contain;
}

/* Sidebar — item actif */
.standard-sidebar-item.selected,
.standard-sidebar-item.selected > a {
  background-color: var(--dgl-primary-light, #E1F5EE) !important;
  color: var(--dgl-primary, #1D9E75) !important;
  border-radius: var(--dgl-radius-sm, 6px);
}
[data-theme="dark"] .standard-sidebar-item.selected,
[data-theme="dark"] .standard-sidebar-item.selected > a {
  background-color: var(--dgl-primary-mid, #1D5040) !important;
  color: var(--dgl-primary, #1D9E75) !important;
}

/* Sidebar — hover */
.standard-sidebar-item:not(.selected):hover,
.standard-sidebar-item:not(.selected):hover > a {
  background-color: var(--dgl-bg-hover, #EFEFED) !important;
  border-radius: var(--dgl-radius-sm, 6px);
}
[data-theme="dark"] .standard-sidebar-item:not(.selected):hover,
[data-theme="dark"] .standard-sidebar-item:not(.selected):hover > a {
  background-color: var(--dgl-bg-hover, #1E2E28) !important;
}

/* Frappe v15 — variables CSS sidebar natives */
:root {
  --sidebar-select-color: var(--dgl-primary-light, #E1F5EE);
}
[data-theme="dark"] {
  --sidebar-select-color: var(--dgl-primary-mid, #1D5040);
}