/* === Home Screen === */
#screen-home {
  padding-top: env(safe-area-inset-top, var(--space-md));
}

.exercise-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  flex: 1;
}

/* === Exercise Screen === */
#screen-exercise {
  justify-content: space-between;
  align-items: center;
  padding-top: env(safe-area-inset-top, var(--space-md));
}

.exercise-top-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-sm) 0;
}

#screen-exercise .command-display {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === Settings Screen === */
#screen-settings {
  padding-top: env(safe-area-inset-top, var(--space-md));
  overflow-y: auto;
}

#screen-settings .screen-header {
  gap: var(--space-sm);
  justify-content: flex-start;
}