/* Hub de IA — Custom Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --bg-main: #080F19;
    --bg-sidebar: #0A1421;
    --bg-surface: #101A28;
    --bg-surface-secondary: #151F2D;
    --border-subtle: #26364A;
    --text-primary: #F3F6FC;
    --text-secondary: #9AAEC8;
    --accent-blue: #00C8FF;
    --accent-green: #00E6A0;
    --accent-red: #B91C35;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-main);
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}

/* Custom scrollbars */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Neon glow effects */
.glow-cyan {
    box-shadow: 0 0 25px rgba(0, 200, 255, 0.4), inset 0 0 1px rgba(0, 200, 255, 0.5);
}

.glow-green {
    box-shadow: 0 0 18px rgba(0, 230, 160, 0.25);
}

.glow-dot-green {
    box-shadow: 0 0 8px #00E6A0;
}

.glow-dot-red {
    box-shadow: 0 0 6px #EF4444;
}

/* Smooth transitions */
.transition-smooth {
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}