/* Komosupply — palette originale du logo fourni. */
:root, [data-theme="light"], [data-theme="dark"] {
  --komo-green: #1fa574;
  --komo-dark: #167f5a;
  --komo-mint: #9ae6c6;
  --primary: #167f5a;
  --primary-color: #167f5a;
  --btn-primary: #167f5a;
  --primary-light: #eaf8f1;
  --primary-50: #eaf8f1;
  --primary-100: #d4f3e4;
  --primary-500: #1fa574;
  --primary-600: #167f5a;
  --primary-700: #116345;
  --text-on-primary: #fff;
  --checkbox-gradient: linear-gradient(#167f5a, #167f5a);
}
.btn-primary, .btn-primary:not(:disabled):not(.disabled) {
  background-color: var(--komo-dark) !important;
  border-color: var(--komo-dark) !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus-visible {
  background-color: #116345 !important;
  border-color: #116345 !important;
}
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--komo-green);
  outline-offset: 3px;
}
.form-control:focus { border-color: var(--komo-green); box-shadow: 0 0 0 3px #1fa57420; }
.navbar { border-top: 3px solid var(--komo-green); }
.navbar-brand img, .navbar .app-logo { object-fit: contain; }
.navbar-brand::after {
  content: "Komosupply";
  margin-inline-start: 9px;
  color: var(--text-color, #167f5a);
  font-size: 16px;
  font-weight: 650;
  letter-spacing: -.4px;
}
.navbar-brand { display: inline-flex; align-items: center; }
.navbar-brand .app-logo { width: 28px; height: 30px; }
.desk-sidebar-item.selected, .standard-sidebar-item.selected,
.standard-sidebar-item.selected:hover { background-color: #eaf8f1; color: #116345; }
.desk-sidebar-item.selected a, .standard-sidebar-item.selected a { color: #116345; }
[data-theme="dark"] .desk-sidebar-item.selected,
[data-theme="dark"] .standard-sidebar-item.selected { background-color: #163f31; color: #9ae6c6; }
[data-theme="dark"] .standard-sidebar-item.selected a { color: #9ae6c6; }
body[data-path="login"] { background: radial-gradient(ellipse at top, #e4f7ed, #f7faf8 65%); }
.for-login .page-card, .for-forgot .page-card, .for-signup .page-card {
  border: 1px solid #d4eade;
  border-radius: 16px;
  box-shadow: 0 12px 40px #167f5a0d;
}
.page-card-head .app-logo { width: 64px !important; height: 70px !important; max-height: 70px; object-fit: contain; }
.page-card-head h4 { color: #167f5a; }
@media (max-width: 575px) {
  .navbar-brand::after { font-size: 14px; margin-inline-start: 6px; }
}
/* Frappe 16 Espresso controls. */
.es-button[data-variant="solid"], .es-button[data-variant="solid"]:not(:disabled) {
  background: #167f5a !important;
  border-color: #167f5a !important;
  color: #fff !important;
}
.es-button[data-variant="solid"]:hover { background: #116345 !important; }
body[data-path="login"] .page-card-head > .app-logo {
  width: 52px !important; height: 56px !important; max-height: 56px !important;
}
body[data-path="login"] .page-card-head-text::before {
  content: "Komosupply"; display: block; color: #167f5a;
  font-size: 25px; font-weight: 700; letter-spacing: -.6px; margin-bottom: 6px;
}
.komosupply-name { margin-inline-start: 8px; font-size: 16px; font-weight: 650; color: var(--text-color, #167f5a); }
.navbar-brand:has(.komosupply-name)::after { content: none; }
html[lang="fr"] .setup-intro__hello > span { visibility: hidden; }
html[lang="fr"] .setup-intro__hello::after { content: "Bonjour"; grid-area: 1 / 1; color: #167f5a; }