/* ==========================================================================
   CAUSANOVA STUDIO - ENTERPRISE GLOBAL THEME
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
    /* Base Palette - Deep Zinc Tones */
    --cn-bg-base: #09090b; /* Tiefstes Schwarz für den Hintergrund */
    --cn-bg-surface: #121214; /* Leicht erhoben (Canvas) */
    --cn-bg-panel: #18181b; /* Sidebars & Panels */
    --cn-bg-elevated: #27272a; /* Cards & Modals */
    /* Borders & Dividers */
    --cn-border-dim: rgba(255, 255, 255, 0.05);
    --cn-border-focus: rgba(255, 255, 255, 0.15);
    --cn-border-solid: #27272a;
    /* Typography */
    --cn-text-main: #f4f4f5;
    --cn-text-muted: #a1a1aa;
    --cn-font-ui: 'Inter', -apple-system, sans-serif;
    --cn-font-mono: 'JetBrains Mono', 'Consolas', monospace;
    /* Neon Accents */
    --cn-accent-primary: #00f3ff; /* Cyan */
    --cn-accent-glow: rgba(0, 243, 255, 0.2);
    --cn-success: #00ff9d; /* Neon Green */
    --cn-danger: #ff0055; /* Neon Pink/Red */
    --cn-warning: #ffd700; /* Gold */
    --cn-purple: #bc13fe; /* Neural Purple */
    /* Layout Dimensions */
    --header-height: 56px;
    --footer-height: 40px;
}

body.studio-body {
    background-color: var(--cn-bg-base);
    color: var(--cn-text-main);
    font-family: var(--cn-font-ui);
    overflow: hidden;
    height: 100vh;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

/* Supreme Scrollbars */
::-webkit-scrollbar, .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track, .custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb, .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #3f3f46;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover, .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #52525b;
    }

/* Utilities */
.font-monospace {
    font-family: var(--cn-font-mono) !important;
}

/* AI Highlight System (Ampel) */
.ai-green {
    outline: 2px solid var(--cn-success) !important;
    background-color: rgba(0, 255, 157, 0.05) !important;
    position: relative;
    transition: all 0.2s;
}

    .ai-green::after {
        content: "VALIDATED";
        position: absolute;
        top: -1px;
        right: -1px;
        background: var(--cn-success);
        color: #000;
        font-size: 8px;
        font-weight: 800;
        padding: 2px 6px;
        border-bottom-left-radius: 4px;
        z-index: 100;
    }

.ai-yellow {
    outline: 2px solid var(--cn-warning) !important;
    background-color: rgba(255, 215, 0, 0.05) !important;
    position: relative;
    transition: all 0.2s;
}

    .ai-yellow::after {
        content: "REVIEW";
        position: absolute;
        top: -1px;
        right: -1px;
        background: var(--cn-warning);
        color: #000;
        font-size: 8px;
        font-weight: 800;
        padding: 2px 6px;
        border-bottom-left-radius: 4px;
        z-index: 100;
    }

.ai-red {
    outline: 2px solid var(--cn-danger) !important;
    background-color: rgba(255, 0, 85, 0.05) !important;
    position: relative;
    transition: all 0.2s;
    box-shadow: 0 0 15px rgba(255,0,85,0.2);
}

    .ai-red::after {
        content: "RISK";
        position: absolute;
        top: -1px;
        right: -1px;
        background: var(--cn-danger);
        color: #fff;
        font-size: 8px;
        font-weight: 800;
        padding: 2px 6px;
        border-bottom-left-radius: 4px;
        z-index: 100;
    }