/* Extras além do Tailwind CDN */
:root {
  --color-primary: #22c55e;
  --color-accent: #fbbf24;
  color-scheme: dark;
}
html, body {
  background: hsl(200 45% 9%);
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-x: none;
  touch-action: manipulation;
}
body {
  position: relative;
  max-width: 100vw;
  -webkit-text-size-adjust: 100%;
}
* {
  -webkit-tap-highlight-color: transparent;
}
.text-balance { text-wrap: balance; }
.text-pretty { text-wrap: pretty; }

.glow-primary { box-shadow: 0 0 40px -6px var(--color-primary); }
.glow-accent  { box-shadow: 0 0 25px -5px var(--color-accent); }

.modal-backdrop { background: rgba(0,0,0,.65); backdrop-filter: blur(4px); }

/* Scrollbar sutil */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.10); border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.18); }

/* Modais */
.hidden-x { display: none !important; }

/* Cards de tabelas */
table.tx { width:100%; border-collapse: collapse; font-size: .85rem; }
table.tx th, table.tx td { padding: .55rem .7rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,.06); }
table.tx th { color: rgba(255,255,255,.55); font-weight: 600; text-transform: uppercase; font-size: .68rem; letter-spacing: .04em; }