/* Zapbot UI — mais rápido, clique imediato, scrollbar fina, visual denso */

html {
  scrollbar-width: thin;
  scrollbar-color: #7c5cfc transparent;
}

html, body, #root {
  background: #0f172a;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #7c5cfc transparent;
}

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}

*::-webkit-scrollbar-track,
*::-webkit-scrollbar-track-piece,
*::-webkit-scrollbar-corner {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

*::-webkit-scrollbar-button {
  display: none !important;
  width: 0;
  height: 0;
}

*::-webkit-scrollbar-thumb {
  background: #7c5cfc;
  border-radius: 99px;
  border: 1px solid transparent;
  background-clip: padding-box;
  min-height: 32px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #9b87ff;
}

.MuiTouchRipple-root,
.MuiTouchRipple-ripple,
.MuiTouchRipple-child,
span.MuiTouchRipple-root {
  pointer-events: none !important;
}

.MuiButtonBase-root,
.MuiIconButton-root,
.MuiListItem-button,
.MuiListItem-root,
button,
a[role="button"],
[role="button"] {
  cursor: pointer !important;
  pointer-events: auto !important;
  -webkit-tap-highlight-color: transparent;
}

.MuiButtonBase-root {
  transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
}

.MuiTooltip-popper {
  pointer-events: none !important;
}

.MuiBackdrop-root {
  backdrop-filter: none !important;
}

.MuiDrawer-paper,
.MuiDrawer-docked > .MuiPaper-root,
.MuiDrawer-paperAnchorLeft {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-right: 1px solid #1f2937 !important;
  box-shadow: none !important;
}

.MuiDrawer-paper .MuiList-root {
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}

.MuiDrawer-paper .MuiListItem-root,
.MuiDrawer-paper a.MuiButtonBase-root {
  min-height: 36px !important;
  margin: 2px 8px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
}

.MuiDrawer-paper .MuiListItem-root.Mui-selected,
.MuiDrawer-paper a.Mui-selected,
.MuiDrawer-paper .MuiListItem-root[aria-current="page"] {
  background: #6d28d9 !important;
  color: #fff !important;
}

.MuiDrawer-paper .MuiTypography-root,
.MuiDrawer-paper .MuiListItemText-primary {
  font-size: 13px !important;
  font-weight: 500 !important;
}

.MuiAppBar-root,
header.MuiPaper-root {
  background: #0b1220 !important;
  color: #f8fafc !important;
  box-shadow: none !important;
  border-bottom: 1px solid #1f2937 !important;
  min-height: 52px !important;
}

.MuiAppBar-root .MuiToolbar-root {
  min-height: 52px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

#root > div {
  background: #f4f6fb;
}

.MuiPaper-elevation1,
.MuiPaper-elevation2 {
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.MuiListItem-root,
.MuiListItem-gutters {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.MuiCssBaseline-root {
  background: #f4f6fb;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}

#splash-screen {
  pointer-events: none !important;
}