/* Terminal Styles */
.terminal-container {
    font-family: 'Fira Code', 'Consolas', 'Monaco', 'Courier New', monospace;
}

.terminal-wrapper {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.terminal-output {
    min-height: 400px;
    max-height: 600px;
    scrollbar-width: thin;
    scrollbar-color: #4b5563 #1f2937;
}

.terminal-output .output-entry {
    animation: fadeIn 0.3s ease-in;
}

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

.terminal-input input {
    caret-color: #10b981;
}

.terminal-input input::selection {
    background-color: rgba(16, 185, 129, 0.3);
}

/* Syntax Highlighting for Output */
.terminal-output .keyword {
    color: #f59e0b;
}

.terminal-output .string {
    color: #10b981;
}

.terminal-output .number {
    color: #3b82f6;
}

.terminal-output .comment {
    color: #6b7280;
    font-style: italic;
}

/* Loading Animation */
.terminal-loading {
    display: inline-block;
    width: 80px;
    height: 20px;
}

.terminal-loading:after {
    content: " ";
    display: block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border-radius: 50%;
    border: 2px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: terminal-loading 1.2s linear infinite;
}

@keyframes terminal-loading {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Autocomplete Dropdown */
.terminal-autocomplete {
    backdrop-filter: blur(10px);
    background-color: rgba(31, 41, 55, 0.95);
}

/* Responsive Design */
@media (max-width: 640px) {
    .terminal-output {
        min-height: 300px;
        max-height: 400px;
    }
    
    .terminal-wrapper {
        font-size: 0.875rem;
    }
}