/*
 * K-Menu shared dark shell 1.20.5.
 * Scope the palette to Dolibarr's native header/sidebar and to an opted-in
 * module page. Each module keeps its own component palette in its own root.
 */
html[data-dolibarr-shell-theme="dark"] {
  color-scheme: dark;
}

html[data-dolibarr-shell-theme="dark"] #id-top,
html[data-dolibarr-shell-theme="dark"] #id-top *,
html[data-dolibarr-shell-theme="dark"] #id-top .navbar,
html[data-dolibarr-shell-theme="dark"] #id-top .navbar-header,
html[data-dolibarr-shell-theme="dark"] #id-top .topnav,
html[data-dolibarr-shell-theme="dark"] #id-top ul.tmenu,
html[data-dolibarr-shell-theme="dark"] #id-top li.tmenu,
html[data-dolibarr-shell-theme="dark"] #id-top li.tmenusel,
html[data-dolibarr-shell-theme="dark"] #id-top .tmenudiv,
html[data-dolibarr-shell-theme="dark"] #id-top .tmenulabel,
html[data-dolibarr-shell-theme="dark"] #id-top div.login_block,
html[data-dolibarr-shell-theme="dark"] #id-top .login_block_elem,
html[data-dolibarr-shell-theme="dark"] #topmenu-login-dropdown,
html[data-dolibarr-shell-theme="dark"] #topmenu-login-dropdown *,
html[data-dolibarr-shell-theme="dark"] div#tmenu_tooltip {
  --colorbackhmenu1: #202226 !important;
  --colortextbackhmenu: #f4f5f6 !important;
  --colorbackvmenu1: #202226 !important;
  --colortextbackvmenu: #f4f5f6 !important;
  color: #f4f5f6 !important;
  background-color: #202226 !important;
  border-color: #42474f !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] #id-top :is(
  .tmenudiv,
  a, button, .tmenu, .tmenusel, .tmenulabel, .atoplogin,
  .atoploginusername, span.mainmenuaspan, .dropdown-menu a, [role="menuitem"]
),
html[data-dolibarr-shell-theme="dark"] #topmenu-login-dropdown a,
html[data-dolibarr-shell-theme="dark"] div#tmenu_tooltip a {
  color: #f4f5f6 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] #id-top :is(
  a:hover, a:focus-visible, button:hover, button:focus-visible,
  .tmenusel, li.tmenusel > a, [aria-current="page"]
),
html[data-dolibarr-shell-theme="dark"] #topmenu-login-dropdown a:hover,
html[data-dolibarr-shell-theme="dark"] div#tmenu_tooltip a:hover {
  color: #f3d67f !important;
  background-color: #292c31 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] li.tmenusel::after,
html[data-dolibarr-shell-theme="dark"] li.tmenusel:hover::after {
  background-color: transparent !important;
  border-bottom-color: #e5c66f !important;
}

html[data-dolibarr-shell-theme="dark"] #id-top :is(
  input[type="text"], input[type="search"], select, textarea
),
html[data-dolibarr-shell-theme="dark"] #topmenu-login-dropdown :is(
  input[type="text"], input[type="search"], select, textarea
) {
  color: #f4f5f6 !important;
  background-color: #17181b !important;
  border-color: #535b66 !important;
  caret-color: #f3d67f;
  color-scheme: dark;
}

