/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(32,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(33,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-sm'
(106,37): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-secondary-rgb'
(118,17): run-time error CSS1039: Token not allowed after unary operator: '-color-positive'
(122,17): run-time error CSS1039: Token not allowed after unary operator: '-color-negative'
 */
:root {
    --color-positive: #2a9d90; /* Green for positive changes */
    --color-negative: #f6475d; /* Red for negative changes */
    --color-neutral-text: #606B79;
    --jupiter-plugin-primary: 45, 59, 255;
    --jupiter-plugin-background: 255, 255, 255;
    --jupiter-plugin-primary-text: 0, 0, 0;
    --jupiter-plugin-warning: 251, 191, 36;
    --jupiter-plugin-interactive: 234, 235, 236;
    --jupiter-plugin-module: 234, 235, 236;
}

.j-img img {
    width: 24px;
    height: 24px;
}
/* --- SKELETON & LOADING --- */
#loadingMessage {
    font-size: 1.1em; /* Was 1.2em */
    color: var(--color-text-secondary);
    padding: 40px 20px;
    text-align: center;
}
.input-validation-error {
    color: #F6475D !important;
    font-size: 14px !important;
}
.skeleton-line {
    display: inline-block; /* Important for proper height and width */
    height: 1em;
    width: 70px; /* Default width */
    background-color: var(--color-background-tertiary); /* Themed skeleton */
    border-radius: var(--border-radius-sm);
    position: relative;
    overflow: hidden;
}

    .skeleton-line::before { /* Shimmer effect */
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07), transparent);
        animation: shimmer 1.5s infinite;
    }

    .skeleton-line.short {
        width: 40px;
    }

    .skeleton-line.long {
        width: 100px;
    }

@keyframes shimmer {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(200%);
    }
    /* Move shimmer across twice the width */
}
/* --- TD HIGHLIGHT ANIMATIONS --- */
.td-highlight-green, .td-highlight-red, .td-highlight-neutral {
    transition: background-color 0.1s ease-out; /* Smoother transition for highlight add/remove */
}

    .td-highlight-green.highlight-active {
        animation: highlightGreen 1s ease-out;
    }

    .td-highlight-red.highlight-active {
        animation: highlightRed 1s ease-out;
    }

    .td-highlight-neutral.highlight-active {
        animation: highlightNeutral 1s ease-out;
    }

@keyframes highlightGreen {
    0% {
        background-color: rgba(76, 175, 80, 0.3);
    }
    /* Lighter alpha for dark theme */
    100% {
        background-color: transparent;
    }
}

@keyframes highlightRed {
    0% {
        background-color: rgba(244, 67, 54, 0.3);
    }

    100% {
        background-color: transparent;
    }
}

@keyframes highlightNeutral {
    0% {
        background-color: rgba(var(--color-accent-secondary-rgb, 3, 218, 198), 0.2);
    }
    /* Use accent color if available */
    100% {
        background-color: transparent;
    }
}
/* Add --color-accent-secondary-rgb to :root if you use this highlight */
/* :root { ... --color-accent-secondary-rgb: 3,218,198; ... } */

/* Percentage and other text colors */
.positive {
    color: var(--color-positive) !important;   
}

.negative {
    color: var(--color-negative) !important;    
}