:root {
    --bs-dark-rgb: 13, 27, 42;
    --bs-secondary-rgb: 27, 38, 59;
    --bs-body-bg: #0d1b2a;
    --bs-body-color: #e0e1dd;
    --primary-accent: #00f5d4;
    --primary-accent-rgb: 0, 245, 212;
    --secondary-accent: #00b4d8;
    --danger-color: #f94144;
    --success-color: #90be6d;
    --link-color: var(--primary-accent);
    --link-hover-color: #fff;
}

body {
    font-family: 'Roboto Mono', monospace;
}

a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover-color);
}

gr {
    color: var(--success-color);
}

rd {
    color: var(--danger-color);
}

.table {
    --bs-table-bg: #1b263b;
    --bs-table-border-color: #404a69;
    --bs-table-hover-bg: #223344;
}

.table td,
.table th {
    white-space: nowrap;
}

.btn-main {
    background-color: transparent;
    border: 1px solid var(--primary-accent);
    color: var(--primary-accent);
    transition: all 0.2s ease-in-out;
}

.btn-main:hover {
    background-color: var(--primary-accent);
    color: var(--bs-body-bg);
    box-shadow: 0 0 15px rgba(var(--primary-accent-rgb), 0.5);
}

.modal-content {
    background-color: #1b263b;
    border: 1px solid var(--primary-accent);
}

.form-control,
.form-select {
    background-color: #0d1b2a;
    color: #fff;
    border-color: #404a69;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--primary-accent);
    box-shadow: 0 0 0 .25rem rgba(var(--primary-accent-rgb), .25);
    background-color: #0d1b2a;
    color: #fff;
}


.path-bar a,
.path-bar span {
    color: #8e9aaf;
}

.path-bar a:hover {
    color: #fff;
}

.banner {
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, rgba(27, 38, 59, 0.8), rgba(13, 27, 42, 0.9));
    border-radius: 8px;
    margin-bottom: 1.5rem;
    border: 1px solid #404a69;
}

.banner-title {
    font-size: 2rem;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 10px var(--primary-accent);
}

.banner-text {
    color: var(--primary-accent);
}

#toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 9999;
}

.toast {
    width: 350px;
    max-width: 100%;
}

.output-console {
    background: #000;
    color: #eee;
    font-family: 'Roboto Mono', monospace;
    font-size: 0.85em;
    max-height: 400px;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: 5px;
    padding: 1rem;
}

/* Specific styles for login page if needed */
.login-container {
    max-width: 400px;
    margin: 15vh auto;
    padding: 2rem;
    background-color: #1b263b;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

.shell-name {
    font-family: 'Courier New', Courier, monospace;
    color: var(--primary-accent);
    text-align: center;
    margin-bottom: 1.5rem;
}

#editorContent {
    font-family: 'Roboto Mono', monospace;
}