/* ==========================================================================
   DEFNE SANDBOX - ACADEMIC ANIMATIONS (css/animations.css)
   ========================================================================== */

/* Very subtle blinking status indicator for active agents */
.agent-node.thinking .node-status-dot {
    animation: statusBlinkAmber 1.2s infinite ease-in-out;
}

.agent-node.working .node-status-dot {
    animation: statusBlinkGreen 1.2s infinite ease-in-out;
}

@keyframes statusBlinkAmber {
    0% { background-color: rgba(245, 158, 11, 0.4); }
    50% { background-color: rgba(245, 158, 11, 1); }
    100% { background-color: rgba(245, 158, 11, 0.4); }
}

@keyframes statusBlinkGreen {
    0% { background-color: rgba(34, 197, 94, 0.4); }
    50% { background-color: rgba(34, 197, 94, 1); }
    100% { background-color: rgba(34, 197, 94, 0.4); }
}

/* Simple fade-in helper */
@keyframes logFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Tab indicator clean transition */
.tab-btn {
    position: relative;
}
.tab-btn::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--color-border-active);
    transition: width var(--transition-fast) ease, left var(--transition-fast) ease;
}
.tab-btn.active::after {
    width: 100%;
    left: 0;
}