/* Workflow Pages Styles */

.workflow-section-description {
    font-size: 1.125rem;
    color: var(--muted-foreground);
}

.workflow-item-text {
    font-size: 1.125rem;
}

.workflow-card {
    cursor: pointer;
    transition: all 0.3s;
}

.workflow-card:hover {
    box-shadow: var(--shadow-strong);
}

.workflow-image {
    transition: transform 0.5s;
}

.workflow-card:hover .workflow-image {
    transform: scale(1.1);
}

.workflow-card .card-title {
    transition: color 0.3s;
}

.workflow-card:hover .card-title {
    color: var(--primary);
}

.workflow-image-container {
    height: 192px;
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}

.workflow-image-overlay {
    background: linear-gradient(to top, hsl(210, 100%, 99%), hsla(210, 100%, 99%, 0.5), transparent);
}

.workflow-diagram-container {
    background-color: hsla(215, 20%, 96%, 0.3);
    min-height: 400px;
}

.workflow-setup-card {
    background-color: hsla(215, 20%, 96%, 0.3);
}

.workflow-cta-card {
    background: linear-gradient(135deg, hsl(210, 100%, 45%), hsl(185, 85%, 50%));
}

.workflow-cta-text {
    opacity: 0.9;
}

.workflow-section-description {
    font-size: 1.125rem;
    color: var(--muted-foreground);
}

.workflow-item-text {
    font-size: 1.125rem;
}

.workflow-cta-btn-outline {
    background: transparent;
    border-color: white;
    color: white;
}

.workflow-cta-btn-outline:hover {
    background: white;
    color: var(--primary);
}