:root,
html[data-theme="light"] {
  color-scheme: light;
  --mcp-theme-page: #f4f7fb;
  --mcp-theme-surface: #ffffff;
  --mcp-theme-surface-2: #f7f9fc;
  --mcp-theme-surface-3: #eef2f7;
  --mcp-theme-text: #142033;
  --mcp-theme-muted: #61728a;
  --mcp-theme-border: #dbe4ef;
  --mcp-theme-border-strong: #c6d2e3;
  --mcp-theme-accent: #1e4fae;
  --mcp-theme-accent-soft: rgba(30, 79, 174, 0.11);
  --mcp-theme-success: #1f9d67;
  --mcp-theme-warning: #c98b1d;
  --mcp-theme-danger: #d94b63;
  --mcp-theme-shadow-sm: 0 4px 10px rgba(15, 23, 42, 0.07);
  --mcp-theme-shadow-md: 0 12px 28px rgba(15, 23, 42, 0.1);
  --mcp-theme-shadow-lg: 0 18px 42px rgba(15, 23, 42, 0.16);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --mcp-theme-page: #0b1220;
  --mcp-theme-surface: #111a2b;
  --mcp-theme-surface-2: #162235;
  --mcp-theme-surface-3: #1d2b40;
  --mcp-theme-text: #e6edf7;
  --mcp-theme-muted: #9caec6;
  --mcp-theme-border: #29384d;
  --mcp-theme-border-strong: #37506d;
  --mcp-theme-accent: #7aa2ff;
  --mcp-theme-accent-soft: rgba(122, 162, 255, 0.16);
  --mcp-theme-success: #4ecb88;
  --mcp-theme-warning: #e5b24d;
  --mcp-theme-danger: #f07a8d;
  --mcp-theme-shadow-sm: 0 4px 10px rgba(0, 0, 0, 0.24);
  --mcp-theme-shadow-md: 0 12px 28px rgba(0, 0, 0, 0.34);
  --mcp-theme-shadow-lg: 0 18px 42px rgba(0, 0, 0, 0.46);
  --mcp-primary: #d7e3ff;
  --mcp-ink: var(--mcp-theme-text);
  --mcp-muted: var(--mcp-theme-muted);
  --mcp-border: var(--mcp-theme-border);
  --mcp-bg: var(--mcp-theme-surface);
  --mcp-surface: var(--mcp-theme-surface-2);
  --mcp-surface-2: var(--mcp-theme-surface-3);
  --mcp-text: var(--mcp-theme-text);
  --mcp-text-muted: var(--mcp-theme-muted);
  --mcp-accent: var(--mcp-theme-accent);
  --mcp-accent-soft: var(--mcp-theme-accent-soft);
  --mcp-shadow-sm: var(--mcp-theme-shadow-sm);
  --mcp-shadow-md: var(--mcp-theme-shadow-md);
  --mcp-shadow: var(--mcp-theme-shadow-md);
  --bg: var(--mcp-theme-page);
  --surface: var(--mcp-theme-surface-2);
  --card: var(--mcp-theme-surface);
  --text: var(--mcp-theme-text);
  --muted: var(--mcp-theme-muted);
  --border: var(--mcp-theme-border);
  --accent: var(--mcp-theme-accent);
}

.mcp-topbar__theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--mcp-border);
  border-radius: 999px;
  background: var(--mcp-bg);
  color: var(--mcp-ink);
  cursor: pointer;
  box-shadow: var(--mcp-shadow-sm);
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

.mcp-topbar__theme-toggle:hover,
.mcp-topbar__theme-toggle:focus-visible {
  background: var(--mcp-surface);
  color: var(--mcp-accent);
  outline: none;
}

.mcp-topbar__theme-toggle .lucide,
.mcp-topbar__theme-toggle svg.lucide {
  width: 16px;
  height: 16px;
}

.mcp-topbar__theme-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 1024px) {
  .mcp-topbar__theme-label {
    display: none;
  }

  .mcp-topbar__theme-toggle {
    width: 34px;
    justify-content: center;
    padding: 0;
  }
}

html[data-theme="dark"] body {
  background: var(--mcp-theme-page);
  color: var(--mcp-theme-text);
}

html[data-theme="dark"] a {
  color: #9cc0ff;
}

html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:focus {
  color: #c2d7ff;
}

body #content p.buttons input[type="button"],
body #content p.buttons input[type="submit"],
body #content p.buttons input[type="reset"],
body #content p.buttons button,
body #content .contextual input[type="button"],
body #content .contextual input[type="submit"],
body #content .contextual input[type="reset"],
body #content .contextual button {
  padding: 7px 14px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(30, 79, 174, 0.18) !important;
  background: linear-gradient(180deg, #2b5fbe 0%, #1e4fae 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(30, 79, 174, 0.18) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

body #content p.buttons input[type="button"]:hover,
body #content p.buttons input[type="button"]:focus,
body #content p.buttons input[type="submit"]:hover,
body #content p.buttons input[type="submit"]:focus,
body #content p.buttons input[type="reset"]:hover,
body #content p.buttons input[type="reset"]:focus,
body #content p.buttons button:hover,
body #content p.buttons button:focus,
body #content .contextual input[type="button"]:hover,
body #content .contextual input[type="button"]:focus,
body #content .contextual input[type="submit"]:hover,
body #content .contextual input[type="submit"]:focus,
body #content .contextual input[type="reset"]:hover,
body #content .contextual input[type="reset"]:focus,
body #content .contextual button:hover,
body #content .contextual button:focus {
  background: linear-gradient(180deg, #3569c9 0%, #2557b7 100%) !important;
  color: #fff !important;
  border-color: rgba(30, 79, 174, 0.28) !important;
  box-shadow: 0 10px 22px rgba(30, 79, 174, 0.22) !important;
  text-decoration: none !important;
}

body #content p.buttons input[type="button"]:active,
body #content p.buttons input[type="submit"]:active,
body #content p.buttons input[type="reset"]:active,
body #content p.buttons button:active,
body #content .contextual input[type="button"]:active,
body #content .contextual input[type="submit"]:active,
body #content .contextual input[type="reset"]:active,
body #content .contextual button:active {
  background: linear-gradient(180deg, #1f53b1 0%, #194596 100%) !important;
  border-color: rgba(20, 56, 126, 0.44) !important;
  box-shadow: inset 0 2px 8px rgba(8, 20, 48, 0.22) !important;
}

html[data-theme="dark"] body #content p.buttons input[type="button"],
html[data-theme="dark"] body #content p.buttons input[type="submit"],
html[data-theme="dark"] body #content p.buttons input[type="reset"],
html[data-theme="dark"] body #content p.buttons button,
html[data-theme="dark"] body #content .contextual input[type="button"],
html[data-theme="dark"] body #content .contextual input[type="submit"],
html[data-theme="dark"] body #content .contextual input[type="reset"],
html[data-theme="dark"] body #content .contextual button {
  border-color: rgba(122, 162, 255, 0.2) !important;
  background: linear-gradient(180deg, #182746 0%, #14213a 100%) !important;
  color: #dce8ff !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26) !important;
}

html[data-theme="dark"] body #content p.buttons input[type="button"]:hover,
html[data-theme="dark"] body #content p.buttons input[type="button"]:focus,
html[data-theme="dark"] body #content p.buttons input[type="submit"]:hover,
html[data-theme="dark"] body #content p.buttons input[type="submit"]:focus,
html[data-theme="dark"] body #content p.buttons input[type="reset"]:hover,
html[data-theme="dark"] body #content p.buttons input[type="reset"]:focus,
html[data-theme="dark"] body #content p.buttons button:hover,
html[data-theme="dark"] body #content p.buttons button:focus,
html[data-theme="dark"] body #content .contextual input[type="button"]:hover,
html[data-theme="dark"] body #content .contextual input[type="button"]:focus,
html[data-theme="dark"] body #content .contextual input[type="submit"]:hover,
html[data-theme="dark"] body #content .contextual input[type="submit"]:focus,
html[data-theme="dark"] body #content .contextual input[type="reset"]:hover,
html[data-theme="dark"] body #content .contextual input[type="reset"]:focus,
html[data-theme="dark"] body #content .contextual button:hover,
html[data-theme="dark"] body #content .contextual button:focus {
  background: linear-gradient(180deg, #1d3158 0%, #173050 100%) !important;
  color: #f3f7ff !important;
  border-color: rgba(122, 162, 255, 0.34) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.32) !important;
}

