html, body { font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Inter", sans-serif; }
input::-ms-reveal, input::-ms-clear { display: none; }

.scroll-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scroll-thin::-webkit-scrollbar-thumb { background: rgba(148,163,184,.3); border-radius: 3px; }
.scroll-thin::-webkit-scrollbar-thumb:hover { background: rgba(148,163,184,.5); }

/* Hover sutil de linhas — usa o ciano ATPlus (brand-400 #37b5c1) */
.table-row-hover { transition: background-color .12s ease; }
.table-row-hover:hover { background: rgba(55, 181, 193, 0.06); }

@keyframes livePulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%     { opacity: 0.7; transform: scale(0.9); }
}
.live-dot { animation: livePulse 1.6s ease-in-out infinite; }

@keyframes toastIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.toast { animation: toastIn .18s ease-out both; }

.tbl-wrap { overflow-x: auto; }

/* Brand glow utilitário para superfícies em destaque (logo, accent bar) */
.brand-glow { box-shadow: 0 0 24px -4px rgba(100, 195, 212, 0.35); }