html[data-dolibarr-shell-theme="dark"] #id-left,
html[data-dolibarr-shell-theme="dark"] #id-left *,
html[data-dolibarr-shell-theme="dark"] #id-left .side-nav,
html[data-dolibarr-shell-theme="dark"] #id-left .vmenu,
html[data-dolibarr-shell-theme="dark"] #id-left #kmo-server-sidebar-1460,
html[data-dolibarr-shell-theme="dark"] .side-nav,
html[data-dolibarr-shell-theme="dark"] .side-nav *,
html[data-dolibarr-shell-theme="dark"] .side-nav-vert,
html[data-dolibarr-shell-theme="dark"] .side-nav-vert *,
html[data-dolibarr-shell-theme="dark"] div.login_block {
  --colorbackvmenu1: #202226 !important;
  --colortextbackvmenu: #f4f5f6 !important;
  color: #f4f5f6 !important;
  background-color: #202226 !important;
  border-color: #42474f !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-left, .side-nav, .side-nav-vert) :is(
  .blockvmenu, .blockvmenupair, .blockvmenuimpair, .blockvmenubookmarks,
  .blockvmenusearch, .blockvmenuhelp, .blockvmenuend, .menu_titre,
  .menu_top, .menu_end, .vmenu, .vsmenu, [role="menu"], [role="menuitem"]
) {
  color: #f4f5f6 !important;
  background-color: #202226 !important;
  border-color: #42474f !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-left, .side-nav, .side-nav-vert) :is(
  a, button, span.vmenu, span.vsmenu, span.vsmenudisabled,
  font.vsmenudisabled, .menu_contenu
) {
  color: #e3e6e9 !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-left, .side-nav, .side-nav-vert) :is(
  a.vmenu:hover, a.vsmenu:hover, a.vmenu:focus-visible, a.vsmenu:focus-visible,
  a[aria-current="page"], a.selected
) {
  color: #f3d67f !important;
  background-color: #2b2c2e !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-left, .side-nav, .side-nav-vert) :is(
  input[type="text"], input[type="search"], select, textarea, .select2-selection
) {
  color: #f4f5f6 !important;
  background-color: #17181b !important;
  border-color: #535b66 !important;
  caret-color: #f3d67f;
  color-scheme: dark;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-top, #id-left, .side-nav, .side-nav-vert) :is(
  a, button, input, select, textarea
):focus-visible {
  outline: 2px solid #f3d67f !important;
  outline-offset: 2px;
}

html[data-dolibarr-shell-theme="dark"] :is(#id-left, .side-nav, .side-nav-vert) {
  scrollbar-color: #69717c #202226;
}

/* The module canvas darkens only after an opted-in root selects dark mode. */
html[data-dolibarr-shell-theme="dark"][data-dolibarr-shell-module] body,
html[data-dolibarr-shell-theme="dark"][data-dolibarr-shell-module] #id-container,
html[data-dolibarr-shell-theme="dark"][data-dolibarr-shell-module] #id-right {
  color: #f4f5f6 !important;
  background-color: #1b1c1f !important;
}

html.is-dolibarr-shell-transitioning #id-top,
html.is-dolibarr-shell-transitioning #id-top *,
html.is-dolibarr-shell-transitioning #id-left,
html.is-dolibarr-shell-transitioning #id-left *,
html.is-dolibarr-shell-transitioning .side-nav,
html.is-dolibarr-shell-transitioning .side-nav *,
html.is-dolibarr-shell-transitioning .side-nav-vert,
html.is-dolibarr-shell-transitioning .side-nav-vert *,
html.is-dolibarr-shell-transitioning[data-dolibarr-shell-module] body,
html.is-dolibarr-shell-transitioning[data-dolibarr-shell-module] #id-container,
html.is-dolibarr-shell-transitioning[data-dolibarr-shell-module] #id-right {
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease;
}

@media (prefers-reduced-motion: reduce) {
  html.is-dolibarr-shell-transitioning #id-top,
  html.is-dolibarr-shell-transitioning #id-top *,
  html.is-dolibarr-shell-transitioning #id-left,
  html.is-dolibarr-shell-transitioning #id-left *,
  html.is-dolibarr-shell-transitioning .side-nav,
  html.is-dolibarr-shell-transitioning .side-nav *,
  html.is-dolibarr-shell-transitioning .side-nav-vert *,
  html.is-dolibarr-shell-transitioning #id-right,
  html.is-dolibarr-shell-transitioning body,
  html.is-dolibarr-shell-transitioning #id-container {
    transition-duration: .001ms;
  }
}