/**
 * Component Styles
 * Styles for GRUB, Boot Sequence, and Terminal components
 */

/* Screen Layout System */
.screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.screen.active {
    display: block;
}

.screen.hidden { display: none; }

/* GRUB Bootloader */
.grub-screen {
    z-index: var(--z-grub);
    background: var(--color-black);
    color: var(--color-bright-white);
    padding: var(--spacing-lg);
    font-size: var(--font-size-grub);
    line-height: var(--line-height-base);
}

.grub-line {
    opacity: 0;
    transition: opacity var(--transition-base) var(--easing-default);
}

.grub-line.show { opacity: 1; }

.grub-selected {
    background: var(--color-bright-white);
    color: var(--color-black);
}

/* Boot Sequence */
.boot-sequence 
{
    z-index: var(--z-boot);
    background: var(--color-black);
    color: var(--boot-text);
    padding: var(--spacing-lg);
    font-size: var(--font-size-boot);
    line-height: var(--line-height-base);
    overflow-y: auto;
}

.boot-line {
    opacity: 0;
    white-space: pre-wrap;
    transition: opacity 0.1s var(--easing-default);
}

.boot-line.show {
    opacity: 1;
}

/* Terminal */
.terminal {
    z-index: var(--z-terminal);
    background: var(--terminal-bg);
    color: var(--terminal-text);
    padding: var(--spacing-lg);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    overflow-y: auto;
}

.terminal-output {
    margin-bottom: var(--spacing-sm);
}

.terminal-line
{
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Input Line */
.input-line {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xs);
}

.prompt {
    flex-shrink: 0;
    user-select: none;
}

#terminal-input {
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    outline: none;
    flex: 1;
    caret-color: var(--terminal-text);
}

#terminal-input:focus { outline: none; }