@import '_content/MetaFlows.Diagram/MetaFlows.Diagram.10xir9dncl.bundle.scp.css';
@import '_content/MetaFlows.UILib/MetaFlows.UILib.04ybmgn3ck.bundle.scp.css';
@import '_content/Z.Blazor.Diagrams/Z.Blazor.Diagrams.ezdqu7jd9f.bundle.scp.css';

/* /Pages/Components/ActivityTimeline.razor.rz.scp.css */
/* Base styles for the timeline */
.timeline-connector[b-rdts8colqq] {
    transition: all 0.3s ease;
}

/* Pulse animation for running status */
.pulse[b-rdts8colqq] {
    animation: pulse-animation-b-rdts8colqq 1.5s infinite;
}

@keyframes pulse-animation-b-rdts8colqq {
    0% {
        box-shadow: 0 0 0 0 rgba(234, 179, 8, 0.7);
    }

    70% {
        box-shadow: 0 0 0 10px transparent;
    }

    100% {
        box-shadow: 0 0 0 0 transparent;
    }
}

/* Spin animation for running icon */
@keyframes spin-b-rdts8colqq {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.icon-spin[b-rdts8colqq] {
    animation: spin-b-rdts8colqq 2s linear infinite;
    display: inline-block;
}

/* Status icons with appropriate colors */
.status-new[b-rdts8colqq] {
    background-color: rgba(79, 70, 229, 0.1);
    border: 1px solid rgba(79, 70, 229, 0.7);
    color: #4f46e5;
}

.status-running[b-rdts8colqq] {
    background-color: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.7);
    color: #eab308;
}

.status-complete[b-rdts8colqq] {
    background-color: rgba(22, 163, 74, 0.1);
    border: 1px solid rgba(22, 163, 74, 0.7);
    color: #16a34a;
}

.status-failed[b-rdts8colqq] {
    background-color: rgba(220, 38, 38, 0.1);
    border: 1px solid rgba(220, 38, 38, 0.7);
    color: #dc2626;
}

/* Entry animation */
.timeline-entry[b-rdts8colqq] {
    animation: fade-in-b-rdts8colqq 0.5s ease;
    transform-origin: top;
}

@keyframes fade-in-b-rdts8colqq {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* AI theme elements */
.ai-gradient[b-rdts8colqq] {
    background: linear-gradient(90deg, #eab308, rgba(234, 179, 8, 0.8));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ai-card[b-rdts8colqq] {
    transition: all 0.3s ease;
    border-left: 3px solid transparent;
}

.ai-card-new[b-rdts8colqq] {
    border-left-color: #4f46e5;
}

.ai-card-running[b-rdts8colqq] {
    border-left-color: #eab308;
}

.ai-card-complete[b-rdts8colqq] {
    border-left-color: #16a34a;
}

.ai-card-failed[b-rdts8colqq] {
    border-left-color: #dc2626;
}

.ai-card:hover[b-rdts8colqq] {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* Connector line colors */
.border-s-new[b-rdts8colqq] {
    border-color: rgba(79, 70, 229, 0.7);
}

.border-s-running[b-rdts8colqq] {
    border-color: rgba(234, 179, 8, 0.7);
}

.border-s-complete[b-rdts8colqq] {
    border-color: rgba(22, 163, 74, 0.7);
}

.border-s-failed[b-rdts8colqq] {
    border-color: rgba(220, 38, 38, 0.7);
}
/* /Pages/Components/TabControl.razor.rz.scp.css */
.tabs-vertical[b-imy4q6bk3c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    border-width: 0;
    border-right: 1px solid var(--tw-gray-200);
}

    .tabs-vertical .tab[b-imy4q6bk3c] {
        padding: 0.7rem 0.75rem;
        /*  box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: var(--tw-gray-200);
        border-bottom: 1px solid var(--tw-gray-200);*/
    }

        .tabs-vertical .tab.active[b-imy4q6bk3c] {
            border-width: 0;
            border-right: 2px solid var(--tw-primary);
        }
/* /Pages/Components/TabItem.razor.rz.scp.css */
/* /Pages/Components/TabView.razor.rz.scp.css */
.tab-container[b-j8g3c2cyay] {
    display: flex;
    gap: 1rem;
}

    .tab-container.vertical[b-j8g3c2cyay] {
        flex-direction: row;
    }

    .tab-container.horizontal[b-j8g3c2cyay] {
        flex-direction: column;
    }

.tabs[b-j8g3c2cyay] {
    display: flex;
    gap: 0.5rem;
}

    .tabs.horizontal[b-j8g3c2cyay] {
        flex-direction: row;
        /*border-bottom: 1px solid darkgray;*/
        padding-bottom: 0.5rem;
    }

    .tabs.vertical[b-j8g3c2cyay] {
        flex-direction: column;
        /*border-right: 1px solid gray;*/
        padding-right: 0.5rem;
        min-width: 200px;
    }

.tab[b-j8g3c2cyay] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
    width: 100%;
    justify-content: flex-start;
    text-align: left;
}

    .tab:hover[b-j8g3c2cyay] {
        color: #3b82f6;
    }

.tabs.horizontal .tab.active[b-j8g3c2cyay] {
    color: #3b82f6;
    border-bottom: 2px solid #3b82f6;
 /*   margin-bottom: -0.5rem;*/
}

.tabs.vertical .tab.active[b-j8g3c2cyay] {
    color: #3b82f6;
    border-right: 2px solid #3b82f6;
   /* margin-right: -0.5rem;*/
}

.tab i[b-j8g3c2cyay] {
    font-size: 1.25rem;
}
/*
.tab-content {
    padding: 1rem;
    flex: 1;
}
*/
/* /Pages/Playground_old.razor.rz.scp.css */