html[data-theme="dark"] body #content p.buttons input[type="button"]:active,
html[data-theme="dark"] body #content p.buttons input[type="submit"]:active,
html[data-theme="dark"] body #content p.buttons input[type="reset"]:active,
html[data-theme="dark"] body #content p.buttons button:active,
html[data-theme="dark"] body #content .contextual input[type="button"]:active,
html[data-theme="dark"] body #content .contextual input[type="submit"]:active,
html[data-theme="dark"] body #content .contextual input[type="reset"]:active,
html[data-theme="dark"] body #content .contextual button:active {
  background: linear-gradient(180deg, #132440 0%, #102038 100%) !important;
  border-color: rgba(122, 162, 255, 0.24) !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] h3.icon,
html[data-theme="dark"] h3.version,
html[data-theme="dark"] h3.comments,
html[data-theme="dark"] div.issues h3,
html[data-theme="dark"] div.members h3,
html[data-theme="dark"] div.news h3,
html[data-theme="dark"] div.projects h3 {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] a.collapsible,
html[data-theme="dark"] a.collapsible.icon,
html[data-theme="dark"] .collapsible > legend {
  color: var(--mcp-theme-accent) !important;
}

html[data-theme="dark"] a.collapsible:hover,
html[data-theme="dark"] a.collapsible:focus,
html[data-theme="dark"] a.collapsible.icon:hover,
html[data-theme="dark"] a.collapsible.icon:focus,
html[data-theme="dark"] .collapsible > legend:hover,
html[data-theme="dark"] .collapsible > legend:focus {
  color: #c2d7ff !important;
}

html[data-theme="dark"] hr {
  border-top-color: var(--mcp-theme-border);
}

html[data-theme="dark"] #wrapper {
  background: var(--mcp-theme-page);
}

html[data-theme="dark"] #header,
html[data-theme="dark"] #top-menu,
html[data-theme="dark"] #main-menu,
html[data-theme="dark"] .flyout-menu,
html[data-theme="dark"] .flyout-menu.js-flyout-menu,
html[data-theme="dark"] #content,
html[data-theme="dark"] #sidebar,
html[data-theme="dark"] .box,
html[data-theme="dark"] .tab-content,
html[data-theme="dark"] .splitcontentleft,
html[data-theme="dark"] .splitcontentright,
html[data-theme="dark"] div.issue,
html[data-theme="dark"] div.journal,
html[data-theme="dark"] #history,
html[data-theme="dark"] #relations,
html[data-theme="dark"] #watchers,
html[data-theme="dark"] #roadmap,
html[data-theme="dark"] #query_form,
html[data-theme="dark"] #query_form_with_buttons,
html[data-theme="dark"] .mypage-box,
html[data-theme="dark"] .modal,
html[data-theme="dark"] .ui-dialog,
html[data-theme="dark"] .ui-widget-content {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text);
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] #sidebar a,
html[data-theme="dark"] #header a,
html[data-theme="dark"] #top-menu a,
html[data-theme="dark"] .flyout-menu a,
html[data-theme="dark"] .flyout-menu .user,
html[data-theme="dark"] .flyout-menu h3 {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > ul,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > form,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > table,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > .box,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > p:not(.contextual) {
  background: var(--mcp-theme-surface) !important;
  border-color: var(--mcp-theme-border) !important;
  box-shadow: var(--mcp-theme-shadow-sm) !important;
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 {
  background: var(--mcp-theme-surface-2) !important;
  border-color: var(--mcp-theme-border) !important;
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2 + ul,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2 + form,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2 + table,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2 + .box,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h2 + p:not(.contextual),
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3 + ul,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3 + form,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3 + table,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3 + .box,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h3 + p:not(.contextual),
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 + ul,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 + form,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 + table,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 + .box,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar > h4 + p:not(.contextual) {
  border-top-color: rgba(125, 144, 170, 0.12) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar li + li {
  border-top-color: rgba(125, 144, 170, 0.18) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar li,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar p,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar span,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar strong {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar a {
  color: #d9e6ff !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar a:visited {
  color: #c7d7ff !important;
}

html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar a:hover,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar a:focus,
html[data-theme="dark"] body:not(.controller-account):not(.action-login) #sidebar a:active {
  color: var(--mcp-theme-accent) !important;
  text-decoration: none !important;
}

html[data-theme="dark"] #header,
html[data-theme="dark"] #top-menu,
html[data-theme="dark"] #main-menu,
html[data-theme="dark"] .mcp-topbar,
html[data-theme="dark"] .mcp-header {
  border-color: var(--mcp-theme-border) !important;
  box-shadow: none;
}

html[data-theme="dark"] #main-menu ul li a,
html[data-theme="dark"] #main-menu ul li > span,
html[data-theme="dark"] .tabs ul li a {
  background: transparent;
  color: var(--mcp-theme-muted);
  border-color: transparent;
}

html[data-theme="dark"] #main-menu ul li a.selected,
html[data-theme="dark"] #main-menu ul li a:hover,
html[data-theme="dark"] .tabs ul li a.selected,
html[data-theme="dark"] .tabs ul li a:hover {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mcp-theme-accent) !important;
}

html[data-theme="dark"] div.tabs:not(#main-menu) > ul > li > a {
  color: var(--mcp-theme-accent) !important;
}

html[data-theme="dark"] #main-menu .tabs-buttons {
  border-color: var(--mcp-theme-border) !important;
  background: linear-gradient(180deg, rgba(23, 35, 56, 0.96), rgba(18, 27, 44, 0.98)) !important;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.03);
}

html[data-theme="dark"] input[type="button"]:hover,
html[data-theme="dark"] input[type="button"]:focus,
html[data-theme="dark"] input[type="submit"]:hover,
html[data-theme="dark"] input[type="submit"]:focus,
html[data-theme="dark"] input[type="reset"]:hover,
html[data-theme="dark"] input[type="reset"]:focus,
html[data-theme="dark"] button:hover,
html[data-theme="dark"] button:focus {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mcp-theme-accent) !important;
  border-color: rgba(122, 162, 255, 0.34) !important;
  box-shadow: 0 0 0 1px rgba(122, 162, 255, 0.14) inset !important;
}

html[data-theme="dark"] .author {
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] legend {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] #main-menu .tabs-buttons > button {
  background: transparent !important;
  color: var(--mcp-theme-muted) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #main-menu .tabs-buttons > button:hover,
html[data-theme="dark"] #main-menu .tabs-buttons > button:focus {
  background: rgba(122, 162, 255, 0.1) !important;
  color: var(--mcp-theme-text) !important;
}

