/* layout.css — Page layout, header, main content */

/* App layout */
.app-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Header */
.app-header {
  display: flex;
  align-items: center;
  padding: var(--space-md) var(--space-xl);
  border-bottom: 1px solid var(--border);
  background: var(--bg-secondary);
}

.app-header-left {
  flex-shrink: 0;
}

.app-header-center {
  flex: 1;
  display: flex;
  justify-content: center;
}

.app-header-center .splitter-input-row {
  margin-bottom: 0;
}

/* Main content */
.main-content {
  flex: 1;
  padding: var(--space-xl);
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  min-width: 0;
}

/* View sections */
.view-section {
  display: none;
}

.view-section.active {
  display: block;
}