:root {
  --enciva-nav: #1565c0;
  --enciva-accent: #00838f;
  --enciva-bg: #f4f7fb;
}

body {
  background: var(--enciva-bg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.enciva-nav {
  background: var(--enciva-nav);
}

.enciva-nav .brand-logo {
  font-weight: 600;
  letter-spacing: 0.02em;
}

.nav-tag {
  opacity: 0.85;
  font-size: 0.95rem;
}

.enciva-main {
  flex: 1;
  padding: 2rem 0 3rem;
}

.dropzone {
  border: 2px dashed #90caf9;
  border-radius: 8px;
  padding: 2rem 1rem;
  text-align: center;
  background: #fff;
  cursor: pointer;
  margin-top: 1rem;
}

.dropzone.dragover {
  border-color: var(--enciva-accent);
  background: #e0f7fa;
}

.dropzone input[type="file"] {
  display: none;
}

.meta-row {
  margin-bottom: 0;
}

#layers-table td,
#layers-table th {
  font-size: 0.92rem;
}

#error-details {
  padding: 0.75rem;
  overflow: auto;
  display: none;
}

#error-details.show {
  display: block;
}

.enciva-footer {
  background: #1e3a5f;
  padding: 1rem 0;
}

.enciva-footer .container {
  color: #cfd8dc;
}

.btn {
  background: var(--enciva-accent);
}

.btn:hover {
  background: #006064;
}

.progress {
  margin-top: 1.5rem;
}

.collection-item.warning {
  border-left: 4px solid #ffb300;
}

#raster-table th {
  width: 8rem;
}

#output-format-other {
  margin-top: 0.5rem;
}