/* =============================================================================
   base.css - Reset and Base Styles
   ============================================================================= */

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #252924 0%, #192218 100%);
    min-height: 100vh;
    color: #333;
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .card {
        background: #2d3748;
        color: #e2e8f0;
    }
    
    .card h2 {
        color: #90cdf4;
    }
    
    .form-group input,
    .form-group select {
        background: #4a5568;
        border-color: #718096;
        color: #e2e8f0;
    }
    
    .results-table {
        background: #2d3748;
    }
    
    .results-table th {
        background: #4a5568;
    }
    
    .results-table td {
        border-color: #4a5568;
        color: #e2e8f0;
    }
    
    .codemirror-container {
        border-color: #4a5568;
    }
    
    .CodeMirror-hints {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }
    
    .CodeMirror-hint:hover {
        background: #4a5568;
        color: #e2e8f0;
    }
    
    .parameter-tooltip {
        background: #2d3748;
        border-color: #4a5568;
        color: #e2e8f0;
    }
    
    .parameter-tooltip::before,
    .parameter-tooltip::after {
        display: none !important;
    }
    
    .tooltip-header {
        background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
    }
    
    .tooltip-param {
        border-color: #4a5568;
    }
    
    .param-name {
        color: #a0aec0;
    }
    
    .param-value {
        color: #e2e8f0;
        background: #4a5568;
        border-color: #718096;
    }
}

/* Print Styles */
@media print {
    body {
        background: white;
        color: black;
    }
    
    .header {
        color: black;
    }
    
    .card {
        box-shadow: none;
        border: 1px solid #ccc;
    }
    
    .run-btn,
    .control-btn,
    .action-btn {
        display: none;
    }
    
    .progress-container {
        display: none;
    }
}