* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background: #1e2227;
    color: #abb2bf;
    font-family: 'JetBrains Mono', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.7;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#output {
    flex: 1;
    overflow-y: auto;
    padding: 24px 32px 8px;
}
#output::-webkit-scrollbar { width: 4px; }
#output::-webkit-scrollbar-thumb { background: #3e4451; border-radius: 2px; }

.line { display: block; white-space: pre-wrap; }
.blank { display: block; height: .2em; }

.white  { color: #efefef; font-weight: bold; }
.cmd    { color: #e06c75; }   /* red — command names */
.link   { color: #98c379; }   /* green — symlink targets / urls */
.name   { color: #61afef; }   /* blue — symlink names */
.dim    { color: #5c6370; }
.bold   { color: #efefef; font-weight: bold; }
.err    { color: #e06c75; }
.sep    { color: #5c6370; }
.it     { font-style: italic; color: #5c6370; }
.comment{ color:#a87046; }

a-like  { cursor: pointer; }
.link:hover { text-decoration: underline; cursor: pointer; }

#top-bar {
    display: flex;
    justify-content: space-between; /* Empuja la info a la izq y el reloj a la dch */
    position: sticky; /* Hace que se quede fija arriba al hacer scroll */
    top: 0;
    background-color: #282c34; /* Fondo oscuro para que contraste */
    color: #abb2bf;
    padding: 10px 20px;
    font-size: 0.85em;
    border-bottom: 1px solid #4b5263; /* Línea que separa la barra del output */
    z-index: 10;
}
#top-clock {
    font-weight: bold;
}
#input-row {
    display: flex;
    align-items: center;
    padding: 4px 32px 20px;
    flex-shrink: 0;
    padding-top: 15px;
    border-top: 1px solid #4b5263;
}
#prompt {
    color: #abb2bf;
    margin-right: 6px;
    user-select: none;
    flex-shrink: 0;
}
#cmd-input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #efefef;
    font-family: inherit;
    font-size: inherit;
    caret-color: #abb2bf;
}