/* Styles for the Console IO Search Plugin */

/* Full-screen container for the console */
#cios-console-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #111827; /* Dark background */
    font-family: 'Fira Code', monospace, sans-serif;
    z-index: 99999; /* Ensure it's on top of everything */
    display: flex;
    flex-direction: column;
    color: #E5E7EB;
}

/* Console output area */
#cios-console-output {
    flex-grow: 1;
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.6;
    overflow-y: auto;
}

/* Console input area */
#cios-console-input-area {
    padding: 0.5rem 1rem;
    border-top: 1px solid #374151;
    display: flex;
    align-items: center;
}

/* The input field itself */
#cios-console-input {
    flex-grow: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #E5E7EB;
    font-size: 1rem;
    font-family: 'Fira Code', monospace, sans-serif;
    margin-left: 0.5rem;
    caret-color: #6EE7B7; /* Green cursor */
}

/* The prompt symbol */
.cios-prompt {
    color: #6EE7B7;
    font-weight: 500;
}

/* Utility color classes used in JS */
.text-gray-200 { color: #E5E7EB; }
.text-gray-300 { color: #D1D5DB; }
.text-gray-400 { color: #9CA3AF; }
.text-red-400 { color: #F87171; }
.text-yellow-400 { color: #FBBF24; }
.text-green-400 { color: #34D399; }
.text-blue-400 { color: #60A5FA; }
.text-teal-300 { color: #5EEAD4; }
.mt-1 { margin-top: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }

/* Styling for links in the output */
#cios-console-output a {
    color: #93C5FD;
    text-decoration: underline;
}
#cios-console-output a:hover {
    color: #BFDBFE;
}