/* NO_AUTOZOOM_UNIVERSAL_V1_START */
input,
textarea,
select,
[contenteditable="true"],
[role="textbox"] {
  font-size: 16px !important;
}

html,
body {
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

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

html[data-grafo-theme="day"],
body[data-grafo-theme="day"],
html[data-grafo-theme="day"] body,
body[data-grafo-theme="day"] #root {
  background:
    radial-gradient(circle at top left, rgba(45, 212, 191, 0.12), transparent 26%),
    radial-gradient(circle at bottom right, rgba(96, 165, 250, 0.12), transparent 24%),
    linear-gradient(180deg, #f8fbff 0%, #edf3f9 100%) !important;
  color: #102033 !important;
}

body[data-cbm-tab="graph"] #root > div {
  background: transparent !important;
}

body[data-cbm-tab="graph"] header {
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom-color: rgba(15, 23, 42, 0.08) !important;
  color: #102033 !important;
  backdrop-filter: blur(18px);
}

body[data-cbm-tab="graph"] header button {
  color: inherit;
}

body[data-cbm-tab="graph"] .border-r.border-border\/30.flex.flex-col.h-full,
body[data-cbm-tab="graph"] .border-l.border-border.shrink-0.h-full.overflow-hidden {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.06);
}

body[data-cbm-tab="graph"] .flex-1.relative.overflow-hidden {
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, 0.8), rgba(238, 244, 250, 0.95)),
    #eef4fa !important;
}

body[data-cbm-tab="graph"] canvas {
  filter: brightness(1.12) contrast(1.02) saturate(0.86);
}

body[data-cbm-tab="graph"] .absolute.top-4.left-4,
body[data-cbm-tab="graph"] .absolute.top-4.right-4,
body[data-cbm-tab="graph"] .absolute.top-4.left-4 *,
body[data-cbm-tab="graph"] .absolute.top-4.right-4 * {
  color: rgba(16, 32, 51, 0.72) !important;
}

body[data-cbm-tab="graph"] .absolute.top-4.right-4 button {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #102033 !important;
  border: 1px solid rgba(15, 23, 42, 0.08);
}

body[data-cbm-tab="graph"] .absolute.top-4.right-4 .border {
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
}

body[data-cbm-tab="graph"] .text-white\/30,
body[data-cbm-tab="graph"] .text-white\/25,
body[data-cbm-tab="graph"] .text-white\/40,
body[data-cbm-tab="graph"] .text-white\/50,
body[data-cbm-tab="graph"] .text-white\/60 {
  color: rgba(16, 32, 51, 0.52) !important;
}

body[data-cbm-tab="graph"] .border-border\/30,
body[data-cbm-tab="graph"] .border-border\/50 {
  border-color: rgba(15, 23, 42, 0.08) !important;
}

body[data-cbm-tab="graph"] .bg-\[\#0b1920\]\/80,
body[data-cbm-tab="graph"] .bg-\[\#0b1920\]\/90,
body[data-cbm-tab="graph"] .bg-\[\#0b1920\]\/95,
body[data-cbm-tab="graph"] .bg-\[\#0b1920\] {
  background: rgba(255, 255, 255, 0.9) !important;
}

body[data-cbm-tab="graph"] .bg-background {
  background: transparent !important;
}

body[data-cbm-tab="graph"] .text-foreground,
body[data-cbm-tab="graph"] .text-foreground\/90,
body[data-cbm-tab="graph"] .text-foreground\/80,
body[data-cbm-tab="graph"] .text-foreground\/70,
body[data-cbm-tab="graph"] .text-foreground\/60,
body[data-cbm-tab="graph"] .text-foreground\/55 {
  color: #102033 !important;
}
/* NO_AUTOZOOM_UNIVERSAL_V1_END */
