.state.active {
    background: #912F40 !important;
    color: #FFFFFA !important;
    font-weight: 600 !important;
}

.state.active .status-dot { opacity: 1 !important; }

#state-pending.active .status-dot { animation: pulseDull 1s infinite alternate; }
@keyframes pulseDull {
    from { opacity: 0.4; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1.4); }
}

.btn:disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    pointer-events: none;
}

.code-line {
    display: block;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
    border-left: 3px solid transparent;
}

.code-line .kw { font-weight: 600; color: #702632; }
.code-line .str { color: #912F40; }
.code-line .var { color: #40434E; }
.code-line .op { color: #080705; font-weight: 600; }

.code-line.active {
    background-color: rgba(64, 67, 78, 0.05);
    border-left: 3px solid #40434E;
}
.code-line.error-active {
    background-color: rgba(145, 47, 64, 0.05);
    border-left: 3px solid #912F40;
}
.code-line.success-active {
    background-color: rgba(112, 38, 50, 0.05);
    border-left: 3px solid #702632;
}

.log-entry {
    animation: fadeIn 0.3s ease forwards;
    word-break: break-word;
    border-left: 3px solid transparent;
    padding: 0.4rem 0.6rem;
    border-radius: 4px;
    background: rgba(8, 7, 5, 0.02);
}
.log-entry.system { 
    color: #40434E; 
    border-left-color: rgba(64, 67, 78, 0.2); 
}
.log-entry.exec { 
    color: #080705; 
    font-weight: 600; 
    border-left-color: #40434E; 
    background: rgba(64, 67, 78, 0.08); 
}
.log-entry.success { 
    color: #702632; 
    font-weight: 600; 
    border-left-color: #702632; 
    background: rgba(112, 38, 50, 0.05); 
}
.log-entry.error { 
    color: #912F40;  
    font-weight: 600; 
    border-left-color: #912F40; 
    background: rgba(145, 47, 64, 0.05); 
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(-5px); }
    to { opacity: 1; transform: translateX(0); }
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-thumb { background: rgba(64, 67, 78, 0.2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(64, 67, 78, 0.4); }