/* Header, Navigation, Compile Status */

.header {
    display: flex; align-items: center; justify-content: space-between;
    height: var(--header-height); padding: 0 var(--space-12);
    background: var(--color-bg-secondary); border-bottom: 1px solid var(--color-border);
    z-index: var(--z-header);
}

.header-left, .header-center, .header-right {
    display: flex; align-items: center; gap: var(--space-10);
}

.logo {
    display: flex; align-items: center; gap: var(--space-8);
    font-weight: var(--font-weight-bold); font-size: 15px; color: var(--color-text-primary);
}
.logo i { color: var(--color-accent-primary); font-size: 18px; }

.project-name input {
    background: transparent; border: 1px solid transparent;
    color: var(--color-text-primary); font-size: var(--font-size-lg);
    font-weight: var(--font-weight-medium); padding: var(--space-6) var(--space-10);
    border-radius: var(--radius-sm); transition: var(--transition-normal);
}
.project-name input:hover { background: var(--color-bg-hover); }
.project-name input:focus { outline: none; border-color: var(--color-accent-primary); background: var(--color-bg-tertiary); }

.compile-status {
    display: flex; align-items: center; gap: var(--space-8);
    padding: var(--space-6) var(--space-12); background: var(--color-bg-tertiary);
    border-radius: var(--radius-sm); font-size: var(--font-size-md);
}
.compile-status.compiling { color: var(--color-accent-warning); }
.compile-status.success { color: var(--color-accent-success); }
.compile-status.error { color: var(--color-accent-danger); }

/* Project Selector */
.project-selector { display: flex; align-items: center; gap: var(--space-8); padding: var(--space-8); }
.project-selector select {
    flex: 1; padding: var(--space-6) var(--space-10);
    background: var(--color-bg-tertiary); border: 1px solid var(--color-border);
    border-radius: var(--radius-sm); color: var(--color-text-primary); font-size: var(--font-size-md); cursor: pointer;
}
.project-selector select:focus { outline: none; border-color: var(--color-accent-primary); }