@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html,
body,
body[data-cbm-tab],
body[data-cbm-tab] #root,
body[data-cbm-tab] #root > div,
body[data-cbm-tab] main,
body[data-cbm-tab] header {
  background: #000 !important;
  color-scheme: dark;
}

body[data-cbm-tab] {
  font-family: 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #e9eef7 !important;
}

body[data-cbm-tab] input,
body[data-cbm-tab] textarea,
body[data-cbm-tab] select,
body[data-cbm-tab] [contenteditable="true"],
body[data-cbm-tab] [role="textbox"] {
  font-size: 16px !important;
}

body[data-cbm-tab] button,
body[data-cbm-tab] a,
body[data-cbm-tab] label,
body[data-cbm-tab] input,
body[data-cbm-tab] textarea,
body[data-cbm-tab] select,
body[data-cbm-tab] [role="button"],
body[data-cbm-tab] [role="textbox"],
body[data-cbm-tab] [contenteditable="true"] {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

body[data-cbm-tab] * {
  border-radius: 0 !important;
}

body[data-cbm-tab] :is(.pill, .btn, .result button, .report-dropdown-btn, .mobile-menu-toggle, .mobile-menu-close, .cbm-graph-toggle, input[type="text"], input[type="time"], select, .tag, .badge, .day, .onne-modal, .report-dropdown-content, .report-dropdown-item, .onne-collapsed-note, .msg) {
  background: #0b1324 !important;
  border-color: rgba(233, 238, 247, .10) !important;
  color: #e9eef7 !important;
  box-shadow: none !important;
}

body[data-cbm-tab] :is(.btn.primary, .pill.action) {
  background: #22c55e !important;
  border-color: #22c55e !important;
  color: #06210f !important;
}

body[data-cbm-tab] :is(.btn.good, .tag.type, .tag.health.ok, .tag.nodes, .cbm-graph-toggle) {
  color: #22c55e !important;
  border-color: rgba(34, 197, 94, .28) !important;
}

body[data-cbm-tab] :is(.btn.bad, .tag.health.bad) {
  color: #ff6b6b !important;
  border-color: rgba(255, 107, 107, .28) !important;
}

body[data-cbm-tab] :is(.tag.edges, .tag.size, .tag.edit, .tag.health.warn) {
  color: #cbd5e1 !important;
}

body[data-cbm-tab] :is(header, main, aside, section, article, nav, .topbar, .hero, .result, .card, .onne-modal, .mobile-menu-panel, .mobile-menu-backdrop, .report-dropdown-content, .cbm-graph-filters-pane, .cbm-graph-filters-resizer) {
  background: #000 !important;
  border-color: rgba(233, 238, 247, .08) !important;
  box-shadow: none !important;
}

body[data-cbm-tab] :is(header, .topbar) {
  background: rgba(0,0,0,.96) !important;
}

body[data-cbm-tab="graph"] .cbm-graph-filters-pane,
body[data-cbm-tab="graph"] .cbm-graph-filters-resizer {
  background: #000 !important;
}

body[data-cbm-tab] :is(.mobile-menu-backdrop, .mobile-menu-panel) {
  background: #000 !important;
}

body[data-cbm-tab] :is(.result:hover, .card:hover, .btn:hover, .pill.action:hover, .result button:hover, .report-dropdown-btn:hover) {
  border-color: rgba(34, 197, 94, .28) !important;
}