@media screen and (max-width: 899px) {
  html[data-theme="dark"] #header,
  html[data-theme="dark"] #top-menu,
  html[data-theme="dark"] .flyout-menu,
  html[data-theme="dark"] .flyout-menu.js-flyout-menu {
    background: linear-gradient(180deg, rgba(19, 29, 47, 0.98) 0%, rgba(14, 22, 37, 0.99) 100%) !important;
    background-color: var(--mcp-theme-surface, #121a28) !important;
    color: var(--mcp-theme-text, #e6edf7) !important;
    border-color: var(--mcp-theme-border, #29384d) !important;
    box-shadow: var(--mcp-theme-shadow-md, 0 18px 32px rgba(5, 10, 20, 0.28)) !important;
  }

  html[data-theme="dark"] .flyout-menu h3 {
    background: linear-gradient(180deg, rgba(31, 45, 70, 0.94), rgba(23, 34, 54, 0.98)) !important;
    border-left-color: rgba(122, 162, 255, 0.28) !important;
    color: var(--mcp-theme-muted, #9fb0c9) !important;
  }

  html[data-theme="dark"] .flyout-menu .flyout-menu__search,
  html[data-theme="dark"] .flyout-menu .flyout-menu__avatar,
  html[data-theme="dark"] .flyout-menu .flyout-menu__sidebar,
  html[data-theme="dark"] .flyout-menu .new-object {
    background: transparent !important;
    color: var(--mcp-theme-text, #e6edf7) !important;
    border-color: var(--mcp-theme-border, #29384d) !important;
  }

  html[data-theme="dark"] .flyout-menu .flyout-menu__search input,
  html[data-theme="dark"] .flyout-menu input.small.js-search-input,
  html[data-theme="dark"] #header #quick-search input#q {
    background: var(--mcp-theme-surface-soft, #0f1828) !important;
    color: var(--mcp-theme-text, #e6edf7) !important;
    border-color: var(--mcp-theme-border, #29384d) !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .flyout-menu .flyout-menu__search input::placeholder,
  html[data-theme="dark"] .flyout-menu input.small.js-search-input::placeholder,
  html[data-theme="dark"] #header #quick-search input#q::placeholder {
    color: var(--mcp-theme-muted, #9fb0c9) !important;
  }

  html[data-theme="dark"] .flyout-menu li > a,
  html[data-theme="dark"] .flyout-menu .user,
  html[data-theme="dark"] #header a,
  html[data-theme="dark"] #top-menu a {
    color: var(--mcp-theme-text, #e6edf7) !important;
    background: rgba(0, 0, 0, 0) !important;
    border-left-color: transparent !important;
  }

  html[data-theme="dark"] .flyout-menu a.selected,
  html[data-theme="dark"] .flyout-menu li.selected > a,
  html[data-theme="dark"] .flyout-menu .user.active,
  html[data-theme="dark"] .flyout-menu li > a:hover,
  html[data-theme="dark"] .flyout-menu li > a:focus {
    background: rgba(122, 162, 255, 0.14) !important;
    color: #eaf2ff !important;
    border-left: 4px solid rgba(122, 162, 255, 0.7) !important;
  }

  html[data-theme="dark"] .mobile-toggle-button,
  html[data-theme="dark"] .mobile-toggle-button.js-flyout-menu-toggle-button,
  html[data-theme="dark"] .mobile-toggle-button:hover,
  html[data-theme="dark"] .mobile-toggle-button:focus {
    background: var(--mcp-theme-surface-soft, #0f1828) !important;
    color: var(--mcp-theme-accent, #7aa2ff) !important;
    border-right-color: var(--mcp-theme-border, #29384d) !important;
    box-shadow: none !important;
  }

  html[data-theme="dark"] .mobile-toggle-button::before,
  html[data-theme="dark"] .mobile-toggle-button::after,
  html[data-theme="dark"] .flyout-menu .lucide[data-icon] {
    color: var(--mcp-theme-accent, #7aa2ff) !important;
    border-color: var(--mcp-theme-accent, #7aa2ff) !important;
  }

  html[data-theme="dark"] .flyout-menu *::selection {
    background: rgba(122, 162, 255, 0.18) !important;
    color: var(--mcp-theme-text, #e6edf7) !important;
  }
}

html[data-theme="dark"] .mcp-topbar__dropdown-menu,
html[data-theme="dark"] .drdn-content,
html[data-theme="dark"] .context-menu,
html[data-theme="dark"] .menu-children,
html[data-theme="dark"] ul.ui-autocomplete,
html[data-theme="dark"] .ui-menu,
html[data-theme="dark"] .modal .ui-dialog-content {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text);
  border: 1px solid var(--mcp-theme-border) !important;
  box-shadow: var(--mcp-theme-shadow-md);
}

html[data-theme="dark"] .mcp-topbar__dropdown-item:hover,
html[data-theme="dark"] .drdn-content .drdn-items a:hover,
html[data-theme="dark"] .context-menu li a:hover,
html[data-theme="dark"] ul.ui-autocomplete li:hover,
html[data-theme="dark"] .ui-menu-item-wrapper.ui-state-active {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="date"],
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-text) !important;
  border: 1px solid var(--mcp-theme-border) !important;
  box-shadow: none;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--mcp-theme-muted);
}

html[data-theme="dark"] input[type="text"]:focus,
html[data-theme="dark"] input[type="search"]:focus,
html[data-theme="dark"] input[type="email"]:focus,
html[data-theme="dark"] input[type="password"]:focus,
html[data-theme="dark"] input[type="number"]:focus,
html[data-theme="dark"] input[type="date"]:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus {
  border-color: rgba(122, 162, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(122, 162, 255, 0.15) !important;
}

html[data-theme="dark"] input[disabled],
html[data-theme="dark"] select[disabled],
html[data-theme="dark"] textarea[disabled] {
  background: rgba(255, 255, 255, 0.04) !important;
  color: rgba(230, 237, 247, 0.52) !important;
}

html[data-theme="dark"] input[type="submit"],
html[data-theme="dark"] input[type="button"],
html[data-theme="dark"] input[type="reset"],
html[data-theme="dark"] button {
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] p.buttons > a,
html[data-theme="dark"] .other-formats > span > a,
html[data-theme="dark"] #wiki_add_attachment > p > a,
html[data-theme="dark"] #content > .contextual > a,
html[data-theme="dark"] #content > .contextual > span:not(.drdn) > a,
html[data-theme="dark"] #query_form > .contextual > a,
html[data-theme="dark"] #query_form_with_buttons > .contextual > a {
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] p.buttons > a:hover,
html[data-theme="dark"] .other-formats > span > a:hover,
html[data-theme="dark"] #wiki_add_attachment > p > a:hover,
html[data-theme="dark"] #content > .contextual > a:hover,
html[data-theme="dark"] #content > .contextual > span:not(.drdn) > a:hover,
html[data-theme="dark"] #query_form > .contextual > a:hover,
html[data-theme="dark"] #query_form_with_buttons > .contextual > a:hover {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] div.wiki,
html[data-theme="dark"] div.wiki p,
html[data-theme="dark"] div.wiki li,
html[data-theme="dark"] div.wiki dt,
html[data-theme="dark"] div.wiki dd,
html[data-theme="dark"] div.wiki strong,
html[data-theme="dark"] div.wiki em,
html[data-theme="dark"] div.wiki td,
html[data-theme="dark"] div.wiki th {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] div.wiki h1,
html[data-theme="dark"] div.wiki h2,
html[data-theme="dark"] div.wiki h3,
html[data-theme="dark"] div.wiki h4,
html[data-theme="dark"] div.wiki h5,
html[data-theme="dark"] div.wiki h6 {
  color: #f2f7ff !important;
}

html[data-theme="dark"] div.wiki a {
  color: #8bb6ff !important;
}

html[data-theme="dark"] div.wiki a:visited {
  color: #c7b4ff !important;
}

html[data-theme="dark"] div.wiki a:hover,
html[data-theme="dark"] div.wiki a:focus {
  color: #bdd4ff !important;
}

html[data-theme="dark"] div.wiki code,
html[data-theme="dark"] div.wiki tt,
html[data-theme="dark"] div.wiki kbd {
  background: rgba(122, 162, 255, 0.12) !important;
  color: #edf4ff !important;
  border: 1px solid rgba(122, 162, 255, 0.18);
}

html[data-theme="dark"] div.wiki pre,
html[data-theme="dark"] div.wiki pre code {
  background: #0d1524 !important;
  color: #edf4ff !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] div.wiki blockquote {
  border-left-color: rgba(122, 162, 255, 0.4) !important;
  color: #c8d6eb !important;
  background: rgba(122, 162, 255, 0.06);
}

html[data-theme="dark"] div.wiki table,
html[data-theme="dark"] div.wiki th,
html[data-theme="dark"] div.wiki td {
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] div.wiki th {
  background: var(--mcp-theme-surface-2) !important;
}

html[data-theme="dark"] div.wiki tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] div.wiki hr {
  border-top-color: rgba(125, 144, 170, 0.24) !important;
}

html[data-theme="dark"] body.controller-issues .jstTabs.tabs > ul > li > a.selected.tab-preview {
  border-color: var(--mcp-theme-border-strong) var(--mcp-theme-border-strong) var(--mcp-theme-surface-2) !important;
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview,
html[data-theme="dark"] body.controller-issues .preview {
  background: var(--mcp-theme-surface-2) !important;
  border: 1px solid var(--mcp-theme-border) !important;
  color: var(--mcp-theme-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview p,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview li,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview dt,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview dd,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview strong,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview em,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview td,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview th,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview .empty-preview {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h1,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h2,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h3,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h4,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h5,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview h6 {
  color: #f2f7ff !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview a {
  color: #8bb6ff !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview a:hover,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview a:focus {
  color: #bdd4ff !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview code,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview tt,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview kbd {
  background: rgba(122, 162, 255, 0.12) !important;
  color: #edf4ff !important;
  border: 1px solid rgba(122, 162, 255, 0.18);
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview pre,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview pre code {
  background: #0d1524 !important;
  color: #edf4ff !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview blockquote {
  border-left-color: rgba(122, 162, 255, 0.4) !important;
  color: #c8d6eb !important;
  background: rgba(122, 162, 255, 0.06) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview table,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview th,
html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview td {
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview th {
  background: var(--mcp-theme-surface-3) !important;
}

html[data-theme="dark"] body.controller-issues .jstEditor .wiki-preview tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.02) !important;
}

html[data-theme="dark"] .attachments,
html[data-theme="dark"] .attachments span,
html[data-theme="dark"] .attachments a,
html[data-theme="dark"] .wiki-page .author,
html[data-theme="dark"] .wiki-page .updated-on {
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] table.list,
html[data-theme="dark"] table.list td,
html[data-theme="dark"] table.list th,
html[data-theme="dark"] table.boards td,
html[data-theme="dark"] table.boards th {
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] table.list thead th,
html[data-theme="dark"] table.boards thead th {
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] table.list tbody tr,
html[data-theme="dark"] table.boards tbody tr {
  background: transparent;
  color: var(--mcp-theme-text);
}

html[data-theme="dark"] table.list tbody tr:nth-child(odd) td {
  /* background: rgba(255, 255, 255, 0.015) !important; */
  background: #182338 !important;
}

html[data-theme="dark"] table.list tbody tr:hover td,
html[data-theme="dark"] table.boards tbody tr:hover td {
  background: rgba(122, 162, 255, 0.08) !important;
}

html[data-theme="dark"] .controller-messages.action-show .message,
html[data-theme="dark"] .controller-messages.action-show .reply {
  background: transparent !important;
}

html[data-theme="dark"] .controller-messages.action-show .message > h4,
html[data-theme="dark"] .controller-messages.action-show .message > p,
html[data-theme="dark"] .controller-messages.action-show .reply > h4,
html[data-theme="dark"] .controller-messages.action-show .reply > p {
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-muted) !important;
  border: 1px solid var(--mcp-theme-border) !important;
  border-bottom: 0 !important;
}

html[data-theme="dark"] .controller-messages.action-show .message > h4 a,
html[data-theme="dark"] .controller-messages.action-show .message > p a,
html[data-theme="dark"] .controller-messages.action-show .reply > h4 a,
html[data-theme="dark"] .controller-messages.action-show .reply > p a {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] .controller-messages.action-show .message .wiki,
html[data-theme="dark"] .controller-messages.action-show .reply .wiki {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border: 1px solid var(--mcp-theme-border) !important;
  border-top: 1px solid var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .controller-messages.action-show .message .wiki a,
html[data-theme="dark"] .controller-messages.action-show .reply .wiki a {
  color: #9cc0ff !important;
}

html[data-theme="dark"] .controller-messages.action-show .message .attachments,
html[data-theme="dark"] .controller-messages.action-show .reply .attachments {
  background: var(--mcp-theme-surface) !important;
  border-top-color: var(--mcp-theme-border) !important;
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] .controller-messages.action-show .reply > h4::after {
  border-right-color: var(--mcp-theme-surface-2) !important;
}

html[data-theme="dark"] .controller-messages.action-show .reply > h4::before {
  border-right-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .flash.notice,
html[data-theme="dark"] .notice {
  background: rgba(78, 203, 136, 0.13) !important;
  color: #b6f1cb !important;
  border: 1px solid rgba(78, 203, 136, 0.32) !important;
}

html[data-theme="dark"] .flash.warning,
html[data-theme="dark"] .warning,
html[data-theme="dark"] .conflict {
  background: rgba(229, 178, 77, 0.14) !important;
  color: #f4d28e !important;
  border: 1px solid rgba(229, 178, 77, 0.34) !important;
}

html[data-theme="dark"] .flash.error,
html[data-theme="dark"] .error,
html[data-theme="dark"] .flash.nodata,
html[data-theme="dark"] .nodata {
  background: rgba(240, 122, 141, 0.13) !important;
  color: #ffc0ca !important;
  border: 1px solid rgba(240, 122, 141, 0.34) !important;
}

html[data-theme="dark"] .pagination ul.pages li a,
html[data-theme="dark"] .pagination .pages span,
html[data-theme="dark"] .pagination .pages a {
  background: var(--mcp-theme-surface-2);
  border-color: var(--mcp-theme-border);
  color: var(--mcp-theme-text);
}

html[data-theme="dark"] .pagination ul.pages li.current,
html[data-theme="dark"] .pagination .pages span.current {
  background: var(--mcp-theme-accent-soft);
  border-color: var(--mcp-theme-border-strong);
  color: var(--mcp-theme-accent);
}

html[data-theme="dark"] .modern-home {
  --mh-bg: #0d1523;
  --mh-card: #121d31;
  --mh-border: #27384f;
  --mh-text: #e6edf7;
  --mh-muted: #99abc1;
  --mh-accent: #7aa2ff;
  --mh-accent-soft: rgba(122, 162, 255, 0.14);
  --mh-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .modern-projects {
  --mp-bg: #0d1523;
  --mp-card: #121d31;
  --mp-border: #27384f;
  --mp-text: #e6edf7;
  --mp-muted: #99abc1;
  --mp-accent: #7aa2ff;
  --mp-accent-soft: rgba(122, 162, 255, 0.14);
  --mp-shadow: 0 16px 30px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .modern-projects,
html[data-theme="dark"] .modern-projects__controls,
html[data-theme="dark"] .modern-projects__card,
html[data-theme="dark"] .modern-projects__work-panel,
html[data-theme="dark"] .modern-projects__empty {
  background: var(--mp-card) !important;
  color: var(--mp-text) !important;
  border-color: var(--mp-border) !important;
  box-shadow: var(--mp-shadow) !important;
}

html[data-theme="dark"] .modern-projects__search-field,
html[data-theme="dark"] .modern-projects__chip,
html[data-theme="dark"] .modern-projects__tree-toggle,
html[data-theme="dark"] .modern-projects__tree-btn,
html[data-theme="dark"] .modern-projects__view-btn,
html[data-theme="dark"] .modern-projects__tab,
html[data-theme="dark"] .modern-projects__link,
html[data-theme="dark"] .modern-projects__star,
html[data-theme="dark"] .modern-projects__select {
  background: var(--mp-bg) !important;
  color: var(--mp-text) !important;
  border-color: var(--mp-border) !important;
}

html[data-theme="dark"] .modern-projects__search-field input,
html[data-theme="dark"] .modern-projects__search-input {
  background: transparent !important;
  color: var(--mp-text) !important;
}

html[data-theme="dark"] .modern-projects__card.is-context,
html[data-theme="dark"] .modern-projects__card.is-child {
  background: var(--mp-surface, #162235) !important;
}

html[data-theme="dark"] .modern-projects__tab.is-active,
html[data-theme="dark"] .modern-projects__chip.is-active,
html[data-theme="dark"] .modern-projects__view-btn.is-active,
html[data-theme="dark"] .modern-projects__tree-toggle.is-active {
  background: var(--mp-accent-soft) !important;
  color: var(--mp-accent) !important;
  border-color: var(--mp-accent) !important;
}

html[data-theme="dark"] .modern-projects__tab-count {
  background: rgba(122, 162, 255, 0.12) !important;
  color: var(--mp-accent) !important;
}

html[data-theme="dark"] body.mi-issues-page #content {
  --mi-bg: #0d1523;
  --mi-surface: #121d31;
  --mi-text: #e6edf7;
  --mi-muted: #98aac0;
  --mi-line: rgba(125, 144, 170, 0.28);
  --mi-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
  --mi-shadow-hover: 0 16px 32px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] body.mi-issues-page #content {
  background: linear-gradient(180deg, #0d1523 0%, #0b1220 100%) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-issues-toolbar,
html[data-theme="dark"] body.mi-issues-page .mi-query-drawer-target,
html[data-theme="dark"] body.mi-issues-page .mi-drawer-visual-group,
html[data-theme="dark"] body.mi-issues-page .mi-query-buttons {
  background: rgba(18, 29, 49, 0.88) !important;
  color: var(--mi-text) !important;
  border-color: rgba(125, 144, 170, 0.22) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-btn,
html[data-theme="dark"] body.mi-issues-page .mi-select,
html[data-theme="dark"] body.mi-issues-page .mi-quick-trigger,
html[data-theme="dark"] body.mi-issues-page .mi-quick-menu,
html[data-theme="dark"] body.mi-issues-page .mi-quick-item {
  background: var(--mi-surface) !important;
  color: var(--mi-text) !important;
  border-color: rgba(125, 144, 170, 0.3) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-quick-item:hover,
html[data-theme="dark"] body.mi-issues-page .mi-btn.is-active {
  background: rgba(122, 162, 255, 0.12) !important;
  color: #cfe0ff !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid thead th,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid thead th {
  background: rgba(18, 29, 49, 0.96) !important;
  color: #93a7c3 !important;
  border-bottom-color: rgba(125, 144, 170, 0.22) !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid tbody tr.issue td,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid tbody tr.issue td {
  background: var(--mi-surface) !important;
  color: var(--mi-text) !important;
  border-top-color: rgba(125, 144, 170, 0.18) !important;
  border-bottom-color: rgba(125, 144, 170, 0.18) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid tbody tr.issue:hover td,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid tbody tr.issue:hover td {
  background: rgba(122, 162, 255, 0.08) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-subject-link,
html[data-theme="dark"] body.mi-issues-page td.project a,
html[data-theme="dark"] body.mi-issues-page td.author,
html[data-theme="dark"] body.mi-issues-page td.assigned_to {
  color: var(--mi-text) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-id-pill,
html[data-theme="dark"] body.mi-issues-page .mi-pill,
html[data-theme="dark"] body.mi-issues-page .mi-avatar {
  background: var(--mi-bg) !important;
  color: var(--mi-text) !important;
  border-color: rgba(125, 144, 170, 0.26) !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar,
html[data-theme="dark"] body.controller-issues.action-index #sidebar h3,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .queries,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .box,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .query,
html[data-theme="dark"] body.controller-issues.action-index #sidebar ul,
html[data-theme="dark"] body.controller-issues.action-index #sidebar li {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar a {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar li:hover,
html[data-theme="dark"] body.controller-issues.action-index #sidebar a:hover {
  background: var(--mcp-theme-accent-soft) !important;
}

html[data-theme="dark"] .modern-gantt {
  --mg-border: #27384f;
  --mg-bg: #0d1523;
  --mg-card: #121d31;
  --mg-text: #e6edf7;
  --mg-accent: #7aa2ff;
  --mg-muted: #97a8bf;
  --mg-weekend-bg: rgba(255, 255, 255, 0.025);
  --mg-weekend-separator: rgba(125, 144, 170, 0.25);
  --mg-row-even: #101a2b;
  --mg-row-odd: #0d1523;
  --mg-row-hover: rgba(122, 162, 255, 0.08);
}

html[data-theme="dark"] .mcp-meetings-root,
html[data-theme="dark"] .mcp-meetings-root .mcp-panel,
html[data-theme="dark"] .mcp-meetings-root .mcp-card,
html[data-theme="dark"] .mcp-meetings-root .meeting-item-row,
html[data-theme="dark"] .mcp-meetings-root .mcp-menu-panel,
html[data-theme="dark"] .mcp-meetings-root .mcp-modal__panel {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .mcp-meetings-root .meeting-item-row {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.01)) !important;
}

html[data-theme="dark"] .mcp-meetings-root .meeting-item-action,
html[data-theme="dark"] .mcp-meetings-root .meetings-tab {
  background: var(--mcp-theme-surface-2) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .mcp-meetings-root .meeting-item-action:hover,
html[data-theme="dark"] .mcp-meetings-root .meetings-tab:hover,
html[data-theme="dark"] .mcp-meetings-root .meetings-tab.selected {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mcp-theme-accent) !important;
}

html[data-theme="dark"] .mcp-admin-insights,
html[data-theme="dark"] .mcp-admin-insights .mcp-panel,
html[data-theme="dark"] .mcp-admin-insights .mcp-card {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}


html[data-theme="dark"] {
  --mcp-theme-surface-soft: #0f1828;
  --mcp-theme-surface-elevated: #182338;
  --mcp-theme-surface-hover: #1d2a40;
  --mcp-theme-sidebar: #10192a;
  --mcp-theme-table-head: #1a2538;
  --mcp-theme-selected: rgba(122, 162, 255, 0.12);
}

html[data-theme="dark"] .mcp-topbar__search,
html[data-theme="dark"] .mcp-topbar__icon-btn,
html[data-theme="dark"] .mcp-topbar__user,
html[data-theme="dark"] .mcp-topbar__jump .drdn-trigger,
html[data-theme="dark"] .mcp-topbar__jump select,
html[data-theme="dark"] #project-jump .drdn-trigger,
html[data-theme="dark"] #project-jump .drdn-content,
html[data-theme="dark"] .drdn,
html[data-theme="dark"] .drdn-trigger,
html[data-theme="dark"] .select2-container--default .select2-selection--single,
html[data-theme="dark"] .select2-container--default .select2-selection--multiple {
  background: var(--mcp-theme-surface-soft) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .mcp-topbar__search-icon,
html[data-theme="dark"] .mcp-topbar__jump .drdn-trigger .icon,
html[data-theme="dark"] .drdn-trigger::before {
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] .mcp-mobile-sidebar-toggle,
html[data-theme="dark"] .sidebar-toggler {
  background-color: var(--mcp-theme-surface-elevated) !important;
  border-color: var(--mcp-theme-border-strong) !important;
  box-shadow: var(--mcp-theme-shadow-sm) !important;
}

html[data-theme="dark"] .sidebar-toggler:hover,
html[data-theme="dark"] .sidebar-toggler:focus,
html[data-theme="dark"] .mcp-mobile-sidebar-toggle:hover,
html[data-theme="dark"] .mcp-mobile-sidebar-toggle:focus {
  background-color: var(--mcp-theme-surface-hover) !important;
}

html[data-theme="dark"] .sidebar-toggler {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23d9e3f5' d='M8.996 12.659l-3.5-4a1.002 1.002 0 010-1.317l3.5-4a1 1 0 111.503 1.317L7.576 8l2.924 3.342a1 1 0 11-1.504 1.317z'/%3e%3c/svg%3e") !important;
}

html[data-theme="dark"] .sidebar-toggler.sidebar-hidden {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='%23d9e3f5' d='M6.25 13a1 1 0 01-.752-1.658L8.422 8 5.499 4.659a1 1 0 111.503-1.317l3.5 4c.329.377.329.94 0 1.317l-3.5 4A.993.993 0 016.25 13z'/%3e%3c/svg%3e") !important;
}

html[data-theme="dark"] .sidebar-toggler:hover,
html[data-theme="dark"] .sidebar-toggler:focus {
  border-color: var(--mcp-theme-border-strong) !important;
  box-shadow: 0 10px 18px rgba(4, 10, 24, 0.22) !important;
}

html[data-theme="dark"] .modern-projects__search-icon,
html[data-theme="dark"] .modern-projects__tree-icon,
html[data-theme="dark"] .modern-projects__link,
html[data-theme="dark"] .modern-projects__link svg,
html[data-theme="dark"] .modern-projects__star svg,
html[data-theme="dark"] .modern-projects__view-btn svg {
  color: var(--mp-muted) !important;
  fill: currentColor;
}

html[data-theme="dark"] .modern-projects__search-field {
  background: var(--mcp-theme-surface-soft) !important;
  box-shadow: inset 0 0 0 1px rgba(122, 162, 255, 0.04);
}

html[data-theme="dark"] .modern-projects__search-field input::placeholder {
  color: var(--mp-muted) !important;
}

html[data-theme="dark"] .modern-projects__search-icon {
  background: transparent !important;
}

html[data-theme="dark"] .modern-projects__star,
html[data-theme="dark"] .modern-projects__link,
html[data-theme="dark"] .modern-projects__tree-toggle-btn {
  background: var(--mcp-theme-surface-elevated) !important;
}

html[data-theme="dark"] .modern-projects__star:hover,
html[data-theme="dark"] .modern-projects__link:hover,
html[data-theme="dark"] .modern-projects__tree-toggle-btn:hover,
html[data-theme="dark"] .modern-projects__tree-btn:hover,
html[data-theme="dark"] .modern-projects__view-btn:hover,
html[data-theme="dark"] .modern-projects__chip:hover,
html[data-theme="dark"] .modern-projects__tab:hover {
  background: var(--mcp-theme-surface-hover) !important;
  color: var(--mp-text) !important;
}

html[data-theme="dark"] .modern-projects__card.is-starred .modern-projects__star {
  background: rgba(229, 178, 77, 0.12) !important;
  border-color: rgba(229, 178, 77, 0.28) !important;
}

html[data-theme="dark"] .modern-projects__card-desc,
html[data-theme="dark"] .modern-projects__card-parent,
html[data-theme="dark"] .modern-projects__card-key,
html[data-theme="dark"] .modern-projects__metric-label {
  color: var(--mp-muted) !important;
}

html[data-theme="dark"] .modern-projects__card-link,
html[data-theme="dark"] .modern-projects__metric-value,
html[data-theme="dark"] .modern-projects__headline h2,
html[data-theme="dark"] .modern-projects__subtitle {
  color: var(--mp-text) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-btn,
html[data-theme="dark"] body.mi-issues-page .mi-select,
html[data-theme="dark"] body.mi-issues-page .mi-filters-toggle,
html[data-theme="dark"] body.mi-issues-page .mi-group-select-contextual,
html[data-theme="dark"] body.mi-issues-page .mi-quick-trigger,
html[data-theme="dark"] body.mi-issues-page .mi-group-toggle,
html[data-theme="dark"] body.mi-issues-page .mi-group-count {
  background: var(--mcp-theme-surface-elevated) !important;
  color: var(--mi-text) !important;
  border-color: rgba(125, 144, 170, 0.3) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-btn:hover,
html[data-theme="dark"] body.mi-issues-page .mi-select:hover,
html[data-theme="dark"] body.mi-issues-page .mi-filters-toggle:hover,
html[data-theme="dark"] body.mi-issues-page .mi-group-select-contextual:hover,
html[data-theme="dark"] body.mi-issues-page .mi-group-toggle:hover,
html[data-theme="dark"] body.mi-issues-page .mi-quick-trigger:hover {
  background: var(--mcp-theme-surface-hover) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-group-shell,
html[data-theme="dark"] body.mi-issues-page tr.mi-group.mi-group-parent .mi-group-shell {
  background: linear-gradient(180deg, rgba(24, 35, 56, 0.95), rgba(16, 25, 42, 0.95)) !important;
  border-color: rgba(125, 144, 170, 0.26) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-group-name,
html[data-theme="dark"] body.mi-issues-page .mi-query-totals strong,
html[data-theme="dark"] body.mi-issues-page .mi-drawer-visual-group__label {
  color: var(--mi-text) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-group-count,
html[data-theme="dark"] body.mi-issues-page .mi-query-totals,
html[data-theme="dark"] body.mi-issues-page .mi-drawer-visual-group__label,
html[data-theme="dark"] body.mi-issues-page .mi-group-toggle,
html[data-theme="dark"] body.mi-issues-page .mi-quick-item {
  color: var(--mi-muted) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-quick-menu {
  background: var(--mcp-theme-surface) !important;
  border-color: var(--mcp-theme-border) !important;
  box-shadow: var(--mcp-theme-shadow-md) !important;
}

html[data-theme="dark"] body.mi-issues-page .mi-quick-item:hover {
  background: var(--mcp-theme-accent-soft) !important;
  color: var(--mi-text) !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid thead th,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid thead th,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues thead th,
html[data-theme="dark"] body.controller-issues.action-index table.issues thead th {
  background: var(--mcp-theme-table-head) !important;
  color: #b8c7db !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid thead th a,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid thead th a,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues thead th a,
html[data-theme="dark"] body.controller-issues.action-index table.issues thead th a {
  color: #c5d4e8 !important;
}

html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.list.issues.mi-issues-grid tbody tr.context-menu-selection td,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.list.issues.mi-issues-grid tbody tr.selected td,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.issues.mi-issues-grid tbody tr.context-menu-selection td,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.issues.mi-issues-grid tbody tr.selected td,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues tbody tr.context-menu-selection td,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues tbody tr.selected td,
html[data-theme="dark"] body.controller-issues.action-index table.issues tbody tr.context-menu-selection td,
html[data-theme="dark"] body.controller-issues.action-index table.issues tbody tr.selected td {
  background: rgba(122, 162, 255, 0.14) !important;
  color: var(--mcp-theme-text) !important;
  box-shadow: inset 0 0 0 1px rgba(122, 162, 255, 0.18) !important;
}

html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.list.issues.mi-issues-grid tbody tr.context-menu-selection td:first-child,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.list.issues.mi-issues-grid tbody tr.selected td:first-child,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.issues.mi-issues-grid tbody tr.context-menu-selection td:first-child,
html[data-theme="dark"] body.controller-issues.action-index.mi-issues-page table.issues.mi-issues-grid tbody tr.selected td:first-child,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues tbody tr.context-menu-selection td:first-child,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues tbody tr.selected td:first-child,
html[data-theme="dark"] body.controller-issues.action-index table.issues tbody tr.context-menu-selection td:first-child,
html[data-theme="dark"] body.controller-issues.action-index table.issues tbody tr.selected td:first-child {
  box-shadow: inset 4px 0 0 rgba(122, 162, 255, 0.75) !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid tbody tr.issue.mi-parent-root td.subject,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid tbody tr.issue.mi-parent-root td.subject {
  background-image: linear-gradient(0deg, rgba(255,255,255,0.06), rgba(255,255,255,0.06)), linear-gradient(0deg, var(--mi-lane-bg, transparent), var(--mi-lane-bg, transparent)) !important;
}

html[data-theme="dark"] body.mi-issues-page table.list.issues.mi-issues-grid tbody tr.issue.mi-parent-child td.subject,
html[data-theme="dark"] body.mi-issues-page table.issues.mi-issues-grid tbody tr.issue.mi-parent-child td.subject {
  box-shadow: inset 2px 0 0 rgba(125, 144, 170, 0.26) !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .queries,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .box,
html[data-theme="dark"] body.controller-issues.action-index #sidebar > ul,
html[data-theme="dark"] body.controller-issues.action-index #sidebar > p,
html[data-theme="dark"] body.controller-issues.action-index #sidebar > form {
  background: var(--mcp-theme-sidebar) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar > h2,
html[data-theme="dark"] body.controller-issues.action-index #sidebar > h3,
html[data-theme="dark"] body.controller-issues.action-index #sidebar > h4,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .queries h3 {
  background: var(--mcp-theme-surface-elevated) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues.action-index #sidebar li,
html[data-theme="dark"] body.controller-issues.action-index #sidebar .query {
  border-color: rgba(125, 144, 170, 0.18) !important;
}

html[data-theme="dark"] .modern-home {
  --mh-shadow: 0 16px 28px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .modern-home__header,
html[data-theme="dark"] .modern-home__work-panel,
html[data-theme="dark"] .modern-home__card,
html[data-theme="dark"] .modern-home__section,
html[data-theme="dark"] .modern-home__project-jump .modern-home__select,
html[data-theme="dark"] .modern-home__work-tab,
html[data-theme="dark"] .modern-home__project-card,
html[data-theme="dark"] .modern-home__search-form {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .modern-home__search-form,
html[data-theme="dark"] .modern-home__filter-chip,
html[data-theme="dark"] .modern-home__work-tab,
html[data-theme="dark"] .modern-home__select,
html[data-theme="dark"] .modern-home__project-jump .modern-home__select {
  background: var(--mcp-theme-surface-soft) !important;
}

html[data-theme="dark"] .modern-home__filter-chip:hover,
html[data-theme="dark"] .modern-home__work-tab:hover,
html[data-theme="dark"] .modern-home__btn:not(.modern-home__btn--primary):hover {
  background: var(--mcp-theme-surface-hover) !important;
}

html[data-theme="dark"] .modern-home__greeting,
html[data-theme="dark"] .modern-home__section-header h3,
html[data-theme="dark"] .modern-home__card a,
html[data-theme="dark"] .modern-home__project-name,
html[data-theme="dark"] .modern-home__title {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] .modern-home__subtitle,
html[data-theme="dark"] .modern-home__section-subtitle,
html[data-theme="dark"] .modern-home__search-icon,
html[data-theme="dark"] .modern-home__project-jump label,
html[data-theme="dark"] .modern-home__card-meta,
html[data-theme="dark"] .modern-home__meta,
html[data-theme="dark"] .modern-home__count {
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] .mcp-activity-plus {
  --mcp-activity-plus-bg: #0d1523;
  --mcp-activity-plus-surface: #121d31;
  --mcp-activity-plus-surface-soft: #182338;
  --mcp-activity-plus-border: #27384f;
  --mcp-activity-plus-text: #e6edf7;
  --mcp-activity-plus-muted: #99abc1;
  --mcp-activity-plus-accent: #7aa2ff;
  --mcp-activity-plus-accent-strong: #cfe0ff;
  --mcp-activity-plus-accent-soft: rgba(122, 162, 255, 0.14);
}

html[data-theme="dark"] .mcp-activity-plus,
html[data-theme="dark"] .mcp-activity-plus__filters,
html[data-theme="dark"] .mcp-activity-plus__card,
html[data-theme="dark"] .mcp-activity-plus__panel,
html[data-theme="dark"] .mcp-activity-plus__saved-views,
html[data-theme="dark"] .mcp-activity-plus__sidebar,
html[data-theme="dark"] .mcp-activity-plus__search,
html[data-theme="dark"] .mcp-activity-plus__drawer input:not([type="checkbox"]),
html[data-theme="dark"] .mcp-activity-plus__drawer select,
html[data-theme="dark"] .mcp-activity-plus__chip,
html[data-theme="dark"] .mcp-activity-plus__btn--ghost {
  background: var(--mcp-activity-plus-surface) !important;
  color: var(--mcp-activity-plus-text) !important;
  border-color: var(--mcp-activity-plus-border) !important;
}

html[data-theme="dark"] .mcp-activity-plus__search,
html[data-theme="dark"] .mcp-activity-plus__chip,
html[data-theme="dark"] .mcp-activity-plus__btn--ghost,
html[data-theme="dark"] .mcp-activity-plus__saved-view,
html[data-theme="dark"] .mcp-activity-plus__panel-head {
  background: var(--mcp-activity-plus-surface-soft) !important;
}

html[data-theme="dark"] .mcp-activity-plus__btn:not(.mcp-activity-plus__btn--primary):hover,
html[data-theme="dark"] .mcp-activity-plus__btn--ghost:hover,
html[data-theme="dark"] .mcp-activity-plus__chip:hover {
  background: rgba(122, 162, 255, 0.12) !important;
  color: var(--mcp-activity-plus-text) !important;
}

html[data-theme="dark"] .mcp-activity-plus__subtitle,
html[data-theme="dark"] .mcp-activity-plus__bucket-title,
html[data-theme="dark"] .mcp-activity-plus__time,
html[data-theme="dark"] .mcp-activity-plus__project,
html[data-theme="dark"] .mcp-activity-plus__comments,
html[data-theme="dark"] .mcp-activity-plus__reactions,
html[data-theme="dark"] .mcp-activity-plus__actor,
html[data-theme="dark"] .mcp-activity-plus__drawer label {
  color: var(--mcp-activity-plus-muted) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-card,
html[data-theme="dark"] .mcp-admin-insights .mcp-panel,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-executed-panel,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card table.list,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-statement-pill {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card table.list thead th {
  background: var(--mcp-theme-table-head) !important;
  color: #c5d4e8 !important;
  border-bottom-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card table.list tbody td,
html[data-theme="dark"] .mcp-admin-insights .mcp-big,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-head,
html[data-theme="dark"] .mcp-admin-insights .mcp-sql-executed-head {
  color: var(--mcp-theme-text) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card table.list tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.015) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-sql-result-card table.list tbody tr:hover td {
  background: rgba(122, 162, 255, 0.08) !important;
}

html[data-theme="dark"] .mcp-admin-insights .mcp-sql-mode-hint {
  color: var(--mcp-theme-muted) !important;
}

html[data-theme="dark"] body.controller-issues.action-index .mcp-ui-filters-toggle,
html[data-theme="dark"] body.controller-issues.action-index .mcp-ui-btn,
html[data-theme="dark"] body.controller-issues.action-index #query_form_with_buttons,
html[data-theme="dark"] body.controller-issues.action-index #query_form,
html[data-theme="dark"] body.controller-issues.action-index form.query_form,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues td,
html[data-theme="dark"] body.controller-issues.action-show .mcp-ui-show-head .mcp-ui-btn,
html[data-theme="dark"] body.controller-issues.action-show .issue.details {
  background: var(--mcp-theme-surface) !important;
  color: var(--mcp-theme-text) !important;
  border-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues.action-index .mcp-ui-filters-toggle,
html[data-theme="dark"] body.controller-issues.action-index .mcp-ui-btn {
  background: var(--mcp-theme-surface-elevated) !important;
}

html[data-theme="dark"] body.controller-issues.action-index table.list.issues th {
  background: var(--mcp-theme-table-head) !important;
  color: #c5d4e8 !important;
  border-bottom-color: var(--mcp-theme-border) !important;
}

html[data-theme="dark"] body.controller-issues.action-index table.list.issues td.id > a,
html[data-theme="dark"] body.controller-issues.action-index table.list.issues .mcp-ui-filters-toggle,
html[data-theme="dark"] body.controller-issues.action-index .mcp-ui-btn {
  box-shadow: none !important;
}

html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show {
  --mcp-bg: #0b1220;
  --mcp-card: #111a2b;
  --mcp-text: #e6edf7;
  --mcp-muted: #9caec6;
  --mcp-border: rgba(125, 144, 170, 0.22);
  --mcp-border-strong: rgba(125, 144, 170, 0.32);
  --mcp-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  --mcp-shadow-soft: 0 8px 18px rgba(0, 0, 0, 0.2);
  --mcp-accent: #7aa2ff;
}

html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-show-header,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show #issue_tree.mcp-empty-section,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show #relations.mcp-empty-section,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-btn,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .box,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .tab-content,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .issue.details {
  background: var(--mcp-card) !important;
  color: var(--mcp-text) !important;
  border-color: var(--mcp-border) !important;
}

html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-btn:not(.mcp-btn--primary):hover,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-btn--seg,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-btn--soft-action {
  background: #182338 !important;
}

html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-empty-hint,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .attribute .label,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .value,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .description,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .wiki,
html[data-theme="dark"] body.controller-issues.action-show.mcp-issue-show .mcp-icon-label {
  color: var(--mcp-muted) !important;
}

html[data-theme="dark"] .modern-gantt {
  --mg-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .modern-gantt,
html[data-theme="dark"] .modern-gantt__group,
html[data-theme="dark"] .modern-gantt__header,
html[data-theme="dark"] .modern-gantt__legend,
html[data-theme="dark"] .modern-gantt__empty,
html[data-theme="dark"] .modern-gantt .gantt_container,
html[data-theme="dark"] .modern-gantt .gantt_grid,
html[data-theme="dark"] .modern-gantt .gantt_task,
html[data-theme="dark"] .modern-gantt .gantt_grid_head,
html[data-theme="dark"] .modern-gantt .gantt_grid_scale,
html[data-theme="dark"] .modern-gantt .gantt_task_scale,
html[data-theme="dark"] .modern-gantt .gantt_tooltip {
  background: var(--mg-card) !important;
  color: var(--mg-text) !important;
  border-color: var(--mg-border) !important;
}

html[data-theme="dark"] .modern-gantt__btn,
html[data-theme="dark"] .modern-gantt__select,
html[data-theme="dark"] .modern-gantt__group,
html[data-theme="dark"] .modern-gantt .gantt_layout_cell_border_left,
html[data-theme="dark"] .modern-gantt .gantt_layout_cell_border_right,
html[data-theme="dark"] .mcp-gantt-grid-resize-handle {
  background: var(--mcp-theme-surface-elevated) !important;
  color: var(--mg-text) !important;
  border-color: var(--mg-border) !important;
}

html[data-theme="dark"] .modern-gantt__btn:hover,
html[data-theme="dark"] .modern-gantt__btn.is-active {
  background: rgba(122, 162, 255, 0.12) !important;
  color: var(--mg-accent) !important;
  border-color: rgba(122, 162, 255, 0.28) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_grid_head_cell,
html[data-theme="dark"] .modern-gantt .gantt_scale_cell {
  background: var(--mcp-theme-table-head) !important;
  color: #c5d4e8 !important;
  border-color: var(--mg-border) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_row,
html[data-theme="dark"] .modern-gantt .gantt_task_row {
  background: var(--mg-row-odd) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_row.odd,
html[data-theme="dark"] .modern-gantt .gantt_task_row.odd,
html[data-theme="dark"] .modern-gantt .gantt_cell.odd {
  background: var(--mg-row-even) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_row:hover,
html[data-theme="dark"] .modern-gantt .gantt_task_row:hover,
html[data-theme="dark"] .modern-gantt .gantt_row:hover .gantt_cell,
html[data-theme="dark"] .modern-gantt .gantt_task_row:hover .gantt_task_cell {
  background: rgba(122, 162, 255, 0.08) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_task_bg,
html[data-theme="dark"] .modern-gantt .gantt_grid_data,
html[data-theme="dark"] .modern-gantt .gantt_layout_content,
html[data-theme="dark"] .modern-gantt .gantt_task_cell {
  background: transparent !important;
  border-color: rgba(125, 144, 170, 0.18) !important;
}

html[data-theme="dark"] .modern-gantt .gantt_tree_content,
html[data-theme="dark"] .modern-gantt .gantt_side_content,
html[data-theme="dark"] .modern-gantt .gantt_rightside_text,
html[data-theme="dark"] .modern-gantt .mcp-milestone-icon,
html[data-theme="dark"] .modern-gantt .mcp-milestone-title,
html[data-theme="dark"] .modern-gantt .mcp-milestone-meta {
  color: var(--mg-text) !important;
}


html[data-theme="dark"] #rjg-gantt {
  --rjg-bg: #0d1523;
  --rjg-card: #121d31;
  --rjg-border: #27384f;
  --rjg-text: #e6edf7;
  --rjg-muted: #99abc1;
  --rjg-accent: #7aa2ff;
  --rjg-accent-soft: rgba(122, 162, 255, 0.14);
}

html[data-theme="dark"] #rjg-gantt,
html[data-theme="dark"] #rjg-gantt .rjg-toolbar,
html[data-theme="dark"] #rjg-gantt .rjg-picker,
html[data-theme="dark"] #rjg-gantt .rjg-sidebar,
html[data-theme="dark"] #rjg-gantt .rjg-list,
html[data-theme="dark"] #rjg-gantt .rjg-gantt-wrap,
html[data-theme="dark"] #rjg-gantt .rjg-filter-group .rjg-collapse-panel {
  background: var(--rjg-card) !important;
  color: var(--rjg-text) !important;
  border-color: var(--rjg-border) !important;
}

html[data-theme="dark"] #rjg-gantt .rjg-input,
html[data-theme="dark"] #rjg-gantt .rjg-select,
html[data-theme="dark"] #rjg-gantt .rjg-btn-secondary,
html[data-theme="dark"] #rjg-gantt .rjg-list-link {
  background: #182338 !important;
  color: var(--rjg-text) !important;
  border-color: var(--rjg-border) !important;
}

html[data-theme="dark"] #rjg-gantt .rjg-list-row,
html[data-theme="dark"] #rjg-gantt .rjg-list-group {
  border-bottom-color: rgba(125, 144, 170, 0.18) !important;
}

html[data-theme="dark"] #rjg-gantt .rjg-list-group {
  background: #182338 !important;
}